@charset "UTF-8";
/*
Theme Name: Union Theme responsive prost 2021
Author: unionnet
Author URI: http://unionnet.jp
Version: 1.1
*/

html {
	overflow-y: scroll;
}

body {
	line-height: 1;
	color: #000;
}

/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

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

ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

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

a[href^="tel:"] {
	pointer-events: none;
	color: inherit;
	text-decoration: none;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

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

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

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
body {
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
	*font-size: small;
	*font: x-small;
}

select, input, button, textarea {
	font: arial, helvetica, clean, sans-serif;
}

table {
	font-size: inherit;
	font: 100%;
}

pre, code, kbd, samp, tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

small {
	font-size: 10px;
}

[class^="mark"] {
	padding-left: 15px;
	background: no-repeat left .5em;
}

.mark1 {
	background-image: url(../img/share/mark_1.gif);
}

.mark2 {
	background-image: url(../img/share/mark_2.gif);
}

.mark3 {
	background-image: url(../img/share/mark_3.gif);
}

.mark4 {
	background-image: url(../img/share/mark_4.gif);
}

.mark5 {
	background-image: url(../img/share/mark_5.gif);
}

.opacity {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

img.fade:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	cursor: pointer;
}

.inline_block, #main .wp-pagenavi a, #main .wp-pagenavi span, #main .wp-pagenavi .alignleft, #main .wp-pagenavi .center, #main .wp-pagenavi .alignright {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.table_cell {
	display: table-cell;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}

.ovfl {
	overflow: hidden;
}

.fr, .imgR, .alignright {
	float: right;
	margin-left: 20px;
}

.fl, .imgL, .alignleft {
	float: left;
	margin-right: 20px;
}

.imgC, .tC, .btn, .aligncenter {
	text-align: center;
}

.imgC, .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.imgC a:hover {
	opacity: .8;
}

.tR, .sign {
	text-align: right;
}

.box_size {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.ts_none {
	-webkit-text-shadow: none !important;
	-moz-text-shadow: none !important;
	-ms-text-shadow: none !important;
	-o-text-shadow: none !important;
	text-shadow: none !important;
}

.bs_none {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.pc_none {
	display: none;
}

.sp_none {
	display: block;
}

.sp_none.inline {
	display: inline !important
}

.pc_none.inline {
	display: none !important
}

/*----------------------------------------------------
	各ページのスタイル
----------------------------------------------------*/
#privacy {
	margin: 20px 0;
}

body#privacy {
	margin: 0;
}

#privacy dl dd p {
	margin: 10px 0;
}

/*----------------------------------------------------
	element style
----------------------------------------------------*/
body {
	background: #fff;
	color: #0e0e0e;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

input, textarea {
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

* html body, * html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

.mc {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	/font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.externalIcon {
	margin: 0 3px;
	vertical-align: middle;
}

a, a:link {
	color: #1A75BB;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

a:visited {
	color: #1A75BB;
}

a:hover {
	text-decoration: underline;
	color: #A3C8E4;
}

a:active {
	color: #1A75BB;
}

img {
	line-height: 1;
	font-size: 0;
	vertical-align: top;
	height: auto;
}

.pagetop a {
	display: block;
	width: 100px;
	margin: 0 auto;
}

.pageup {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
}

/*
.hiragino-kakugo{
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3';
}
*/
/* テーブル共通指定
----------------------------------------------- */
table {
	width: 100%;
	margin: 0 auto 20px;
	border-collapse: collapse;
}

th, td {
	padding: 10px;
	border: 1px solid #CCC;
	vertical-align: top;
}

/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width: 100%;
	margin: 0 auto;
	font-size: 108%;
}

.inner {
	width: 1000px;
	margin: 0 auto;
}

/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
#header {
	width: 100%;
}

#header .inner {
	position: relative;
	width: 100%;
	height: 120px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 3;
}

#logo {
	padding: 22px 0 0 2%;
}

#logo a:hover {
	opacity: .8;
}

#logo img {
	max-width: 100%;
}

/* Gナビ
----------------------------------------------------------- */
#gNav {
	width: 70%;
}

#gNav .inner {
	width: 100%;
	margin: 0 auto;
	padding: 0 !important;
	height: 120px;
	z-index: 999;
}

#gNav ul {
	width: 100%;
	z-index: 999;
	display: flex;
	justify-content: space-between;
}

/*----------------------------------------------------
	ドロップダウンメニュー
----------------------------------------------------*/

#dropmenu {
	list-style-type: none;
}

#dropmenu li {
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
	flex-grow: 1;
}

#dropmenu li a {
	display: block;
	margin: 0;
	color: #0e0e0e;
	font-size: 1rem;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
	line-height: 120px;
}

@media screen and (max-width:1140px) {
	#dropmenu li a {
		font-size: 0.8rem;
	}
}

#dropmenu li.contact a {
	color: #0652b8;
}

#dropmenu li:hover>a {
	opacity: 0.7;
}

#dropmenu>li>a {
	position: relative;
}

#dropmenu>li.all_menu>a {
	background: #036eb8;
	background: -moz-linear-gradient(left, #036eb8 0%, #0742b8 100%);
	background: -webkit-linear-gradient(left, #036eb8 0%, #0742b8 100%);
	background: linear-gradient(to right, #036eb8 0%, #0742b8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#036eb8', endColorstr='#0742b8', GradientType=1);
	color: #FFF;
}

#dropmenu>li.has-child>a:after {
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #0e0e0e;
	vertical-align: 0.1em;
	position: absolute;
	left: 50%;
	bottom: 1.4em;
	margin-left: -6px;
}

#dropmenu>li.has-child.all_menu>a:after {
	border-top: 6px solid #FFF;
}

#dropmenu li ul {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	border-radius: 0 0 3px 3px;
	/* box-shadow: 9px 4px 15px 0 rgba(0,0,0,0.6);*/
	display: none;
	width: 26em;
}

#dropmenu li.all_menu ul.child {
	/*width: 100vw;*/
	width: 300px;
	box-sizing: border-box;
	padding: 0;
	/*left: auto;*/
	left: 0;
	right: 0;
	/*
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036eb8', endColorstr='#0742b8',GradientType=1 );
	*/
}

#dropmenu li.all_menu ul.child ul.sub-child {
	position: relative;
}

/*全てのメニュー変更*/
#dropmenu li.all_menu ul.child li {
	/*width: 23%;*/
	width: 100%;
	background: rgba(5, 91, 176, 0.9);
	/*
	background: rgba(3,110,184,0.89);
	background: -moz-linear-gradient(left,  rgba(3,110,184,0.89) 0%, rgba(7,66,184,0.85) 100%);
	background: -webkit-linear-gradient(left,  rgba(3,110,184,0.89) 0%,rgba(7,66,184,0.85) 100%);
background: linear-gradient(to right, rgba(3,110,184,0.89) 0%,rgba(7,66,184,0.85) 100%);	
*/
}

#dropmenu li.all_menu ul.child li.grade_14 {
	position: initial;
}

#dropmenu li.all_menu ul.child li span {
	width: 100%;
}

#dropmenu li.all_menu ul.child li .child-wrap {
	height: 100%;
	width: 320px;
	position: absolute;
	top: 0;
	left: 300px;
	opacity: 0;
	visibility: hidden;
}

#dropmenu li.all_menu ul.child li ul.sub-child {
	width: auto;
	display: inline-block;
	left: 0;
	top: 0;
	position: absolute;
	text-align: left;
	background: rgba(0, 58, 137, 0.9);
}

#dropmenu li.all_menu ul.child li ul.sub-child li {
	background: none;
	width: 100%;
}

#dropmenu li.all_menu ul.child li ul.sub-child li a {
	padding: 1.5em 2em;
}

#dropmenu li.all_menu ul.child li.has-sub {}

#dropmenu li.all_menu ul.child li.has-sub span {
	position: relative;
}

#dropmenu li.all_menu ul.child li.has-sub span::after {
	display: inline-block;
	content: '▶';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1vw;
	font-size: 10px;
}

#dropmenu li.all_menu ul.child li.has-sub:hover span::after {
	color: #fcfd03;
	right: 0.5vw;
	transition: 0.3s;
}

#dropmenu li.all_menu ul.child li.has-sub:hover .child-wrap {
	opacity: 1;
	visibility: inherit;
}

#dropmenu li.all_menu ul.child li.has-sub:hover ul.sub-child li {}

#dropmenu li.all_menu ul.child li.has-sub:hover {
	background: rgba(0, 58, 137, 0.9);
}

/*----------------------------------------------------------------------*/
/*ヘッダメニュー内　↓↓↓　　20211026　*/
/*----------------------------------------------------------------------*/

#dropmenu li.all_menu ul.child ul.sub-child li {
	/*
    padding: 7px;
    */
}

#dropmenu li.all_menu ul.child ul.sub-child li a {
	/*
	background: #fff;
    color: #2467c1;
    border-radius: 8px;
    text-align: center;    
    */
	text-decoration: none;

}

#dropmenu li.all_menu ul.child ul.sub-child li a:hover {
	/*
	    opacity: 0.8;
    background: #ffffff;
    */
}

/*----------------------------------------------------------------------*/
/*ヘッダメニュー内　↑↑↑　　*/
/*----------------------------------------------------------------------*/
#dropmenu li.has-child:hover ul {
	display: block;
}

#dropmenu li ul li {
	overflow: hidden;
	width: 100%;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	float: none;
}

#dropmenu li ul li.has-sub {
	display: flex;
	justify-content: space-between;
}

#dropmenu li ul li.has-sub .sub-ttl {
	width: 25%;
	text-align: left;
	/*color: #CCC;*/
	padding: 1.5em 1em;
	box-sizing: border-box;
	cursor: pointer;
}

#dropmenu li ul li.has-sub .no-cursor {
	/*color: #CCC;*/
}

#dropmenu li ul li.has-sub .no-cursor:hover {
	cursor: text;
}

#dropmenu li ul li.has-sub .sub-child {
	width: 75%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

#dropmenu li ul li.has-sub .sub-child li {
	width: 25%;
	flex-grow: 0;
}

#dropmenu li.pc_last ul li {
	width: 100%;
}

#dropmenu li ul li a {
	padding: 1.4em !important;
	background: #0652b8;
	text-align: left;
	font-weight: normal;
	color: #FFF;
}

#dropmenu li.all_menu ul.child li a {
	background: transparent;
	padding: 1.5em 1em;
	font-size: inherit;
}

#dropmenu li.all_menu ul.child li .sub-ttl a {
	padding: 0;
}

#dropmenu li.all_menu ul.child li .sub-ttl a:hover {
	background: none;
}

#dropmenu li ul li a:hover {
	background: #2467c1;
}

#dropmenu li:hover ul li {
	overflow: visible;
	border-top: 1px solid #2467c1;
	/*border-bottom: 1px solid #616d0b;*/
	border-left: none;
}

#dropmenu li.all_menu:hover ul li {
	border-top: none;

}

#dropmenu li:hover ul.sub-child li {
	border-top: none;
}

#dropmenu li ul li:first-child {
	border-top: 0;
}

#dropmenu li:hover ul li:last-child {
	border-bottom: 0;
}

#dropmenu li:hover ul li:last-child a {
	border-radius: 0 0 3px 3px;
}

#dropmenu li:hover ul li a {
	line-height: 1.4;
}

#dropmenu li:hover ul li a:hover {
	opacity: 1;
	background: #2467c1;
}

#dropmenu li.all_menu:hover ul li a:hover {
	background: rgba(255, 255, 255, 0.2);
}

#dropmenu li#blink span {
	position: absolute;
	left: 50%;
	top: -4px;
	width: 14em;
	margin-left: -7em;
	text-align: center;
	font-size: 12px;
	background: #018400;
	color: #FFF;
	line-height: 1.8;
	z-index: 4;
	animation: blinking 3s ease-out;
}

#dropmenu li#blink span:before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	bottom: -5px;
	margin-left: -2.5px;
	border-top: 5px solid #018400;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}

@keyframes blinking {
	0% {
		top: -4px;
	}

	5% {
		top: 2px;
	}

	10% {
		top: -6px;
	}

	15% {
		top: 0;
	}

	20% {
		top: -4px;
	}
}

/* メインイメージ
----------------------------------------------------------- */
#mainVisual {
	background: url("../../../../common/img/bg_main.gif");
	margin-bottom: 20px;
}

#mainVisual .innerPage {
	width: 100%;
	/* max-width:1000px; */
	background: url("../../../../common/img/bg_main02.jpg") no-repeat center center / cover;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 180px;
	justify-content: flex-start;
}

#mainVisual h1 {
	font-size: 250%;
	color: #fff;
	text-shadow: 0 0 5px #555;
	width: 48%;
}

#mainVisual h2 {
	font-size: 250%;
	color: #fff;
	text-shadow: 0 0 5px #555;
	width: 50%;
	margin-left: 50px;
}

.sp_crumbsWrapper {
	position: relative;
}

.sp_crumbsWrapper .crumbsWrapper {
	bottom: auto;
	position: relative;
}

.sp_crumbsWrapper .crumbsWrapper .inner {
	background: none !important;
	padding: 0 !important;
	color: #0e0e0e !important;
}

.sp_crumbsWrapper .crumbsWrapper .inner #crumbs {
	text-align: left;
}

.crumbsWrapper {
	position: absolute;
	/*
	right: 10px;
	*/
	left: 0;
	bottom: 10px;
	/*display: inline-block;*/
}

.crumbsWrapper .inner {
	width: auto;
}

#crumbs {
	background: rgba(255, 255, 255, 0.7);
	/*
	border-radius:5px;
	*/
	padding: 5px 15px;
	/*color: #999;*/
	text-align: right;
	font-size: 12px;
}

#crumbs li {
	display: inline;
}

#crumbs li a {
	text-decoration: underline;
}

#crumbs li br {
	display: none;
}

/*----------------------------------------------------
	フッター
----------------------------------------------------*/
#footer {
	width: 100%;
	background: url("../../../../common/img/bg_footer.gif");
	font-size: 85%;
	line-height: 150%;
}

.pagetop {}

.pagetop a {
	background: #0e0e0e;
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 1.125rem;
	padding: 1.281em 0;
	letter-spacing: 0.08em;
}

.pagetop a:after {
	content: "";
	background: url("../../../../common/img/ico_arrow_top_white.svg") no-repeat center center / contain;
	display: inline-block;
	width: 0.9em;
	height: 1em;
	vertical-align: -0.2em;
	margin-left: 0.8em;
}

.pagetop a:hover {
	opacity: .8;
	text-decoration: none;
}

#footer .inner {
	padding: 25px 0;
	overflow: hidden;
}

#footer section {
	width: 250px;
	float: left;
}

#footer section h2 img {
	width: 100%;
}

#footer section .notice {
	background: #FFF;
	padding: 0.8em;
	margin-top: 20px;
}

#footer address {
	font-style: normal;
	padding: 20px 5px 5px;
}

#fNav {
	width: 690px;
	float: right;
}

#fNav ul {
	overflow: hidden;
	margin-bottom: 15px;
}

#fNav li {
	width: 240px;
	float: left;
	margin: 0 10px 10px 0;
}

#fNav ul.clearfix>li:nth-child(3n+4) {
	width: 190px;
	margin: 0 0 10px;
}

#fNav li.has-child {
	width: 100% !important;
	margin-right: 0;
	border-bottom: #bababa 1px solid;
	display: flex;
	justify-content: space-between;
}

#fNav>ul:first-of-type>li:nth-child(2) {
	border-top: #bababa 1px solid;
	padding-top: 15px;
}

#fNav li.has-child ul {
	margin-bottom: 0;
	width: 440px;
}

#fNav li.has-child ul li:nth-child(3n) {
	width: 240px;
	margin: 0 10px 10px 0;
}

#fNav li.has-child ul li:nth-child(2n) {
	width: 190px;
	margin: 0 0 10px;
}

#fNav li.short {
	width: 190px;
	float: left;
	margin: 0 0 10px 0;
}

#fNav a {
	background: url("../../../../common/img/f_arrow.gif") no-repeat left 3px;
	padding: 0 0 0 15px;
	display: block;
}

#fNav li.has-child>a {
	pointer-events: none;
	background: transparent;
	color: #333;
	margin-bottom: 15px;
	width: 240px;
	box-sizing: border-box;
	padding: 0;
}

#fNav li.has-link>a {
	pointer-events: inherit;
	background: url("../../../../common/img/f_arrow.gif") no-repeat left 3px;
	color: #1A75BB;
	padding: 0 0 0 15px;
}

#fNav li.has-link>a:hover {
	text-decoration: underline;
	color: #A3C8E4;
}

#fNav .ttl {
	border-bottom: 1px solid #bababa;
	border-top: 1px solid #bababa;
	margin: 20px 0 10px;
	padding: 10px 0;
	text-align: center;
}

#fNav .subLink li:nth-child(3n) {
	margin-right: 0;
	width: 190px;
}

#copyright {
	text-align: right;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	/*padding: 50px 0;*/
	padding: 20px 0 50px;
	_zoom: 1;
	word-break: normal;
	word-wrap: break-word;
}

/*----------------------------------------------------
	#side
----------------------------------------------------*/
#side {
	float: right;
	width: 240px;
	padding-right: 5px;
}

#side h2 {
	position: relative;
}

#side h2:before {
	content: "";
	display: block;
	background: #FFF;
	width: 10px;
	height: 5px;
	position: absolute;
	left: 2px;
	top: 50%;
	margin-top: -2.5px;
}

#side section h2:before {
	display: none;
}

#side .side_label {
	background: url("../../../../common/img/s_tit_bg_dots.png") repeat;
	color: #fff;
	font-size: 17px;
	padding: 8px 0 8px 20px;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#side .side_label_s {
	background: url("../../../../common/img/s_tit_bg.gif") no-repeat;
	height: 28px;
	color: #fff;
	font-size: 15px;
	padding: 10px 0 0 20px;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#side .side_label_l {
	background: url("../../../../common/img/s_tit_bg.gif") no-repeat;
	height: 38px;
	color: #fff;
	font-size: 17px;
	font-weight: normal;
}

#side .side_label_lg {
	background: url("../../../../common/img/s_tit_bg_dots.png") repeat;
	color: #fff;
	font-size: 17px;
	padding: 8px 0 8px 20px;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#side .side_label_l a {
	color: #fff;
	padding: 8px 0 0 20px;
	display: block;
	height: 32px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#side nav:first-of-type ul:first-of-type {
	display: none;
}

#side nav ul, #side .infoArea {
	border: 1px solid #ddd;
	margin-bottom: 20px;
}

#side nav ul.mb10 {
	margin-bottom: 10px !important;
}

#side .bnr {
	margin-bottom: 20px;
}

#side .bnr a:hover {
	opacity: .8;
}

#side .check a:hover img {
	opacity: .8;
}

#side .at {
	font-weight: normal;
	font-size: 95%;
}

.menu ul, .caseMenu ul {
	padding: 1px;
}

.menu li {
	border-top: 1px solid rgba(184, 184, 184, 0.7);
	line-height: 1.4;
}

.caseMenu li {
	border-top: 1px dotted #ccc;
}

.menu li:first-child, .caseMenu li:first-child {
	border: none;
}

.menu a {
	display: block;
	background: #FAFAFA url("../../../../common/img/sidemenu_arrow.png") no-repeat 95% center;
	padding: 15px 35px 15px 10px;
	border-top: 1px solid #fff;
}

.menu .stand_out {
	position: relative;
}

.menu .stand_out:before {
	content: "注目";
	background: #961200;
	color: #FFF;
	padding: 0.1em 0.4em;
	border-radius: 2px;
	position: absolute;
	left: -1.4em;
	top: -0.6em;
	animation: blink 1.5s ease-in-out infinite alternate;
}

@keyframes blink {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.menu .bnr a {
	padding: 0;
	border-top: none;
}

.menu h2 a {
	display: block;
	background: none;
	padding: 0;
	border-top: none;
}

.caseMenu li a {
	display: block;
	font-size: 95%;
	background: #FAFAFA;
	padding: 10px;
	border-top: 1px solid #fff;
}

.caseMenu .at a {
	background: #E6E4DA;
	color: #900;
}

.caseMenu .at a:hover {
	color: #C0726D;
}

#side .infoArea {
	padding: 10px;
	background: #FAFAFA;
}

#side .infoArea dd {
	padding: 15px 0;
}

#side .infoArea address {
	font-style: normal;
	margin-bottom: 10px;
}

#side .infoArea .notice {
	background: #EEE;
	padding: 0.4em;
	margin-bottom: 10px;
}

#side .kome {
	margin-bottom: 10px;
	font-size: 95%;
}

#side .rusu {
	margin-bottom: 10px;
	font-size: 95%;
	padding-left: 1em;
}

.infoMenu dl {
	font-size: 95%;
	padding: 10px 0 0;
}

.infoMenu dt {
	padding: 5px;
}

.infoMenu dd {
	padding: 0 5px 10px;
	border-bottom: 1px dotted #ddd;
}

#main .infoMenu {
	line-height: 100%;
}

#side .menu p {
	font-size: 16px;
}

#side .menu li.at p {
	font-size: 15px;
}

#side .menu span {
	font-size: 14px;
	display: block;
	margin-top: 5px;
}

/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main {
	float: left;
	width: 650px;
	line-height: 180%;
}

#main table, #main ol, #main ul, #main dl, #main blockquote, #main pre, #main p {
	margin-bottom: 20px;
}

#main section {
	margin-bottom: 40px;
}

#main h1 {
	margin-bottom: 25px;
}

#main h1 a:hover, #main h2 a:hover {
	opacity: .8;
}

#main h2 {
	margin-bottom: 25px;
}

#main h3 {
	margin-bottom: 30px;
}

#main .box02 h2 {
	margin: 0;
}

#main h3.tit {
	border: 1px solid #ddd;
	border-left: 5px solid #1A75BB;
	padding: 10px;
	font-size: 116%;
	margin-bottom: 20px !important;
}

.sec05 {
	margin-top: 60px;
}

#contact {
	position: relative;
}

#contact a:hover {
	opacity: .8;
}

#main em {
	font-weight: bold;
	color: #900;
}

/* 共通要素
----------------------------------------------- */
#main .sec th, #main .sec td {
	border: none;
	border-bottom: 1px dotted #aaa;
	background: #F7F6F2;
	line-height: 150%;
}

#main .sec th {
	background: #E6E4DA;
	width: 30%;
	text-align: left;
}

.at {
	font-weight: bold;
	color: #EA8382;
	font-size: 116%;
}

.middle_at {
	color: #EA8382;
}

#main .sec dt {
	font-weight: bold;
	margin-bottom: 5px;
}

#main .sec dd {
	font-size: 95%;
	margin-bottom: 10px;
}

.dataB a {
	display: inline-block;
	/display: inline;
	background: #1A75BB;
	padding: 5px 15px 5px 10px;
	border-radius: 5px;
	color: #fff;
	line-height: 150% !important;
}

.dataB a:hover {
	background: #6AA5D3;
}

.red {
	color: #C00;
}

.blue {
	color: #1A75BB;
}

.yellow {
	color: #FFFF26;
}

.big {
	font-size: 120%;
}

.f16 {
	font-weight: bold;
	color: #C00;
	font-size: 116%;
}

.kome {
	padding-left: 1em;
	text-indent: -1em;
}

.dis {
	background: #F2EFDC;
	padding: 20px;
	overflow: hidden;
}

ul.nl li {
	list-style-type: disc;
	margin-left: 1.2em;
}

ol.nl li {
	list-style-type: decimal;
	margin-left: 2em;
}

.txtR {
	text-align: right;
}

.txtC, .imgC {
	text-align: center;
}

.txtL {
	text-align: left;
}

.imgArea {
	overflow: hidden;
	margin-bottom: 15px;
	position: relative;
}

.imgR {
	float: right;
	margin: 0 0 0 25px;
}

.imgR small {
	line-height: 1.8;
	display: block;
}

.imgL {
	float: left;
	margin: 0 25px 0 0;
}

.textArea {
	overflow: hidden;
}

.map {
	margin-bottom: 5px;
}

.map iframe {
	width: 100%;
}

h3.point_tex {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 15px !important;
}

h3.check_tex {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 15px !important;
	padding-left: 35px;
	background: url(../../img/fixed/check_box.gif) no-repeat left center;
	height: 24px;
}

.c_patern {
	background: url(../img/bg_c_check.gif) repeat;
	border: 1px solid #9A9A9A;
	margin: 20px 30px;
	padding: 20px;
	font-size: 15px;
}

.c_patern ul, .c_patern ol {
	margin-bottom: 0 !important;
}

.c_patern h3 {
	margin-bottom: 15px !important;
	font-size: 16px;
}

.c_patern a:link {
	text-decoration: underline;
}

.c_patern a:hover {
	text-decoration: none;
}

h2.txt {
	background: url("../../../../img/common/bg_border.png") no-repeat left bottom;
	padding: 6px 0 6px 50px;
	font-size: 32px;
	color: #333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.2;
	position: relative;
}

h2.txt:before {
	display: block;
	content: "";
	width: 41px;
	height: 35px;
	position: absolute;
	left: 0;
	top: 7px;
}

#main section.attention h2 a {
	color: #333;
}

#main section.attention h2:before {
	background: url("../../../../img/common/tip_search.png") no-repeat;
}

#main section.parts h2:before {
	background: url("../../../../img/common/tip_search.png") no-repeat;
}

#main section.ansin h2:before {
	background: url("../../../../img/common/tip_cost.png") no-repeat;
}

#main section.timing h2:before {
	background: url("../../../../img/common/tip_when.png") no-repeat;
}

#main section.reason-contents h2:before {
	background: url("../../../../img/common/tip_point.png") no-repeat;
}

#main section.flow-contents h2:before {
	background: url("../../../../img/common/tip_flow.png") no-repeat;
}

#main section.office-contents h2:before {
	background: url("../../../../img/common/tip_office.png") no-repeat;
}

#main h2.none:before {
	background: url("../../../../img/common/tip_none.png") no-repeat;
}

#main h2.bicycle:before {
	background: url("../../../../img/common/tip_bicycle.png") no-repeat;
}

#main h2.fee:before {
	background: url("../../../../img/common/tip_fee.png") no-repeat;
}

#main h2.faq:before {
	background: url("../../../../img/common/tip_faq.png") no-repeat;
}

