@charset "utf-8";

/* ◆ PC SIZE ◆
============================================================== */

/* ヘッダー電話 メール
 -----------------------------------------------------*/
.more_header_tel2 a		{
    text-decoration: none;
	color:white;
	line-height:1;
}
.more_header_tel2		{
	color:white!important;
}

.more_header_tel		{
margin:5px auto 0 120px;
width:225px;
text-align:left;
padding:5px 0 5px 0;
font-size:21px;
font-weight:bold;
display:block;
color:#fff;
line-height:1.7;
border-radius: 5px;
transition: background-color 0.5s;
display: inline-block;
vertical-align: top;
background: #0cb59b;
min-height: 36px;
}
.more_header_tel:before {
	content: "";
    display: inline-block;
    background-image: url("../img/img_more_header_tel.png");
    background-size: contain;
	width: 29px;
    height: 33px;
    float: left;
    margin: 1px 10px 0px 14px;
    background-repeat: no-repeat;
}

.more_header_mail { display: inline-block;margin-left: 30px;}
.more_header_mail a {
margin:5px auto 0 auto;width:240px;text-align:left;
display: inline-block;
padding:8.5px 0 1.5px 0;
font-size:18px;
font-weight:bold;
display:block;
color:#fff;
line-height:1.7;
border-radius: 5px;
background: #fff;
transition: background-color 0.5s;
vertical-align: top;
background: #0cb59b;
min-height: 36px;
}
.more_header_mail a:before {
	content: "";
    display: inline-block;
    background-image: url("../img/img_more_header_mail.png");
    background-size: contain;
	width: 30px;
    height: 30px;
    float: left;
    margin: 4px 8px 5px 12px;
    background-repeat: no-repeat;
}
.more_header_tel a:hover {
background:#0cb59b;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.more_header_mail a:hover {
opacity:.5;
-webkit-opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
-webkit-transition:opacity 0.5s ease-out;
-moz-transition:opacity 0.5s ease-out;
-ms-transition:opacity 0.5s ease-out;
transition:opacity 0.5s ease-out;
}


.tgn {
    padding-top: 0px;
	}