#main h2.when:before {
	background: url("../../../../img/common/tip_when.png") no-repeat;
}

h3.txt {
	background: url("../../../../img/common/bg_h2.png") no-repeat center bottom;
	padding: 0 0 14px;
	font-size: 24px;
	color: #333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.2;
}

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

/* form要素
----------------------------------------------------------- */
input, textarea {
	padding: 5px 7px;
	border-radius: 2px;
	margin: 0;
	background-color: #fff;
	border: 1px solid #A7A6AA;
}

.jInput {
	border: 1px solid #A7A6AA;
	padding: 8px;
}

.jFocus {
	outline: medium none !important;
	background-color: #fff !important;
	border-color: #6ddeff !important;
}

.jFocus {
	box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
	-webkit-box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
	-moz-box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
	-ms-box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
	-o-box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
	border-color: rgba(82, 168, 236, 0.75) !important;
}

input[type="radio"], input[type="checkbox"] {
	margin-right: 5px;
	vertical-align: baseline;
	border-style: none;
}

label {
	margin-right: 15px;
}

form p {
	margin: 5px 0 !important;
}

.iqfm-table {
	width: 650px;
}

input#iqfm-input-text-1, input#iqfm-input-text-2, input#iqfm-input-text-4, input#iqfm-input-text-6, input#iqfm-input-text-9, input#iqfm-input-text-7, input#iqfm-input-text-3, input#iqfm-input-text-8, input#iqfm-input-tel-7 {
	width: 90% !important;
}

textarea#iqfm-input-textarea-13 {
	width: 90% !important;
	height: 80px;
}

#iqfm-input-12 {
	width: 100%;
	padding: 8px 14px;
}

#iqfm-input-12 .list_iq {
	width: 50%;
	float: left;
}

/*----------------------------------------------------
ページ分割ナビ
----------------------------------------------------- */
#main .wp-pagenavi {
	padding: 20px 0 40px;
	text-align: center;
	overflow: hidden;
}

#main .wp-pagenavi a, #main .wp-pagenavi span {
	padding: 3px 8px;
	background: #fff;
	color: #1974BB;
	border: 1px solid #1974BB;
	margin-right: 5px;
	text-decoration: none;
	border-radius: 3px;
}

#main .wp-pagenavi span {
	background: #1974BB;
	color: #fff;
}

#main .wp-pagenavi .pages {
	background: #1974BB;
	color: #fff;
	margin-right: 20px;
}

#main .wp-pagenavi a:hover {
	background: #1974BB;
	color: #fff;
}

#main .wp-pagenavi .alignleft {
	margin-top: 0;
	margin-bottom: 0;
	float: none;
}

#main .wp-pagenavi .center {
	margin-top: 0;
	margin-bottom: 0;
	float: none;
}

#main .wp-pagenavi .alignright {
	margin-top: 0;
	margin-bottom: 0;
	float: none;
}

/*-------------------------------------
    送信確認ボタン
--------------------------------------*/
#main .check_btn {
	background: #01CF63;
	color: #FFF;
	font-weight: bold;
	padding: 0;
	height: 64px;
	width: 92%;
	max-width: 400px;
	border: none;
	display: block;
	margin: 20px auto;
	text-shadow: none;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3);
}

#main .btnarea {
	padding: 20px 0;
	text-align: center;
}

#main .submit_btn {
	background: url("../../../../common/img/buttons/btn_submit.jpg");
	padding: 0;
	height: 60px;
	width: 300px;
	text-indent: -9999px;
	border: none;
}

#main .submit_btn:hover {
	background: url("../../../../common/img/buttons/btn_submit_on.jpg");
	padding: 0;
	height: 60px;
	width: 300px;
	text-indent: -9999px;
}

/*-------------------------------------
    戻るボタン
--------------------------------------*/
#main .return {
	background: url("../../../../common/img/buttons/btn_return.jpg");
	padding: 0;
	height: 185px;
	height: 60px;
	width: 300px;
	text-indent: -9999px;
	border: none;
}

#main .return:hover {
	background: url("../../../../common/img/buttons/btn_return_on.jpg");
	padding: 0;
	height: 60px;
	width: 300px;
	text-indent: -9999px;
}

/*-------------------------------------
    完了画面のdiv
--------------------------------------*/
#main .form_complete {
	margin: 20px auto;
	padding: 20px 30px;
}

#main .form_complete h3 {
	padding: 13px 0 15px 0;
	color: #834523;
	font-family: ume_m, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 220%;
	font-weight: 600;
}

#main .form_complete p {
	margin: 20px 0;
}

/*-------------------------------------
    完了画面のトップへ戻るボタン
--------------------------------------*/
#main .return_top {
	background: url("../../../../common/img/buttons/btn_return_tp.jpg");
	padding: 0;
	height: 60px;
	width: 300px;
	border: none;
	text-indent: -9999px;
	display: block;
	margin: 20px auto;
}

#main .return_top:hover {
	background: url("../../../../common/img/buttons/btn_return_tp_on.jpg");
	padding: 0;
	height: 60px;
	width: 300px;
	text-indent: -9999px;
}

/*-------------------------------------
    必須
--------------------------------------*/
#main th span.kome {
	margin-left: 10px;
	background-color: #C33;
	padding: 3px 4px;
	color: #fafafa;
	font-size: 9px;
	letter-spacing: 1px;
	margin: 0px 0px 0px 10px;
	line-height: 9px;
	border-radius: 3px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	zoom: normal;
}

/*----------------------------------------------------
	印刷用スタイル
----------------------------------------------------*/
@media print {
	* html body {
		zoom: .7;
	}
}

/*----------------------------------------------------
	トップページ
----------------------------------------------------*/
section.worried .greeting {
	background: #e1e7d9;
	padding: 8px;
	line-height: 1.6;
	margin-bottom: 10px;
}

section.worried h3 {
	text-align: center;
	color: #fb0000;
	font-size: 26px;
	margin-bottom: 20px !important;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

section.worried .soudan {
	text-align: center;
	font-size: 22px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

section.attention p.btn, section.ansin p {
	margin-top: 20px;
}

section.attention p.btn a,
section.ansin p.btn a {
	display: inline-block;
	background: #1A75BB;
	padding: 10px 2em;
	border-radius: 5px;
	color: #fff;
	line-height: 150% !important;
	font-size: 20px;
}

section.attention p.btn a:hover,
section.ansin p.btn a:hover {
	background: #6AA5D3;
}

section.attention p.btn a:before,
section.ansin p.btn a:before {
	content: "≫ ";
}

section.ansin .exTex {
	font-weight: bold;
}

.box02 {
	overflow: hidden;
}

.boxL {
	width: 310px;
	float: left;
}

.boxR {
	width: 310px;
	float: right;
}

.box02 .infoMenu {
	margin-bottom: 20px;
}

.box02 .i_newjirei {
	background: url("../../../../common/img/s_titnews_bg.gif") no-repeat;
	height: 36px;
}

.box02 .i_newjirei a {
	display: block;
	padding: 0 0 0 22px;
	font-size: 18px;
	color: #333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
}

.box02 .i_column {
	background: url("../../../../common/img/s_titnews_bg.gif") no-repeat;
	height: 36px;
}

.box02 .i_column a {
	display: block;
	padding: 0 0 0 22px;
	font-size: 18px;
	color: #333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
}

.box03 {
	display: flex;
	justify-content: space-between;
}

.box03 li {
	width: 30.77%;
}

.box03 li img {
	width: 100%;
}

.sec05 .flow {
	background: url("../../../../common/img/bg_b.jpg");
	padding: 10px;
	border-radius: 5px;
}

.sec05 .flow .inside {
	background: #fff;
	padding-bottom: 1px;
}

.sec05 .flow .inside a {
	text-decoration: underline;
}

.sec05 .flow ul {
	width: 100%;
	background: #fff;
	overflow: hidden;
	margin: 0 !important;
	box-sizing: border-box;
	display: flex;
	justify-content: space-around;
}

.sec05 .flow li {
	width: calc(100% / 3);
	border-right: 1px solid #ddd;
	padding: 3.096%;
	margin-right: 0;
	box-sizing: border-box;
}

.sec05 .flow .f03 {
	margin: 0;
	border: none;
}

.sec05 .flow dt {
	font-weight: bold;
	margin-bottom: 5px;
	text-align: center;
}

.sec05 .flow dd img {
	padding: 1px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	width: 100%;
}

.sec05 .flow dd p {
	margin-bottom: 8px !important;
	font-size: 92%;
	line-height: 150%;
}

.sec05 .flow .Att_flow {
	padding: 10px;
	background: #ffecec;
	border: 1px solid #ff9090;
	margin: 10px;
	overflow: hidden;
}

.sec05 .flow .Att_flow .tex {
	margin: 0 !important;
	width: 64.6181%;
	float: left;
}

.sec05 .flow .Att_flow .at_img {
	float: right;
	margin-bottom: 0 !important;
	width: 166px;
}

.sec05 .flow .Att_flow .at_img img {
	max-width: 100%;
}

.sec05 .flow .lawer_box {
	background: url("../../../../img/common/bg_lawer.jpg") no-repeat center bottom;
	padding: 30px 20px 130px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-top: 18px;
	text-align: center;
}

#main .sec05 .flow .lawer_box .ttl {
	position: relative;
	padding-left: 110px;
	letter-spacing: 0.1em;
	display: inline-block;
	text-align: left;
}

#main .sec05 .flow .lawer_box .ttl:before {
	display: inline-block;
	content: "";
	background: url("../../../../img/common/badge.png") no-repeat center center;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -50px;
}

#main .sec05 .flow .lawer_box p {
	font-size: 140%;
	margin: 0 0 5px;
	color: #fff;
	text-shadow: #555 1px 1px 10px, #555 -1px 1px 10px,
		#555 1px -1px 10px, #555 -1px -1px 10px;
}

#main .sec05 .flow .lawer_box h3 {
	font-size: 250%;
	color: #fff;
	text-shadow: #555 1px 1px 10px, #555 -1px 1px 10px,
		#555 1px -1px 10px, #555 -1px -1px 10px;
	margin: 0;
	line-height: 1.2;
}

.sec05 .flow .lawer_box02 {
	background: #1A75BB;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-top: 18px;
	text-align: center;
}

#main .sec05 .flow .lawer_box02 .ttl {
	position: relative;
	padding: 20px 0 20px 110px;
	letter-spacing: 0.1em;
	display: inline-block;
	text-align: left;
}

#main .sec05 .flow .lawer_box02 .ttl:before {
	display: inline-block;
	content: "";
	background: url("../../../../img/common/badge.png") no-repeat center center;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -50px;
}

#main .sec05 .flow .lawer_box02 .ttl p {
	font-size: 140%;
	margin: 0 0 5px;
	color: #fff;
	text-shadow: #555 1px 1px 10px, #555 -1px 1px 10px,
		#555 1px -1px 10px, #555 -1px -1px 10px;
}

#main .sec05 .flow .lawer_box02 .ttl h3 {
	font-size: 250%;
	color: #fff;
	text-shadow: #555 1px 1px 10px, #555 -1px 1px 10px,
		#555 1px -1px 10px, #555 -1px -1px 10px;
	margin: 0;
	line-height: 1.2;
}

#main .sec05 .flow .lawer_box02 p.photo {
	margin: 0;
}

#main .sec05 .flow .lawer_box02 p.photo img {
	width: 100%;
}

.sec05 .flow dt .step_num {
	margin-bottom: 5px !important;
	background: #669900;
	padding: 6px 0 4px;
	color: #fff;
	line-height: 1;
	text-align: center;
	border-radius: 4px;
	font-size: 13px;
}

.reason-contents .box03 li dt span {
	padding: 20px 0 15px;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.2;
	display: block;
}

.office-contents .imgR p {
	max-width: 150px;
}

.office-contents .imgR p img {
	width: 100%;
}

.catch img {
	width: 100%;
}

.both {
	margin-bottom: 40px;
}

.both img {
	width: 100%;
}

/*----------------------------------------------------
	事例
----------------------------------------------------*/
section.Num_tac {
	position: relative;
}

.Num_post {
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 16px;
}

.Num_post span {
	font-size: 22px;
	font-weight: bold;
}

.caseArea {
	padding: 10px 10px 10px 5px;
	border-radius: 5px;
	margin-bottom: 30px;
	background: #fff;
	box-shadow: 0px 0px 5px 3px #c9c9c9;
	margin-left: 10px;
}

.caseArea:hover,
.caseArea_ind:hover {
	opacity: 0.7;
	cursor: pointer;
}

.single-case .caseArea:hover {
	opacity: 1;
	cursor: default;
}

#index .caseArea {
	margin: 0;
}

.caseData {
	background: #fff;
	padding: 15px 40px;
	margin-left: 5px;
}

.caseData h3 {
	text-align: left;
	position: relative;
	width: 590px;
	background: url("../../../../common/img/bg_case.gif") no-repeat left bottom;
	color: #fff;
	padding: 13px 20px 15px 20px;
	font-size: 116%;
	margin: 0 0 5px -69px;
	margin-bottom: 20px !important;
	font-weight: normal;
	background: linear-gradient(90deg, rgba(0, 84, 204, 1) 0%, rgba(0, 77, 187, 1) 50%, rgba(0, 61, 149, 1) 100%);
	font-size: 21px;
	font-weight: bold;
	line-height: 1.4;
}

.caseData h3:before {
	position: absolute;
	content: '';
	left: 9px;
	bottom: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-top: 10px solid #181818;
}

.caseData .name_Box {
	overflow: hidden;
	margin-bottom: 20px;
}

.caseData .name_Box .name {
	width: 40%;
	float: left;
	box-sizing: border-box;
}

.caseData .name_Box .name img {
	width: 100%;
}

.caseData .name_Box .name ul li {}

.caseData .name_Box .name .ttl {
	font-size: 21px;
}

.caseData .name dt {
	font-weight: bold;
	font-size: 130%;
}

.caseData .name dd {
	font-size: 15px;
	color: #000;
}

.caseData .illness {
	width: 54%;
	float: right;
}

.caseData .illness dl {
	margin-bottom: 10px !important;
	display: flex;
}

.caseData .illness dl {
	margin-top: 8px;
	margin-bottom: 0 !important;
}

.caseData .illness dt {
	display: inline-block;/display: block;
	border-radius: 5px;
	text-align: left;
	font-size: 16px;
}

.caseData .illness dd {
	display: inline-block;
	font-size: 16px;
	color: #000;
	width: 225px;
	vertical-align: middle;
}

.caseData th, .caseData td {
	/*padding:5px 10px;*/
	font-weight: normal;
	/*background: #f3f6fa;*/
	border: none;
}

.caseData td {
	text-align: right;
}

.caseData tr {
	border-top: 1px solid #CCC;
}

.caseData .price {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.caseData th {
	width: 50%;
	text-align: left;
	font-weight: normal;
	padding: 10px 14px;
	padding-left: 25px;
}

.caseData th.ttl {
	width: 40% !important;
	vertical-align: middle;
	text-align: center !important;
	font-weight: bold !important;
	background: #1A75BB !important;
	color: #FFF;
}

.caseData .price th {
	/*background:#DDEEFB;color: #1A75BB;*/
	font-weight: bold;
}

.caseData .price td {
	/*background:#DDEEFB;color:#9A0000;*/
	font-weight: bold;
}

.caseData .pre {
	text-align: center;
	padding: 20px 10px;
	color: #0d4eba;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.4;
	background: #fffbf2;
}

.caseData .data {
	text-align: right;
	margin: 0.8em 0 0 !important;
}

.caseData .data a {
	text-decoration: underline;
}

.caseData .data a:hover {
	opacity: .7;
}

.caseData .imgArea {
	margin: 0 !important;
	clear: both;
}

.caseTop {
	overflow: hidden;
	margin-right: -15px;
	margin-bottom: 0 !important;
}

.caseTop li {
	width: 310px;
	float: left;
	margin: 0 15px 0 0 !important;/margin-right: 5px !important;
}

.caseTop li.ind {
	width: 635px;
	float: left;
	margin: 0 0 20px 0 !important;/margin-right: 5px !important;
	background: url("../../../../common/img/bg_b.jpg");
	padding: 10px 10px 10px 5px;
	border-radius: 5px;
	margin-bottom: 30px;
}




#index .i_jirei {
	background: url("../../../../img/index/tit01.gif") no-repeat;
	height: 42px;
}

#index .i_jirei a {
	display: block;
	padding: 3px 0 0 50px;
	font-size: 32px;
	color: #333;
	height: 39px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#index .i_mikata {
	background: url("../../../../img/index/tit03_bg.gif") no-repeat;
	height: 42px;
	padding: 11px 0 0 50px;
	font-size: 32px;
	color: #333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#index .i_cost {
	background: url("../../../../img/index/tit08_bg.gif") no-repeat;
	height: 42px;
	padding: 11px 160px 0 50px;
	font-size: 32px;
	color: #333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position: relative;
}

#index .i_cost span {
	position: absolute;
	right: 0;
	top: 50%;
	padding: 0 1em;
	margin-top: -1.2em;
	text-align: center;
	font-size: 12px;
	background: #018400;
	color: #FFF;
	line-height: 1.8;
	z-index: 4;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

#index .i_cost span:before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 50%;
	left: -5px;
	margin-top: -5px;
	border-right: 5px solid #018400;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

#index .i_parts {
	background: url("../../../../img/index/tit09_bg.gif") no-repeat;
	height: 42px;
	padding: 11px 0 0 50px;
	font-size: 32px;
	color: #333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.green_lb {
	overflow: hidden;
	margin-left: 50px;
	margin-bottom: 5px !important;
}

.green_lb li {
	background: #669900;
	color: #fff;
	font-size: 12px;
	float: left;
	border-radius: 4px;
	padding: 5px 6px;
	margin-right: 10px;
	line-height: 1;
}

#index .i_when {
	background: url("../../../../img/index/tit07_bg.gif") no-repeat;
	height: 42px;
	padding: 11px 0 0 50px;
	font-size: 32px;
	color: #333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#index .caseArea {
	margin: 0;
}

#index .caseData .post_meta {
	overflow: hidden;
}

#index .caseData .post_meta p {
	margin-bottom: 5px !important;
	font-size: 16px;
}

#index .caseData .post_label {
	float: left;
}

#index .caseData .post_date {
	float: right;
}

#index .caseData h2 {
	background: #3781ca;
	color: #fff;
	padding: 5px;
	font-size: 116%;
	margin: 0 0 5px -10px !important;
	width: calc(100% + 10px);
	font-weight: normal !important;
}

#index .new .caseData h2 {
	background: #961200;
}

#index .caseData h2 span {
	display: block;
	border: 1px solid #fff;
	padding: 5px 10px 3px;
}

#index .caseData .name {
	padding: 15px 0 15px 0px;
	border-bottom: 1px dotted #999;
	min-height: 50px;
	margin-bottom: 10px;
	float: none;
	width: 86%;
}

#index .caseData .more {
	margin-bottom: 0 !important;
}

#index .caseData .more span {
	display: inline-block;/display: block;
	background: #690;
	color: #fff;
	padding: 0 10px;
	border-radius: 5px;
	margin-bottom: 5px;
}

#index .caseData th, .caseData td {
	padding: 10px 25px 10px 14px;
	border-width: 1px;
}

#index .caseData th {
	text-align: center;
}

#index .caseData .price td {
	color: #9A0000;
	font-weight: bold;
}

#index .caseData .data {
	text-align: right;
	margin: 0.8em 0 0 !important;
}

#index .caseData .data a:hover {
	text-decoration: none;
}

#index .caseData .imgArea {
	margin: 0 !important;
	position: relative;
}

#index .caseTop {
	overflow: hidden;
	margin: 0 !important;
}

#index .caseTop li {
	width: 310px;
	float: left;
	margin: 0 15px 0 0 !important;/margin-right: 5px !important;
}

#index .caseTop li.ind {
	width: 100%;
	float: left;
	margin: 0 0 20px 0 !important;/margin-right: 5px !important;
	background: url("../../../../common/img/bg_b.jpg");
	padding: 10px 10px 10px 5px;
	border-radius: 5px;
	margin-bottom: 30px;
	box-sizing: border-box;
}

#index .caseTop li:last-child {
	margin-bottom: 0 !important;
}

.caseData table {
	width: 100%;
	float: none;
	margin-bottom: 30px !important;
	font-size: 1.6em;
}

.caseData .pre {
	width: 100%;
	float: none;
	box-sizing: border-box;
	position: relative;
}

.caseData .pre span {
	font-size: 14px !important;
}

.caseData .arrow {
	background: url("../../../../common/img/pre_arrow_down.gif") no-repeat center center;
	width: 100%;
	height: 30px;
	display: none;
}

#index #acMenu {
	margin-bottom: 20px;
	box-shadow: 2px 3px 2px 2px rgba(0, 0, 0, 0.10);
	background: #1A75BB;
}

#index #acMenu dt:hover {
	opacity: 0.7;
}

#index #acMenu dt {
	display: block;
	width: 100%;
	height: 50px;
	cursor: pointer;
	background: url("../../../../img/index/ico_plus.svg") no-repeat 97% center / 25px auto;
	padding: 10px 20px 10px 20px;
	box-sizing: border-box;
	font-size: 20px;
	line-height: 1.5;
	color: #FFF;
}

#index #acMenu dd {
	width: 100%;
	line-height: 1.4;
	border-top: none;
	display: none;
	box-sizing: border-box;
	padding-bottom: 20px;
}

#index #acMenu dd .when_inner {
	padding: 20px;
	margin: 0 20px 20px 20px;
	background: #FAFAFA;
}

#index #acMenu dt.active {
	background: url("../../../../img/index/ico_minus.svg") no-repeat 97% center / 25px auto;
	border-bottom: none;
}

#index #acMenu dd .when_inner p.addict {
	font-weight: bold;
	color: #BC0003;
	text-align: center;
}

#index #acMenu dd .when_inner span {
	color: #BC0003;
}

#index #acMenu dd .when_inner p.free_info {
	text-align: center;
}

#index #acMenu dd .when_inner p.mail_link {
	text-align: center;
	margin-bottom: 0px;
}

#index #acMenu dd .when_inner p.mail_link a {
	text-decoration: underline;
}

#index #acMenu dd .when_inner p.mail_link a:hover {
	text-decoration: none;
}

#main section.description {
	background: #1A75BB;
	padding: 30px;
	position: relative;
}

#main section.description:after {
	display: inline-block;
	content: "";
	background: #1A75BB;
	width: 32px;
	height: 32px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	left: 50%;
	bottom: -12px;
	margin-left: -22.6274px;
}

#main section.description h2.tit {
	background: transparent;
	padding: 0;
	text-align: center;
	color: #FFF;
	line-height: 1.4;
	margin-bottom: 20px;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 150%;
}

#main section.description figure img {
	width: calc(100% / 3);
	height: auto;
}

#main section.description .txt {
	background: #FFF;
	padding: 30px;
	margin-bottom: 0;
	position: relative;
}

#main section.separate .txt {
	padding: 30px;
}

#main section.separate .txt:after {
	display: none;
}

#main section.description .add {
	background: #ffecec;
	padding: 30px;
	margin-bottom: 0;
	position: relative;
}

#main section.description .add h3 {
	margin-bottom: 5px;
	font-size: 1.2em;
}

#main section.description .add p {
	margin-bottom: 0;
}

.other_terms {
	margin-top: 25px;
	background: #ddeaf7;
	border-radius: 6px;
	padding: 35px 15px 15px;
	box-sizing: border-box;
	text-align: center;
}

.other_terms p.btn a {
	width: 80%;
}

/*----------------------------------------------------
	「そろそろ症状固定を」と言われたら？
----------------------------------------------------*/
#fixed h3.txt {
	text-align: center;
}

#fixed .flow-contents h3.txt {
	text-align: left;
}

#fixed #main section img {
	max-width: 100%;
}

/*----------------------------------------------------
	後遺障害の認定結果が返ってきたら？
----------------------------------------------------*/
#certification h3.txt {
	text-align: center;
}

#certification .flow-contents h3.txt {
	text-align: left;
}

#certification #main section img {
	max-width: 100%;
}

/*----------------------------------------------------
	保険会社から賠償金の提示があったら？
----------------------------------------------------*/
#presentation h3.txt {
	text-align: center;
}

#presentation #main section img {
	max-width: 100%;
}

/*----------------------------------------------------
	弁護士費用について
----------------------------------------------------*/
.cost {
	background: #f5f5f5;
	padding: 15px;
}

.cost .cost_disc {
	background: rgba(255, 255, 255, 0.46);
	box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.151);
	padding: 30px;
	text-align: center;
	font-size: 24px;
	margin: 15px 20px;
	color: #ce0000;
	line-height: 1.4;
}

.i_cost_tit {
	background: url("../../../../img/cost/cost_tit_bg.gif") no-repeat left bottom;
	height: 42px;
	padding: 11px 0 0 50px;
	font-size: 32px;
	color: #333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.cost01, .cost02 {
	border: 5px solid #690;
	padding: 35px 35px 0 35px;
	position: relative;
	margin-top: 50px;
}

.cost02 {
	border-color: #1A75BB;
}

.cost h3 {
	margin: 30px 0 5px 0 !important;
	font-size: 22px;
	font-weight: normal;
}

.att {
	background: url("../../../../common/img/bg_att.gif");
	padding: 20px;
}

.att dt {
	font-weight: bold;
	font-size: 130%;
	margin-bottom: 10px;
}

.cost .exTex {
	font-weight: bold;
}

.tokuyaku {
	margin-bottom: 40px;
}

table.cost_sec .c_pink {
	background: #fff0ec;
}

table.cost_sec .c_pink .red_tex {
	color: rgba(203, 0, 3, 1.00);
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0 !important;
}

table.cost_sec .c_green {
	background: #f9ffec;
}

table.cost_sec .c_blue {
	background: #eff5ff;
}

table.cost_sec .c_g_check {
	background: url("../../../../img/cost/g_check.gif") repeat;
}

table.cost_sec .c_b_check {
	background: url("../../../../img/cost/b_check.gif") repeat;
}

.cost_question {
	background: #fff;
	box-shadow: 1px 1px 2px 3px rgba(0, 0, 0, 0.10) inset;
	padding: 15px;
}

.cost_question dl {
	margin-bottom: 0px !important;
}

.cost_question dt, .cost_question dd {
	margin: 0 0 10px 30px;
	font-size: 18px;
}

.cost_question dl .Ques {
	color: #de0000;
	position: relative;
}

.cost_question dl .Ans {
	color: #0044df;
	position: relative;
	margin-bottom: 25px;
}

.cost_question dl .Ans:last-child {
	margin-bottom: 0px;
}

.cost_question dl .Ques:before {
	content: "Q";
	color: #de0000;
	font-size: 22px;
	position: absolute;
	left: -25px;
}

.cost_question dl .Ans:before {
	content: "A";
	color: #0044df;
	font-size: 22px;
	position: absolute;
	left: -25px;
}

.cost .pc_none {
	display: none;
}

.renewal_201811 .cost02 {
	border: none;
	margin: 0 0 20px;
	padding: 0;
}

.renewal_201811 figure {
	text-align: center;
	margin: 0 auto 10px;
	width: 100%;
}

.renewal_201811 figure img {
	width: 100%;
}

.renewal_201811 .cost_meeting p,
.renewal_201811 .cost_initial p,
.renewal_201811 .cost_others .module {
	background: url("../../../../common/img/bg_c_check.gif") repeat;
	border: 1px solid #9A9A9A;
	margin: 0 30px;
	padding: 20px;
	font-size: 15px;
}

.renewal_201811 .red {
	color: #F00 !important;
}

.renewal_201811 h3.txt {
	text-align: center;
}

.renewal_201811 .cost_fee ul.fee {
	display: flex;
	justify-content: space-between;
	margin: 0 15px;
}

.renewal_201811 .cost_fee ul.fee li {
	background: url("../../../../common/img/bg_c_check.gif") repeat;
	padding: 20px 15px;
	text-align: center;
	box-sizing: border-box;
	width: 32%;
	border: #1a75bb 2px solid;
}

.renewal_201811 .cost_fee ul.fee:last-of-type li {
	width: 100%;
}

.renewal_201811 .cost_fee ul li h4 {
	font-size: 18px;
	line-height: 1.4;
	margin: 0 0 10px;
	padding-bottom: 8px;
	border-bottom: #1a75bb 2px solid;
	font-weight: normal;
}

#contents .renewal_201811 section.cost_fee ul.fee li p {
	margin: 0;
	font-size: 1.1em;
	line-height: 1.6;
}

#contents .renewal_201811 section.cost_fee .txt span {
	display: block;
	font-size: 0.8em;
	margin-top: 0.5em;
}

#contents .renewal_201811 section.cost_fee .point_woman,
#contents .renewal_201811 section.cost_fee .point_woman02 {
	position: relative;
	padding: 0 0 20px;
	margin: 0 0 20px;
}

#contents .renewal_201811 section.cost_fee .point_woman:after {
	background: url("../../../../img/cost/ico_woman02.png") no-repeat center top;
	background-size: auto 100%;
	display: block;
	content: "";
	position: absolute;
	right: 30px;
	bottom: 0;
	width: 76px;
	height: 129px;
}

#contents .renewal_201811 section.cost_fee .point_woman span {
	display: block;
	background: #E3F3D3;
	width: 76%;
	padding: 15px;
	margin-left: 50px;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 1.1em;
}

#contents .renewal_201811 section.cost_fee .point_woman02:after {
	background: url("../../../../img/cost/ico_woman01.png") no-repeat center top;
	background-size: auto 100%;
	display: block;
	content: "";
	position: absolute;
	right: 35px;
	bottom: 0;
	width: 86px;
	height: 129px;
}

#contents .renewal_201811 section.cost_fee .point_woman02 span {
	display: block;
	background: #FFF0F4;
	width: 70%;
	padding: 15px;
	margin-left: 65px;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 1.1em;
}

#contents .renewal_201811 section.cost_attention {
	background: #FFF0F4;
	padding: 30px;
	border-radius: 4px;
	margin: 0 0 40px;
}

#contents .renewal_201811 section.cost_attention h4 {
	text-align: center;
	color: #F00;
	font-size: 20px;
	margin-bottom: 15px;
}

#main .renewal_201811 .cost_attention ul {
	margin: 0;
}

.renewal_201811 .cost_attention ul li {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 0.7em;
	font-size: 14px;
}

.renewal_201811 .cost_attention ul li:last-child {
	margin-bottom: 0;
}

.renewal_201811 .cost_attention ul li:before {
	content: "※";
}

.renewal_201811 .cost_fee div.column {
	margin: 0 15px;
}

.renewal_201811 .structure {
	background: #ddeaf7;
	border-radius: 6px;
	padding: 15px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.renewal_201811 .structure h4 {
	background: #0059bb;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	padding: 6px;
	border-radius: 6px;
	margin-bottom: 15px;
}

.renewal_201811 .structure .module {
	display: flex;
	align-content: space-between;
	align-items: center;
}

.renewal_201811 .structure figure {
	width: 50%;
	margin: 0 auto;
}

.renewal_201811 .structure figure img {
	width: auto;
	max-width: 100%;
}

#contents .renewal_201811 section.cost_fee .structure ul {
	width: 45%;
	margin: 0;
}

.renewal_201811 .structure ul li {
	line-height: 2;
}

.renewal_201811 .structure ul li .red {
	font-size: 1.1em;
	font-weight: bold;
}

.renewal_201811 .special {
	background: #FFE4CA;
	border-radius: 6px;
	padding: 15px;
	box-sizing: border-box;
}

.renewal_201811 .special h4 {
	background: #ff7e00;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	padding: 0.3em;
	border-radius: 6px;
	margin-bottom: 10px;
}

.renewal_201811 .special .module {
	display: flex;
	align-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: space-between;
}

#contents .renewal_201811 section.cost_fee .special .point_woman02 {
	margin: 0 0 10px;
	padding: 0;
	width: 44%;
}

#contents .renewal_201811 section.cost_fee .special .point_woman02:after {
	right: inherit;
	left: 0;
	width: 70px;
	height: 108px;
}

#contents .renewal_201811 section.cost_fee .special .point_woman02 span {
	background: #FFF;
	margin-left: 26%;
	margin-bottom: 15px;
	font-size: 1em;
	padding: 10px;
	line-height: 1.6;
}

#contents .renewal_201811 section.cost_fee .special p:nth-child(2) {
	width: 50%;
}

#main .renewal_201811 .special ul {
	margin: 0;
}

.renewal_201811 .special ul li {
	font-size: 0.8em;
	margin-bottom: 10px;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.4;
}

.renewal_201811 .special ul li:before {
	content: "※";
}

.renewal_201811 .special ul li:last-child {
	margin-bottom: 0;
}

#main .renewal_201811 .cost_others .module .red {
	margin-bottom: 10px;
}

#main .renewal_201811 .cost_others .module .add {
	margin-bottom: 0;
}

.renewal_201811 .cost {
	background: transparent;
	padding: 0;
}

.renewal_201811 .cost_question {
	padding: 20px;
}

.cost-revision {
	background: #F7F6F2;
	border: #CCC 1px solid;
	margin: 0 30px 40px;
	position: relative;
}

.cost-revision:before {
	content: "";
	background: url("../../../../img/common/img_woman.png") no-repeat center bottom;
	background-size: 100% auto;
	display: block;
	width: 80px;
	height: 100%;
	position: absolute;
	right: 20px;
	bottom: 0;
}

#main .cost-revision .ttl {
	background: #018400;
	color: #FFF;
	padding: 10px 120px 10px 30px;
	font-size: 22px;
	margin: 0;
	line-height: 1.4;
}

#main .cost-revision .txt {
	padding: 15px 120px 15px 30px;
	margin: 0;
}

/*----------------------------------------------------
	弁護士紹介
----------------------------------------------------*/
.office-contents .imgR {
	width: 200px;
}

.staff {
	display: flex;
	justify-content: space-between;
}

.staff li {
	width: 49%;
	/*width: 32%;*/
	border: 1px solid #EEE;
	padding: 10px;
	margin: 0 2% 0 0;
	box-sizing: border-box;
	box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.10);
	border-top: #1A75BB 4px solid;
	border-bottom: #1A75BB 2px solid;
}

.staff li:last-child {
	margin: 0;
}

.staff h3, .staff span {
	color: #1A75BB;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 10px !important;
	text-align: center;
	font-weight: normal !important;
}

.staff h3 em {
	font-size: 14px;
	font-weight: normal !important;
	color: #333 !important;
}

.staff li .img {
	text-align: center;
}

.staff li .img img {
	max-width: 100%;
}

.staff dl {
	margin-bottom: 0 !important;
}

.staff dt {
	border-bottom: 1px dotted #ccc;
	color: #1A75BB;
	line-height: 150%;
	padding-bottom: 6px;
	margin-bottom: 10px;
	font-size: 16px;
}

.staff dd {
	line-height: 150%;
	font-size: 95%;
}

.staff p {
	margin-bottom: 10px !important;
}

#company {
	display: block;
	margin: 0 auto 40px;
	padding: 0;
}

#company h2 {
	margin: 0 auto 25px;
	padding: 30px 0 0;
}

#main #company .sec td table {
	margin-bottom: 0;
}

#main #company .sec td table th,
#main #company .sec td table td {
	background: transparent;
	border-bottom: none;
	padding: 0;
	width: auto;
}

/*----------------------------------------------------
	情報誌掲載
----------------------------------------------------*/
.att_line {
	border: 2px solid rgba(179, 0, 2, 1.00);
	padding: 10px;
}

.media_Box {
	margin-bottom: 30px;
}

.media_Box h3 {
	color: #fff;
	font-size: 16px;
	line-height: 1.4;
	padding: 10px 10px 5px;
	border-bottom: 1px solid #1a75bb;
	background: #1a75bb;
	border-radius: 6px 6px 0 0;
	font-weight: normal;
	margin-bottom: 0 !important;
}

.media_section {
	padding: 20px;
	overflow: hidden;
	border: 1px solid #1a75bb;
}

.media_section .media_left {
	float: left;
	width: calc(100% - 177px);
	margin-right: 15px;
}

.media_section .media_right {
	float: left;
}

.media_section .media_right img {
	border: 1px solid #1a75bb;
}

.media_section .hanrei {
	background: rgba(162, 0, 2, 1.00);
	color: #fff;
	padding: 2px 20px;
	font-size: 14px;
}

.media_section .point {
	background: rgba(0, 108, 160, 1.00);
	color: #fff;
	padding: 2px 20px;
	font-size: 14px;
}

.media_section .s_top {
	margin: 10px 0 15px !important;
	line-height: 1.6;
}

.media_section .out_link {
	line-height: 1;
}

.media_section .out_link a {
	background: url("../../../../img/media/out_icon.png") no-repeat right center;
	padding-right: 20px;
}

/*----------------------------------------------------
	自転車
----------------------------------------------------*/
.bicycle {
	background: #f5f5f5;
	padding: 15px;
	font-size: 16px;
}

.i_bicycle_tit1 {
	background: url("../../../../img/bicycle/bicycle_ttl_01_bg.gif") no-repeat left bottom;
	height: 70px;
	padding: 11px 0 0 50px;
	font-size: 24px;
	color: #333;
	line-height: 1.3;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.i_bicycle_tit2 {
	background: url("../../../../img/bicycle/bicycle_ttl_02_bg.gif") no-repeat left bottom;
	height: 42px;
	padding: 11px 0 0 50px;
	font-size: 32px;
	color: #333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.bicycle .cost_disc {
	background: rgba(255, 255, 255, 0.46);
	box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.151);
	padding: 30px;
	text-align: center;
	font-size: 22px;
	margin: 15px 20px;
	color: #ce0000;
	line-height: 1.5;
}

.bicycle .cost_disc span {
	text-decoration: underline;
}

.bicycle .cost_disc span.Caution {
	background: #f5f5f5;
	font-size: 12px;
	display: block;
	padding: 5px;
	margin: 15px 0 0;
	color: #333;
	text-decoration: none;
}

.bicycle .Bicycle_sect {
	overflow: hidden;
}

.bicycle .fL {
	float: left;
	width: 300px;
}

.bicycle .fR {
	float: right;
	margin-bottom: 0 !important;
}

.bicycle h3 {
	margin: 0 0 5px -15px !important;
	font-size: 20px;
	font-weight: normal;
	width: 580px;
}

.bicycle .att {
	font-weight: bold;
	padding: 0 !important;
}

.bicycle ol {
	margin-left: 20px;
}

.bicycle .post .body {
	background: #fff;
}

#main .bicycle h2.tit {
	margin-bottom: 15px;
}

.bicycle #acMenu {
	margin-bottom: 20px;
	border-radius: 6px;
	background: #fff;
}

.bicycle #acMenu dt:before {
	content: "";
	height: 150px;
	width: 580px;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), white);
	position: absolute;
	bottom: 60px;
	left: -105px;
	background: -webkit-gradient(top, rgba(255, 255, 255, 0), white);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0), white);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), white);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#80ffffff, EndColorStr=#ffffffff);
	cursor: text;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.bicycle #acMenu dt:before:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.bicycle #acMenu dt {
	display: block;
	height: 50px;
	cursor: pointer;
	background: url("../../../../img/bicycle/read_more_o.png") center center no-repeat rgba(52, 189, 3, 1.00);
	text-align: center;
	padding: 10px 20px 10px 20px;
	box-sizing: border-box;
	border-radius: 6px 6px 6px 6px;
	font-size: 20px;
	line-height: 1.5;
	margin: 0 100px;
	margin-bottom: 20px;
	color: #fff;
	position: relative;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.bicycle #acMenu dd {
	line-height: 1.4;
	display: none;
	box-sizing: border-box;
}

.bicycle #acMenu dt a {
	color: #fff;
}

.bicycle #acMenu dt.active {
	background: url("../../../../img/bicycle/read_more_c.png") center center no-repeat rgba(52, 189, 3, 1.00);
}

.bicycle #acMenu dt.active:before {
	background: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.bicycle .BicycleLink {
	text-align: center;
	margin-bottom: 0px !important;
}

.bicycle .caseData .name {
	width: 35%;
}

.bicycle .caseData .illness {
	width: 48%;
}

#bicycle #pageArea>article:first-of-type {
	margin-bottom: 40px;
}

.bicycle h3.txt {
	margin: 0 auto 15px !important;
	font-size: 24px;
	font-weight: bold;
	width: 100%;
}

/*----------------------------------------------------
	プロスト法律事務所の特徴
----------------------------------------------------*/
#feature #main section.reason h2:before,
#feature #main section.check h2:before,
#feature #main section.point h2:before {
	display: block;
	content: "";
	width: 41px;
	height: 35px;
	position: absolute;
	left: 0;
	top: 7px;
}

#feature #main section.reason h2:before {
	background: url("../../../../img/common/tip_reason.png") no-repeat;
}

#feature #main section.check h2:before {
	background: url("../../../../img/common/tip_check.png") no-repeat;
}

#feature #main section.point h2:before {
	background: url("../../../../img/common/tip_point.png") no-repeat;
}

#feature #main section.reason>h3,
#feature #main section.check>h3,
#feature #main section.point>h3 {
	background: #e1e7d9;
	padding: 8px;
	line-height: 1.6;
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
}

#feature .sub-tit {
	background: #333;
	color: #FFF;
	display: block;
	text-align: center;
}

#feature #main section p.btn a {
	display: inline-block;
	background: #1A75BB;
	padding: 10px 2em;
	border-radius: 5px;
	color: #fff;
	line-height: 150% !important;
	font-size: 20px;
}

#feature #main section p.btn a:hover {
	background: #6AA5D3;
}

#feature #main section p.btn a:before {
	content: "≫ ";
}

#feature #main section.check .imgR {
	width: 300px;
}

#feature #main section.check .imgR img {
	margin-bottom: 20px;
}

#feature #main section.point .imgR {
	width: 300px;
}

#feature #main section.point .imgR img {
	max-width: 100%;
}

/*----------------------------------------------------
	その他
----------------------------------------------------*/
.w200 {
	width: 200px;
	line-height: 150%;
}

.pic {
	border: 5px solid #E6E4DA;
	padding: 15px;
	margin-bottom: 25px;
}

.qa dt {
	background: url("../../../../common/img/i_q.png") no-repeat left center;
	background-size: 40px auto;
	border: 1px solid #ddd;
	padding: 10px 10px 10px 50px !important;
	font-weight: bold;
	font-size: 116%;
	margin-bottom: 20px;
}

.qa dd {
	border: 5px solid #E6E4DA;
	padding: 15px;
	margin-bottom: 40px;
}

.failure {
	font-size: 85%;
}

.failure th {
	width: 10%;
	background: #eee;
	text-align: left;
}

.failure td {
	width: 70%
}

.failure .pre {
	width: 15%;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	color: #900;
	display: table-cell;
}

.failure .pre.pc_none {
	display: none;
}

.failure .nl {
	margin-bottom: 0 !important;
}

/*----------------------------------------------------
	ブログ箇所
----------------------------------------------------*/
.dropdown {
	text-align: right;
	margin-bottom: 5px;
}

#main h1.tit, #blogArea h1 {
	background: url("../../../../common/img/bg_h1.gif") no-repeat bottom;
	padding: 10px 5px;
	font-size: 150%;
}

#main h2.tit {
	background: url("../../../../img/common/bg_border.png") no-repeat left bottom;
	padding: 10px 150px 10px 5px;
	font-size: 32px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.2;
}

.search #main h2.tit {
	padding: 10px 5px 10px 5px;
}

#main #pageArea h2.tit {
	border-bottom: 6px solid #0548b8;
	background: none;
}

#main #pageArea .description h2.tit {
	border-bottom: none;
}

.single #main h2.tit {
	padding-right: 5px;
}

#main h2.tax_tit {
	padding: 0 5px 10px;
	font-size: 150%;
	margin-bottom: 10px;
}

#blogArea h2 {
	background: url("../../../../common/img/bg_h1.gif") no-repeat bottom;
	padding: 10px 5px;
	font-size: 150%;
	border: none;
	margin-bottom: 15px !important;
}

#pageArea #blogArea h2 {
	background: linear-gradient(90deg, rgba(0, 84, 204, 1) 0%, rgba(0, 77, 187, 1) 50%, rgba(0, 61, 149, 1) 100%);
	font-size: 116%;
	font-weight: bold;
	line-height: 1.4;
	color: #fff;
	padding: 10px;
}

#main h1.tit {
	margin-bottom: 30px;
}

#main h2.tit {
	margin-bottom: 30px;
}

#blogArea h1 {
	margin-bottom: 5px !important;
}

#blogArea time {
	display: inline-block;
	/display: inline;
	background: #690;
	padding: 0 10px;
	color: #fff;
}

#blogArea .body {
	border: 5px solid #E6E4DA;
	padding: 20px;
	margin: 10px 0;
}

#blogArea .data {
	text-align: right;
	margin: 0;
}

#blogArea .data a:hover {
	opacity: .8;
}

#blogArea h2 {
	/*
	border: 1px solid #ddd;
	border-left: 5px solid #1A75BB;
	padding: 10px;
	font-size: 116%;
	margin-bottom: 25px;
	background: none;
	*/
}

#blogArea h3 {
	border-bottom: 1px dotted #ddd;
	border-left: 5px solid #E6E4DA;
	padding: 5px 10px;
	font-size: 116%;
	margin-bottom: 20px
}

#blogArea h4 {
	border-bottom: 1px solid #ddd;
	color: #1A75BB;
	padding: 2px 5px;
	margin-bottom: 15px
}

#blogArea h5 {
	color: #690;
	margin-bottom: 10px;
}

#blogArea .body ul, #blogArea .body ol {
	background: #F7F6F2;
	padding: 10px;
}

#blogArea .body ul li {
	list-style-type: disc;
	margin-left: 2em;
}

#blogArea .body ol li {
	list-style-type: decimal;
	margin-left: 2em;
}

.shadow {
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

/*----------------------------------------------------
	サイドカラム
----------------------------------------------------*/
.Side_ttl {
	background: #004f8b;
	color: #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
	padding: 10px;
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
}

#side .dropdown {
	text-align: center;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	padding: 15px;
	background: #FAFAFA;
}

#side .dropdown select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none !important;
	border-radius: 6px;
	border: 2px solid #ccc;
	width: 100%;
	background: url("../../../../common/img/select_arrow.gif") right 20% no-repeat #fff;
	background-size: 30px, 100%;
}

#side .dropdown select {
	padding: 10px 30px 10px 5px;
	font-size: 14px;
}

#side .dropdown {
	overflow: hidden;
}

#side .dropdown>select {
	width: 130%;
}

#side .dropdown input {
	cursor: pointer;
}

#side .dropdown input {
	padding: 5px 7px;
	border-radius: 2px;
	margin: 0;
	border: none;
	background-color: #1A75BB;
	color: #fff;
	font-size: 95%;
}

#side .check {
	margin-bottom: 10px;
	border: 1px solid #ddd;
	padding: 10px;
	background: #FAFAFA;
}

#side .check h3.bicycle {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background: none;
	padding: 0;
	margin: 0 0 15px;
}

#side .check a {
	color: #333;
}

#side .check a:hover {
	opacity: .8;
	color: rgba(147, 147, 147, 1.00);
}

#side .check a .LinkPage {
	color: #1A75BB;
}

#side .check a:hover .LinkPage {
	color: #A3C8E4 !important;
	text-decoration: underline !important;
}

#side .check .side_map {
	margin: 15px 0 0;
}

#side .check h3.Map {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background: none;
	padding: 0;
	margin: 0 0 15px;
}

/* for modal */
.my_modal_btn {
	display: block;
	width: 100%;
	padding: 11.5px;
	background: #FDFFC0;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	color: #FF0000;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	position: relative;
	z-index: 1001;
	text-decoration: underline;
}

.my_modal_btn:hover {
	opacity: 0.5;
	text-decoration: none;
}

#my_modal1 {
	display: none;
}

.my_modal_body1 {
	display: none;
	position: fixed;
	z-index: 100000;
	max-height: 100%;
	width: 100%;
	height: 100%;
	top: 0;
}

.my_modal_body1 .outer {
	width: 90%;
	max-width: 800px;
	max-height: 40px;
	position: relative;
	z-index: 2;
}

.my_modal_body1 .inner {
	background: #FFF;
	width: 90%;
	max-width: 800px;
	max-height: 90%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.my_modal_header,
.my_modal_content .ttl {
	padding: 15px 10px;
	background-color: #1a75bb;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
	text-align: center;
}

.my_modal_footer {
	background: #333;
	padding: 15px 10px;
	color: #FF0;
	font-weight: bold;
	position: fixed;
	bottom: 0;
	z-index: 100000;
	text-align: center;
	display: none;
	width: 100%;
	box-sizing: border-box;
	border: #FF0 1px solid;
}

.my_modal_close {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	cursor: pointer;
}

.outer .my_modal_close {
	background: #333;
	border: #FF0 1px solid;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50%;
	right: 0;
	margin: 0;
}

.my_modal_footer .my_modal_close {
	position: -webkit-sticky;
	position: sticky;
	width: auto;
	height: auto;
	top: auto;
	bottom: 0;
	right: auto;
	transform: none;
	font-size: 18px;
}

.my_modal_close_icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	cursor: pointer;
}

.my_modal_footer .my_modal_close_icon {
	vertical-align: middle;
	margin-left: 0.6em;
}

.my_modal_close_icon span::before,
.my_modal_close_icon span::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84%;
	height: 16%;
	margin: -8% 0 0 -42%;
	background: #FF0;
}

.my_modal_close_icon span::before {
	transform: rotate(-45deg);
}

.my_modal_close_icon span::after {
	transform: rotate(45deg);
}

.my_modal_content {
	padding: 32px;
}

.my_modal_content>div {
	margin-top: 48px;
}

.my_modal_content>div:first-child {
	margin-top: 0;
}

.my_modal_content div figure {
	line-height: 0;
	text-align: center;
}

.my_modal_content div figure img {
	max-width: 100%;
}

.my_modal_content div p {
	line-height: 1.6;
	margin-top: 1em;
}

.my_modal_content div p:first-child {
	margin-top: 0;
}

.my_modal_content .ttl {
	line-height: 1;
	width: calc(100% + 64px);
	margin-left: -32px;
	box-sizing: border-box;
}

.my_modal_content div .photos {
	display: flex;
	flex-wrap: wrap;
	line-height: 0;
	margin-top: 1em;
	justify-content: space-between;
}

.my_modal_content div .photos li {
	width: 49%;
	/*margin-top: 2%;*/
}

/*.my_modal_content div .photos li:nth-child(-n+2){margin-top: 0;}*/
.my_modal_content div .photos li img {
	max-width: 100%;
}

.my_modal_overlay {
	display: none;
	position: fixed;
	z-index: 90000;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-color: #111;
	opacity: 0.7;
	cursor: pointer;
	margin: 0;
}

#my_modal1:checked~.my_modal_body1 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#my_modal1:checked~.my_modal_overlay, #my_modal1:checked~.my_modal_footer {
	display: block;
}

#my_modal1:checked~.my_modal_footer.pc_none {
	display: none;
}

#my_modal1:checked~.my_modal_body1 .my_modal_footer.sp_none {
	display: block;
	position: relative;
}

/*----------------------------------------------------
	高額の解決事例
----------------------------------------------------*/
#expensive #main article table:first-child td {
	text-align: center;
	vertical-align: middle;
}

#expensive #main article table:first-child tr td:nth-child(2) {
	text-align: left;
}

#expensive #main article table:first-child tr td:last-child {
	font-weight: bold;
	font-size: 1.1em;
	color: #1A75BB;
}

#expensive #main article table:first-child tr.odd td {
	background: #F7F6F2;
}

#expensive #main article table:first-child tr:first-child td {
	background: #1A75BB !important;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

#expensive #main article table:first-child td a:link,
#expensive #main article table:first-child td a:visited {
	text-decoration: underline;
}

/*----------------------------------------------------
	後遺障害等級別に解決事例を見る
----------------------------------------------------*/
.by_grade ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.by_grade ul li {
	width: 49%;
	margin-top: 2%;
	box-sizing: border-box;
}

.by_grade ul li:nth-child(-n+2) {
	margin-top: 0;
}