/* ----------------------------------------------- hamburger */
.gn_btn                    {background:transparent;border:1px solid transparent;width:32px;height:32px;right:9px;top:15px;position:absolute;line-height:1em;text-align:center;z-index:4;}
.gn_btn i                  {margin-top:34px;font-size:75%;position:relative;display:block;text-align:center;vertical-align:bottom;}
.gn_btn:before,
.gn_btn:after,
.gn_btn i:after            {background:#343965;position:absolute;content:"";display:block;width:20px;height:2px;left:calc(50% - 10px);transition:0.2s;}
.gn_btn i:after            {top:-20px;}
.gn_btn:before             {top:6px;}
.gn_btn:after              {top:22px;}
.gn_show .gn_btn           {border-color:transparent;}
.gn_show .gn_btn:before,
.gn_show .gn_btn:after     {top:14px;height:2px;background:#fff;}
.gn_show .gn_btn:before    {transform:rotate(45deg);}
.gn_show .gn_btn:after     {transform:rotate(-45deg);}
.gn_show .gn_btn i:after   {display:none;}

/* ----------------------------------------------- navigation */
.gn_lst                    {background: #0362ad;width:20em;right:-20em;top:0;height:100%;position:fixed;z-index:3;overflow:scroll;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:0.2s;}
.gn_bg                     {top:0;left:0;position:fixed;z-index:1;background:rgba(255,255,255,0);width:100%;height:100%;transition:0.2s;display:none;}
.gn_show                   {overflow-y:hidden;position:fixed;width: 100%;}
.gn_show .c                {-webkit-filter:blur(5px);filter:blur(5px);}
.gn_show .gn_lst           {right:0;box-shadow:-3px 0 3px rgba(0,0,0,0.2);}
.gn_show .gn_bg            {background:rgba(255,255,255,0.8);display:block;}
.gn_lst ul li a            {color:#fff;position:relative;line-height:1.6em;padding:0.5em;display:block;}

.gn_lst > ul                       {padding:6em 1em 1em;}
.gn_lst > ul > li                  {margin-bottom:0.5em;padding-bottom:0.5em;border-bottom:1px solid rgba(255,255,255,0.5);position:relative;}
.gn_lst > ul > li:last-child       {border-bottom:0 none;}
.gn_lst > ul > li.crt              {font-weight:bold;}
.gn_lst > ul > li > a i            {display:inline-block;}

.gn_lst li ul              {margin-left:1.5em;font-size:87.5%;}
.gn_lst li ul li a:before  {content:"-";margin-right:0.5em;}

@media screen and (min-width: 768px){
	.gn_on .gn_bg,
	.gn_bg,
	.gn_btn                    {display:none;}
	.gn                        {max-width:1000px;margin: 0 auto;width:100%;padding:0 0px 20px;}
	.gn_on .gn_lst,
	.gn_lst                    {width:100%;top:3px;left:0;right:auto;width:auto;height:auto;overflow:visible;overflow-y:visible;position:relative;clear:both;background-color:transparent;box-shadow:0 0 0 none;padding-right:0;    padding-left: 120px;}
	.gn ul                     {margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between;position:relative;}
	.gn ul li:last-child,
	.gn ul li                  {width:20%;margin:0;padding:0 0.2em;border:0 none;/*border-right:1px solid #dfdfdf;*/position:relative;}
/*	.gn ul li:first-child      {border-left:1px solid #dfdfdf;}*/
	.gn ul li.crt              {border:1px solid #eee;}
	.gn ul li.home             {display:none;}
	.gn ul li a                {color:#333;font-size:100%;line-height:135%;text-align:center;display:block;text-align:center;padding:0.5em 0.5em 0 0.5em;transition:0.3s;font-weight: bold;}
	.gn ul li a i              {display:block;margin-right:0;}
	.gn ul li a:hover          {opacity:0.7;}

	.gn ul li a span {display: block;font-size: 14px;}

	.gn li ul                  {width: 140%;margin:0;left:0;position:absolute;display:block;min-width:100%;background:rgba(255,255,255,0.9);}
	.gn li ul li:last-child,
	.gn li ul li:first-child,
	.gn li ul li               {width:100%;max-height:0;overflow:hidden;transition:0.2s;border:0 none;}
	.gn li:hover ul li         {max-height:4em;}
	.gn li:hover ul li:first-child {padding-top:1em;}
	.gn li ul li a             {padding:0.8em 0.5em;}
	.gn_lst li ul li a:before  {display:none;}
}
@media screen and (min-width: 1010px){
	.gn                        {padding:0 0 0px;}
}






/* 個人のお客様
 -----------------------------------------------------*/
.topService.bnr_maxarea {
    margin-top: 0px;
    background: none;
    width: 100%;
    padding: 10px 0;
}
.bnr_maxarea .bnr_area {padding: 0px 0;}
.top_bnr_l.bnr_max {width:100%;}
.top_bnr_l.bnr_max li {width:24%;margin-left:1.3%}
.top_bnr_l.bnr_max li:nth-child(4n+1){margin-left:0;}
.top_bnr_l.bnr_max a {text-decoration: none;}
.top_bnr_l.bnr_max a:hover {background-color: #ccf3f9;}




/* 事業者のお客様
 -----------------------------------------------------*/
.txtlink_right {text-align: right;}
.txtlink_right a {text-decoration: underline;}
.txtlink_right a:hover {text-decoration: none;}

ul.pageLink				{margin-top: 30px;
    min-height: 80px;}
ul.pageLink li				{margin:0 0 0 14px;display:contents;/*letter-spacing:normal;*/}
ul.pageLink li:nth-child(3n + 1)	{margin:0 0 0 0;}
ul.pageLink li a			{padding:20px;display:block;background:#3d89a3;/*-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;*/ /*border: solid 1px #a2a5a5;*/text-align: center;width:44%;height: 30px; float: left;margin: 0 0px 5px 15px;}

ul.pageLink li a:hover		{
cursor:pointer;
opacity:.5;
-webkit-opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}
ul.pageLink li a span			{display:inline-block;color:#fff;font-size:16px;position:relative;}
ul.pageLink li a span:before	{
content:'';
width:6px;
height:6px;
border:0px;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
position:absolute;
top:110%;
left:50%;
right:50%;
transition: 0.3s ;
display: inline-block;
}
ul.pageLink li a:hover span:before	{
content:'';
width:6px;
height:6px;
border:0px;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
position:absolute;
top:50%;
left:50%;
right:50%;
margin-top:14px;
}



/* 弁護士紹介
 -----------------------------------------------------*/
.h4ttl_margin {margin-top: 60px;}















/* ◆ SP SIZE ◆
============================================================== */

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




/* ハンバーガーメニュー
 -----------------------------------------------------*/
.spmenu_name {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 15.5px;
    color: #fff;
	}
.spmenu_name a {
	color: #fff;
	font-size: 120%;
	}
.gn ul li a span {
	display: block;
    padding-left: 1em;
    font-size: 12px;
	}

/* ヘッダー電話 メール
 -----------------------------------------------------*/
.more_header_tel2 		{width:44%;display: inline-block;margin-left: 5px;}
.more_header_tel2 a		{margin:0px auto 5px auto;width:100%;text-align:left;
padding:10px 0 5px 0;
font-size:15.5px;
font-weight:bold;
display:block;
color:#fff;
line-height:1.7;
border-radius: 0px;
background: #0cb59b;
transition: background-color 0.5s;
display: inline-block;
vertical-align: top;
border: solid 2px #fff;
border-radius: 5px;
}
.more_header_tel2 a:before {
	content: "";
    display: inline-block;
    background-image: url("../img/img_more_header_tel.png");
    background-size: contain;
	width: 20px;
    height: 25px;
    float: left;
    margin: 1px 5px 5px 10px;
    background-repeat: no-repeat;
}

.more_header_mail { display: inline-block;width:48%;margin-left: 8px;}
.more_header_mail a {
margin:0px auto 6px auto;width:100%;text-align:left;
display: inline-block;
padding:10px 0 0px 0;
font-size:14.0px;
font-weight:bold;
color:#fff;
line-height:1.7;
border-radius: 0px;
background: #0cb59b;
transition: background-color 0.5s;
vertical-align: top;
border: solid 2px #fff;
border-radius: 5px;
}
.more_header_mail a:before {
	content: "";
    display: inline-block;
    background-image: url("../img/img_more_header_mail.png");
    background-size: contain;
	width: 25px;
    height: 17px;
    float: left;
    margin: 3px 5px 0px 7px;
    background-repeat: no-repeat;
}
.more_header_tel a:hover {
background:#0cb59b;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.more_header_mail a:hover {
opacity:.5;
-webkit-opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
-webkit-transition:opacity 0.5s ease-out;
-moz-transition:opacity 0.5s ease-out;
-ms-transition:opacity 0.5s ease-out;
transition:opacity 0.5s ease-out;
}



/* 個人のお客様
 -----------------------------------------------------*/
.top_bnr_l.bnr_max li {width:100%;margin-left:0%}




/* 事業者のお客様 */
 -----------------------------------------------------*/
ul.pageLink.pageLink_feewidth 	{margin-top:20px;padding-bottom: 0px;text-align:center;}
ul.pageLink li					{margin:5px 0 0 0;display:inline-block;/*letter-spacing:normal;*/width:49%;}
ul.pageLink li:first-child		{margin:auto;}
ul.pageLink li:nth-child(2n+1)	{margin:0 0 0 0; float: left; margin-top: 5px;width: 47%;}
ul.pageLink li a			{padding:10px 5px 20px 5px;display:block;background:#3d89a3;text-align: center;width: calc(100% - 20px); height: 30px; float: left; margin: 0 10px 5px 0;}
ul.pageLink.pageLink_feewidth li a	{padding:20px 20px 15px 20px;display:block;background:#f96f6c;/*-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;*/  text-align: center; width: 71%; height: 50px; float: left; margin: 0 0px 0px 0; text-decoration: none;}
ul.pageLink li a:hover		{
cursor:pointer;
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}
ul.pageLink li a span			{display:block;color:#fff;font-size:14px;position:relative;}
ul.pageLink li.link1l a span	{display:block;color:#fff;font-size:14px;position:relative;margin-top: 0px;}
ul.pageLink li a span:before	{
content:'';
width:6px;
height:6px;
border:0px;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
position:absolute;
top:90%;
left:50%;
right:50%;
margin-top:8px;
transition: 1s ;
}
ul.pageLink li a:hover span:before	{
content:'';
width:6px;
height:6px;
border:0px;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
position:absolute;
top:50%;
left:50%;
right:50%;
margin-top:8px;
}



}






/* 769px以上の時にforsp(スマホ用)を非表示 */
@media screen and (min-width:769px){.forsp {display: none!important;}}

/* 768px以下の時にforpc(ＰＣ用)を非表示 */
@media screen and (max-width:768px){.forpc {display: none!important;}}



/* 印刷時　電話番号が二重表示されないよう設定 */
@media print{
.forsp {display: none;}
}

/*
@media print{
#noprint {display: none;}
}
*/



/* ハンバーガー */
@media screen and (max-width:768px){
.mod_nav {
	position: absolute;
    top: 24px;
    right: 0;
	z-index:9;}
.mod_nav p.open span,.mod_nav p.close span {font-size:12px;line-height:1;}
.mod_nav p.close span:before {padding:0;}
.mod_nav p.open span:before {padding:0;}
.mod_nav p.navtitle {z-index:999;right:10px;width:50px;position:absolute;}
.mod_nav_inner {position:absolute;width:100%;border-top:0;}
.mod_nav_inner .mod_nav_inner {top:22vw;margin-top:23px;}
ul.menu__second-level {font-size:0;}
li.menu__single ul.menu__second-level li {width:50%;display:inline-block;vertical-align:top;}
li.menu__single ul.menu__second-level li:nth-child(2n+1){border-right:1px solid #ccc;box-sizing:border-box;}
.mod_nav_inner ul li a {padding:12px 0 12px 10px;}
ul.menu__second-level {background-color:#ccc!important;}
li.menu__single ul.menu__second-level li a {padding:3px 0 3px 10px;}
.mod_nav_inner ul li:first-child {margin:0;}
.mod_nav_inner p.closebtn {padding:7px 10px;}
h1.logo {margin: 10px 0 5px 5px;}
.mod_nav_inner ul li ul li a:hover {padding-bottom:3px;}
.mod_nav_inner ul li a:hover, .mod_nav_inner ul li a:hover:before {
	border-bottom:0;padding-bottom:12px;margin-bottom:0;}
.formBox,.feeBox,.serviceBox,.topService {margin-top:0;}
}




@media screen and (max-width: 767px) {
.gn ul li a span {
	display: inline-block;
    padding-left: 1em;
    font-size: 12px;
	}
}




@media screen and (max-width: 350px) {
.more_header_mail a {
    margin: 0px auto 5px auto;
    width: 100%;
    text-align: left;
    display: inline-block;
    padding: 9px 0 8px 0;
    font-size: 11.5px;
    font-weight: bold;
    color: #0cb59b;
    line-height: 1.7;
    border-radius: 0px;
    background: #fff;
    transition: background-color 0.5s;
    vertical-align: top;
    border: solid 2px #0cb59b;
	}
.more_header_tel2 a {
    margin: 0px auto 5px auto;
    width: 100%;
    text-align: left;
    padding: 5px 0 1px 0;
    font-size: 14.0px;
    font-weight: bold;
    display: block;
    color: #0cb59b;
    line-height: 1.7;
    border-radius: 0px;
    background: #fff;
    transition: background-color 0.5s;
    display: inline-block;
    vertical-align: top;
    border: solid 2px #0cb59b;
	}
.box {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    min-width: auto;
    text-align: left;
    clear: both;
	}
}

@media screen and (max-width:320px){
.mod_nav_inner ul li a {font-size:12px;}
}