.by_grade ul li a {
	display: block;
	background: #FAFAFA url("../../../../common/img/sidemenu_arrow.png") no-repeat 95% center;
	padding: 0.8em 2.4em 0.8em 0.8em;
	border: 1px solid #DDD;
}

/*----------------------------------------------------
	自分の状況に近い解決事例を探す
----------------------------------------------------*/
.find #ulls-submit-button {
	background: #1A75BB;
	padding: 10px 2em;
	margin: 30px auto 0;
	border-radius: 5px;
	color: #fff;
	line-height: 150% !important;
	font-size: 20px;
	border: none;
	display: block;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-appearance: none;
}

.find #ulls-submit-button:hover {
	opacity: 0.5;
}

/*************************************************************************************************************************

■ タブレット(1,000px以下)向けスタイル

*************************************************************************************************************************/

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

	.pc_none {
		display: block;
	}

	.sp_none {
		display: none;
	}

	.pc_none.inline {
		display: inline !important
	}

	.sp_none.inline {
		display: none !important
	}

	a[href^="tel:"] {
		pointer-events: auto;
		color: #1A75BB;
		text-decoration: underline;
	}

	/*----------------------------------------------------
	#page
----------------------------------------------------*/
	body {
		font-size: 104%;
		width: 100%;
	}

	.inner {
		width: 100%;
	}

	/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
	#header .inner {
		height: auto;
		padding: 2vmin 4vmin;
		box-sizing: border-box;
	}

	#logo {
		padding: 0;
	}

	.inner #logo a {
		padding: 0;
	}

	.inner #logo a img {
		width: auto;
		height: 56px;
	}

	.hTel {
		display: none;
	}

	/* Gナビ
----------------------------------------------------------- */
	.nav-button {
		display: block;
		cursor: pointer;
	}

	#gNav {
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		z-index: 10000;
		background: #1A75BB;
		width: 100%;
		height: 100%;
	}

	#gNav.open {
		display: block;
	}

	#gNav .inner {
		width: 100%;
		height: 100%;
		position: relative;
		display: block;
		padding: 60px 0;
		padding-top: calc(4vmin + 56px) !important;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	#dropmenu {
		padding-top: 0;
	}

	#gNav ul {
		display: block;
	}

	.inner a,
	.fixed .inner a {
		padding: 1em;
	}

	#dropmenu li a {
		color: #FFF;
		line-height: 48px;
	}

	#dropmenu li.contact a {
		color: #FFF;
	}

	.inner #dropmenu>li {
		width: 100%;
		text-align: left;
		border-bottom: #3498E2 1px solid;
		border-left: none;
	}

	.inner #dropmenu>li:first-child {
		border-top: #3498E2 1px solid;
	}

	.inner #dropmenu>li.all_menu {
		display: none;
	}

	.inner #dropmenu>li>a {
		position: relative;
		padding: 0 1em;
	}

	.inner #dropmenu>li>a:after {
		display: inline-block;
		content: "";
		background: url("../../../../img/common/ico_arrow_black.svg") no-repeat center center;
		background-size: 100% auto;
		width: 8px;
		height: 15px;
		position: absolute;
		right: 1.35em;
		top: 50%;
		margin-top: -7.5px;
	}

	.inner #dropmenu>li>a::after {
		display: none;
	}

	.inner li.has-child>a:after {
		border: none;
		vertical-align: inherit;
	}

	#dropmenu li.pc_last {
		border-right: none;
	}

	#dropmenu li ul {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0;
		border-radius: 0;
		flex-wrap: wrap;
		justify-content: space-between;
		box-shadow: none;
	}

	.fixed #dropmenu li ul {
		top: 0;
	}

	.inner li.has-child:hover {
		transition: none;
	}

	.inner li:nth-child(3).has-child .child {
		left: 0;
	}

	.inner li.has-child:hover .child,
	.fixed .inner li.has-child:hover .child {
		top: 0;
	}

	#dropmenu li ul li {
		width: 100%;
		margin: 0;
		border-top: #1A75BB 1px solid;
		border-right: none;
		border-left: none;
	}

	#dropmenu li:hover ul li {
		border-top: #1A75BB 1px solid;
		border-bottom: none;
	}

	#dropmenu li ul li,
	#dropmenu li ul li a {
		transition: none;
		line-height: 1;
	}

	#dropmenu li ul li a {
		background: #226597;
		padding: 0 1em;
		text-align: left;
		display: block;
	}

	#dropmenu li ul li a:hover {
		opacity: inherit;
	}

	#dropmenu li:hover ul li a {
		/* 2023.07.18 del */
		/*
		line-height: 48px;
		*/
		line-height:1;
	}

	#dropmenu li:hover ul li a:hover {
		background: #3498E2;
	}

	#dropmenu li ul li a:before {
		content: "";
		width: 0;
		height: 0;
		border-left: 6px solid #FFF;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		display: inline-block;
		vertical-align: middle;
		margin-right: 6px;
	}

	#dropmenu li ul li a:after {
		display: inline-block;
		content: "";
		background: url("../../../../img/common/ico_next_arrow_white.svg") no-repeat center center;
		background-size: 100% auto;
		width: 8px;
		height: 15px;
		position: absolute;
		right: 1.5em;
		top: 50%;
		margin-top: -7.5px;
	}

	/*メニューボタンのエフェクト*/
	.nav-button,
	.nav-button span {
		display: inline-block;
		transition: all 0.4s;
		box-sizing: border-box;
	}

	.nav-button {
		z-index: 12000;
		position: absolute;
		right: 4vmin;
		top: 2vmin;
		width: 56px;
		height: 56px;
		background: #1A75BB;
		text-decoration: none;
	}

	.nav-button.active {
		background: #FFF;
	}

	.nav-button:after {
		display: inline-block;
		content: "メニュー";
		color: #FFF;
		font-size: 8px;
		position: absolute;
		bottom: 4px;
		left: 0;
		width: 100%;
		text-align: center;
	}

	.nav-button span {
		position: absolute;
		left: 20%;
		width: 60%;
		height: 3px;
		background-color: #fff;
		border-radius: 2px;
	}

	.nav-button span:nth-of-type(1) {
		top: 10px;
	}

	.nav-button span:nth-of-type(2) {
		top: 21px;
	}

	.nav-button span:nth-of-type(3) {
		bottom: 21px;
	}

	.nav-button.active span {
		background: #1A75BB;
	}

	.nav-button.active span:nth-of-type(1) {
		-webkit-transform: translateY(11px) rotate(-45deg);
		transform: translateY(11px) rotate(-45deg);
	}

	.nav-button.active span:nth-of-type(2) {
		opacity: 0;
	}

	.nav-button.active span:nth-of-type(3) {
		-webkit-transform: translateY(-11px) rotate(45deg);
		transform: translateY(-11px) rotate(45deg);
	}

	.nav-button.active:after {
		content: "閉じる";
		color: #1A75BB;
	}

	.nav-button:hover,
	.nav-button:active {
		opacity: 1;
	}

	/*----------------------------------------------------
	メインイメージ
----------------------------------------------------*/
	#main section {
		margin-bottom: 4vmin;
	}

	#mainVisual {
		margin-bottom: 2vmin;
	}

	#mainVisual h2 {
		font-size: 4.4vmin;
		margin-left: 0;
	}

	#main h2.tit {
		padding: 10px 5px;
		margin-bottom: 3vmin;
	}

	#main h3.tit {
		margin-bottom: 2vmin !important;
	}

	#mainVisual h2 {
		width: 100%;
	}

	/*----------------------------------------------------
	フッター
----------------------------------------------------*/
	.pagetop a {
		width: 100%;
	}

	#footer {
		padding-bottom: 48px;
	}

	#footer .ttl {
		text-align: center;
		background: #1A75BB;
		color: #FFF;
		padding: 0.8em;
		font-size: 0.9rem;
		font-weight: bold;
	}

	#footer .inner {
		display: flex;
		flex-direction: column-reverse;
		padding: 0;
	}

	#fNav {
		width: 100%;
		float: none;
	}

	#fNav ul {
		margin-bottom: 0;
	}

	#fNav li,
	#fNav li:nth-child(3n) {
		width: 100%;
		float: none;
		margin: 0;
		border-bottom: 1px solid #ddd;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	}

	#fNav ul.clearfix>li:nth-child(3n+4) {
		width: 100%;
		margin: 0;
	}

	#fNav a {
		color: #1A75BB;
		text-decoration: none;
		display: block;
		padding: 0.8em;
		background-image: url("../../../../sp/img/common/footer_arrow.gif");
		background-repeat: no-repeat;
		background-position: 96% center;
		font-size: 0.9rem;
	}

	#fNav a br {
		display: none;
	}

	#fNav li.has-child {
		display: block;
		border-bottom: none;
	}

	#fNav li.has-child>a {
		width: 100%;
		padding: 0.8em;
		margin-bottom: 0;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
		border-bottom: 1px solid #ddd;
	}

	#fNav li.has-link>a {
		padding: 0.8em;
		background: url("../../../../sp/img/common/footer_arrow.gif"), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
		background-repeat: no-repeat;
		background-position: 96% center;
	}

	#fNav li.has-link>a:hover {
		text-decoration: none;
		color: #1A75BB;
	}

	#fNav li.has-child ul {
		width: 100%;
	}

	#fNav li.has-child ul li {
		background: #EEE;
	}

	#fNav li.has-child ul li:nth-child(2n),
	#fNav li.has-child ul li:nth-child(3n) {
		width: 100%;
		margin: 0;
	}

	#fNav>ul:first-of-type>li:nth-child(2) {
		border-top: none;
		padding-top: 0;
	}

	#fNav li.has-child ul li a {
		padding-left: 1.8em;
		padding-right: 2.95em;
	}

	#fNav .subLink li:nth-child(3n) {
		width: 100%;
	}

	#footer section {
		width: 100%;
		float: none;
		padding: 30px 10px 10px;
		line-height: 1.3;
		box-sizing: border-box;
		text-align: center;
	}

	#footer section h2 {
		width: 64%;
		max-width: 240px;
		margin: 0 auto;
	}

	#fNav .ttl {
		border: none;
		background: #333;
		color: #fff;
		padding: 0.8em;
		margin: 0;
	}

	#footer address {
		padding: 15px 0 0;
		display: inline-block;
		text-align: left;
	}

	#footer .inner address a {
		padding: 0;
	}

	.copyright {
		padding: 15px 5px 5px;
		text-align: center;
		font-size: 0.9rem;
		font-family: Arial, Helvetica, sans-serif;
	}

	#fix_Box {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 48px;
		z-index: 9900;
	}

	#fix_Box .fix_bottom {
		background: rgba(0, 0, 0, 0.67);
	}

	#fix_Box .fix_bottom ul {
		overflow: hidden;
		margin: 0;
		height: 48px;
		width: 100%;
		padding: 0;
	}

	#fix_Box .fix_bottom li {
		width: 50%;
		float: left;
		list-style: none;
		text-align: center;
	}

	#fix_Box .fix_bottom li.tel {
		vertical-align: middle;
		background: #ff6c00;
	}

	#fix_Box .fix_bottom li.tel a {
		display: block;
	}

	#fix_Box .fix_bottom li.mail {
		vertical-align: middle;
		background: #5cca66;
	}

	#fix_Box .fix_bottom li.tel img, #fix_Box .fix_bottom li.mail img {
		max-width: 150px;
		padding: 10px 0;
		display: inline-block;
	}

	#fix_Box .fix_bottom li.mail a {
		display: block;
	}

	#fix_Box .foot_datail {
		background-color: #000;
		color: #fff;
		padding: 5px 5px 7px;
		text-align: center;
		height: 15px;
		font-size: 13px;
	}

	.pageup {
		display: none !important;
	}

	.my_modal_footer.pc_none {
		display: none;
	}

	/*----------------------------------------------------
	#contents
----------------------------------------------------*/
	#contents {
		width: 100%;
		padding: 0;
	}

	#contact {
		margin-bottom: 8vmin;
	}

	#contact .pc_none .ttl {
		margin: 0;
	}

	#contact .pc_none .ttl img {
		width: 100%;
	}

	#contact .pc_none .inner {
		background: url("../../../../common/img/bg_contact.jpg") no-repeat center center / cover;
		padding: 4%;
		box-sizing: border-box;
		color: #FFF;
		position: relative;
	}

	#contact .pc_none .inner:before {
		background: url("../../../../common/img/p_woman.png") no-repeat right bottom / auto 100%;
		content: "";
		width: 40%;
		height: 120%;
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 0;
	}

	#contact .pc_none .inner p {
		position: relative;
		z-index: 1;
		text-align: left;
	}

	#contact .pc_none .inner p.txt {
		margin-bottom: 1em;
		font-weight: bolder;
		width: 80%;
		text-align: center;
	}

	#contact .pc_none .inner p.notice {
		margin-bottom: 0;
	}

	#contact .pc_none .inner p.attention {
		color: #FFFF72;
	}

	#contact .pc_none .inner .btn {
		margin: 0 0 1em;
		width: 80%;
		max-width: 600px;
	}

	#contact .pc_none .inner .btn a {
		padding: 0;
	}

	#contact .pc_none .inner .btn img {
		text-shadow: 1px 1px 8px rgba(0, 0, 0, 1), 1px 1px 10px rgba(0, 0, 0, 1);
		width: 100%;
	}

	#contact .pc_none .inner .mail {
		margin: 0;
		width: 80%;
		max-width: 600px;
		text-align: center;
		box-sizing: border-box;
	}

	#contact .pc_none .inner .mail a {
		color: #FFF;
		text-decoration: underline;
		display: block;
		padding: 0;
	}

	/*----------------------------------------------------
	#side
----------------------------------------------------*/
	.side-ttl {
		text-align: center;
		background: #1A75BB;
		color: #FFF;
		padding: 0.8em;
		font-size: 0.9rem;
		font-weight: bold;
		margin: 4% 0 0;
	}

	#side {
		width: 100%;
		float: none;
		padding: 4%;
		background: #eae7e2;
		box-sizing: border-box;
	}

	#side .side_label,
	#side .side_label_lg {
		background: transparent;
		color: #333;
		padding: 0.8em 2.4em 0.8em 0.8em;
		border-bottom: #333 2px solid;
		margin-bottom: 0.8em;
		font-size: 20px;
		font-weight: bold;
	}

	#side h2 br {
		display: none;
	}

	#side h2:before {
		width: 16px;
		height: 16px;
		left: auto;
		right: 5%;
		margin-top: -8px;
		background: url("../../../../common/img/ico_plus.svg") no-repeat center center / 100% auto;
	}

	#side h2.active:before {
		background: url("../../../../common/img/ico_minus.svg") no-repeat center center / 100% auto;
	}

	#side .menu a br {
		display: none;
	}

	#side .togle-wrap,
	#side .dropdown,
	#side nav ul {
		display: none;
	}

	.menu ul, .caseMenu ul {
		overflow: inherit;
	}

	#side nav ul, #side .infoArea {
		border: none;
		padding: 0 2%;
	}

	.menu a {
		border: none;
		border-radius: 5px;
		box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
	}

	.menu li {
		border: none;
		margin-bottom: 2%;
	}

	.menu li:last-child {
		margin-bottom: 0;
	}

	#side .fs-button {
		display: none;
	}

	#side #popform1 {
		display: block;
		width: 100%;
		height: auto;
		position: relative;
		border: none;
		background: transparent;
		padding: 0 2%;
		box-sizing: border-box;
	}

	#side #popform1 p:first-of-type {
		text-align: left;
	}

	#side #popform1 p:last-of-type {
		display: none;
	}

	#side #popform1 .popform-content-fs-genre {
		background: #333;
	}

	#side #popform1 .popform-content-fs-genre-name {
		color: #FFF;
	}

	/*----------------------------------------------------
	#main
----------------------------------------------------*/
	#main {
		float: none;
		width: 92%;
		line-height: 180%;
		margin: 40px auto 0;
	}

	#main section.attention p.btn,
	#main section.ansin,
	#main section.ansin p.btn {
		text-align: center;
	}

	#main section.ansin h2,
	#main section.ansin p {
		text-align: left;
	}

	#main section.ansin img {
		max-width: 100%;
	}

	.both {
		margin-bottom: 4vmin;
	}

	.outer .my_modal_close {
		right: -20px;
	}

	/*----------------------------------------------------
	事例
----------------------------------------------------*/
	.caseData {
		padding: 15px 7vw;
	}

	.caseData h3 {
		width: 114%;
		margin: 0px 0 10px -9.2vw;
	}

	@media screen and (max-width:750px) {
		.caseData h3 {
			margin: 0px 0 10px -9.8vw;
		}
	}

	.caseData h3:before {
		left: 0px;
	}

	.caseData table {
		font-size: 1.3em;
	}

	.caseData .name_Box .name {
		width: 33%;
	}

	.caseData .illness {
		width: 62%;
	}

	.caseData .illness dt {
		width: 5em;
		font-size: 14px;
	}

	.caseData .illness dd {
		width: 20em;
	}

	#main .Num_tac h2.tit {
		padding-right: 24%;
	}

	/*----------------------------------------------------
	プロスト法律事務所の特徴
----------------------------------------------------*/
	#feature #main section.reason p.imgC img {
		max-width: 100%;
		margin-bottom: 4vmin;
	}

	/*----------------------------------------------------
	お問い合わせ
----------------------------------------------------*/
	.telContents p {
		text-align: center;
	}

	.telContents p img {
		max-width: 100%;
	}

	#contact .sec01 {
		margin-top: 8vmin;
	}

	.my_modal_btn {
		z-index: 99;
	}

	/*----------------------------------------------------
	自分の状況に近い解決事例を探す
----------------------------------------------------*/
	.find #ulls-submit-button {
		padding: 0.8em 2em;
		margin: 30px auto 0;
	}

}


/*************************************************************************************************************************

■ スマホ(600px以下)向けスタイル

*************************************************************************************************************************/
@media screen and (max-width:600px) {

	/*----------------------------------------------------
	#page
----------------------------------------------------*/
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
		font-size: 4vmin;
	}

	#main table, #main ol, #main ul, #main dl, #main blockquote, #main pre, #main p {
		margin-bottom: 4vmin;
	}

	body {
		width: 100%;
	}

	/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
	#header .inner {
		padding: 0 0 56px;
		align-items: stretch;
	}

	#logo {
		padding: 0 0 0 4vmin;
		height: 56px;
		display: flex;
		align-items: center;
		position: absolute;
	}

	#logo.fixed {
		position: fixed;
		z-index: 999;
		top: 0;
		background: rgba(255, 255, 255, 0.8);
		width: 100%;
	}

	/*
.inner #logo a img{height: 40px;}
*/
	.inner #logo a img {
		height: 54px;
	}

	/* Gナビ
----------------------------------------------------------- */
	.nav-button {
		top: 0;
		right: 0;
	}

	.nav-button.fixed {
		position: fixed;
		top: 0;
		z-index: 1000;
	}

	.inner #dropmenu>li>a {
		font-size: 4vmin;
	}

	#gNav .inner {
		padding-top: 56px !important;
		width: 100%;
	}

	.nav-button.active {
		top: 0;
		position: fixed;
	}

	a.nav-button {
		transition: unset;
	}

	/*----------------------------------------------------
	メインイメージ
----------------------------------------------------*/
	#mainVisual .innerPage {
		background: url("../../../../common/img/bg_main03.jpg") no-repeat right center / cover;
		padding: 9vmin 2vmin 2vmin;
		height: auto;
		flex-direction: column;
		align-items: flex-start;
		background-position: bottom left 50%;
	}

	#mainVisual h2 {
		font-size: 4.4vmin;
		margin: 0 auto;
		width: auto;
		text-align: center;
		background: rgba(0, 0, 0, 0.2);
		padding: 2vmin 4vmin;
		display: inline-block;
	}

	#crumbs {
		text-align: left;
	}

	#crumbs li,
	#crumbs li a {
		font-size: 2.8vmin;
	}

	#crumbs li:last-child {
		padding-right: 2em;
	}

	.crumbsWrapper {
		/*
	width:68%;
  position: relative;
  right: auto;
  bottom: auto;
  */
	}

	.crumbsWrapper:after {
		content: "";
		display: block;
		background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
		background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
		width: 1.5em;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		border-radius: 0 5px 5px 0;
	}

	.crumbsWrapper .inner {
		/*
	max-width: 100%;
	overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
	background: #FFF;
	border-radius: 5px;
	*/
	}

	.crumbsWrapper ul {
		white-space: nowrap;
		background: transparent;
	}

	.inner #crumbs li a {
		padding: 0;
	}

	/*----------------------------------------------------
	#main
----------------------------------------------------*/
	#main section {
		margin-bottom: 8vmin;
	}

	#main h2 {
		margin-bottom: 4vmin;
	}

	#main h3 {
		margin-bottom: 3.2vmin;
	}

	h2.txt,
	#main h2.tit {
		padding: 2.4vmin 0;
		font-size: 6.4vmin;
		text-align: center;
	}

	.single #main h2.tit {
		padding-right: 2.4vmin;
	}

	h2.txt:before {
		display: none;
	}

	#main section.ansin h2 {
		text-align: center;
	}

	#main section.attention>h2:after {
		display: none;
	}

	h3.txt {
		padding: 2.4vmin;
		font-size: 5.2vmin;
		background: #1A75BB;
		color: #FFF;
		text-align: center;
	}

	#main h3.tit {
		font-size: 4.4vmin;
		padding: 1.6vmin;
	}

	.c_patern {
		margin: 4vmin;
		padding: 4vmin;
		font-size: 4vmin;
	}

	.jInput {
		font-size: 16px;
	}

	ul.nl li {
		font-size: 3.8vmin;
	}

	#main #company .sec td table th,
	#main #company .sec td table td {
		width: 100%;
		display: block;
	}

	#main #company .sec td table td {
		margin-bottom: 0.4em;
	}

	#main #company .sec td table tr:last-child td {
		margin-bottom: 0;
	}

	/*----------------------------------------------------
	#side
----------------------------------------------------*/
	#side .side_label,
	#side .side_label_l,
	#side .side_label_lg {
		font-size: 4.4vmin;
	}

	#side .dropdown select {
		font-size: 4vmin;
	}

	#side .menu p {
		font-size: 4vmin;
	}

	#side .menu span {
		font-size: 3.6vmin;
	}

	.side-ttl {
		font-size: 4vmin;
	}

	#side h2:before {
		width: 12px;
		height: 12px;
		margin-top: -6px;
	}

	/*----------------------------------------------------
	フッター
----------------------------------------------------*/
	#footer .ttl {
		font-size: 4vmin;
	}

	#fNav a {
		font-size: 4vmin;
	}

	#fNav a br {
		display: block;
	}

	#footer section {
		padding: 8vmin 4vmin 4vmin;
	}

	#footer section h2 {
		width: 56%;
		margin-bottom: 4vmin;
	}

	#footer section .notice {
		margin-top: 2.4vmin;
		font-size: 3.6vmin;
	}

	#footer address {
		padding-top: 2.4vmin;
	}

	.copyright {
		padding: 4vmin 0 0;
	}

	.pageup {
		display: none !important;
	}

	/*----------------------------------------------------
	index
----------------------------------------------------*/
	section.worried h3 {
		font-size: 5.8vmin;
	}

	section.worried .soudan {
		font-size: 4.8vmin;
	}

	section.worried .greeting {
		padding: 2.4vmin;
		height: 20vh;
		overflow: hidden;
		position: relative;
	}

	section.worried .greeting:before {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		content: "";
		width: 100%;
		height: calc(88px + 4.8vmin);
		background: -webkit-linear-gradient(top, rgba(225, 231, 217, 0) 0%, rgba(225, 231, 217, 0.9) 50%, rgba(225, 231, 217, 0.9) 50%, #E1E7D9 100%);
		background: linear-gradient(top, rgba(225, 231, 217, 0) 0%, rgba(225, 231, 217, 0.9) 50%, rgba(225, 231, 217, 0.9) 50%, #E1E7D9 100%);
		z-index: 1;
	}

	section.worried .greeting:after {
		content: "もっと読む";
		display: block;
		text-align: center;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
		line-height: 44px;
		border-radius: 5px;
		position: absolute;
		bottom: 2.4vmin;
		left: 2.4vmin;
		width: calc(100% - 4.8vmin);
		z-index: 2;
	}

	section.worried .greeting.is-open:before,
	section.worried .greeting.is-open:after {
		display: none;
	}

	#index .caseTop li.ind {
		padding: 0;
		border: 1px solid #555;
		border-radius: 0;
		background: #FFF;
	}

	.caseData {
		background: transparent;
		padding: 0;
		margin-left: 0;
	}

	#index .caseData .post_meta p.post_label {
		display: none;
	}

	#index .caseData .post_meta p.post_date {
		float: none;
		font-size: 3.6vmin;
		text-align: right;
		padding: 1.6vmin 2.4vmin;
		margin-bottom: 0 !important;
		background: #1A75BB;
		color: #FFF;
	}

	#index .caseData h2 {
		margin: 0 !important;
		box-sizing: border-box;
		width: 100%;
		font-size: 4.8vmin;
		padding: 2.4vmin;
	}

	#index .caseData h2 span {
		border: none;
		padding: 0;
	}

	#index .caseData .name {
		background: url("../../../../common/img/i_up.png") no-repeat 2% center/ 72px auto;
		width: 100%;
		box-sizing: border-box;
		padding: 6% 4% 6% 88px;
		margin-bottom: 0 !important;
		border-bottom: none;
	}

	#index .caseData .more span {
		display: none;
	}

	#main .caseData table {
		width: 100%;
		float: none;
		margin-bottom: 0 !important;
	}

	#index .caseData th, .caseData td {
		padding: 5px;
		border: 1px solid #555;
	}

	#index .caseData th {
		width: 45%;
		border-left: none;
	}

	#index .caseData td {
		border-right: none;
	}

	.caseData th.ttl {
		display: none;
	}

	.caseData .arrow {
		display: none;
	}

	.caseData .pre {
		width: 100%;
		float: none;
		background: #fffbf2;
		color: #fff;
		font-size: 4.4vmin;
		font-weight: bold;
		padding: 1.6vmin;
		text-align: center;
		box-sizing: border-box;
		border: none;
	}

	#index .caseData .data {
		padding: 2.4vmin;
		text-align: center;
		background: #FDFEE2;
		font-size: 4.8vmin;
		margin: 0 !important;
	}

	section.ansin p {
		margin-top: 4vmin;
	}

	section.attention p.btn a, section.ansin p.btn a {
		font-size: 4.8vmin;
	}

	#index #acMenu {
		margin-bottom: 4vmin;
	}

	#index #acMenu dt {
		height: auto;
		padding: 2.4vmin 40px 2.4vmin 2.4vmin;
		font-size: 4.4vmin;
	}

	#index #acMenu dd {
		padding-bottom: 2.4vmin;
	}

	#index #acMenu dd .when_inner {
		padding: 2.4vmin;
		margin: 0 2.4vmin 2.4vmin 2.4vmin;
	}

	#index #acMenu dd .when_inner p.addict {
		text-align: left;
		font-size: 3.4vmin;
	}

	.sec05 {
		margin-top: 6.4vmin;
	}

	.sec05 .flow {
		padding: 4px;
	}

	.sec05 .flow ul {
		display: block;
	}

	.sec05 .flow ul li {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #ddd;
		padding: 4vmin;
	}

	.sec05 .flow dt {
		font-size: 4.8vmin;
	}

	.sec05 .flow dt .step_num {
		font-size: 4vmin;
	}

	.sec05 .flow dd p:first-of-type {
		width: 80%;
		margin: 0 auto 4%;
		text-align: center;
	}

	.sec05 .flow dd img {
		width: auto;
		max-width: 100%;
	}

	.sec05 .flow .Att_flow .tex {
		width: 100%;
		font-size: 3.6vmin;
		line-height: 1.4;
	}

	.sec05 .flow .Att_flow .at_img {
		width: 100%;
		text-align: center;
		margin-top: 4%;
	}

	.sec05 .flow .Att_flow .at_img img {
		max-width: 100%;
	}

	#main .sec05 .flow .lawer_box02 .ttl {
		padding: 4vmin 0 4vmin 21vmin;
	}

	#main .sec05 .flow .lawer_box02 .ttl:before {
		background: url("../../../../img/common/badge.png") no-repeat center center / 100% auto;
		width: 20vmin;
		height: 20vmin;
		margin-top: -10vmin;
	}

	#main .sec05 .flow .lawer_box02 .ttl p {
		font-size: 4vmin;
	}

	#main .sec05 .flow .lawer_box02 .ttl h3 {
		font-size: 5.6vmin;
	}

	#contact .pc_none .inner {
		padding: 6.4% 4%;
	}

	#contact .pc_none .inner p {
		font-size: 3vmin;
		line-height: 1.4;
	}

	#contact .pc_none .inner p.txt {
		width: 100%;
		font-size: 4vmin;
		margin-bottom: 2.4vmin;
		letter-spacing: 0.05em;
	}

	#contact .pc_none .inner .btn, #contact .pc_none .inner .mail {
		width: 100%;
	}

	#contact .pc_none .inner .mail {
		font-size: 4vmin;
	}

	#contact .pc_none .inner:before {
		display: none;
	}

	.box03 {
		display: block;
	}

	.box03 li {
		width: 100%;
	}

	.box03 li dt {
		text-align: center;
	}

	.reason-contents .box03 li dt span {
		background: #1A75BB;
		color: #FFF;
		padding: 2.4vmin;
		margin: 0 0 2.4vmin;
	}

	.green_lb {
		margin-left: 0;
		display: flex;
		justify-content: center;
	}

	.green_lb li {
		float: none;
	}

	.green_lb li:last-child {
		margin-right: 0;
	}

	.office-contents .imgR {
		float: none;
		margin: 0 auto 4vmin;
		text-align: center;
	}

	.office-contents .imgR p {
		max-width: inherit;
		margin: 0 auto;
	}

	.office-contents .imgR p:first-of-type {
		width: 80%;
		max-width: 150px;
	}

	#main .office-contents .textArea p:last-of-type {
		margin-bottom: 0;
	}

	.other_terms {
		margin-top: 4vmin;
		padding: 4vmin;
	}

	.other_terms p.txt {
		text-align: left;
		margin-bottom: 2.4vmin !important;
	}

	.other_terms p.btn {
		margin: 4vmin 0 !important;
	}

	.other_terms p:nth-child(2) {
		margin-top: 2.4vmin !important;
	}

	.other_terms p:nth-child(4) {
		margin-bottom: 2.4vmin !important;
	}

	.other_terms p:last-child {
		margin-bottom: 0 !important;
	}

	.other_terms p.btn a {
		padding: 10px 1em !important;
		width: 90%;
		font-size: 4.4vmin;
	}

	#main .wp-pagenavi {
		padding: 2.4vmin 0 4vmin;
		font-size: 3.6vmin;
	}

	#main .wp-pagenavi .pages {
		margin-right: 2.4vmin;
	}

	#blogArea .body {
		padding: 4vmin;
		margin: 0;
	}

	#blogArea h2 {
		padding: 2.4vmin;
	}

	#blogArea h2 strong {
		font-size: 4.2vmin;
	}

	#main .Num_tac h2.tit {
		padding-right: 2.4vmin;
	}

	.Num_post {
		position: relative;
		top: auto;
		text-align: right;
		font-size: 4vmin;
		margin-bottom: 3vmin;
	}

	.Num_post span {
		font-size: 4.8vmin;
	}

	#main section.description {
		padding: 4vmin;
	}

	#main section.description h2.tit {
		font-size: 4.4vmin;
		margin-bottom: 2.4vmin;
		text-align: left;
		z-index: 2;
	}

	#main section.description h2.tit span {
		font-size: 4.8vmin;
	}

	#main section.description .txt {
		padding: 4vmin;
		z-index: 2;
		line-height: 1.6;
	}

	/*----------------------------------------------------
	「そろそろ症状固定を」と言われたら？
----------------------------------------------------*/
	#fixed .flow-contents h3.txt {
		text-align: center;
	}

	#fixed .imgR {
		margin-left: 0;
	}

	h3.point_tex {
		font-size: 4.8vmin;
		margin: 0 0 1em !important;
	}

	h3.check_tex {
		font-size: 4.8vmin;
		margin: 0 0 1em !important;
		background: url("../../../../img/fixed/check_box.gif") no-repeat left top;
		height: auto;
	}

	/*----------------------------------------------------
	後遺障害の認定結果が返ってきたら？
----------------------------------------------------*/
	#certification .flow-contents h3.txt {
		text-align: center;
	}

	#certification .imgR {
		margin-left: 0;
	}

	/*----------------------------------------------------
	保険会社から賠償金の提示があったら？
----------------------------------------------------*/
	#presentation .imgR {
		margin-left: 0;
	}

	/*----------------------------------------------------
	弁護士費用について
----------------------------------------------------*/
	.cost-revision {
		margin: 0 0 4vmin;
	}

	.cost-revision:before {
		right: 5px;
	}

	#main .cost-revision .ttl {
		padding: 2.4vmin 90px 2.4vmin 2.4vmin;
		font-size: 4.8vmin;
	}

	#main .cost-revision .txt {
		padding: 2.4vmin 90px 2.4vmin 2.4vmin;
	}

	.renewal_201811 figure {
		margin-bottom: 2.4vmin;
	}

	.renewal_201811 .cost_meeting p,
	.renewal_201811 .cost_initial p,
	.renewal_201811 .cost_others .module {
		margin: 0;
		padding: 4vmin;
		font-size: 4vmin;
	}

	.renewal_201811 .cost_fee ul.fee {
		display: block;
		margin: 0 4vmin;
	}

	.renewal_201811 .cost_fee ul.fee li {
		padding: 4vmin;
		margin-bottom: 4vmin;
		width: 100%;
	}

	.renewal_201811 .cost_fee ul.fee li:last-child {
		margin-bottom: 0;
	}

	.renewal_201811 .cost_fee ul li h4 span {
		font-size: 4.8vmin;
		font-weight: bold;
	}

	#contents .renewal_201811 section.cost_fee ul.fee li p {
		font-size: 4vmin;
	}

	#contents .renewal_201811 section.cost_fee .point_woman,
	#contents .renewal_201811 section.cost_fee .point_woman02 {
		padding: 0 0 4vmin;
		margin: 0 0 4vmin;
	}

	#contents .renewal_201811 section.cost_fee .point_woman span,
	#contents .renewal_201811 section.cost_fee .point_woman02 span {
		padding: 4vmin;
		margin-left: 0;
		font-size: 4vmin;
	}

	#contents .renewal_201811 section.cost_fee .point_woman:after,
	#contents .renewal_201811 section.cost_fee .point_woman02:after {
		right: 0;
	}

	.renewal_201811 .cost_fee div.column {
		margin: 0;
	}

	.renewal_201811 .structure {
		padding: 4vmin;
		margin: 0 0 4vmin;
	}

	.renewal_201811 .structure .module {
		display: block;
	}

	.renewal_201811 .structure figure {
		width: 80%;
		margin: 0 auto 2.4vmin;
	}

	#contents .renewal_201811 section.cost_fee .structure ul {
		width: 100%;
		text-align: center;
	}

	.renewal_201811 .special {
		padding: 4vmin;
	}

	.renewal_201811 .special .module {
		display: block;
	}

	#contents .renewal_201811 section.cost_fee .special .point_woman02 {
		width: 100%;
		margin: 0 auto 2.4vmin;
	}

	#contents .renewal_201811 section.cost_fee .special p:nth-child(2) {
		width: 100%;
	}

	#contents .renewal_201811 section.cost_attention {
		padding: 4vmin;
		margin: 0 0 8vmin;
	}

	#contents .renewal_201811 section.cost_attention h4 {
		font-size: 4.4vmin;
		margin-bottom: 2.4vmin;
	}

	.renewal_201811 .cost_question {
		padding: 4vmin;
	}

	.cost_question dt, .cost_question dd {
		margin: 0 0 2.4vmin 6.4vmin;
		font-size: 4vmin;
	}

	.cost_question dl .Ans {
		margin-bottom: 4vmin;
	}

	.cost_question dl .Ques:before,
	.cost_question dl .Ans:before {
		left: -6.4vmin;
		font-size: 5.6vmin;
	}

	/*----------------------------------------------------
	弁護士紹介
----------------------------------------------------*/
	.office-contents .imgR {
		width: 100%;
		order: 1;
	}

	#lawyer .office-contents .imgR img {
		max-width: 100%;
	}

	#lawyer .office-contents h3.txt {
		background: transparent;
		color: #333;
		text-align: left;
		line-height: 1.6;
	}

	#lawyer .office-contents h3.txt span {
		font-size: 5.2vmin !important;
	}

	#lawyer .office-contents .name {
		text-align: center;
		background: #EEE;
		padding: 1em;
		order: 2;
	}

	#lawyer .office-contents .imgArea {
		display: flex;
		flex-direction: column;
	}

	#lawyer .office-contents h3.txt {
		order: 3;
	}

	#lawyer .office-contents .imgArea p:nth-of-type(2) {
		order: 4;
		margin: 0;
	}

	.staff {
		display: block;
	}

	.staff li {
		padding: 4vmin;
		margin: 0 0 8vmin;
		width: 100%;
		position: relative;
	}

	/*----------------------------------------------------
	情報誌掲載
----------------------------------------------------*/
	.att_line {
		padding: 2.4vmin;
	}

	.media_Box {
		margin-bottom: 4vmin;
	}

	.media_Box h3 {
		font-size: 4.4vmin;
		padding: 2.4vmin;
	}

	.media_section {
		padding: 2.4vmin;
		display: flex;
		flex-direction: column-reverse;
	}

	.media_section .media_left {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.media_section .hanrei {
		padding: 0.2em 1em;
		font-size: 4vmin;
	}

	.media_section .s_top {
		margin: 2.4vmin 0 4vmin !important;
	}

	.media_section .media_right {
		float: none;
		margin: 0 auto 4vmin;
	}

	/*----------------------------------------------------
	プロスト法律事務所の特徴
----------------------------------------------------*/
	#feature #main section.reason h2::before,
	#feature #main section.check h2::before,
	#feature #main section.point h2::before {
		display: none;
	}

	#feature #main section>h3 {
		margin-bottom: 3.2vmin;
	}

	#feature #main section.check .imgR,
	#feature #main section.point .imgR {
		float: none;
		margin: 0 0 3.2vmin;
		text-align: center;
	}

	#feature #main section.check .imgR {
		width: 100%;
	}

	#feature #main section.check .imgR img {
		max-width: 100%;
		margin-bottom: 4vmin;
	}

	#feature #main section.check .imgR small {
		text-align: left;
	}

	#feature #main section.point .imgR {
		width: 100%;
	}

	#feature #main section.point .imgR img {
		width: 100%;
	}

	/*----------------------------------------------------
	自転車
----------------------------------------------------*/
	.bicycle {
		padding: 4vmin;
		font-size: 4vmin;
	}

	.bicycle .Bicycle_sect {
		margin-bottom: 4vmin;
	}

	.bicycle .fL {
		float: none;
		width: 100%;
	}

	.bicycle .fR {
		float: none;
		text-align: center;
	}

	.bicycle h3 {
		margin: 0 0 1.6vmin !important;
		font-size: 4.8vmin;
		font-weight: normal;
		text-align: center;
		width: 100%;
	}

	.bicycle .caseData .name {
		width: 100%;
	}

	.bicycle .cost_disc {
		padding: 4vmin;
		font-size: 4.8vmin;
		margin: 1em 0;
	}

	.bicycle .cost_disc span {
		font-size: 4.8vmin;
	}

	.bicycle .cost_disc span.Caution {
		font-size: 3.6vmin;
		padding: 2.4vmin;
		margin: 2.4vmin 0 0;
	}

	.bicycle h3.txt {
		margin: 0 auto 3.2vmin !important;
		font-size: 5.2vmin;
		width: auto;
	}

	.bicycle #acMenu dt {
		margin: 0 8% 4vmin;
		position: relative;
	}

	.bicycle #acMenu dt:before {
		width: 119.05%;
		left: -9.525%;
	}

	/*----------------------------------------------------
	賠償金の増額について
----------------------------------------------------*/
	#main .increase .L_tex {
		margin: 0;
	}

	#main .increase .imgR {
		width: 35%;
		margin: 0;
	}

	.increase .imgR img {
		width: 100%;
	}

	.example .btn_top {
		color: #c00;
		text-align: center;
		margin: 0 !important;
	}

	.example .data_btn {
		background: #fff;
		border-radius: 5px;
		border: 3px solid #1a75bb;
		text-align: center;
		vertical-align: middle;
		color: #1a75bb;
		box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3);
		font-size: 18px;
		font-weight: bold;
		line-height: 1;
		margin: 0 4%;
	}

	.example .data_btn a {
		color: #1a75bb !important;
		display: block;
		padding: 18px 0 18px;
	}

	/*----------------------------------------------------
	後遺障害等級の上昇について
----------------------------------------------------*/
	.grade .imgArea .imgR {
		width: 100%;
		float: none;
		margin: 0 0 4vmin;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#main .grade .imgArea .imgR p {
		margin: 0;
		width: 30%;
	}

	#main .grade .imgArea .imgR p img {
		max-width: 100%;
	}

	#main .grade .imgArea small {
		width: 66%;
	}

	.grade .textArea {
		overflow: visible;
	}

	.dataB {
		margin: 0 auto 4vmin;
		text-align: center;
	}

	.dataB a {
		display: block;
		padding: 18px 0;
		margin: 0 4%;
	}

	/*----------------------------------------------------
	後遺障害の等級表
----------------------------------------------------*/
	.failure th {
		width: 24%;
	}

	.failure td {
		width: 76%;
	}

	#main .failure td ol li {
		font-size: 3.6vmin;
		line-height: 1.6;
	}

	.failure .pre.pc_none {
		display: block;
		width: 100%;
		text-align: left;
	}

	.failure .pre.sp_none {
		display: none;
	}

	.dis {
		padding: 4vmin;
		line-height: 1.6;
	}

	.page-id-26 #main .dis h3, .page-id-26 #main .dis p {
		font-size: 2.8vmin;
	}

	.page-id-26 #main .dis h3 {
		margin-bottom: 1.6vmin;
	}

	#main .dis p {
		margin-bottom: 0;
	}

	ol.nl li, .failure>p, #main .failure .dis p {
		font-size: 2.8vmin;
		line-height: 1.6;
	}

	/*----------------------------------------------------
	よくある質問
----------------------------------------------------*/
	.qa dt {
		padding: 2.4vmin 2.4vmin 2.4vmin 50px !important;
		font-size: 4.4vmin;
		margin-bottom: 2.4vmin;
	}

	.qa dd {
		padding: 4vmin;
		margin-bottom: 8vmin;
	}

	.my_modal_btn {
		font-size: 3.2vmin;
		padding: 0;
		line-height: 44px;
	}

	.my_modal_header, .my_modal_content .ttl {
		font-size: 4.8vmin;
		padding: 15px;
		width: calc(100% + 8vmin);
		margin-left: -4vmin;
		box-sizing: border-box;
	}

	.my_modal_content {
		padding: 4vmin;
	}

	.my_modal_content>div {
		margin-top: 4vmin;
	}

	.my_modal_content div p {
		font-size: 3.4vmin;
		line-height: 1.4;
	}

	#my_modal1:checked~.my_modal_footer.pc_none {
		display: block;
	}

	#my_modal1:checked~.my_modal_body1 .my_modal_footer.sp_none {
		display: none;
	}

	.my_modal_footer .my_modal_close {
		font-size: 4vmin;
	}

	/*----------------------------------------------------
	高額の解決事例
----------------------------------------------------*/
	#expensive #main article table:first-child td {
		font-size: 3.2vmin;
		line-height: 1.4;
		padding: 0.4em;
	}

	#expensive #main article table:first-child tr td:first-child {
		width: 3em;
	}

	#expensive #main article table:first-child tr td:nth-child(2) {
		width: auto;
	}

	#expensive #main article table:first-child tr td:nth-child(3) {
		width: 5em;
	}

	#expensive #main article table:first-child tr td:last-child {
		font-size: 3.2vmin;
		width: 7em;
	}

	/*----------------------------------------------------
	後遺障害等級別に解決事例を見る
----------------------------------------------------*/
	.by_grade ul li {
		width: 100%;
	}

	.by_grade ul li:nth-child(2) {
		margin-top: 2%;
	}

	/*----------------------------------------------------
	自分の状況に近い解決事例を探す
----------------------------------------------------*/
	.find #ulls-submit-button {
		padding: 0.8em 1em;
		margin: 6vmin auto 0;
		font-size: 4.8vmin;
	}

}


/* =========================================================
 Elements
========================================================= */
/* Margin Top
--------------------------------------------------------- */
.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt55 {
	margin-top: 55px !important;
}

.mt60 {
	margin-top: 60px !important;
}

/* Margin Bottom
--------------------------------------------------------- */
.mb0 {
	margin-bottom: 0 !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb55 {
	margin-bottom: 55px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.bold {
	font-weight: 900
}

/* =========================================================
	Index
========================================================= */
/*	Letter
--------------------------------------------------------- */
.home .letter {
	display: flex;
	margin: 0 auto 30px;
	padding: 0;
	justify-content: space-between;
	align-items: flex-start;
}

.home .letter .img {
	box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
	line-hegiht: 0;
	padding: 0;
	width: 32.6%;
}

.home .letter .img img {
	width: 100%;
}

.home .letter .textarea {
	background: #FCFCFC;
	border: 1px solid #CCC;
	margin: 0;
	padding: 10px;
	width: 63.4%;
	box-sizing: border-box;
}

.home .letter .textarea .right {
	text-align: right;
}

/* =========================================================
	/parts-position		「部位説明」
========================================================= */
.parts-position {
	display: block;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background: url("../../../../img/parts/bg.png") no-repeat 0 0;
	height: 568px;
	max-width: 650px;
}

.parts-position ul li {
	position: absolute;
}

.parts-position ul li.cat03 {
	left: 52px;
	top: 0;
}

.parts-position ul li.cat19 {
	left: 233px;
	top: 0;
}

.parts-position ul li.cat11 {
	left: 415px;
	top: 0;
}

.parts-position ul li.upper {
	left: 4px;
	top: 130px;
}

.parts-position ul li.under {
	left: 4px;
	top: 346px;
}

.parts-position ul li.cat06 {
	right: 0;
	top: 130px;
}

.parts-position ul li.cat07 {
	right: 0;
	top: 230px;
}

.parts-position ul li.cat08 {
	right: 0;
	top: 346px;
}

.parts-position ul li.cat10 {
	left: 52px;
	bottom: 0;
}

.parts-position ul li.cat09 {
	left: 233px;
	bottom: 0;
}

.parts-position ul li.cat20 {
	left: 415px;
	bottom: 0;
}

.parts-position ul li a:hover {
	opacity: 0.5;
}

.parts-position area:hover {
	cursor: pointer;
}

.sp-parts-position {
	display: none;
}

/* =========================================================
	/when/		「弁護士に相談するタイミング」
========================================================= */
#when .i_when {
	background: url("../../../../img/index/tit07_bg.gif") no-repeat 0 0;
	height: 42px;
	padding: 11px 0 0 50px;
	font-size: 32px;
	color: #333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#when #List {
	background: #1A75BB;
	box-shadow: 2px 3px 2px 2px rgba(0, 0, 0, 0.10);
	margin: 0 auto 20px;
	padding: 20px;
}

#when #List .ttl {
	display: block;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
	margin: 0 auto 10px;
	text-align: center;
	box-sizing: border-box;
	line-height: 1.5;
	color: #FFF;
}

#when #List dd {
	background: #FAFAFA;
	margin: 0 auto 20px;
	padding: 20px;
}

#when #List dd .addict {
	font-weight: bold;
	color: #BC0003;
	text-align: center;
}

#when #List dd span {
	color: #BC0003;
}

#when #List dd .free_info {
	text-align: center;
}

#when #List dd .mail_link {
	text-align: center;
	margin-bottom: 0px;
}

#when #List dd .mail_link a {
	text-decoration: underline;
}

#when #List dd .mail_link a:hover {
	text-decoration: none;
}

/* =========================================================
	/brain/		「高次脳機能障害」
========================================================= */
#brain .case {
	display: block;
	margin: 20px auto;
	padding: 0;
}

#brain .case .ttl {
	background: #f6f3e7;
	float: left;
	margin: 0;
	padding: 2px;
	position: relative;
	text-align: center;
	width: 90px;
}

#brain .case .ttl:after {
	content: "：";
	display: block;
	margin: auto;
	padding: 0;
	position: absolute;
	right: -15px;
	top: 0;
}

#brain .case .txt {
	float: none;
	margin: 0 auto 10px;
	padding: 2px 0 2px 110px;
	width: auto;
}

#brain .Accordion_item .point {
	background: #ddeaf7;
	border: 2px solid #0059bb;
	border-radius: 5px;
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.7);
	display: block;
	font-size: 18px;
	margin: 40px auto 20px;
	padding: 10px 20px 0;
	position: relative;
}

#brain .Accordion_item .point:before {
	background: #FFF;
	border: 2px solid #0059bb;
	border-radius: 3px;
	box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.7);
	color: #0059bb;
	content: "ポイント!";
	display: block;
	font-weight: 900;
	left: 10px;
	margin: auto;
	padding: 5px 20px;
	position: absolute;
	top: -20px;
}

#brain .inner_3pt ul {
	margin: 0 auto;
	padding: 0;
}

#brain .Accordion_item .red {
	background: #ffe5e5;
	border: 2px solid #e50000;
	border-radius: 5px;
	color: #e50000;
	display: block;
	font-size: 18px;
	margin: 20px 0 20px !important;
	padding: 20px;
	position: relative;
}

/*----------------------------------------------------
	popform
----------------------------------------------------*/
.popform-area {
	background: #FAFAFA;
	border: solid 1px #E0E0E0;
	margin: 0px 0px 20px 0px;
	padding: 8px 6px 10px 6px;
}

.fs-explain {
	font-size: 13px;
}

.fs-explain-example {
	margin-top: 4px;
}

.fs-button, .ulls-button {
	max-width: 320px;
	text-align: center;
	margin: 10px auto 0;
}

.popform-content {
	position: fixed;
	display: none;
	z-index: 1200;
	width: 800px;
	margin: 0;
	padding: 18px 40px;
	border: 5px solid #000;
	background: #eee;
	text-align: center;
}

.popform-content p {
	margin: 0;
	padding: 0;
}

/* ---------------------------------------- */
.popform-content-fs-genre, .popform-content-ulls-genre {
	background: #ddd;
	margin: 10px 0px 15px 0px;
	padding: 8px;
	display: table;
	width: 100%;
}

.popform-content-fs-genre-name, .popform-content-ulls-genre-name {
	width: 20%;
	font-size: 16px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.popform-content-fs-terms, .popform-content-ulls-terms {
	background: #fff;
	padding: 5px 10px;
	display: table-cell;
}

.popform-content-fs-terms-alert, .popform-content-ulls-terms-alert {
	color: rgba(224, 0, 3, 1.00);
	font-size: 12px;
	text-align: right;
	padding: 2px 3px 20px 0px;
}

.popform-content-fs-terms-labels, .popform-content-ulls-terms-labels {
	font-size: 14px;
	text-align: left;
	line-height: 1.8;
}

.popform-content-fs-terms-labels label, .popform-content-ulls-terms-labels label {
	white-space: nowrap;
}

.popform-content input#fs-submit-button, .popform-content input#ulls-submit-button {
	width: 320px;
	height: 70px;
	border-radius: 8px;
	font-size: 16px;
	color: #fff;
	background-image: linear-gradient(180deg, #5c8500, #7da819);
	background: -moz-linear-gradient(top, #5c8500 0%, #7da819 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c8500), color-stop(100%, #7da819));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5c8500 0%, #7da819 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5c8500 0%, #7da819 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5c8500 0%, #7da819 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#7da819, EndColorStr=#5c8500);
	margin: 10px 0px 30px 0px;
}

.popform-content input#fs-submit-button:hover, .popform-content input#ulls-submit-button:hover {
	cursor: pointer;
	opacity: 0.8;
	text-decoration: underline;
}

.popform-overlay {
	z-index: 1100;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, 0.75);
}

#popform-open-button {
	border-radius: 5px;
	font-size: 14px;
	text-align: center;
	background-image: linear-gradient(180deg, #5c8500, #7da819);
	background: -moz-linear-gradient(top, #5c8500 0%, #7da819 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c8500), color-stop(100%, #7da819));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5c8500 0%, #7da819 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5c8500 0%, #7da819 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5c8500 0%, #7da819 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#7da819, EndColorStr=#5c8500);
	color: #fff;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
	padding: 20px 0;
	display: block;
}

#popform-open-button:hover {
	cursor: pointer;
	opacity: 0.8;
	color: #fff;
	text-decoration: underline;
	padding: 20px 5px;
}

#popform-open-button2 {
	font-size: 14px;
	text-align: center;
	background: #555;
	border-radius: 4px;
	color: #fff;
	padding: 10px 30px;
}

.dis p.se_L {
	float: left;
	margin-bottom: 0 !important;
}

.dis p.se_R {
	float: right;
	margin-bottom: 0 !important;
}

#popform-open-button2:hover {
	cursor: pointer;
	opacity: 0.8;
	color: #fff;
	text-decoration: underline;
	padding: 10px 30px;
}

.popform-close {
	color: #f00;
	background: #fff;
	padding: 10px;
	display: inline-block;
}

.popform-close:hover {
	cursor: pointer;
	color: #00f;
	text-decoration: underline;
}

/*************************************************************************************************************************

■ タブレット(1,000px以下)向けスタイル

*************************************************************************************************************************/
@media screen and (max-width:1000px) {

	/*----------------------------------------------------
	popform
----------------------------------------------------*/
	.popform-content {
		width: 80%;
	}

	.fs-explain {
		font-size: 16px;
	}

	.popform-area {
		background: transparent;
		border: none;
		padding: 0 2%;
		margin: 0;
	}

	.popform-content-fs-terms-labels label,
	.popform-content-ulls-terms-labels label {
		display: inline-block;
		margin: 0.4em 0.8em 0.4em;
	}

}


/*************************************************************************************************************************

■ スマホ(600px以下)向けスタイル

*************************************************************************************************************************/
@media screen and (max-width:600px) {

	/* =========================================================
	Index
========================================================= */
	/*	Letter
--------------------------------------------------------- */
	.home .letter {
		display: block;
	}

	.home .letter .img {
		width: 100%;
		margin: 0 auto 4vmin;
		max-width: 212px;
	}

	.home .letter .textarea {
		width: 100%;
	}

	/* =========================================================
	/parts-position		「部位説明」
========================================================= */
	.parts-position {
		display: block;
		margin: 0 auto 4%;
		padding: 0;
		background: url("../../../../img/parts/bg_sp.png") no-repeat 0 0;
		background-size: 100% auto;
		width: 100%;
		height: 110vw;
		position: relative;
	}

	.parts-position ul li {
		position: absolute;
	}

	.parts-position ul li.cat03 {
		width: 33.59375%;
		left: 0;
		top: 0;
	}

	.parts-position ul li.cat19 {
		width: 32.96875%;
		left: 33.59375%;
		top: 0;
	}

	.parts-position ul li.cat11 {
		width: 33.4375%;
		left: 66.5625%;
		top: 0;
	}

	.parts-position ul li.upper {
		width: 45.3125%;
		left: 0;
		top: 15%;
	}

	.parts-position ul li.under {
		width: 45.3125%;
		left: 0;
		top: 73%;
	}

	.parts-position ul li.cat06 {
		width: 45.3125%;
		left: 0;
		top: 28.5%;
	}

	.parts-position ul li.cat07 {
		width: 45.3125%;
		left: 0;
		top: 41.7%;
	}

	.parts-position ul li.cat08 {
		width: 45.3125%;
		left: 0;
		top: 57.4%;
	}

	.parts-position ul li.cat10 {
		width: 33.59375%;
		left: 0;
		bottom: 0;
	}

	.parts-position ul li.cat09 {
		width: 32.96875%;
		left: 33.59375%;
		bottom: 0;
	}

	.parts-position ul li.cat20 {
		width: 33.4375%;
		left: 66.5625%;
		bottom: 0;
	}

	.parts-position ul li img {
		width: 100%;
	}

	/* =========================================================
	/when/		「弁護士に相談するタイミング」
========================================================= */

	#when #List {
		padding: 2.4vmin;
		margin: 0 auto 4vmin;
	}

	#when #List .ttl {
		font-size: 4.8vmin;
		padding: 2.4vmin;
		margin: 0 auto 2.4vmin;
	}

	#when #List dd {
		padding: 2.4vmin;
		margin: 0 auto 4vmin;
		line-height: 1.6;
	}

	#when #List dd .addict {
		text-align: left;
		font-size: 3.4vmin;
	}

	/*----------------------------------------------------
	popform
----------------------------------------------------*/
	.popform-content {
		width: 92%;
		height: 92vh;
		padding: 4vmin;
		box-sizing: border-box;
		overflow-y: scroll;
	}

	.popform-content-fs-genre, .popform-content-ulls-genre {
		margin: 0 0 2.4vmin;
		padding: 2px;
		display: block;
	}

	.popform-content-fs-genre-name, .popform-content-ulls-genre-name {
		font-size: 4vmin;
		display: block;
		width: 100%;
		padding: 2.4vmin 0;
	}

	.popform-content-fs-terms, .popform-content-ulls-terms {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.popform-content-fs-terms-alert, .popform-content-ulls-terms-alert {
		padding: 1.6vmin;
		font-size: 3.2vmin;
	}

	.popform-content-fs-terms-labels label, .popform-content-ulls-terms-labels label {
		font-size: 3.6vmin;
		margin-right: 2.4vmin;
	}

	.popform-content input#fs-submit-button, .popform-content input#ulls-submit-button {
		margin: 1.6vmin 0 4vmin;
		height: 56px;
		font-size: 4vmin;
		width: 100%;
	}

	.popform-close {
		padding: 1.6vmin;
		font-size: 4vmin;
	}

	.popform-content p:first-of-type {
		padding-bottom: 4vmin;
	}

	.popform-content p:last-of-type {
		padding-bottom: 8vmin;
	}

	.fs-explain {
		font-size: 4vmin;
	}

}





/*************************************************************************************************************************

■ 2021ver index add 2021.09.10

*************************************************************************************************************************/

#renewal_2021 {
	color: #0e0e0e;
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#renewal_2021 .blue {
	color: #0652b8;
}

#renewal_2021 .under-line {
	text-decoration: underline;
	color: #ffff00;
}

#renewal_2021 .yellow-text {
	color: #ffff00;
}

#renewal_2021 .wrapper {
	width: 92%;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}

#renewal_2021 .container a {
	text-decoration: underline;
}

#renewal_2021 .container .btn a {
	text-decoration: none;
}

#renewal_2021 .mainVisual01 {
	padding: 92px 0 0 0;
	margin-bottom: -48px;
	position: relative;
	z-index: 2;
}

#renewal_2021 .mainVisual01:before {
	content: "";
	background: url("../../../../img/index/2021/bg_catch01.jpg") no-repeat center center / cover;
	width: 57%;
	height: 102%;
	position: absolute;
	right: 0;
	top: 0;
}

#renewal_2021 .mainVisual01 .wrapper {
	max-width: 100%;
}

#renewal_2021 .mainVisual01 .ttl {
	line-height: 0;
	width: 51.2%;
	max-width: 1024px;
	margin: 0 0 64px;
	display: block;
}

#renewal_2021 .mainVisual01 .badge {
	line-height: 0;
	width: 21.6%;
	max-width: 432px;
	margin: 0 0 88px;
}

#renewal_2021 .mainVisual01 ul {
	width: 92%;
	max-width: 1064px;
	display: flex;
	justify-content: space-between;
}

#renewal_2021 .mainVisual01 ul li {
	width: 48.8%;
	background: #FFF;
	border-radius: 3em;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0.912326em 0;
	box-sizing: border-box;
	border: #0652b8 4px solid;
	text-align: center;
}

#renewal_2021 .mainVisual01 ul li:before {
	content: "";
	display: inline-block;
	background: url("../../../../img/index/2021/ico_check.svg") no-repeat center center / contain;
	width: 32px;
	height: 1em;
	margin-right: 0.4em;
	vertical-align: -0.1em;
}

#renewal_2021 .mainVisual02 {
	background: url("../../../../img/index/2021/bg_catch02.jpg") no-repeat center center / cover;
	text-align: center;
	padding: 60px 0;
}

#renewal_2021 .mainVisual02 .ttl {
	line-height: 0;
	max-width: 1178px;
	margin: 0 auto 102px;
	;
	display: block;
}

#renewal_2021 .mainVisual02 ul {
	width: 92%;
	max-width: 1064px;
	margin: 0 auto 32px;
	display: flex;
	justify-content: space-between;
}

#renewal_2021 .mainVisual02 ul li {
	width: 48.8%;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 8px;
	font-size: 1.8rem;
	padding: 1.0512em 0;
}

#renewal_2021 .mainVisual02 ul li:before {
	content: "";
	display: inline-block;
	background: url("../../../../img/index/2021/ico_check.svg") no-repeat center center / contain;
	width: 32px;
	height: 1em;
	margin-right: 0.4em;
	vertical-align: -0.1em;
}

#renewal_2021 .mainVisual02 .conclusion {
	font-size: 3.6rem;
	font-weight: bold;
}

#renewal_2021 .mainVisual02 .txt {
	font-size: 2.4rem;
	margin-top: 12px;
}

#renewal_2021 .container {
	line-height: 1.6;
	font-size: 1.25rem;
	overflow-x: hidden;
}

#renewal_2021 .container h2 {
	font-size: 3.5rem;
	font-weight: bold;
	letter-spacing: 0.08em;
	margin-bottom: 80px;
}

#renewal_2021 .container>section {
	position: relative;
	padding: 104px 0;
	z-index: 1;
}

#renewal_2021 .container .btn {
	width: 100%;
	max-width: 400px;
}

#renewal_2021 .container .btn a {
	display: block;
	text-align: center;
	font-size: 1.375rem;
	font-weight: bold;
	color: #FFF;
	background: #0652b8;
	border-radius: 8px;
	padding: 1.018em 0;
	box-sizing: border-box;
}

#renewal_2021 .container .parallel .btn a {
	box-shadow: 0 0 8px 2px #fff;
}

#renewal_2021 .container .btn a:after {
	content: "";
	background: url("../../../../common/img/ico_arrow_right_white.svg") no-repeat left center;
	display: inline-block;
	width: 10px;
	height: 1em;
	vertical-align: -0.1em;
	margin-left: 0.8em;
}

#renewal_2021 .container .btn a:hover {
	text-decoration: none;
	opacity: 0.5;
}

#renewal_2021 .container .btn.white-btn a {
	background: #FFF;
	color: #0652b8;
}

#renewal_2021 .container .btn.white-btn a:after {
	background: url("../../../../common/img/ico_arrow_right_blue.svg") no-repeat left center;
}

#renewal_2021 .container .btn.border-btn a {
	background: #d1e3ff;
	color: #0652b8;
	/* border: #bccde6 2px solid; */
}

#renewal_2021 .container .btn.border-btn-white a {
	background: #fff;
	color: #0652b8;
	border: #bccde6 2px solid;
}

#renewal_2021 .container .btn.border-btn a:after, #renewal_2021 .container .btn.border-btn-white a:after {
	background: url("../../../../common/img/ico_arrow_right_blue.svg") no-repeat left center;
}

#renewal_2021 .container>section.about-contents {
	padding-top: 160px;
}

#renewal_2021 .about-contents:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: #036eb8;
	background: -moz-linear-gradient(left, #036eb8 0%, #0742b8 100%);
	background: -webkit-linear-gradient(left, #036eb8 0%, #0742b8 100%);
	background: linear-gradient(to right, #036eb8 0%, #0742b8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#036eb8', endColorstr='#0742b8', GradientType=1);
	width: 100%;
	height: 80%;
}

#renewal_2021 .about-contents:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	background: #FFF;
	width: 50%;
	height: calc(100% - 160px);
}

#renewal_2021 .about-contents .wrapper {
	z-index: 2;
	display: flex;
}

#renewal_2021 .about-contents .wrapper:before {
	background: url("../../../../img/index/2021/ico_logo.svg") no-repeat left top / contain;
	content: "";
	width: 28.125%;
	height: 100%;
	position: absolute;
	left: -6.25%;
	top: -1.875%;
}

#renewal_2021 .about-contents .wrapper:after {
	background: url("../../../../img/index/2021/txt_about_us.svg") no-repeat left top / contain;
	content: "";
	width: 62.1875%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: -13.634%;
}

#renewal_2021 .about-contents .wrapper * {
	position: relative;
	z-index: 2;
}

#renewal_2021 .about-contents .wrapper .ttl-area {
	width: 50%;
	box-sizing: border-box;
}

#renewal_2021 .about-contents .wrapper .ttl-area h2 {
	color: #FFF;
}

#renewal_2021 .about-contents .wrapper .txt {
	width: 50%;
	box-sizing: border-box;
	padding: 6.25% 0 0 6.25%;
	line-height: 2;
}

#renewal_2021 .lawyer-contents {
	position: relative;
}

#renewal_2021 .lawyer-contents:before {
	content: "";
	background: #f5f5f5;
	width: 100%;
	height: 60%;
	max-width: 1760px;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 1;
}

#renewal_2021 .lawyer-contents:after {
	content: "";
	background: url("../../../../img/index/2021/bg_lawyer.jpg") no-repeat bottom center / cover;
	width: 100%;
	height: 60%;
	max-width: 1760px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
}

@media screen and (min-width:2000px) {
	#renewal_2021 .lawyer-contents:after {
		right: 50%;
		transform: translateX(56.8%);
	}
}

#renewal_2021 .lawyer-contents .wrapper {
	z-index: 2;
}

#renewal_2021 .lawyer-contents .wrapper:after {
	background: url("../../../../img/index/2021/txt_lawyer.svg") no-repeat left top / contain;
	content: "";
	width: 50%;
	height: 18%;
	position: absolute;
	left: 0;
	top: -14%;
	z-index: 1;
}

#renewal_2021 .lawyer-contents h2 {
	text-align: center;
	position: relative;
	z-index: 3;
}

#renewal_2021 .lawyer-contents ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#renewal_2021 .lawyer-contents ul li {
	background: #FFF;
	box-sizing: border-box;
	box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
	width: 31.875%;
}

#renewal_2021 .lawyer-contents ul li .photo img {
	max-width: 100%;
}

#renewal_2021 .lawyer-contents ul li .module {
	padding: 11.765%;
	text-align: center;
	font-size: 1rem;
}

#renewal_2021 .lawyer-contents ul li .module .position {
	font-weight: bold;
	color: #0652b8;
	margin-bottom: 8px;
}

#renewal_2021 .lawyer-contents ul li .module h3 {
	font-size: 2.5rem;
	letter-spacing: 0.08em;
	line-height: 1.2;
}

#renewal_2021 .lawyer-contents ul li .module .belong {
	font-weight: bold;
	color: #5e5e5e;
}

#renewal_2021 .lawyer-contents ul li .module .txt {
	margin-top: 40px;
	text-align: left;
}

#renewal_2021 .lawyer-contents .publish {
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
	color: #FFF;
}

#renewal_2021 .lawyer-contents .publish .photo {
	width: 15.625%;
}

#renewal_2021 .lawyer-contents .publish .photo img {
	max-width: 100%;
}

#renewal_2021 .lawyer-contents .publish .module {
	width: 80%;
}

#renewal_2021 .lawyer-contents .publish .module h4 {
	font-size: 2.5rem;
	letter-spacing: 0.08em;
	margin-bottom: 24px;
}

#renewal_2021 .lawyer-contents .publish .module .txt {
	line-height: 2;
	font-weight: bold;
}

#renewal_2021 .lawyer-contents .publish .module .link {
	text-align: right;
	margin-top: 1em;
}

#renewal_2021 .lawyer-contents .publish .module .link a {
	color: #FFF;
	text-decoration: underline;
}

#renewal_2021 .lawyer-contents .publish .module .link a:hover {
	opacity: 0.5;
}

#renewal_2021 .office-contents>.photo {
	margin: 0 0 -264px;
	position: relative;
	z-index: 1;
	text-align: center;
	display: block;
}

#renewal_2021 .office-contents>.photo img {
	max-width: 100%;
}

#renewal_2021 .office-contents .wrapper:before {
	background: #f5f5f5;
	content: "";
	width: 112.5%;
	height: 52%;
	position: absolute;
	left: -28.125%;
	top: 80px;
	z-index: 1;
}

#renewal_2021 .office-contents .wrapper:after {
	background: url("../../../../img/index/2021/txt_office_gray.svg") no-repeat left top / contain;
	content: "";
	width: 41.7%;
	height: 18%;
	position: absolute;
	left: 0;
	top: 1%;
	z-index: 2;
}

#renewal_2021 .office-contents .module {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}

#renewal_2021 .office-contents .module .photos {
	line-height: 0;
	width: 61.25%;
	position: relative;
}

#renewal_2021 .office-contents .module .photos img {
	display: block;
}

#renewal_2021 .office-contents .module .photos img:first-child {
	width: 70%;
	margin: 0 0 0 auto;
}

#renewal_2021 .office-contents .module .photos img:nth-child(2) {
	width: 44.8%;
	margin: -34% 0 0 0;
}

#renewal_2021 .office-contents .module .photos img:nth-child(3) {
	width: 40.8%;
	margin: -20% 9.2% 0 auto;
}

#renewal_2021 .office-contents .module .detail {
	width: 33.125%;
	font-size: 1rem;
	padding-top: 196px;
}

#renewal_2021 .container .office-contents h2 {
	font-size: 2.5rem;
	letter-spacing: 0;
	line-height: 1.8;
	margin-bottom: 34px;
}

#renewal_2021 .tel a {
	color: #0652b8;
	font-weight: bold;
	text-decoration: none;
}

#renewal_2021 .tel a .sub {
	font-size: 1.2rem;
}

#renewal_2021 .tel a .number {
	font-size: 3.2rem;
	line-height: 1;
}

#renewal_2021 .tel a .number:before {
	content: "";
	background: url("../../../../common/img/ico_free.svg") no-repeat left center/ contain;
	width: 60px;
	height: 1em;
	margin-right: 0.2em;
	display: inline-block;
	vertical-align: -0.12em;
}

#renewal_2021 .tel .time {
	margin-bottom: 8px;
}

#renewal_2021 .tel .notice {
	border-radius: 6px;
	padding: 0.2em 0.6em;
	font-size: 1rem;
}

#renewal_2021 .tel .attention {
	/* font-size: 12px;
	color: #ff0000;
	text-align: left;
	padding: 1em 0.75em 1em 1.3em;
	background-color: #ffd6d6;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; */
	max-width: 420px;
	margin: 6px 0 15px;
}

#renewal_2021 .tel .attention img{
	width: 100%;
}

/* #renewal_2021 .tel .attention p {
	font-size: 12px;
	font-weight: 500;
}
*/

#renewal_2021 .tel .attention-bold {
	font-weight: bolder;
	margin: 0.3em 0;
} 


#renewal_2021 .container .btn.mail {
	max-width: 424px;
}

#renewal_2021 .container .btn.mail a {
	background: #5cca66;
	box-shadow: 0px 8px #548235;
}

#renewal_2021 .container .btn.mail a::after {
	display: none;
}

#renewal_2021 .container .btn.mail a::before {
	content: "";
	background: url("../../../../common/img/ico_mail.svg") no-repeat left center;
	display: inline-block;
	width: 32px;
	height: 1em;
	vertical-align: -0.1em;
	margin-right: 0.4em;
}

#renewal_2021 .office-contents .corona {
	position: relative;
	z-index: 2;
	margin: 64px auto 80px;
	padding-bottom: 56px;
	text-align: center;
}

#renewal_2021 .office-contents .corona:after {
	content: "";
	display: block;
	border: #0e0e0e 1px solid;
	position: absolute;
	left: 12.5%;
	bottom: 0;
	width: 75%;
	height: calc(100% - 1.8rem);
	z-index: 0;
}

#renewal_2021 .office-contents .corona * {
	position: relative;
	z-index: 1;
}

#renewal_2021 .office-contents .corona h3 {
	position: relative;
	text-align: center;
	font-size: 2rem;
	margin-bottom: 40px;
	display: inline-block;
	background: #f5f5f5;
	padding: 0 0.8em;
}

#renewal_2021 .office-contents .corona ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	text-align: left;
}

#renewal_2021 .office-contents .corona ul li {
	width: 49.0625%;
	background: #FFF;
	box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
	display: flex;
}

/*
#renewal_2021 .office-contents .corona ul li:nth-child(2){margin-top: 24px;}
*/
#renewal_2021 .office-contents .corona ul li figure {
	width: 240px;
}

#renewal_2021 .office-contents .corona ul li figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#renewal_2021 .office-contents .corona ul li .card {
	width: calc(100% - 240px);
	box-sizing: border-box;
	padding: 6.37%;
}

#renewal_2021 .office-contents .corona ul li .card .txt {
	font-size: 1rem;
	margin-top: 12px;
}

#renewal_2021 .office-contents .bnr {
	width: 125%;
	margin: 0 -12.5%;
	position: relative;
	z-index: 2;
}

#renewal_2021 .office-contents .bnr img {
	width: 100%;
}

#renewal_2021 .point-contents h2 {
	text-align: center;
}

#renewal_2021 .point-contents .wrapper:after {
	background: url("../../../../img/index/2021/txt_point.svg") no-repeat left top / contain;
	content: "";
	width: 33.125%;
	height: 18%;
	position: absolute;
	left: 34.4375%;
	top: 1%;
	z-index: -1;
}

#renewal_2021 .point-contents ul li {
	margin-top: 104px;
}

#renewal_2021 .point-contents ul li:first-child {
	margin-top: 0;
}

#renewal_2021 .point-contents ul li:nth-child(2) {
	display: flex;
	flex-direction: row-reverse;
}

#renewal_2021 .point-contents ul li .head {
	background: #036eb8;
	background: -moz-linear-gradient(left, #036eb8 0%, #0742b8 100%);
	background: -webkit-linear-gradient(left, #036eb8 0%, #0742b8 100%);
	background: linear-gradient(to right, #036eb8 0%, #0742b8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#036eb8', endColorstr='#0742b8', GradientType=1);
	color: #fff;
	padding: 6.25% 8.125%;
	text-align: center;
	position: relative;
}

#renewal_2021 .point-contents ul li:first-child .head {
	padding-bottom: calc(5% + 160px);
}

#renewal_2021 .point-contents ul li:nth-child(2) .head {
	max-width: 800px;
	box-sizing: border-box;
	text-align: left;
	margin-top: 28.501%;
}

#renewal_2021 .point-contents ul li:first-child .head:before {
	content: "";
	background: url("../../../../img/index/2021/txt_01_white.svg") no-repeat left top / contain;
	width: 10.7%;
	height: 30%;
	position: absolute;
	left: 6.25%;
	top: 12%;
}

#renewal_2021 .point-contents ul li:nth-child(2) .head:before {
	content: "";
	background: url("../../../../img/index/2021/txt_02_white.svg") no-repeat left top / contain;
	width: 21.25%;
	height: 30%;
	position: absolute;
	right: 6.25%;
	top: 12%;
}

#renewal_2021 .point-contents ul li .head h3 {
	font-size: 2.5rem;
	margin-bottom: 48px;
	line-height: 1.4;
}

#renewal_2021 .point-contents ul li .head .txt {
	max-width: 800px;
	margin: 0 auto;
	line-height: 1.8;
}

#renewal_2021 .point-contents ul li .module {
	background: #FFF;
	max-width: 1040px;
	box-sizing: border-box;
	padding: 5.067% 9.501% 0;
	position: relative;
}

#renewal_2021 .point-contents ul li:first-child .module {
	margin: -160px auto 0;
}

#renewal_2021 .point-contents ul li:nth-child(2) .module {
	width: 75%;
	margin: 0 -37.5% 0 0;
	box-sizing: border-box;
	position: relative;
	z-index: -1;
	padding: 0;
}

#renewal_2021 .point-contents ul li .module table {
	font-size: 1rem;
}

#renewal_2021 .point-contents ul li .module table th {
	border-right: #FFF 4px solid;
	background: #0652b8;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	vertical-align: middle;
}

#renewal_2021 .point-contents ul li .module table th:last-child {
	border-right: none;
}

#renewal_2021 .point-contents ul li .module table td {
	border-top: none;
	border-right: #FFF 4px solid;
	border-left: none;
	border-bottom: #CCC 2px solid;
	background: #edf3fa;
	vertical-align: middle;
}

#renewal_2021 .point-contents ul li .module table td:first-child {
	text-align: center;
}

#renewal_2021 .point-contents ul li .module table td:nth-child(2) {
	font-weight: bold;
}

#renewal_2021 .point-contents ul li .module table td:nth-child(2) a {
	text-decoration: underline;
}

#renewal_2021 .point-contents ul li .module table td:nth-child(3) {
	text-align: right;
}

#renewal_2021 .point-contents ul li .module table td:last-child {
	border-right: none;
	font-weight: bold;
	text-align: right;
}

#renewal_2021 .point-contents ul li .module table+p {
	font-size: 1.125rem;
	text-align: center;
}

#renewal_2021 .point-contents ul li .module table+p a {
	font-weight: bold;
	text-decoration: underline;
}

#renewal_2021 .point-contents ul li:nth-child(2) .module img:nth-child(2) {
	margin: 8.335% 0 0 -8.335%;
}

#renewal_2021 .search-contents {
	background: #036eb8;
	background: -moz-linear-gradient(left, #036eb8 0%, #0742b8 100%);
	background: -webkit-linear-gradient(left, #036eb8 0%, #0742b8 100%);
	background: linear-gradient(to right, #036eb8 0%, #0742b8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#036eb8', endColorstr='#0742b8', GradientType=1);
	position: relative;
}

#renewal_2021 .search-contents h2 {
	text-align: center;
	color: #FFF;
}

#renewal_2021 .search-contents .wrapper:after {
	background: url("../../../../img/index/2021/txt_search.svg") no-repeat left top / contain;
	content: "";
	width: 47.03125%;
	height: 10%;
	position: absolute;
	left: 50%;
	top: 1%;
	transform: translateX(-50%);
}

#renewal_2021 .search-contents .block {
	background: rgba(0, 0, 0, 0.2);
	padding: 16px 16px 32px 16px;
}

#renewal_2021 .search-contents .block .module {
	background: #FFF;
	margin-bottom: 16px;
	position: relative;
	padding: 5.129%;
}

#renewal_2021 .search-contents .block .module:before {
	content: "";
	width: 200px;
	height: 4px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 4px;
}

#renewal_2021 .search-contents .block .module.grade:before {
	background: #0652b8;
}

#renewal_2021 .search-contents .block .module.body:before {
	background: #ffa23d;
}

#renewal_2021 .search-contents .block .module.keyword:before {
	background: #01aa66;
}

#renewal_2021 .search-contents .block .module h3 {
	text-align: center;
	font-size: 2rem;
	letter-spacing: 0.08em;
	margin-bottom: 8px;
}

#renewal_2021 .search-contents .block .module ul {
	display: flex;
	flex-wrap: wrap;
}

#renewal_2021 .search-contents .block .module ul li {
	margin: 24px 24px 0 0;
}

#renewal_2021 .search-contents .block .module ul li a {
	display: block;
	font-size: 1.125rem;
	font-weight: bold;
	border-radius: 8px;
	padding: 0.644em 1.2em;
}

#renewal_2021 .search-contents .block .module ul li a:hover {
	text-decoration: none;
}

#renewal_2021 .search-contents .block .module.grade ul li a {
	color: #0652b8;
	border: #d1e3ff 2px solid;
	background: #d1e3ff;
}

#renewal_2021 .search-contents .block .module.body ul li a {
	color: #ffa23d;
	border: #ffebd7 2px solid;
	background: #ffebd7;
}

#renewal_2021 .search-contents .block .module.keyword ul li a {
	color: #01aa66;
	border: #d6f0d5 2px solid;
	background: #d6f0d5;
}

#renewal_2021 .search-contents .block .module.grade ul li a:hover {
	background: #0652b8;
	color: #fff;
	border: #0652b8 2px solid;
}

#renewal_2021 .search-contents .block .module.body ul li a:hover {
	background: #ffa23d;
	color: #fff;
	border: #ffa23d 2px solid;
}

#renewal_2021 .search-contents .block .module.keyword ul li a:hover {
	background: #01aa66;
	color: #fff;
	border: #01aa66 2px solid;
}

#renewal_2021 .search-contents .block .module ul li a:before {
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	vertical-align: 0.05em;
	margin-right: 0.2em;
}

#renewal_2021 .search-contents .block .module.grade ul li a:before {
	border-left: 8px solid #0652b8;
}

#renewal_2021 .search-contents .block .module.body ul li a:before {
	border-left: 8px solid #ffa23d;
}

#renewal_2021 .search-contents .block .module.keyword ul li a:before {
	border-left: 8px solid #01aa66;
}

#renewal_2021 .search-contents .block .btns {
	display: flex;
	justify-content: space-between;
}

#renewal_2021 .search-contents .block .btns .btn {
	max-width: 100%;
	width: calc(50% - 8px);
}

#renewal_2021 .search-contents .block .btns .btn a {
	background: #3eb370;
	font-size: 2rem;
	box-shadow: 0px 8px #2d8051;
}

#renewal_2021 .merit-contents h2 {
	text-align: center;
}

#renewal_2021 .merit-contents .wrapper:after {
	background: url("../../../../img/index/2021/txt_merit.svg") no-repeat left top / contain;
	content: "";
	width: 36.5625%;
	height: 10%;
	position: absolute;
	right: 0;
	top: 8%;
}

#renewal_2021 .merit-contents .wrapper>ul>li {
	position: relative;
	margin-top: 104px;
	padding: 104px 0;
	display: flex;
	justify-content: space-between;
}

#renewal_2021 .merit-contents .wrapper>ul>li:nth-child(2n) {
	flex-direction: row-reverse;
}

#renewal_2021 .merit-contents ul li:first-child {
	margin-top: 0;
}

#renewal_2021 .merit-contents .wrapper>ul>li:before {
	content: "";
	display: block;
	background: #dfe9f6;
	position: absolute;
	left: -20%;
	bottom: 0;
	width: 128.125%;
	height: 100%;
	z-index: 0;
}

#renewal_2021 .merit-contents .wrapper>ul>li:nth-child(2n):before {
	left: auto;
	right: -20%;
}

#renewal_2021 .merit-contents ul li * {
	position: relative;
	z-index: 1;
}

#renewal_2021 .merit-contents ul li>picture {
	line-height: 0;
	width: 57.35%;
	/*margin-left: -28.125%;*/
	position: relative;
	display: block;
	margin-right: 80px;
}

#renewal_2021 .merit-contents ul li>picture img {
	width: 100%;
}

#renewal_2021 .merit-contents .wrapper>ul>li:nth-child(2n)>picture {
	margin-left: 80px;
	/*	margin-right: -17.125%;*/
	margin-right: auto;
}

#renewal_2021 .merit-contents .wrapper>ul>li:nth-child(2n)>picture:before {
	background: url("../../../../img/index/2021/p_merit03.png") no-repeat left bottom / contain;
	content: "";
	width: 62%;
	height: 100%;
	position: absolute;
	left: -8%;
	bottom: -104px;
	z-index: 2;
}

#renewal_2021 .merit-contents ul li .module {
	width: 55.5%;
}

#renewal_2021 .merit-contents ul li .module h3 {
	font-size: 2.8rem;
	font-weight: bold;
	color: #0652b8;
	margin-bottom: 32px;
}

@media screen and (max-width:1400px) {
	#renewal_2021 .merit-contents ul li .module h3 {
		font-size: 2.4rem;
	}
}

@media screen and (max-width:1180px) {
	#renewal_2021 .merit-contents ul li .module h3 {
		font-size: 2.1rem;
	}
}

@media screen and (max-width:600px) {
	#renewal_2021 .merit-contents ul li .module h3 span {
		margin: 10px 0;
	}
}

#renewal_2021 .merit-contents ul li .module h4 {
	font-size: 1.2em;
	margin-top: 1.6em;
}

#renewal_2021 .merit-contents ul li .module figure,
#renewal_2021 .merit-contents ul li .module .txt {
	margin-top: 1em;
}

#renewal_2021 .merit-contents ul li .module figure {
	text-align: center;
}

#renewal_2021 .merit-contents ul li .module figure img {
	max-width: 100%;
}

#renewal_2021 .merit-contents ul li .module h4+.txt {
	margin-top: 0.4em;
}

#renewal_2021 .merit-contents ul li .module ul {
	margin: 1.6em;
}

#renewal_2021 .merit-contents ul li .module ul li {
	list-style: disc;
	margin-left: 0;
	font-weight: bold;
	margin-top: 0.6em;
}

#renewal_2021 .merit-contents ul li .module ul li:first-child {
	margin-top: 0;
}

@media screen and (max-width:2000px) {
	#renewal_2021 .merit-contents ul li>picture {
		width: 36vw;
	}

	#renewal_2021 .merit-contents .wrapper>ul>li:nth-child(2n)>picture {
		/*margin-right: -13vw;*/
	}

	#renewal_2021 .merit-contents ul li .module {
		width: 40vw;
	}
}

@media screen and (max-width:1780px) {
	#renewal_2021 .merit-contents .wrapper>ul>li:nth-child(2n)>picture {
		/*margin-right: -7vw;*/
	}
}

@media screen and (max-width:1600px) {
	#renewal_2021 .merit-contents ul li>picture {
		width: 42vw;
		margin-left: -8vw;
	}

	#renewal_2021 .merit-contents .wrapper>ul>li:nth-child(2n)>picture {
		margin-right: -6vw;
	}

	#renewal_2021 .merit-contents .wrapper>ul>li:nth-child(2n)>picture:before {
		left: 4%;
	}

	#renewal_2021 .merit-contents ul li .module {
		width: 46vw;
	}
}

@media screen and (max-width:1500px) {
	#renewal_2021 .merit-contents ul li>picture {
		margin-left: -2vw;
	}

	#renewal_2021 .merit-contents .wrapper>ul>li:nth-child(2n)>picture {
		margin-right: -2vw;
	}
}

#renewal_2021 .how-contents {
	background: url("../../../../img/index/2021/bg_how.jpg") no-repeat left bottom / cover;
}

#renewal_2021 .how-contents h2 {
	text-align: center;
}

#renewal_2021 .how-contents ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#renewal_2021 .how-contents ul li {
	width: 48.125%;
	background: #FFF;
	box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	padding: 6.25% 5%;
	margin-top: 3.75%;
	position: relative;
}

#renewal_2021 .how-contents ul li:before {
	content: "";
	height: 25%;
	position: absolute;
	left: 12.5%;
	top: -6.25%;
	z-index: 2;
}

#renewal_2021 .how-contents ul li:nth-child(1):before {
	background: url("../../../../img/index/2021/txt_01_blue.svg") no-repeat center top / contain;
	width: 17.5%;
}

#renewal_2021 .how-contents ul li:nth-child(2):before {
	background: url("../../../../img/index/2021/txt_02_blue.svg") no-repeat center top / contain;
	width: 21.5%;
}

#renewal_2021 .how-contents ul li:nth-child(3):before {
	background: url("../../../../img/index/2021/txt_03_blue.svg") no-repeat center top / contain;
	width: 21.4%;
}

#renewal_2021 .how-contents ul li:nth-child(4):before {
	background: url("../../../../img/index/2021/txt_04_blue.svg") no-repeat center top / contain;
	width: 22.3%;
}

#renewal_2021 .how-contents ul li:nth-child(-n + 2) {
	margin-top: 0;
}

#renewal_2021 .how-contents ul li h3 {
	font-size: 1.6rem;
	margin-bottom: 8px;
}

#renewal_2021 .how-contents ul li .txt {
	font-size: 1.125rem;
}

#renewal_2021 .how-contents ul li .btn {
	margin-top: 24px;
	max-width: 100%;
}

#renewal_2021 .how-contents ul li .btn a {
	font-size: 1.125rem;
	padding: 0.644em 0;
}

#renewal_2021 .cost-contents .wrapper {
	background: #f5f5f5;
	box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	padding: 104px auto;
}

#renewal_2021 .cost-contents h2 {
	text-align: center;
}

#renewal_2021 .cost-contents ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto 6.25%;
}

#renewal_2021 .cost-contents ul li {
	width: 30%;
	position: relative;
	padding: 48px 0;
}

#renewal_2021 .cost-contents ul li:after {
	content: "";
	background: #bebebe;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -6%;
}

#renewal_2021 .cost-contents ul li:last-child:after {
	display: none;
}

#renewal_2021 .cost-contents ul li figure {
	width: 112px;
	height: 112px;
	margin: 0 auto 48px;
}

#renewal_2021 .cost-contents ul li figure img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#renewal_2021 .cost-contents ul li h3 {
	font-size: 1.625rem;
	/*
	margin-bottom: 16px;
	*/
	height: 100px;
}

#renewal_2021 .cost-contents ul li .module {
}

#renewal_2021 .cost-contents ul li .test {
	width: 100%;
	background-color: red;
}


#renewal_2021 .cost-contents ul li .txt {
	font-size: 1.05rem;
}

.cost-link{
	background: #ddd;
}

.cost-link .inner {
	box-shadow: none;
	padding: 2em;
	margin-top: 60px;
}

.cost-link .inner .btn{
	display: block;
	margin: 0 auto;
}

#renewal_2021 .cost-contents .wrapper .ttl-area {
	padding-top: 104px;
}


#renewal_2021 .container>section.faq-contents {
	padding: 0;
}

#renewal_2021 .faq-contents .wrapper {
	padding: 104px 0 80px;
}

#renewal_2021 .faq-contents .wrapper:before {
	background: url("../../../../img/index/2021/txt_question.svg") no-repeat left top / contain;
	content: "";
	width: 61.71875%;
	height: 10%;
	position: absolute;
	left: 50%;
	top: 8.4%;
	transform: translateX(-50%);
	z-index: 1;
}

#renewal_2021 .faq-contents .wrapper:after {
	content: "";
	background: #f5f5f5;
	width: 137.5%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -18.75%;
	z-index: 0;
}

#renewal_2021 .faq-contents .wrapper * {
	position: relative;
	z-index: 1;
}

#renewal_2021 .faq-contents h2 {
	text-align: center;
}

#renewal_2021 .faq-contents ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: #bebebe 1px solid;
}

#renewal_2021 .faq-contents ul li {
	width: 50%;
	box-sizing: border-box;
	padding: 3.75%;
	padding-left: 0;
	position: relative;
	border-bottom: #bebebe 1px solid;
	border-right: #bebebe 1px solid;
}

#renewal_2021 .faq-contents ul li:nth-child(2n) {
	border-right: none;
	padding-left: 3.75%;
	padding-right: 0;
}

#renewal_2021 .faq-contents ul li h3 {
	font-size: 2rem;
	margin-bottom: 16px;
	line-height: 1.4;
	display: flex;
}

#renewal_2021 .faq-contents ul li h3:before {
	content: "Q";
	color: #0652b8;
	font-size: 2.5rem;
	margin: -0.2em 0.2em 0 0;
}

#renewal_2021 .faq-contents ul li .txt {
	padding-left: 2.6rem;
	font-size: 1.125rem;
}

#renewal_2021 .parallel {
	position: relative;
	padding: 160px 0 104px;
	margin-top: -80px;
}

#renewal_2021 .parallel .wrapper {
	display: flex;
	justify-content: space-between;
}

#renewal_2021 .parallel:before {
	background: url("../../../../img/index/2021/bg_news.jpg") no-repeat center center / cover;
	content: "";
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

#renewal_2021 .parallel:after {
	background: url("../../../../img/index/2021/bg_column.jpg") no-repeat center center / cover;
	content: "";
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

#renewal_2021 .parallel section {
	width: 43.75%;
	display: flex;
	flex-direction: column;
}

#renewal_2021 .parallel section .wrapper {
	width: 100%;
}





#renewal_2021 .parallel section h2 {
	text-align: center;
	font-size: 2rem;
	margin-bottom: 40px;
	color: #FFF;
	width: 100%;
}

#renewal_2021 .parallel section dl {
	background: #FFF;
	box-sizing: border-box;
	box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
	padding: 7.853% 7.853% 15.706%;
	display: flex;
	flex-wrap: wrap;
}


#renewal_2021 .parallel section .wrapper .ttl-area {
	width: 100%;
	display: flex;
	flex-direction: column;
}

#renewal_2021 .parallel section dl {
	display: flex;
	flex: 1 0 auto;
	/* fix IE11 */
	width: 100%;
}

#renewal_2021 .parallel section dl dt,
#renewal_2021 .parallel section dl dd {
	font-size: 1.125rem;
	padding: 0.6em 0;
	border-bottom: #aeaeae 1px dotted;
}

#renewal_2021 .parallel section dl dt {
	width: 6em;
}

#renewal_2021 .parallel section dl dd {
	width: calc(100% - 6em);
}

#renewal_2021 .parallel section .btn {
	margin: -40px auto 0;
}

#renewal_2021 .flow-contents {
	position: relative;
	z-index:2!important;
}

#renewal_2021 .flow-contents:before {
	content: "";
	background: #036eb8;
	background: -moz-linear-gradient(left, #036eb8 0%, #0742b8 100%);
	background: -webkit-linear-gradient(left, #036eb8 0%, #0742b8 100%);
	background: linear-gradient(to right, #036eb8 0%, #0742b8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#036eb8', endColorstr='#0742b8', GradientType=1);
	width: 100%;
	height: 80%;
	position: absolute;
	left: 0;
	top: 0;
}

#renewal_2021 .flow-contents .wrapper:before {
	background: url("../../../../img/index/2021/txt_flow.svg") no-repeat center top / contain;
	content: "";
	width: 31.8125%;
	height: 25%;
	position: absolute;
	left: 50%;
	top: 4.4%;
	transform: translateX(-50%);
	z-index: 1;
}

#renewal_2021 .flow-contents h2 {
	text-align: center;
	color: #FFF;
}

#renewal_2021 .flow-contents ul {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 4;
}

#renewal_2021 .flow-contents ul li {
	width: 30%;
	position: relative;
	background: #FFF;
	box-sizing: border-box;
	box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
}

#renewal_2021 .flow-contents ul li:after {
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 16px solid #FFF;
	position: absolute;
	top: 50%;
	right: -11%;
	transform: translateY(-50%);
}

#renewal_2021 .flow-contents ul li:last-child:after {
	display: none;
}

#renewal_2021 .flow-contents ul li figure img {
	max-width: 100%;
}

#renewal_2021 .flow-contents ul li .module {
	padding: 12.5%;
}

#renewal_2021 .flow-contents ul li .module h3 {
	text-align: center;
	font-size: 2rem;
	color: #0652b8;
	margin-bottom: 16px;
}

#renewal_2021 .flow-contents ul li .module .txt {
	font-size: 1rem;
}

#renewal_2021 .container>section.end-contents {
	position: relative;
	padding-top: 200px;
	margin-top: -200px;
}

#renewal_2021 .end-contents .photo {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
}

#renewal_2021 .end-contents .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#renewal_2021 .end-contents .wrapper:before {
	background: url("../../../../img/index/2021/txt_office_blue.svg") no-repeat center top / contain;
	content: "";
	width: 41.6719%;
	height: 25%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

#renewal_2021 .end-contents .wrapper:after {
	background: #FFF;
	content: "";
	width: 93.75%;
	height: 100%;
	position: absolute;
	right: 0;
	top: -200px;
	z-index: 1;
}

#renewal_2021 .end-contents h2 {
	text-align: center;
	position: relative;
	z-index: 3;
}

#renewal_2021 .end-contents .module {
	display: flex;
	flex-direction: row-reverse;
	position: relative;
	z-index: 2;
}

#renewal_2021 .end-contents .module>* {
	width: 50%;
	box-sizing: border-box;
	padding: 0 4.375%;
}

#renewal_2021 .end-contents .module .overview {
	padding-top: 20px;
	padding-bottom: 5px;
	background-color: rgba(255, 255, 255, 0.8);
}

#renewal_2021 .end-contents .module .overview h3 {
	margin-bottom: 24px;
}

#renewal_2021 .end-contents .module .overview table {
	font-size: 1rem;
}

#renewal_2021 .end-contents .module .overview table tr th,
#renewal_2021 .end-contents .module .overview table tr td {
	border: none;
	border-bottom: #d4d4d4 1px solid;
	text-align: left;
}

#renewal_2021 .end-contents .module .overview table tr td table {
	margin: 0;
	width: auto;
}

#renewal_2021 .end-contents .module .overview table tr td table tr th,
#renewal_2021 .end-contents .module .overview table tr td table tr td {
	border: none;
	padding: 0 1em 0 0;
}

#renewal_2021 .end-contents .map {
	margin: 56px 0 0;
	position: relative;
	z-index: 2;
}


/* =================================================================
	2022追加 : index.php「介護保険や障害年金などのご利用について」エリア
==================================================================== */

#renewal_2021 .support-contents {
	background: url("../../../../img/index/2021/bg_how.jpg") no-repeat left bottom / cover;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

#renewal_2021 .support-contents:before {
	content: '';
	background: inherit;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;
}

#renewal_2021 .support-contents h2 {
	text-align: center;
}

.support-wrapper {
	background: rgba(255, 255, 255, 0.705);
	padding: 2em;
}

.support-box {
	background: #dfdfdf;
	padding: 1em;
	font-weight: bold;
	max-width: 700px;
	margin: 1em auto;
	text-align: center;
}

/*************************************************************************************************************************

■ タブレット(1,000px以下)向けスタイル

*************************************************************************************************************************/

@media screen and (max-width:1000px) {
	#renewal_2021 .point-contents ul li .module table td {
		padding: 10px 5px;
	}

	#renewal_2021 .container>section {
		padding: 10.4vmin 0;
	}

	#renewal_2021 .container h2 {
		margin-bottom: 8vmin;
		font-size: 2.4rem;
	}

	#renewal_2021 .mainVisual01:before {
		width: 44%;
	}

	#renewal_2021 .mainVisual01 .ttl {
		width: 80%;
		margin: 0 0 6.4vmin;
	}

	#renewal_2021 .mainVisual01 .badge {
		width: 48%;
		margin: 0 0 8vmin;
	}

	#renewal_2021 .mainVisual01 ul li {
		font-size: 1.4rem;
	}

	#renewal_2021 .container>section.about-contents {
		padding-top: 16vmin;
	}

	#renewal_2021 .about-contents::before {
		height: 36vmin;
	}

	#renewal_2021 .about-contents::after {
		display: none;
	}

	#renewal_2021 .about-contents .wrapper {
		flex-direction: column;
	}

	#renewal_2021 .about-contents .wrapper::before {
		display: none;
	}

	#renewal_2021 .about-contents .wrapper::after {
		top: 12vmin;
		transform: translateX(-50%);
	}

	#renewal_2021 .about-contents .wrapper .ttl-area {
		width: 100%;
	}

	#renewal_2021 .about-contents .wrapper .ttl-area h2 {
		text-align: center;
		padding-bottom: 15px;
	}

	#renewal_2021 .about-contents .wrapper .ttl-area h2 br:first-child {
		display: none;
	}

	#renewal_2021 .about-contents .wrapper .ttl-area .btn {
		display: none;
	}

	#renewal_2021 .about-contents .wrapper .txt {
		width: 100%;
		padding: 0;
	}

	#renewal_2021 .about-contents .wrapper .btn {
		margin: 4.8vmin auto 0;
	}

	#renewal_2021 .lawyer-contents .wrapper:after {
		top: -17vmin;
	}

	#renewal_2021 .lawyer-contents:before {
		height: 75%;
	}

	#renewal_2021 .lawyer-contents:after {
		background: url(../../../../img/index/2021/bg_lawyer_sp.jpg) no-repeat bottom right / cover;
		height: 40%;
	}

	#renewal_2021 .lawyer-contents ul {
		flex-direction: column;
	}

	#renewal_2021 .lawyer-contents ul li {
		width: 72%;
		margin: 8vmin auto 0;
	}

	#renewal_2021 .lawyer-contents ul li:first-child {
		margin-top: 0;
	}

	#renewal_2021 .lawyer-contents ul li .photo img {
		width: 100%;
	}

	#renewal_2021 .lawyer-contents ul li .module {
		padding: 4.8vmin;
	}

	#renewal_2021 .lawyer-contents ul li .module .position {
		margin-bottom: 0.8vmin;
	}

	#renewal_2021 .lawyer-contents ul li .module .txt {
		margin-top: 4vmin;
	}

	#renewal_2021 .lawyer-contents .publish {
		margin-top: 8vmin;
	}

	#renewal_2021 .lawyer-contents .publish .photo {
		width: 30%;
	}

	#renewal_2021 .lawyer-contents .publish .photo img {
		max-width: 100%;
	}

	#renewal_2021 .lawyer-contents .publish .module {
		width: 65%;
	}

	#renewal_2021 .lawyer-contents .publish .module h4 {
		margin-bottom: 2.4vmin;
	}

	#renewal_2021 .container>section.office-contents {
		padding-bottom: 0;
	}

	#renewal_2021 .office-contents .wrapper:before {
		top: 26vmin;
		left: -4vmin;
		height: 68%;
	}

	#renewal_2021 .office-contents .wrapper:after {
		top: 64vmin;
	}

	#renewal_2021 .office-contents>.photo {
		height: 48vmin;
		margin: 0 0 -26.4vmin;
	}

	#renewal_2021 .office-contents>.photo img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#renewal_2021 .office-contents .module {
		flex-direction: column;
		z-index: 2;
	}

	#renewal_2021 .office-contents .module .photos {
		width: 80%;
		margin: 0 auto;
	}

	#renewal_2021 .office-contents .module .photos img {
		box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
	}

	#renewal_2021 .office-contents .module .detail {
		padding-top: 8vmin;
		width: 100%;
		text-align: center;
	}

	#renewal_2021 .container .office-contents h2 {
		line-height: 1.6;
		margin-bottom: 6.4vmin;
	}

	#renewal_2021 .tel .notice {
		display: inline-block;
	}

	#renewal_2021 .tel .time {
		margin-bottom: 0.8vmin;
	}

	#renewal_2021 .tel .attention {
		margin: 0.8vmin 0 2.4vmin;
	}

	#renewal_2021 .tel .attention {
		margin: 6px auto 15px;
	}
	
	/* #renewal_2021 .tel .attention p {
		font-size: 12px;
	}
	
	#renewal_2021 .tel .attention-bold p{
		font-weight: bolder;
		margin: 0.3em 0;
		font-size: 13px;
	} */

	#renewal_2021 .office-contents .module .detail .btn {
		margin: 0 auto;
	}

	#renewal_2021 .office-contents .corona {
		margin: 6.4vmin auto 8vmin;
		padding-bottom: 5.6vmin;
	}

	#renewal_2021 .office-contents .corona:after {
		width: 88%;
		left: 6%;
	}

	#renewal_2021 .office-contents .corona h3 {
		margin-bottom: 4vmin;
	}

	#renewal_2021 .office-contents .corona ul {
		flex-direction: column;
	}

	#renewal_2021 .office-contents .corona ul li {
		width: 100%;
	}

	#renewal_2021 .office-contents .corona ul li:first-child {
		margin-bottom: 20px;
	}

	#renewal_2021 .office-contents .corona ul li figure {
		width: 24%;
	}

	#renewal_2021 .office-contents .corona ul li .card {
		padding: 4.8vmin;
		width: 76%;
	}

	#renewal_2021 .office-contents .bnr {
		width: 108.698%;
		margin: 0 -4.349%;
	}

	#renewal_2021 .point-contents .wrapper {
		width: 100%;
	}

	#renewal_2021 .point-contents ul li {
		margin-top: 10.4vmin;
	}

	#renewal_2021 .point-contents ul li:nth-child(2) {
		flex-direction: column;
	}

	#renewal_2021 .point-contents ul li:first-child .head:before {
		width: 18%;
		left: 4vmin;
		top: 4vmin;
	}

	#renewal_2021 .point-contents ul li:nth-child(2) .head:before {
		width: 21.875%;
		right: auto;
		left: 4vmin;
		top: 4vmin;
	}

	#renewal_2021 .point-contents ul li .head {
		padding: 8vmin 3.4vmin 20vmin;
	}

	#renewal_2021 .point-contents ul li:first-child .head {
		padding-bottom: 20vmin;
	}

	#renewal_2021 .point-contents ul li:nth-child(2) .head {
		margin-top: 0;
	}

	#renewal_2021 .point-contents ul li .head h3 {
		margin-bottom: 4.8vmin;
		text-align: center;
	}

	#renewal_2021 .point-contents ul li .head .txt {
		text-align: left;
		width: 96%;
	}

	#renewal_2021 .point-contents ul li .module {
		padding: 8vmin 1.4vmin 0;
		margin: -14.4vmin auto 0;
		width: 100%;
	}

	#renewal_2021 .point-contents ul li:first-child .module {
		margin: -14.4vmin auto 0;
	}

	#renewal_2021 .point-contents ul li:nth-child(2) .module {
		width: 76%;
		margin: -14.4vmin auto 0;
		padding: 0;
		z-index: 1;
	}

	#renewal_2021 .point-contents ul li .module table {
		width: 100%;
		font-size: 4vmin;
	}

	#renewal_2021 .point-contents ul li .module table th {
		font-size: 3vmin;
		padding: 5px;
	}

	#renewal_2021 .point-contents ul li .module table tbody tr td {
		font-size: 3vmin;
	}

	#renewal_2021 .point-contents ul li:nth-child(2) .module img {
		max-width: 100%;
	}

	#renewal_2021 .point-contents ul li:nth-child(2) .module img:nth-child(2) {
		margin: -12vmin 0 0 -8%;
		width: 68%;
	}

	#renewal_2021 .search-contents .block .module {
		padding: 4.8vmin;
	}

	#renewal_2021 .search-contents .block .module h3 {
		margin-bottom: 0.08vmin;
	}

	#renewal_2021 .search-contents .block .module ul li {
		margin: 4vmin 4vmin 0 0;
		width: calc(50% - 2vmin);
	}

	#renewal_2021 .search-contents .block .module ul li:nth-child(2n) {
		margin-right: 0;
	}

	#renewal_2021 .search-contents .block .module ul li a {
		text-decoration: none;
	}

	#renewal_2021 .search-contents .block .btns {
		flex-direction: column;
	}

	#renewal_2021 .search-contents .block .btns .btn {
		width: 100%;
		margin-top: 16px;
	}

	#renewal_2021 .search-contents .block .btns .btn:first-of-type {
		margin-top: 0;
	}

	#renewal_2021 .merit-contents .wrapper {
		width: 100%;
	}

	#renewal_2021 .merit-contents .wrapper:after {
		z-index: 1;
		display: none;
	}

	#renewal_2021 .merit-contents .wrapper>ul>li {
		padding: 0;
		flex-direction: column;
		margin-top: 10.4vmin;
	}

	#renewal_2021 .merit-contents .wrapper>ul>li:nth-child(2n) {
		flex-direction: column;
	}

	#renewal_2021 .merit-contents ul li>picture {
		width: 100%;
		margin: 0;
	}

	#renewal_2021 .merit-contents .wrapper>ul>li:nth-child(2n)>picture {
		margin: 0;
	}

	#renewal_2021 .merit-contents .wrapper>ul>li:nth-child(2n)>picture:before {
		bottom: 0;
		width: 48%;
	}

	#renewal_2021 .merit-contents ul li .module {
		width: 100%;
		padding: 6.4vmin 4vmin;
		box-sizing: border-box;
	}

	#renewal_2021 .merit-contents ul li .module h3 {
		font-size: 2.4rem;
		margin-bottom: 3.2vmin;
	}

	#renewal_2021 .merit-contents ul li .module1 {
		padding: 6.4vmin 4vmin 0 !important;
	}

	@media screen and (max-width:600px) {
		#renewal_2021 .merit-contents ul li .module1 {
			padding: 9.4vmin 4vmin 0 !important;
		}
	}

	#renewal_2021 .merit-contents ul li .module1 h3 {
		margin-bottom: 0 !important;
	}

	#renewal_2021 .merit-contents ul li .module2 {
		padding: 0 4vmin 6.4vmin !important;
	}

	#renewal_2021 .how-contents ul {
		flex-direction: column;
	}

	#renewal_2021 .how-contents ul li {
		width: 100%;
		padding: 4.8vmin;
		margin-top: 4.8vmin;
	}

	#renewal_2021 .how-contents ul li:nth-child(2) {
		margin-top: 4.8vmin;
	}

	#renewal_2021 .how-contents ul li:before {
		left: 0;
	}

	#renewal_2021 .how-contents ul li h3 {
		margin-bottom: 2.4vmin;
	}

	#renewal_2021 .how-contents ul li .btn {
		margin-top: 2.4vmin;
	}

	#renewal_2021 .cost-contents .wrapper {
		padding: 6.4vmin 4.8vmin;
	}

	#renewal_2021 .cost-contents ul {
		flex-direction: column;
	}

	#renewal_2021 .cost-contents ul li {
		width: 100%;
		padding: 4.8vmin 0;
		box-sizing: border-box;
		border-bottom: #bebebe 1px solid;
		display: flex;
	}

	#renewal_2021 .cost-contents ul li:first-child {
		padding-top: 0;
	}

	#renewal_2021 .cost-contents ul li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}

	#renewal_2021 .cost-contents ul li:after {
		display: none;
	}

	#renewal_2021 .cost-contents ul li figure {
		margin: 0 4vmin 0 0;
		width: 16vmin;
		flex-shrink: 0;
	}

	#renewal_2021 .cost-contents ul li h3 {
		margin-bottom: 1.6vmin;
		height: auto !important;
	}

	#renewal_2021 .faq-contents .wrapper {
		padding: 10.4vmin 0 8vmin;
	}

	#renewal_2021 .faq-contents .wrapper:before {
		top: 18vmin;
	}

	#renewal_2021 .faq-contents ul {
		flex-direction: column;
	}

	#renewal_2021 .faq-contents ul li {
		width: 100%;
		padding: 4.8vmin 0;
		border-right: none;
	}

	#renewal_2021 .faq-contents ul li:nth-child(2n) {
		padding-left: 0;
	}

	#renewal_2021 .faq-contents ul li h3 {
		margin-bottom: 1.6vmin;
	}

	#renewal_2021 .parallel {
		padding: 0;
		margin-top: 0;
	}

	#renewal_2021 .parallel:before,
	#renewal_2021 .parallel:after {
		display: none;
	}

	#renewal_2021 .parallel .wrapper {
		width: 100%;
		flex-direction: column;
	}

	#renewal_2021 .parallel section {
		width: 100%;
		padding: 10.4vmin 0;
	}

	#renewal_2021 .parallel .news-contents {
		background: url(../../../../img/index/2021/bg_news.jpg) no-repeat center center / cover;
	}

	#renewal_2021 .parallel .column-contents {
		background: url(../../../../img/index/2021/bg_column.jpg) no-repeat center center / cover;
	}

	#renewal_2021 .parallel section .wrapper {
		width: 92%;
	}

	#renewal_2021 .parallel section h2 {
		margin-bottom: 4vmin;
	}

	#renewal_2021 .parallel section dl {
		padding: 4.8vmin 4.8vmin 8vmin;
	}

	#renewal_2021 .parallel section .btn {
		margin-top: -4vmin;
	}

	#renewal_2021 .flow-contents ul {
		flex-direction: column;
	}

	#renewal_2021 .flow-contents ul li {
		width: 100%;
		margin-top: 8vmin;
		display: flex;
	}

	#renewal_2021 .flow-contents ul li:first-child {
		margin-top: 0;
	}

	#renewal_2021 .flow-contents ul li:after {
		border-top: 12px solid #FFF;
		border-bottom: 12px solid transparent;
		border-left: 16px solid transparent;
		border-right: 16px solid transparent;
		position: absolute;
		top: auto;
		bottom: -8vmin;
		right: 50%;
		transform: translate(50%, -50%);
	}

	#renewal_2021 .flow-contents ul li .module {
		padding: 4.8vmin;
	}

	#renewal_2021 .flow-contents ul li .module h3 {
		text-align: left;
		margin-bottom: 1.6vmin;
	}

	#renewal_2021 .flow-contents ul li figure img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#renewal_2021 .flow-contents ul li figure img.flow-contents-img-01 {
		object-position: 42% 50%;
	}

	#renewal_2021 .flow-contents ul li figure img.flow-contents-img-02 {
		object-position: center right;
	}

	#renewal_2021 .flow-contents ul li figure img.flow-contents-img-03 {
		object-position: 50% 50%;
	}

	#renewal_2021 .end-contents .photo {
		position: relative;
		width: 100%;
	}

	#renewal_2021 .end-contents .wrapper {
		padding-top: 8vmin;
	}

	#renewal_2021 .end-contents .wrapper:before {
		left: 50%;
		top: 12vmin;
		transform: translateX(-50%);
	}

	#renewal_2021 .end-contents .wrapper:after {
		display: none;
	}

	#renewal_2021 .end-contents .module {
		flex-direction: column;
	}

	#renewal_2021 .end-contents .module>* {
		width: 100%;
		padding: 0;
	}

	#renewal_2021 .end-contents .module .detail {
		text-align: center;
	}

	#renewal_2021 .end-contents .module .detail .btn {
		margin: 0 auto;
	}

	#renewal_2021 .end-contents .module .overview {
		margin-top: 8vmin;
		background: #f5f5f5;
		padding: 4.8vmin;
	}

	#renewal_2021 .end-contents .module .overview h3 {
		margin-bottom: 2.4vmin;
		letter-spacing: 0.08em;
		font-size: 2.4rem;
		text-align: center;
	}

	#renewal_2021 .end-contents .module .overview table {
		margin: 0;
	}

	#renewal_2021 .end-contents .map {
		margin-top: 0;
	}

}



/*************************************************************************************************************************

■ スマホ(600px以下)向けスタイル

*************************************************************************************************************************/
@media screen and (max-width:600px) {

	#renewal_2021 .container h2,
	#renewal_2021 .container h2 span {
		font-size: 5.6vmin;
	}

	#renewal_2021 .container h2 {
		margin-bottom: 4.8vmin;
	}

	#renewal_2021 .container .btn {
		width: 88%;
	}

	#renewal_2021 .container .btn a {
		font-size: 4vmin;
		padding: 0.667em 0;
	}

	#renewal_2021 .container .btn a:after {
		width: 6px;
		vertical-align: -0.15em;
	}

	#renewal_2021 .mainVisual01 {
		padding: 0;
		margin-bottom: -4.8vmin;
	}

	#renewal_2021 .mainVisual01:before {
		background: url("../../../../img/index/2021/bg_catch01_sp.jpg") no-repeat center center / cover;
		width: 100%;
		height: calc(100% - 20px);
	}

	#renewal_2021 .mainVisual01 .wrapper {
		padding-top: 8vmin;
	}

	#renewal_2021 .mainVisual01 .module {
		position: relative;
		padding: 8vmin 0;
		margin: 0 0 8vmin;
	}

	#renewal_2021 .mainVisual01 .module:before {
		background: rgba(255, 255, 255, 0.9);
		width: 92%;
		height: 100%;
		position: absolute;
		left: 4%;
		top: 0;
		content: "";
		z-index: 1;
	}

	#renewal_2021 .mainVisual01 .module * {
		position: relative;
		z-index: 2;
	}

	#renewal_2021 .mainVisual01 .ttl {
		width: 100%;
		margin: 0 auto 6.4vmin;
	}

	#renewal_2021 .mainVisual01 .badge {
		width: 68%;
		margin: 0 auto;
	}

	#renewal_2021 .mainVisual01 ul {
		width: 100%;
	}

	#renewal_2021 .mainVisual01 ul li:before {
		width: 1em;
	}

	#renewal_2021 .mainVisual01 ul li {
		font-size: 3.2vmin;
		padding: 0.912326em 0;
		border: #0652b8 2px solid;
	}

	#renewal_2021 .mainVisual02 {
		background: url(../../../../img/index/2021/bg_catch02_sp.jpg) no-repeat center bottom / cover;
		padding: 4vmin 0;
	}

	#renewal_2021 .mainVisual02 .ttl {
		margin-bottom: 4.8vmin;
	}

	#renewal_2021 .mainVisual02 ul li:before {
		width: 1em;
	}

	#renewal_2021 .mainVisual02 ul {
		width: 100%;
		margin: 0 auto 3.2vmin;
	}

	#renewal_2021 .mainVisual02 ul li {
		font-size: 3.2vmin;
		padding: 1.2em 0;
	}

	#renewal_2021 .mainVisual02 .conclusion,
	#renewal_2021 .mainVisual02 .conclusion span {
		font-size: 8vmin;
	}

	#renewal_2021 .mainVisual02 .txt {
		font-size: 4.4vmin;
		margin-top: 1.6vmin;
	}

	#renewal_2021 .container>section.about-contents {
		padding-top: 12vmin;
	}

	#renewal_2021 .about-contents::before {
		height: 37vmin;
	}

	#renewal_2021 .about-contents .wrapper .ttl-area {
		margin-bottom: 6vw;
	}

	#renewal_2021 .about-contents .wrapper::after {
		top: 16vmin;
	}

	#renewal_2021 .mainVisual02+.container>section.about-contents {
		padding-top: 10.4vmin;
	}

	#renewal_2021 .mainVisual02+.container .about-contents::before {
		height: 30.4vmin;
	}

	#renewal_2021 .about-contents .wrapper .txt {
		line-height: 1.6;
	}

	#renewal_2021 .lawyer-contents:before {
		left: 0;
		transform: none;
	}

	#renewal_2021 .lawyer-contents ul li {
		width: 80%;
	}

	#renewal_2021 .lawyer-contents ul li .module {
		padding: 6.4vmin 4.8vmin;
	}

	#renewal_2021 .lawyer-contents ul li .module .position {
		font-size: 3.6vmin;
	}

	#renewal_2021 .lawyer-contents ul li .module h3 {
		font-size: 6.4vmin;
	}

	#renewal_2021 .lawyer-contents ul li .module .belong {
		font-size: 3.6vmin;
	}

	#renewal_2021 .lawyer-contents .publish .module h4 {
		font-size: 5.6vmin;
	}

	#renewal_2021 .lawyer-contents .publish .module .txt {
		line-height: 1.4;
		font-size: 3.6vmin;
	}

	#renewal_2021 .container .office-contents h2,
	#renewal_2021 .container .office-contents h2 span {
		font-size: 6.4vmin;
	}

	#renewal_2021 .tel a {
		display: block;
		background: #f78133;
		max-width: 424px;
		width: 88%;
		margin: 0 auto;
		border-radius: 8px;
		/*box-shadow: 8px 8px 8px rgba(0,0,0,0.1);*/
		color: #FFF;
		padding: 0.6535em 0;
		box-shadow: 0px 6px #c4580e;
		margin-bottom: 4vw;
	}

	#renewal_2021 .tel a .sub {
		font-size: 3.6vmin;
		line-height: 1;
	}

	#renewal_2021 .tel a .number {
		font-size: 8vmin;
	}

	#renewal_2021 .tel a .number:before {
		background: url(../../../../common/img/ico_free_white.svg) no-repeat left center/ contain;
		width: 36px;
		margin-right: 0.2em;
		vertical-align: -0.12em;
	}

	#renewal_2021 .tel .time {
		margin: 1.2vmin 0;
	}

	#renewal_2021 .tel .notice {
		font-size: 3.2vmin;
	}

	#renewal_2021 .tel .attention {
		margin: 6px auto 15px;
		width: 85%;
	}
	
	#renewal_2021 .tel .attention p {
		font-size:0.1vw;
	}
	/* 
	#renewal_2021 .tel .attention-bold p{
		font-weight: bolder;
		margin: 0.3em 0;
		font-size: 1.5vw;
	}
	*/

	p.attention-bold {
		font-size: 3vmin;
		font-weight: bold;
	} 


	#renewal_2021 .container .btn.mail a {
		font-size: 4.8vmin;
		padding: 0.975em 0;
		box-shadow: 0px 7px #548235;
		/*box-shadow: 8px 8px 8px rgba(0,0,0,0.1);*/
	}

	#renewal_2021 .office-contents .corona h3 {
		font-size: 4.8vmin;
	}

	#renewal_2021 .office-contents .corona h3 br {
		display: inherit;
	}

	#renewal_2021 .office-contents .corona ul li figure {
		width: 40%;
	}

	#renewal_2021 .office-contents .corona ul li .card h4 {
		font-size: 3.2vmin;
	}

	#renewal_2021 .office-contents .corona ul li .card .txt,
	#renewal_2021 .office-contents .corona ul li .card .txt b {
		font-size: 2.8vmin;
		line-height: 1.4;
	}

	#renewal_2021 .office-contents .corona ul li .card .txt {
		margin-top: 0.4vmin;
	}

	#renewal_2021 .point-contents ul li .head h3 {
		font-size: 6vmin;
	}

	#renewal_2021 .point-contents ul li .module table+p {
		font-size: 3.6vmin;
	}

	#renewal_2021 .point-contents ul li:first-child .module .txt {
		padding: 0 4vw;
	}

	#renewal_2021 .search-contents .block {
		padding: 6px 6px 16px 6px;
	}

	#renewal_2021 .search-contents .block .module {
		margin-bottom: 16px;
	}

	#renewal_2021 .search-contents .block .module h3 {
		font-size: 4.8vmin;
		line-height: 1.4;
	}

	#renewal_2021 .search-contents .block .module ul li a {
		font-size: 3.2vmin;
		padding: 0.8em 0.6em;
		line-height: 1.4;
	}

	#renewal_2021 .search-contents .block .module ul li a::before {
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		vertical-align: 0.03em;
	}

	#renewal_2021 .search-contents .block .module.grade ul li a:before {
		border-left: 6px solid #0652b8;
	}

	#renewal_2021 .search-contents .block .module.body ul li a:before {
		border-left: 6px solid #ffa23d;
	}

	#renewal_2021 .search-contents .block .module.keyword ul li a:before {
		border-left: 6px solid #01aa66;
	}

	#renewal_2021 .search-contents .block .btns .btn {
		margin-top: 16px;
	}

	#renewal_2021 .search-contents .block .btns .btn a {
		font-size: 4.8vmin;
		box-shadow: 0px 7.4px #2d8051;
	}

	#renewal_2021 .merit-contents ul li .module {
		padding: 2.4vmin 4vmin 6.4vmin;
	}

	#renewal_2021 .merit-contents ul li .module h3 {
		font-size: 5.6vmin;
	}

	#renewal_2021 .merit-contents .wrapper:after {
		display: none;
	}

	#renewal_2021 .merit-contents ul li:first-child picture {
		position: relative;
	}

	#renewal_2021 .merit-contents ul li:first-child picture:after {
		display: none;
		/*
  background: url(../../../../img/index/2021/txt_merit.svg) no-repeat left top / contain;
  content: "";
  width: 36.5625%;
  height: 14vmin;
  position: absolute;
  right: 0;
  bottom: -4vmin;
	z-index: 1;
	*/
	}

	#renewal_2021 .merit-contents .wrapper>ul>li:nth-child(2n)>picture:before {
		display: none;
	}

	#renewal_2021 .how-contents ul li {
		padding: 5.6vmin;
	}

	#renewal_2021 .how-contents ul li h3 {
		font-size: 4.4vmin;
	}

	#renewal_2021 .how-contents ul li .txt {
		font-size: 3.6vmin;
	}

	#renewal_2021 .how-contents ul li::before {
		left: 4vmin;
	}

	#renewal_2021 .how-contents ul li .btn {
		width: 100%;
	}

	#renewal_2021 .how-contents ul li .btn a {
		font-size: 4vmin;
	}

	#renewal_2021 .container>section.cost-contents {
		padding: 0;
	}

	#renewal_2021 .cost-contents .wrapper{
		box-shadow: none;
		width: 100%;
		padding: 10.4vmin 4%;
	}

	.cost-link{
		background: none;
	}
	
	.cost-link .inner {
		box-shadow: none;
		/* width: 100%; */
		margin: 40px auto 0;
		padding: 0;
	}
	
	.cost-link .inner .btn{
		display: block;
		margin: 0 auto;
	}

	#renewal_2021 .cost-contents .wrapper .ttl-area {
		padding-top: 0;
	}
	

	#renewal_2021 .cost-contents ul li h3 {
		font-size: 4.4vmin;
	}

	#renewal_2021 .cost-contents ul li .txt {
		font-size: 3.6vmin;
	}

	#renewal_2021 .faq-contents .wrapper::after {
		display: none;
	}

	#renewal_2021 .faq-contents ul li h3 {
		font-size: 4.4vmin;
	}

	#renewal_2021 .faq-contents ul li h3::before {
		font-size: 6.4vmin;
		margin-top: -0.3em;
	}

	#renewal_2021 .faq-contents ul li .txt {
		font-size: 3.6vmin;
		padding-left: 6.8vmin;
	}

	#renewal_2021 .parallel section h2 {
		font-size: 5.6vmin;
	}

	#renewal_2021 .parallel section dl {
		flex-direction: column;
	}

	#renewal_2021 .parallel section dl dt {
		padding-bottom: 0;
		border-bottom: none;
	}

	#renewal_2021 .parallel section dl dd {
		padding-top: 0;
	}

	#renewal_2021 .parallel section dl dt,
	#renewal_2021 .parallel section dl dd {
		width: 100%;
		font-size: 4vmin;
	}

	#renewal_2021 .flow-contents ul li .module h3 {
		font-size: 4.4vmin;
	}

	#renewal_2021 .flow-contents ul li .module .txt {
		font-size: 3.6vmin;
	}

	#renewal_2021 .flow-contents ul li::after {
		bottom: -12vmin;
	}

	#renewal_2021 .end-contents .module .overview h3 {
		text-align: center;
		font-size: 5.6vmin;
		letter-spacing: 0.1em;
	}

	#renewal_2021 .end-contents .module .overview table {
		font-size: 3.2vmin;
	}

	#renewal_2021 .end-contents .module .overview table tr th {
		width: 4em;
	}

	#renewal_2021 .end-contents .module .overview table tr td tr th {
		width: auto;
	}

	/*----------------------------------------------------
	事例
----------------------------------------------------*/
	.caseArea {
		padding: 15px 4vw;
		/*border: 1px solid #555;*/
		border-radius: 0;
		background: #FFF;
		margin-bottom: 8vmin;
	}

	.caseData h3 {
		box-sizing: border-box;
		font-size: 4.8vmin;
		padding: 2.4vmin;
		margin: 0px 0 10px -7vw;
		width: 109%;
		margin-bottom: 0px !important;
	}

	#main h2.tax_tit {
		font-size: 4.8vmin;
		margin-bottom: 0;
	}

	.caseData .name_Box {
		border-bottom: none;
		margin-bottom: 0;
		/*background: url("../../../../common/img/i_up.png") no-repeat 2% center/ 72px auto;*/
		width: 100%;
		box-sizing: border-box;
		padding: 6% 0;
	}

	.caseData .name_Box .name {
		background: transparent;
		padding: 0;
		float: none;
		display: block;
		margin-bottom: 0px !important;
		width: 100%;
		margin: 0 auto;
	}

	.caseData .name_Box .name img {
		margin-bottom: 15px !important;
	}

	.caseData .illness {
		width: 94%;
		float: none;
		margin: 0 auto;
	}

	.caseData .illness dl {
		margin-top: 0;
	}

	.caseData .illness dt {
		font-size: 14px;
		width: 6em;
	}

	.caseData .illness dd {
		font-size: 14px;
		width: 24em;
	}

	.caseData th {
		width: 54%;
		text-align: left;
		padding: 10px 5px;
		padding-left: 15px;
	}

	.caseData .price th {
		padding: 10px 5px;
		padding-left: 15px;
	}

	.caseData td {
		border: none;
		padding: 10px 5px;
		padding-right: 15px;
	}

	.caseData .data {
		padding: 2.4vmin;
		text-align: center;
		background: #FDFEE2;
		font-size: 4.8vmin;
		margin: 0 !important;
		margin-top: 15px !important;
	}

	#main .caseData table {
		margin-bottom: 15px !important;
	}

	.caseData .pre {
		width: 100%;
		float: none;
		color: #0d4eba;
		font-size: 4.4vmin;
		font-weight: bold;
		padding: 1.6vmin;
		text-align: center;
		box-sizing: border-box;
		border: none;
	}

	.caseArea:hover,
	.caseArea_ind:hover {
		opacity: 1;
		cursor: auto;
	}
}


#renewal_2021 .merit-contents .sankaku {
	position: relative;
	display: block;
}

#renewal_2021 .merit-contents .sankaku:before {
	content: '';
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 40px 0 40px;
	border-color: #ffffff transparent transparent transparent;
	z-index: 1;
}

@media screen and (max-width:1000px) {
	#renewal_2021 .merit-contents .sankaku:before {
		top: 2vw;
		border-width: 5vw 7vw 0 7vw;
	}
}

@media screen and (max-width:600px) {
	#renewal_2021 .merit-contents .sankaku:before {
		top: 20px;
		border-width: 7vw 7vw 0 7vw;
	}
}



.single-case #blogArea .post p, .search-results #blogArea .post p {
	font-size: 16px;
}

.single-case #blogArea .post h2, .search-results #blogArea .post h2 {
	font-size: 150% !important;
}

@media screen and (max-width: 1000px) {
	.single-case #blogArea .post h2, .search-results #blogArea .post h2 {
		font-size: 116% !important;
	}
}

@media screen and (max-width: 600px) {
	.single-case #blogArea .post p, .search-results #blogArea .post p {
		font-size: 4vmin;
	}
}


/*----------------------------------------------------
	マーカー
----------------------------------------------------*/
.line_marker {
	position: relative;
	z-index: 2;
}

.line_marker:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: -1;
}

.line_marker_left:after {
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.line_marker_right:after {
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

@media screen and (max-width: 1000px) {
	.line_marker_left:after {
		border-radius: 7px;
		left: 2px;
	}

	.line_marker_right:after {
		border-radius: 7px;
		left: -5px;
	}
}

@media screen and (max-width: 600px) {
	.line_marker:after {
		height: 10px;
	}
}

.line_marker_green:after {
	background: #d6f0d5;
}

.line_marker_orange:after {
	background: #ffebd7;
}

.line_marker_blue:after {
	background: #bccde6;
}