@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";

 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, strong, 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-family:'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic", "游ゴシック", YuGothic, 'Noto Sans JP',"メイリオ", Meiryo ,  sans-serif;
font-weight: 400;
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
}
dl, dt, dd, ol, ul, li{ list-style: none;}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav 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;
}
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;
}
*,
*::before,
*::after {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
body{
font-size: 62.5%;
text-align: left;
color: #231815;
line-height: 1.6em;
margin: 0px;
padding: 0px;
height: auto;
width: auto;
}
img{
border:0;
vertical-align:top;
}
a{ 
color:#2e2e2e;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
a:link {
color:#2e2e2e;
text-decoration: none;
}
a:visited {
text-decoration: underline;
color: #2e2e2e;
}
a:hover {
text-decoration: none;
color: #2e2e2e;
}
a:active {
text-decoration: none;
color: #2e2e2e;
}
a::before,
a::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
a,
a::before,
a::after {
-webkit-transition: all .3s;
transition: all .3s;
}
a img:hover,a:hover{
opacity:0.6;
filter:alpha(opacity=60);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all  0.5s ease;
}
em,strong{ font-style: normal; font-weight: bold;}
.clearfix:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;	
clear: both; 
visibility:hidden;
}
.clearfix{display: inline-block;}/*\*/* html .clearfix {height: 1%;}
.clearfix{display:block;}/**/
 .Montserrat{
font-family: 'Montserrat', sans-serif;
}
.Archivo{    
font-family: 'Archivo', sans-serif;
}
.Noto{    
font-family: 'Noto Sans JP', sans-serif !important;
}
.SP {
display: none !important;
}
.PC {
display: block !important;
}
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
max-width: 100%;
font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic", "游ゴシック",
YuGothic, "メイリオ", Meiryo, sans-serif;
height: auto;
width: auto;
text-align: center;
font-size: 1.6em;
line-height: 1.8em;
color: #172854;
font-weight: 400;
margin: 0;
padding:0;
}
#container{
width: 100%;
overflow-x: hidden;
}
#container.kaso{
padding-top:90px;
}
img {
width: 100%;
height: auto;
}
.wrap {
width: 90%;
max-width: 1300px;
margin: 0 auto;
}
#container {
width: 100%;
margin: 0 auto;
}
.flex{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
} #header{
display: none;
position: fixed;
left:0;
top:0;
width: 100%;
z-index: 9999;
background: #fff;
box-shadow: 0 5px 30px rgba(17, 51, 145, 0.3);
padding:1em 5%;
}
#header.header-kaso{
display:block !important;
position:absolute;
}
#hmenu{display: none;}
#header #gnav{
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-align-items: center; align-items: center; width: 100%;	
}
#header #gnav .logo{
width: 25vw;
max-width: 300px;
text-align: left;
}
#header #gnav .logo a{
display: block;
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/logomark.svg) no-repeat left center;
background-size: 35px auto;
font-family: "Noto Serif JP", serif;
font-size: 1.2em;
font-weight: 700;
padding:0.5em 0 0.5em 40px;
}
#header #gnav .nav1{
display: -webkit-flex;
display: flex;
}
#header #gnav .nav1 li{
padding-right: 2em;
}
#header #gnav .nav1 li a{
font-weight: 700;
font-size: 1em;
white-space: nowrap;
color:#113391;
}
#spheader{display: none;}
@media screen and (max-width: 1500px) {
#header #gnav .logo{
width: 20vw;
max-width: 300px;
text-align: left;
}
#header #gnav .logo a{
display: block;
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/logomark.svg) no-repeat left center;
background-size: 30px auto;
font-size: 1em;
padding:0.5em 0 0.5em 35px;
} 
#header #gnav .nav1 li{
padding-right: 2vw;
}
#header #gnav .nav1 li a{
font-weight: 700;
font-size: 1vw;
color:#113391;
}
}
#header #gnav .nav2{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-align-items: center; align-items: center;  width: 15vw;	  
max-width: 230px;
}
#header #gnav .nav2 li{
padding-left: 1.5em;
line-height: 1;
}
#header #gnav .nav2 li:nth-child(1){
width: 18vw;
max-width: 300px;
}
#header #gnav .nav2 li:nth-child(2){
width: 13vw;
max-width: 225px;
}
#mv{
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/mb_bg.png) no-repeat left top;
background-size: cover;
position: relative;
padding:30px 0 0;
margin-bottom:30px;
}
#mv #mvlogo{
position: absolute;
left:40px;
top:0px;
width: 360px;
}
#mv .hnav{
position: absolute;
right:40px;
top:30px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
width: 640px;
z-index:2;
}
#mv .hnav li:nth-child(1){
width: 307px;
}
#mv .hnav li:nth-child(2){
width: 303px;
}
#mv .img{
width: 90%;
max-width: 1357px;
margin:0 auto;
position: relative;
}
#mv .desc{
position: absolute;
right:10px;
bottom:120px;
font-size: 0.8em;
color:#CBCCE8;
text-align: right;
}
@media screen and (max-width: 1500px) {
#mv .desc{ bottom:7vw; }
}
#mv .mvf{
position: absolute;
width: 90%;
max-width: 1399px;
left: 50%;
transform: translateX(-50%);
-webkit- transform: translateX(-50%);
bottom:-25px;
display: -webkit-flex;
display: flex !important;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: center;
}
#mv .mvf li{
background: #113391;
clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
color:#fff;
text-align: center;
width: 32%;
font-weight: 500;
padding:0.6em;
max-width: 470px;
margin:0 -10px;
}
#mv .mvf li em{
font-size: 1.4em;
font-weight: 500;
}
#pankuzu{
text-align:left;
font-size: 0.8em;
}
#pankuzu a{
position: relative;
padding-right: 0.5em;
}  #content {
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
clear: both;
}  #footer{
background: #172854;
color:#fff;
padding:2em 0;
}
#footer .flex{
width: 95%;
margin:0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
}
#footer ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
#footer ul li{
font-size: 0.9em;
padding-right: 2em;
}
#footer ul li a{
color:#fff;
text-decoration: underline;
}
#footer address{
font-style: normal;
font-size: 0.9em;
} .clear {
clear: both;
}
 #formwrap{
background: linear-gradient(to bottom, #ffffff 0%,#E6F4FF 100%); padding:50px 0;
}
#formwrap.singleform{
margin:0 -100% 30px;
padding:0 100% 20px;
}
#formwrap .wrap{
width: 80%;
max-width: 1000px;
margin:0 auto;
}
#formwrap.singleform .wrap{
width:100%;
font-size:0.8em;
}
.bookbox{
background-image: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/decoL.png),url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/decoR.png);
background-position: left center,right center;
background-size: 84px auto,84px auto;
background-repeat: no-repeat,no-repeat;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
-webkit-align-items: center; align-items: center; padding:0 110px;
width: 90%;
max-width: 914px;
margin:0 auto 60px;
}
.bookbox .pic{
width: 110px;
}
.bookbox .txt{
width: calc(100% - 140px);
text-align: left;
}
.bookbox .txt .bookttl{
font-size: 1.6em;
font-weight: 700;
padding-bottom:0.7em;
margin-bottom:0.6em;
position: relative;
}
.bookbox .txt .bookttl::before,
.bookbox .txt .bookttl::after{
content: "";
width: 100%;
height: 1px;
background: #113391;
display: block;
position: absolute;
left:0;
bottom:0;
}
.bookbox .txt .bookttl::before{
bottom:3px;
}
.bookbox .txt p{
font-weight: 500;
font-size:1.3em;
line-height: 1.7;
letter-spacing: 0.1em;
}
#form{
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/form_bg.png) no-repeat left top;
background-size:cover;
border-radius: 0;
padding:40px;
margin-bottom:40px;
}
#form .formttl{
position: relative;
text-align: center;
color:#fff;
font-weight: 700;
font-size:1.3em;
line-height: 1.6;
letter-spacing: 0.05em;
padding-bottom:1em;
} #form .formttl em{
font-weight: 700;
font-size:2em;
background:none !important;
} .errormsg {
margin: 0 auto 20px auto;
width: 720px;
padding: 10px 20px;
list-style: none;
background-color: #FFF7EE;
border: 3px solid #FF0000;
color: #FF0000;
box-sizing: border-box;
} #chatform{
background: #fff;
padding:50px;
}
.chatwrap {
width: auto;
opacity: 0;
transition: 0.6s ease;
}
.chatbox:not(#no01)  {
display: none;
}
#chatform .Left {
animation: bounceIn_l 0.3s ease;
transform-origin: top left;
}
@keyframes bounceIn_l {
0% {
transform: scale(0.6, 0.6);
}
100% {
transform: scale(1.0, 1.0);
}
}
#chatform .Right {
animation: bounceIn_r 0.8s ease;
transform-origin: top right;
}
@keyframes bounceIn_r {
0% {
transform: scale(0);
}
59% {
transform: scale(0);
}
60% {
transform: scale(0.6, 0.6);
}
100% {
transform: scale(1.0, 1.0);
}
}
#chatform .Left dl {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
font-size:1.1em;
display: flex;
display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; align-items: flex-start;
}
#chatform .Left dl dt {
width: 80px;
}
#chatform .Left dl dt img {
width: 100%;
}
#chatform .Left dl dd {
width: calc(100% - 120px);
position: relative;
background: #E6F4FF;
border-radius: 0 30px 30px 30px;
padding: 25px 35px;
margin-left: 35px;
font-size:1.1em;
text-align: left;
line-height: 1.7em;
}
#chatform .Left dl dd p{ padding-bottom:15px; }
#chatform .Left dl dd strong{
color:#0051CB;
}
#chatform .Right {
margin-bottom: 20px;
display: flex;
display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; flex-flow: row-reverse wrap;
-ms-flex-flow: row-reverse wrap; -webkit-flow: row-reverse wrap; }
.input_area {
padding: 25px 25px 15px;
font-size:1.2em;
border-radius: 20px 0 20px 20px;
background-color: #D4FBE1;
min-width: 70%;
max-width: 80%;
text-align: left;
}
.input_area div {
text-align: center;
}
.input_area .flexinput{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
}
.input_area .flexinput input{
display: none;
}
.input_area label {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-align-items: center; align-items: center; width: 48.5%;
position: relative;
background:#fff url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/radio.svg) no-repeat 20px center;
background-size: 1.1em auto;
padding: 10px 10px 10px 2.5em;
border-radius: 2px;
text-align: left;
border: none;
font-weight: 700;
margin-bottom:0.5em;
}
.input_area input:checked + label{
background:#fff url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/radio_on.svg) no-repeat 20px center;
background-size: 1.1em auto;
}
a.input_btn {
display: block;
transition: 0.2s;
width: 300px;
max-width: 100%;
padding: 15px 0;
margin: 10px auto 15px auto;
text-align: center;
color: #fff;
cursor: pointer;
font-size:1.2em;
font-weight: bold;
border: 1px solid #309ad8;
border-radius: 6px;
background-color: #42aae6;
box-shadow: 0 2px 0 #309ad8;
text-decoration: none;
}
a.input_btn:hover {
opacity: 0.7;
}
a.submit {
border: 1px solid #ea805f;
background-color: #ea805f;
box-shadow: 0 3px 0 #c95d2e;
color:#fff !important;
}
a.disable {
background-color: #ffffff;
box-shadow: 0 2px 0 #cecece;
border: 1px solid #cecece;
color: #666;
pointer-events: none;
}
a.done {
transform: translateY(3px);
border: 1px solid #cecece;
background-color: #cecece;
color: #666;
box-shadow: none;
pointer-events: none;
}
.error_msg,.name_error_msg,.tel_error_msg,.email_error_msg {
display: none;
color: #f05770;
text-align: left;
font-size:80%;
}
strong {
color: #D51C5F;
font-weight: bold;
}
.all_show {
margin-top: 10px;
text-align: right;
font-size: 70%;
cursor: pointer;
}
#no05 .input_area input{
font-size:1em;
padding:5px 0;
text-indent: 10px;
margin:0;
left:0;
}
#no05 .input_area p{ display: block; padding-bottom:15px;}
#no05 .name{
font-weight: bold;
padding-bottom:5px !important;
}
#no05 .input_area p input{ width: 100%; height: 45px; border-radius: 2px;border: none;}
.formtel{
background: #FFFFFF;
border-radius: 10px;
padding:45px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
-webkit-align-items: center; align-items: center; box-shadow: 0 3px 15px rgba(17, 51, 145, 0.05);
margin-bottom:45px;
}
.formtel .txt p{
font-size: 1.6em;
font-weight: 700;
font-family: "Noto Serif JP", serif;
line-height: 1.7;
letter-spacing: 0.05em;
}
.formtel .tel{
width: 65%;
padding-left: 2.6em;
border-left: solid 1px #6C81BB;
padding-right: 2em;
text-align: left;
}
.formtel .tel a{
font-weight: bold;
font-size: 1.3em;
letter-spacing: 0.05em;
color:#113391;
}
.formtel .tel a img{
padding-bottom:0.5em;
}
#tnayami{
padding:80px 0;
}
#tnayami h2{
font-weight: 500;
font-size: 1.3em;
line-height: 1.7;
padding-bottom: 2em;
}
.mincho{
font-family: "Noto Serif JP", serif;
}
#tnayami h2 span{
font-size: 1.6em;
font-weight: 500;
letter-spacing: 0.05em;
}
#tnayami ul{
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: center;
padding-bottom:60px;
}
#tnayami ul li{
width: 30%;
max-width: 410px;
margin:0 1.5% 60px;
position: relative;
}
#tnayami ul li p{
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/nayami_bg1.svg) no-repeat center top;
background-size: 100% auto;
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: center;
-webkit-align-items: center; align-items: center; font-size: 1.5em;
font-weight: 700;	
height: 14em;
line-height: 1.7;
}
@media screen and (max-width: 1300px) {
#tnayami ul li p{height: 12em;}
}
#tnayami ul li:nth-child(2n) p{
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/nayami_bg2.svg) no-repeat center top;
background-size: 100% auto;
}
#tnayami ul li .img{
position: absolute;
width: 100px;
bottom:-60px;
left: 50%;
transform: translateX(-50%);
-webkit- transform: translateX(-50%);
}
#tnayami h3{
font-weight: 700;
font-size: 1.5em;
line-height: 1.8;
padding-bottom:5em;
}
#tnayami h3 span{
font-size: 1.7em;
font-weight: 700;
}
#tnayami h3 span em{
color:#5DB815;
border-bottom:solid 1px #5DB815;
}
#treason{
background-image: linear-gradient(165deg, rgba(121, 187, 236, 1), rgba(123, 203, 160, 1) 35%, rgba(27, 109, 171, 1));
padding:150px 0 40px;
position: relative;
}
#treason::before{
content: "";
display: block;
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/bg1.svg) no-repeat center top;
background-size: contain;
width: 360px;
height: 200px;
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit- transform: translateX(-50%);
top:0;
}
#treason h2{
width: 70%;
max-width: 785px;
margin:0 auto 4em;
}
#treason .box{
background: #fff;
box-shadow: 5px 5px 10px rgba(17, 51, 145, 0.5);
padding:45px 45px 45px 100px;
margin-bottom:80px;
position: relative;
}
#treason .box .pic{
position: absolute;
width: 500px;
left:-40px;
top:-40px;
}
#treason .box .pic span{
background: #113391;
color:#fff;
font-weight: 700;
font-size: 1.2em;
display: block;
width: 8em;
letter-spacing: 0.1em;
padding:0.2em;
text-align: center;
clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
position: absolute;
right: -20px;
top:45%;
}
#treason .box h3{
font-weight: 700;
font-size: 2.5em;
color:#113391;
letter-spacing: 0.05em;
line-height: 1.4;
text-align: left;
min-height: 4em;
padding:10px 0 0 400px;
}
#treason .box h3 span{
font-size: 0.3em;
display: inherit;
}
#treason .box p{
font-size: 1.2em;
font-weight: 500;
line-height: 1.9;
letter-spacing: 0.1em;
text-align: left;
}
.cta{
background:#E1E8F0 url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/contact_back.jpg) no-repeat center top;
background-size: auto 580px;
text-align: left;
padding:120px 0 0;
height: 580px;
}
.cta h3{
font-family: "Noto Serif JP", serif;
font-size: 2.4em;
font-weight: 700;
padding-bottom:1.5em;
}
.cta .box{
width: 73%;
}
.cta .telbox{
background: #FFFFFF;
border-radius: 10px;
padding:30px 40px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
-webkit-align-items: center; align-items: center; box-shadow: 0 3px 15px rgba(17, 51, 145, 0.05);
margin-bottom:50px;
}
.cta .telbox .txt p{
font-size: 1.4em;
font-family: "Noto Serif JP", serif;
font-weight: 700;
line-height: 1.7;
letter-spacing: 0.05em;
}
.cta .telbox .tel{
width: 65%;
padding-left: 2.4em;
border-left: solid 1px #6C81BB;
padding-right: 0;
text-align: left;
}
.cta .telbox .tel a{
font-weight: bold;
font-size: 1.2em;
letter-spacing: 0.05em;
color:#113391;
}
.cta .telbox .tel a img{
padding-bottom:0.5em;
}
.cta .btnbox{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
}
.cta .btnbox .txt{
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/btntxt.svg) no-repeat left top;
background-size: 100% auto;
width: 240px;
height: 80px;
padding:0.5em;
line-height: 1.6;
text-align: center;
font-weight: 700;
font-size: 1.1em;
letter-spacing: 0.1em;
}
.cta .btnbox .txt span{font-weight: 700;}
.cta .btnbox .btn{
width: calc(100% - 250px);
}
.cta .btnbox .btn a{
display: block;
background: #7CCC3C url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/arrow1.svg) no-repeat 92% center;
background-size: 0.5em auto;
border: solid 2px #fff;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
text-align: center;
border-radius: 10px;
color:#fff;
font-weight: 700;
font-size: 1.8em;
letter-spacing: 0.05em;
padding:0.8em;
}
.moviewrap{
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/form_bg.png) repeat left top;
background-size: cover;
padding:45px;
border-radius: 20px;
width: 80%;
max-width: 1000px;
margin:0 auto 50px;
position: relative;
}
.moviewrap .mttl1{
font-size: 1.5em;
text-align: center;
font-weight: 700;
position: relative;
display: inline-block;
padding: 10px 1.1em;
letter-spacing: 0.05em;
border: 2px solid #172854;
border-radius: 100px;
background-color: #ffffff;
line-height: 1.5;
top:-70px;
margin-bottom:-70px;
}
.moviewrap .mttl1::before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
border-style: solid;
border-width: 20px 10px 0 10px;
border-color: #172854 transparent transparent;
translate: -50% 100%;
}
.moviewrap .mttl1::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
border-style: solid;
border-width: 15.5px 7.8px 0 7.8px;
border-color: #ffffff transparent transparent;
translate: -50% 100%;
}
.moviewrap .mttl2{
font-weight: 700;
font-size: 1.8em;
color:#fff;
letter-spacing: 0.05em;
margin:-0.5em 0 1em;
}
.youtube {
width: 100%;
aspect-ratio: 16 / 9;
}
.youtube iframe {
width: 100%;
height: 100%;
}
.tabcontent {
display: none;
}
.tabcontent.show {
display: block;
}
#tflow{
padding:100px 0;
}
.ttl1{
font-size: 2.8em;
text-align: center;
padding-bottom:2.5em;
}
.ttl1 span{
font-weight: 700;
position: relative;
letter-spacing: 0.05em;
display: inline-block;
padding-bottom:0.8em;
}
.ttl1 span::before{
content: "";
width: 100%;
height: 5px;
display: block;
position: absolute;
left:0;
bottom:0;
background: linear-gradient(to right, #79BBEC 0%,#7BCBA0 40%,#1B6DAB 100%);
}
.tab-container{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.tab-container .tab{
width: 49.2%;
display: -webkit-flex;
display: flex;
font-size: 1.3em;
height: 135px;
font-weight: 700;
letter-spacing: 0.06em;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: center;
-webkit-align-items: center; align-items: center; border-radius: 20px 20px 0 0;
background: #F2F2F2;
border-bottom: solid 15px #fff;
cursor: pointer;
}
.tab-container .tab.active#tabt1{
border-bottom: solid 15px #F2F2F2;
}
.tab-container .tab.active#tabt2{
border-bottom: solid 15px #E6F4FF;
}
.tab-container .tab#tabt2{
background: #E6F4FF;
}
.tab-container .tab em{
font-size: 1.8em;
position: relative;
top:-0.2em;
display: inline-block;
padding-right: 0.2em;
}
.tab-container .tab .ico{
display: block;
width: 130px;
position: relative;
top:-20px;
margin-right: 0.5em;
padding-bottom:25px;
margin-bottom:-20px;
}
.tab-container .tab.active .ico{
background-image: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/fukidasi_f.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 50% auto;
}
.tabcontent-container{
padding-bottom:80px;
}
#tflow .tabcontent{
background: #F2F2F2;
padding:45px;
border-radius: 0 0 10px 10px;
}
#tflow .tabcontent#tab2{
background: #E6F4FF;
}
#tflow ol{
padding-bottom:1em;
}
#tflow ol li{
display: table;
position: relative;
width: 100%;
margin-bottom:40px;
}
#tflow ol li::after{
content: "";
position: absolute;
bottom: 0;
left: 50%;
border-style: solid;
border-width: 30px 35px 0 35px;
border-color: #113391 transparent transparent;
translate: -50% 100%;
}
#tflow ol li .num{
display: table-cell;
width: 80px;
background: #113391;
text-align: center;
vertical-align: middle;
color:#fff;
font-weight: 700;
}
#tflow ol li .num span{
font-weight: 700;
font-size: 2em;
}
#tflow ol li .txt{
display: table-cell;
vertical-align: middle;
padding:30px 40px;
background: #fff;
text-align: left;
}
#tflow ol li .txt h3{
font-weight: 700;
font-size: 2em;
letter-spacing: 0.05em;
line-height: 1.5;
color:#113391;
}
#tflow ol li .txt p{
font-size: 1.4em;
line-height: 1.7;
padding-top:1em;
padding-bottom:0.5em;
}
#tflow .ftxt{
background: #172854;
color:#fff;
font-size: 1.9em;
line-height: 1.3;
font-weight: 700;
padding:1em;
}
.hituyo{
width: 60%;
max-width: 727px;
padding:90px 90px 70px;
border: solid 1px #172854;
border-radius: 10px;
position: relative;
margin:0 auto 100px;
text-align: left;
}
.hituyo h3{
color:#113391;
font-weight: 700;
font-size: 1.8em;
line-height: 1.4;
padding-bottom:2em;
letter-spacing: 0.05em;
position: relative;
}
.hituyo h3 img{
width: 200px;
position: absolute;
left:-225px;
}
.hituyo ul li{
font-size: 1.35em;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0.05em;
padding-bottom:0.6em;
}
.hituyo ul li span{
font-size: 0.9em;
}
.hituyo .pic{
width: 310px;
position: absolute;
right:-50px;
bottom:-100px;
}
#tbengosi{
padding:100px 0 80px;
background: linear-gradient(to bottom, #fff 0%,#E6F4FF 100%);
}
#tbengosi .prof1{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
padding-bottom:80px;
}
#tbengosi .prof1 .pic{
width: 390px;
}
#tbengosi .prof1 .txt{
width: calc(100% - 460px);
text-align: left;
}
#tbengosi .prof1 .txt .katagaki{
font-weight: 700;
font-size: 1.5em;
line-height: 1.5;
padding-bottom:0.9em;
letter-spacing: 0.1em;
}
#tbengosi .prof1 .txt h3{
font-weight: 700;
font-size: 2.8em;
padding-bottom:1em;
letter-spacing: 0.1em;
}
#tbengosi .prof1 .txt p{
font-size: 1.35em;
line-height: 2.2;
}
#tbengosi .prof2{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
-webkit-align-items: flex-start; align-items: flex-start; }
#tbengosi .prof2 .box{
width: 48.5%;
background: #fff;
padding:25px 50px;
margin-bottom:30px;
text-align: left;
}
#tbengosi .prof2 .box:last-child{
margin-top:-130px;
}
#tbengosi .prof2 .box h3{
position: relative;
display: inline-block;
color:#fff;
font-weight: 700;
font-size:1.3em;
background: #113391;
clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
text-align: center;
padding:0.2em 1.3em;
min-width: 200px;
letter-spacing: 0.05em;
left:-60px;
margin-bottom:1.3em;
}
#tbengosi .prof2 .box dl{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
border-bottom: solid 1px #CECECE;
padding-bottom:0.9em;
margin-bottom:0.8em;
font-size: 1.1em;
}
#tbengosi .prof2 .box dl dt{
width: 5em;
font-weight: 700;
}
#tbengosi .prof2 .box dl dd{
font-weight: 500;
}
#tbengosi .prof2 .box ul{
padding-bottom:1.5em;
}
#tbengosi .prof2 .box ul li{
padding-bottom:0.3em;
}
#tbengosi .prof2 .box ul li a{
text-decoration: underline;
}
#tbengosi .prof2 .box ul li b{font-weight: 700;}
#tbengosi .prof2 .box ul li small{
font-size: 0.8em;
}
#tbengosi .prof2 .box p{
padding-bottom:1.5em;
}
#tjirei{
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/bg2.png) no-repeat left top;
background-size: cover;
padding:100px 0 130px;
}
#tjirei .slide{
padding-top:30px;
}
#tjirei .slide .box{
position: relative;
background: #fff;
box-shadow: 5px 5px 10px rgba(17, 51, 145, 0.1);
padding:45px 50px 100px;
border-radius: 20px;
width: 88%;
text-align: left;
}
#tjirei .slide .box::before{
content: "";
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/fukidasi_f.png) no-repeat left top;
background-size: contain;
display: block;
width: 138px;
height: 119px;
position: absolute;
left:60px;
bottom:-119px;
}
#tjirei .slide .box .kaiketu{
width: 170px;
position: absolute;
right:30px;
top:-35px;
opacity: 0;
}
#tjirei .slide.slick-active .box .kaiketu{
animation: sample_anime02 2s ease-out 0.5s forwards;
}
@keyframes sample_anime02 {
0% {
opacity: 0;
transform:  rotate(-30deg) scale(2.5);
}
30% {
opacity: 0.8;
transform:  rotate(5deg) scale(1.04);
}
100% {
opacity: 1.0;
transform: rotate(0deg);
}
}
#tjirei .slide .box h3{
font-weight: 700;
font-size: 2.2em;
letter-spacing: 0.05em;
line-height: 1.4;
color:#113391;
padding-bottom:0.8em;
}
#tjirei .slide .box p{
font-size: 1.1em;
line-height: 2;
padding-bottom:1.5em;
font-weight: 500;
}
#tjirei .slide .box em{
font-weight: 700;
color:#0051CB;
}
#tjirei .slide .coment{
background: #fff;
border-radius: 20px;
border: solid 3px #113391;
padding:50px 40px 30px;
position: relative;
width: 70%;
margin-left: auto;
margin-top:-90px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
}
#tjirei .slide .coment h4{
position: absolute;
display: inline-block;
color:#fff;
font-weight: 700;
font-size:1.3em;
background: #113391;
clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
padding:0.2em 2em;
left:-40px;
top:-15px;
}
#tjirei .slide .coment .pic{
width: 120px;
}
#tjirei .slide .coment .txt{
width: calc(100% - 140px);
text-align: left;
}
#tjirei .slide .coment .txt p{
font-size: 1.1em;
font-weight: 500;
line-height: 2;
}
#tjirei .slide .coment .txt em{
font-weight: 700;
color:#0051CB;
}
.jslider .slick-arrow{
position: absolute;
top:45%;
width: 2em;
z-index: 2;
cursor: pointer;
}
.jslider .prev-arrow{
left:-4em;
}
.jslider .next-arrow{
right:-4em;
}
.jslider .slick-dots{
bottom:-80px;
}
.jslider .slick-dots li{
background: #CFCFCF;
width: 20px;
height: 20px;
border-radius: 30px;
margin:0 8px;
}
.jslider .slick-dots li.slick-active{
background: #9CA0AC;
}
.jslider .slick-dots li button{display: none;}
#tgyosyu{
padding:100px 0;
}
#tgyosyu ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
padding-bottom:1em;
}
#tgyosyu ul li{
width: 23%;
padding-bottom:30px;
text-align: right;
}
#tgyosyu ul li p{
display: inline-block;
color:#fff;
font-weight: 700;
font-size:1.15em;
letter-spacing: 0.1em;
background: #113391;
clip-path: polygon(15px 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
padding:0.2em 1.5em;
min-width: 11em;
text-align: center;
position: relative;
right:-15px;
top:-15px;
}
#tgyosyu .ftxt{
display: inline-block;
text-align: left;
color:#113391;
}
#tprice{
padding:50px 0 100px;
}
#tprice table{
width: 100%;
border-top:solid 1px #92ACC4;
border-left:solid 1px #92ACC4;
margin-bottom:25px;
}
#tprice table th{
border-right:solid 1px #92ACC4;
border-bottom:solid 1px #92ACC4;
vertical-align: middle;
background: #E6F4FF;
padding:1.5em;
font-weight: 700;
font-size: 1.2em;
letter-spacing: 0.1em;
width: 26%;
}
#tprice table thead th{
background: #0168B5;
color:#fff;
}
#tprice table td{
border-right:solid 1px #92ACC4;
border-bottom:solid 1px #92ACC4;
vertical-align: middle;
background: #fff;
padding:1.5em 2em;
text-align: left;
letter-spacing: 0.1em;
width: 37%;
}
#tprice table td .price1{
font-weight: 700;
font-family: "Noto Serif JP", serif;
font-size: 1.2em;
color:#113391;
letter-spacing: 0;
}
#tprice table td .price1 b{
font-family: "Noto Serif JP", serif;
font-size: 1.55em;
font-weight: 700;
}
#tprice table td em{
color:#5DB815;
}
#tprice table td small{
display: inline-block;
font-size: 0.9em;
line-height: 1.6;
}
#tprice table td .muryo{
font-size: 2em;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.2em;
color:#5DB815;
display: inline-block;
padding:0.3em 0 0.5em;
}
#tprice .ftxt{
text-align: left;
color:#113391;
font-weight: 500;
}
#tfaq{
padding:50px 0 100px;
}
.faq{
background: #F8F8F8;
margin-bottom:10px;
}
.faq dt{
display: table;
position: relative;
width: 100%;
cursor: pointer;
} .faq dt i{
display: table-cell;
font-style: normal;
font-weight: 700;
color:#fff;
vertical-align: middle;
background: #0168B5;
width: 100px;
text-align: center;
font-size: 2.5em;
line-height: 1;
padding:0.5em 0 0.9em;
}
.faq dt span{
display: table-cell;
text-align: left;
vertical-align: middle;
color:#0168B5;
font-weight: 700;
font-size: 1.5em;
padding-left: 1.5em;
letter-spacing: 0.05em;
}
.faq dd{
display: block;
border-top: solid 1px #D4D4D4;
padding:30px;
text-align: left;
}
.faq dd .box{
background: #fff;
padding:30px;
font-size: 1.2em;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.1em;
}
#tcompany{
padding:50px 0 100px;
text-align: left;
}
#tcompany .gaiyo{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
padding-bottom:60px;
}
#tcompany .gaiyo .pic{
width: 40%;
}
#tcompany .gaiyo .pic p{padding-bottom:20px;}
#tcompany .gaiyo .txt{
width: 53%;
text-align: left;
}
#tcompany .gaiyo .txt dl dt{
font-weight: 700;
font-size: 1.4em;
color:#0168B5;
letter-spacing: 0.1em;
padding-bottom:0.5em;
}
#tcompany .gaiyo .txt dl dd{
font-weight: 500;
font-size: 1.1em;
line-height: 1.8;
padding-bottom:2em;
}
#tcompany h3{
display: inline-block;
color:#fff;
font-weight: 700;
font-size:1.15em;
letter-spacing: 0.1em;
background: #113391;
clip-path: polygon(20px 0%, 100% 0%, calc(100% - 20px) 100%, 0% 100%);
padding:0.2em 1.5em;
min-width: 11em;
text-align: center;
margin-bottom:30px;
}
#tcompany #map{
width: 100%;
padding-bottom:60px;
}
#tcompany #map iframe{
width: 100%;
height: 480px;
}
#tcompany .links{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
padding-bottom:30px;
}
#tcompany .links li{
margin-right: 20px;
}
#tcompany .links li img{
width: auto;
height: 90px;
}
#tcolumn{
padding:100px 0 100px;
background: #F8F8F8;
}
.cslider{
margin-top:-50px;
}
.cslider .box{
margin:0 20px 20px;
padding:1.8em;
background: #fff;
box-shadow: 5px 5px 10px rgba(17, 51, 145, 0.1);
text-align: left;
}
.cslider .box .day{
display: inline-block;
color:#fff;
font-weight: 700;
font-size:0.8em;
line-height: 1;
letter-spacing: 0.1em;
background: #113391;
clip-path: polygon(15px 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
padding:0.6em 2em;
position: relative;
left:-3.5em;
top:-1em;
}
.cslider .box .day time{
font-weight: 700;
}
.cslider .box h3{
padding-bottom:1em;
}
.cslider .box h3 a{
color:#113391;
font-weight: 700;
font-size: 1.1em;
line-height: 1.6;
}
.cslider .slick-arrow{
position: absolute;
bottom:-95px;
width: 2em;
z-index: 2;
cursor: pointer;
}
.cslider .prev-arrow{
left:35%;
}
.cslider .next-arrow{
right:35%;
}
.cslider .slick-dots{
bottom:-80px;
}
.cslider .slick-dots li{
background: #CFCFCF;
width: 20px;
height: 20px;
border-radius: 30px;
margin:0 8px;
}
.cslider .slick-dots li.slick-active{
background: #9CA0AC;
}
.cslider .slick-dots li button{display: none;}
.slick-track {
display: flex;
}
.slick-slide {
height: auto !important;
}
.morebtn{
margin:0 auto;
width: 90%;
max-width: 400px;
text-align: center;
}
.morebtn a{
display: block;
width: 100%;
color:#fff;
background: #172854 url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/arrow1.svg) no-repeat 90% center;
background-size: 0.5em auto;
border-radius: 10px;
padding:1em;
font-weight: 700;
font-size: 1.4em;
letter-spacing: 0.1em;
}
#tcolumn .morebtn{
padding-top:140px;
padding-bottom:80px;
}
.osusumekiji{
background: #fff;
box-shadow: 5px 5px 10px rgba(17, 51, 145, 0.1);
text-align: left;
padding:60px;  
width: 90%;
max-width: 1300px;
margin: 0 auto;
}
.osusumekiji dt{
font-weight: 700;
font-size: 1.8em;
letter-spacing: 0.1em;
color:#113391;
padding-bottom:1em;
}
.osusumekiji dd{
padding:0.7em 0;
border-bottom: solid 1px #D4D4D4;
}
.osusumekiji dd span{
font-weight: 700;
color:#113391;
display: inline-block;
width: 8em;
}
.osusumekiji dd a{
color:#172854;
}
.tpost{
padding-top:80px;
}
#postpage{
text-align: left;
}
#postpage p{
padding-bottom:30px;
}
#postpage .pic{
padding-bottom:0;
}
#postpage h2{
font-size:1.4em;
font-weight:bold;
background:#02579A;
color:#fff;
padding:12px 15px;
margin:0 0 20px;	
}
#postpage h3{
font-size:1.3em;
font-weight:bold;
border-bottom:solid 4px #02579A;
padding:12px 0;
margin:0 0 20px;
}
#postpage h4{
font-size:1.3em;
font-weight:bold;
border-left:solid 4px #02579A;
padding:5px 15px;
margin:0 0 20px;
}
#postpage a{
color:#003894;
text-decoration:underline;
}
.alignC{
text-align:center !important;
}
#postpage ul{ padding-bottom:15px; }
#postpage ul li{
font-weight:bold;
padding:5px 0;
}
#postpage .day{
text-align:right;
color:#999;
}
#postpage em{
font-style:normal;
font-weight:bold;
background: linear-gradient(transparent 60%, #ffff66 60%);
}
#postpage table{
width:100%;
border-top:solid 1px #ccc;
border-left:solid 1px #ccc;
margin-bottom:15px;
}
#postpage table th{
background:#eee;
border-bottom:solid 1px #ccc;
border-right:solid 1px #ccc;
font-weight:bold;
padding:10px;
}
#postpage table td{
border-bottom:solid 1px #ccc;
border-right:solid 1px #ccc;
padding:10px;
}
#postpage iframe{
max-width:100%;
}
.toc_widget_list{
}
.dottbox {
border: dashed 2px #E0E0E0;
box-shadow: none;
}
.point:not([data-point]) {
padding: 0.3125em 0 0.3125em 4.125em;
font-weight: bold;
line-height: 1.5;
overflow: hidden;
position: relative;
}
.point:not([data-point])::before {
background-color: #4a4edb;
border-radius: 0.3em;
color: #fff;
display: inline-block;
line-height: 1;
font-family: Arial;
font-size: .75em;
padding: 0.3333em 0.5833em;
content: 'CHECK';
position: absolute;
top: 0.25em;
left: 0;
z-index: 1;
}
.point:not([data-point])::after {
background-color: #4a4edb;
box-sizing: border-box;
content: '';
display: block;
position: absolute;
top: 1.1875em;
left: 1.5em;
width: 0.875em;
height: 0.625em;
clip-path: path('M0 .2V0h9.4v.5c0 1.7.7 5 4.7 9.5C10.6 8.6 4.2 5.5 0 .2z');
}
ul[class][class^="li-"], ol[class][class^="ol-"] {
line-height: 1.5;
list-style: none;
padding-left: calc(40px - 1.25em);
}
ul[class][class^="li-"] li, ol[class][class^="ol-"] li {
margin: 0.5em 0;
}
.li-check li::before {
background-image: url(https://umeda-law.com/personal-inheritance/wp-content/uploads/2024/07/check_24.png);
background-position: center;
background-repeat: no-repeat;
background-size: 0.8125em auto;
content: '';
position: absolute;
left: 0;
width: 1em;
height: 1.5em;
}
.dottbox {
padding: 1.5em;
margin-top: 1em;
margin-bottom: 1em;
clear: both;
overflow: hidden;
}
.li-check li {
position: relative;
padding-left: 1.25em;
}
#postpage .dottbox ul li {
padding: 5px 25px;
font-weight: 300;
}		
#postpage .ctabtn{
background:#e4f9ff;
padding:1.5em;
margin:0;
text-align:left;
font-size:0.9em;
}
#postpage .telbox{
margin-bottom:30px;
padding:20px 5%;
}
#postpage .ctabtn h4{
text-align:center;
color:#02579A;
font-weight:bold;
font-size:1.5em;
margin:0 0 15px;
border:none;
padding:0;
padding-bottom:10px;
border-bottom:double 3px #02579A;
}
#postpage .ctabtn p{ padding-bottom:15px;}
#postpage .ctabtn .btn{ width:100%; max-width:500px; margin:0 auto;}
#postpage .ctabtn .btn a{
display:block;
padding:0;
font-weight:bold;
color:#fff;
border-radius:0;
text-align:left;
background:#09a801;
font-size:1.3em;
line-height:1.2em;
text-decoration:none;
}
#postpage .ctabtn .btn a span{
background:#fff;
position:relative;
color:#09a801;
font-size:1em;
line-height:1.3em;
display:inline-block;
border:solid 4px #09a801;
padding:20px 40px;
margin-right:15px;
}
@media screen and (max-width: 728px) {
#postpage .ctabtn .btn a{ font-size:1.1em; text-align:center; padding:0 0 10px; }
#postpage .ctabtn .btn a span{
display:block;
text-align:center;
padding:5px;
width:100%;
margin:0 0 5px;
}
}	
#thanks{
width:90%;
max-width:900px;
margin:0 auto 40px;
}
#thanks h2{
font-weight:700;
font-size:1.3em;
padding-bottom:1em;
}
#thanks p{
padding-bottom:1.5em;
}
#thanks .morebtn{
text-align:center;
padding-bottom:60px;
}
.formaccess{
background:#fff;
border-radius:10px;
box-shadow: 0 3px 15px rgba(17, 51, 145, 0.05);
padding:40px;
}
.formaccess h3{
text-align:center;
font-size:2em;
font-weight:bold;
padding-bottom:1em;
}
.formaccess .gaiyo{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
}
.formaccess .gaiyo .pic{
width: 48%;
}
.formaccess .gaiyo .txt{
width: 49%;
text-align: left;
}
.formaccess .gaiyo .txt dl dt{
font-weight: 700;
font-size: 1.3em;
color:#0168B5;
letter-spacing: 0.1em;
padding-bottom:0.5em;
}
.formaccess .gaiyo .txt dl dd{
font-weight: 500;
font-size: 1em;
line-height: 1.8;
padding-bottom:1.5em;
}
.formaccess .stxt{
text-align:center;
font-weight:700;
font-size:1.3em;
color:#eb0000;
} #postpage .faq{
font-size:0.8em;
}
.ctabtn .moviewrap{width:100% !important;margin-top:1em;text-align:center;}
div#toc_container{
display:none;
}
.toc_widget{
background: #f9f9f9;
border: 1px solid #aaa;
padding: 10px;
margin-bottom: 1em;
width: 100%;
display: table;
font-size: 95%;
}	
.toc_widget h2{
text-align:center;
color:#333 !important;
font-size:1em !important;
background:none !important;
padding:0 0 10px !important;
}
.toc_widget ul li ul{
padding-left:1em;
}
.ai-share-widget {
font-family: 'Noto Sans JP', sans-serif;
background: #f8f8f6;
border: 1.5px solid #e5e5e0;
border-radius: 16px;
padding: 24px 28px;
margin: 40px 0;
width:100%;
}
.ai-share-widget__header {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
}
.ai-share-widget__icon {
width: 22px;
height: 22px;
background: #1a1a1a;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.ai-share-widget__icon svg {
width: 13px;
height: 13px;
}
.ai-share-widget__title {
font-size: 13px;
font-weight: 700;
color: #1a1a1a;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.ai-share-widget__label {
font-size: 14px;
color: #555;
margin-bottom: 14px;
line-height: 1.6;
font-weight: 400;
}
.ai-share-widget__buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ai-share-btn {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 9px 16px;
border-radius: 100px;
font-size: 13px;
font-weight: 600;
font-family: inherit;
text-decoration: none;
cursor: pointer;
border: none;
transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
white-space: nowrap;
letter-spacing: 0.01em;
}
.ai-share-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
opacity: 0.92;
}
.ai-share-btn:active {
transform: translateY(0px);
box-shadow: none;
}
.ai-share-btn svg, .ai-share-btn img {
width: 16px;
height: 16px;
flex-shrink: 0;
} .ai-share-btn--chatgpt   { background: #10a37f; color: #fff; }
.ai-share-btn--perplexity{ background: #20b2aa; color: #fff; }
.ai-share-btn--gemini    { background: #4285f4; color: #fff; }
.ai-share-btn--grok      { background: #1a1a1a; color: #fff; }
.ai-share-btn--copilot   { background: #0078d4; color: #fff; }
.ai-share-btn--claude    { background: #cc785c; color: #fff; }
.ai-share-widget__label{padding-bottom:0 !important;}
#ai-buttons a{color:#fff !important;text-decoration:none !important;font-weight:bold !important;}
#ai-buttons a span{font-weight:bold;} .ai-share-toast {
display: none;
position: fixed;
bottom: 28px;
left: 50%;
transform: translateX(-50%);
background: #1a1a1a;
color: #fff;
font-family: 'Noto Sans JP', sans-serif;
font-size: 13px;
font-weight: 500;
padding: 12px 22px;
border-radius: 100px;
box-shadow: 0 4px 20px rgba(0,0,0,0.25);
z-index: 9999;
white-space: nowrap;
animation: toast-in 0.2s ease;
}
@keyframes toast-in {
from { opacity: 0; transform: translateX(-50%) translateY(8px); }
to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}
.toptxt{
text-align:center;
padding:1.5em 0;
}
.toptxt .wrap{
width:80%;
max-width:1000px;
}
.toptxt h2{
font-weight:bold;
font-size:1.2em;
padding-bottom:0.4em;
}
.toptxt p{
font-size:0.9em;
}

.SP {
display: none !important;
}
.PC {
display: block !important;
}
@media screen and (max-width: 768px) {
body{
font-size: 3.6vw;
line-height: 1.8em;
}
.SP {
display: block !important;
}
.PC {
display: none !important;
}
img{
max-width: 100%;
height: auto;
}
#container {
width: 100%;
overflow-x: hidden;
}
.wrap{
width: 90%;
}
#container.kaso{
padding-top:10vw;
} #header{
display: block !important;
position: relative;
left:0;
top:auto;
bottom:0;
width: 100%;
box-shadow: none;
z-index: 9;
padding:0;
}
#header.header-kaso{
position:absolute;
top:0;
bottom:auto;;
}
#header .spinner{
background: #fff;
display: -webkit-flex;
display: flex !important;
justify-content: space-between;
position: relative;
z-index: 9999;
padding:6px 4vw;
}
#spheader .sphead{
display: -webkit-flex;
display: flex !important;
justify-content: space-between;
position: relative;
z-index: 9999;
background: #fff;
box-shadow: 0 5px 30px rgba(17, 51, 145, 0.3);
padding:0.6em 5%;
}
#header .logo{
}
#header .logo a{
display: block;
font-family: "Noto Serif JP", serif;
font-weight: 700;
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/logomark.svg) no-repeat left center;
background-size: 1.5em auto;
font-size: 1.1em;
padding:0.5em 0 0.5em 1.7em;
}
#spheader .sphead .spfixtel{
width: 36%;
}
#spheader .sphead .spfixbtn{
width: 33%;
}
#spheader{
display: none;
position: fixed;
left:0;
bottom:0;
width: 100%;
z-index: 9999;
background: #fff;
padding:0;
}
#spheader .logo{
width: 65%;
}
#spheader .logo a{
display: block;
font-family: "Noto Serif JP", serif;
font-weight: 700;
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/logomark.svg) no-repeat left center;
background-size: 1.8em auto;
font-size: 1em;
padding:0.2em 0 0.2em 1.5em;
}
#hmenu {
position: relative;
display: block;
padding: 0.5em;
backface-visibility: hidden;
border-radius: 0.5em;
-webkit-backface-visibility: hidden;
width: 15%;
height: 2.8em;
border: solid 1px #172854;
text-align: center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
z-index: 9999;
}
#hmenu.active{
background: #172854;
} #hmenu span {
display: inline-block;
transition: all 0.4s;
box-sizing: border-box;
}
#hmenu span {
position: absolute;
width: 40%;
left:30%;
height: 2px;
background-color: #172854;
border-radius: 0;
}
#hmenu span:nth-of-type(1) {
top: 15%;
}
#hmenu span:nth-of-type(2) {
top: 30%;
}
#hmenu span:nth-of-type(3) {
top:45%;
}
#hmenu.active span:nth-of-type(1) {
-webkit-transform: translateY(0.4em) rotate(-45deg);
transform: translateY(0.4em) rotate(-45deg);
}
#hmenu.active span:nth-of-type(2) {
opacity: 0;
}
#hmenu.active span:nth-of-type(3) {
-webkit-transform: translateY(-0.4em) rotate(45deg);
transform: translateY(-0.4em) rotate(45deg);
}
#hmenu.active span{
background:#fff;
}
#hmenu .mtxt{
font-weight: 600;
font-size: 0.6em;
padding-top:0.9em;
}
#hmenu.active .mtxt{ color:#fff; }
#header #gnav{
display: block;
width: 50%;
position: fixed;
right:0;
z-index: 2;
top:0;
height: 100vh;
transition: all 0.2s;
transform: translate(100%);
background: #172854;
padding:5em 1.5em 2em;
}
#header #gnav.open{
transform: translate(0); 
}
#header #gnav .logo{
width: 100%;
padding-bottom:1em;
}
#header #gnav .logo a{
color:#fff;
background-size: 1.5em auto;
padding-left: 1.8em;
font-size: 0.7em;
}
#header #gnav .nav1{
display: block;
}
#header #gnav .nav1 li{
padding:0.7em 0;
text-align: left;
}
#header #gnav .nav1 li a{
font-weight: 700;
font-size: 1.2em;
color:#fff;
}
#header #gnav .nav2{
display: none !important;
}
#mv{
background: none;
background-size: cover;
position: relative;
padding:0;
margin-bottom:8vw;
}
#mv #mvlogo{
display: none;
position: absolute;
left:0;
top:3vw;
width: 40%;
z-index: 2;
}
#mv .hnav{
position: absolute;
right:4vw;
top:4vw;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: flex-end;
width: 40%;
z-index: 2;
}
#mv .hnav li:nth-child(1){
width: 100%;
padding-bottom:1em;
}
#mv .hnav li:nth-child(2){
width: 60%;
}
#mv .img{
width: 100%;
max-width: 100%;
margin:0 auto;
}
#mv .desc{
position: absolute;
right:auto;
left:5vw;
bottom:28vw;
font-size: 0.6em;
color:#CBCCE8;
text-align: left;
}   #footer{
padding:2em 0 20vw;
}
#footer .flex{
width: 95%;
margin:0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
}
#footer ul{
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
padding-bottom:1em;
}
#footer ul li{
font-size: 0.95em;
padding:0;
}
#footer address{
display: block;
margin:0 auto;
text-align: center;
font-style: normal;
font-size: 0.8em;
} #formwrap{
padding:0 0 10vw;
}
#formwrap .wrap{
width: 90%;
margin:0 auto;
}
.bookbox{
background-image: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/decoL_sp.png),url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/decoR_sp.png);
background-position: left bottom,right bottom;
background-size: 3em auto,3em auto;
background-repeat: no-repeat,no-repeat;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
-webkit-align-items: center; align-items: center; padding:0 2.5em 2em;
width: auto;
max-width: 100vw;
margin:0 -2vw 7vw;
}
.bookbox .pic{
width: 28%;
}
.bookbox .txt{
width: 68%;
text-align: left;
}
.bookbox .txt .bookttl{
font-size: 1em;
text-align: center;
font-weight: 700;
line-height: 1.4;
padding-bottom:0.7em;
margin-bottom:0.6em;
position: relative;
}
.bookbox .txt p{
font-weight: 500;
font-size:0.9em;
line-height: 1.7;
letter-spacing: 0em;
}
#form{
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/form_bg_sp.png) no-repeat left top;
background-size:cover;
border-radius: 0;
padding:1em;
margin-bottom:6vw;
}
#form .formttl{
position: relative;
text-align: left;
color:#fff;
font-weight: 700;
font-size:1em;
line-height: 1.6;
letter-spacing: 0.05em;
padding:0 0 1em 1em;
} #form .formttl em{
display: block;
text-align: center;
font-weight: 700;
font-size:1.2em;
padding-top:0.3em;
line-height: 1.3;
} .errormsg {
margin: 0 auto 20px auto;
width: 720px;
padding: 10px 20px;
list-style: none;
background-color: #FFF7EE;
border: 3px solid #FF0000;
color: #FF0000;
box-sizing: border-box;
} #chatform{
padding:1.2em;
}
.chatwrap {
width: auto;
opacity: 0;
transition: 0.6s ease;
}
.chatbox:not(#no01)  {
display: none;
}
#chatform .Left {
animation: bounceIn_l 0.3s ease;
transform-origin: top left;
}
@keyframes bounceIn_l {
0% {
transform: scale(0.6, 0.6);
}
100% {
transform: scale(1.0, 1.0);
}
}
#chatform .Right {
animation: bounceIn_r 0.8s ease;
transform-origin: top right;
}
@keyframes bounceIn_r {
0% {
transform: scale(0);
}
59% {
transform: scale(0);
}
60% {
transform: scale(0.6, 0.6);
}
100% {
transform: scale(1.0, 1.0);
}
}
#chatform .Left dl {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
font-size:1.1em;
display: flex;
display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; align-items: flex-start;
}
#chatform .Left dl dt {
width: 40px;
}
#chatform .Left dl dt img {
width: 100%;
}
#chatform .Left dl dd {
width: calc(100% - 60px);
position: relative;
background: #E6F4FF;
border-radius: 0 1em 1em 1em;
padding: 1em;
margin-left: 1em;
font-size:0.9em;
text-align: left;
line-height: 1.7em;
}
#chatform .Left dl dd p{ padding-bottom:15px; }
#chatform .Left dl dd strong{
color:#0051CB;
}
#chatform .Right {
margin-bottom: 1em;
display: flex;
display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; flex-flow: row-reverse wrap;
-ms-flex-flow: row-reverse wrap; -webkit-flow: row-reverse wrap; }
.input_area {
padding: 1.2em;
font-size:1.1em;
border-radius: 1em 0 1em 1em;
background-color: #D4FBE1;
min-width: 100%;
max-width: 100%;
text-align: left;
}
.input_area div {
text-align: center;
}
.input_area .flexinput{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
}
.input_area .flexinput input{
display: none;
}
.input_area label {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-align-items: center; align-items: center; width: 100%;
position: relative;
background:#fff url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/radio.svg) no-repeat 1em center;
background-size: 1.1em auto;
padding: 0.8em 0.8em 0.8em 3em;
border-radius: 2px;
text-align: left;
border: none;
font-size: 1.2em;
font-weight: 700;
margin-bottom:0.5em;
}
.input_area input:checked + label{
background:#fff url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/radio_on.svg) no-repeat 20px center;
background-size: 1.1em auto;
}
a.input_btn {
display: block;
transition: 0.2s;
width: 300px;
max-width: 100%;
padding: 15px 0;
margin: 10px auto 15px auto;
text-align: center;
color: #fff;
cursor: pointer;
font-size:1.2em;
font-weight: bold;
border: 1px solid #309ad8;
border-radius: 6px;
background-color: #42aae6;
box-shadow: 0 2px 0 #309ad8;
text-decoration: none;
}
a.input_btn:hover {
opacity: 0.7;
}
a.submit {
border: 1px solid #ea805f;
background-color: #ea805f;
box-shadow: 0 3px 0 #c95d2e;
color:#fff !important;
}
a.disable {
background-color: #ffffff;
box-shadow: 0 2px 0 #cecece;
border: 1px solid #cecece;
color: #666;
pointer-events: none;
}
a.done {
transform: translateY(3px);
border: 1px solid #cecece;
background-color: #cecece;
color: #666;
box-shadow: none;
pointer-events: none;
}
.error_msg,.name_error_msg,.tel_error_msg,.email_error_msg {
display: none;
color: #f05770;
text-align: left;
font-size:80%;
}
.all_show {
margin-top: 10px;
text-align: right;
font-size: 70%;
cursor: pointer;
}
#no05 .input_area input{
font-size:1em;
padding:5px 0;
text-indent: 10px;
margin:0;
left:0;
}
#no05 .input_area p{ display: block; padding-bottom:15px;}
#no05 .name{
font-weight: bold;
padding-bottom:5px !important;
}
#no05 .input_area p input{ width: 100%; height: 45px; border-radius: 2px;border: none;}
.formtel{
border-radius: 1em;
padding:1.5em;	
margin-bottom:5vw;
}
.formtel .txt{
width: 100%;
}
.formtel .txt p{
display: block;
width: 100%;
font-size: 1em;
text-align: center;
font-weight: 700;
font-family: "Noto Serif JP", serif;
line-height: 1.7;
letter-spacing: 0.05em;
padding-bottom:0.4em;
}
.formtel .tel{
width: 100%;
padding:1em 0 0;
border: none;
border-top: solid 1px #6C81BB;
padding-right: 0;
text-align: left;
}
.formtel .tel a{
font-weight: bold;
font-size: 0.95em;
letter-spacing: 0.01em;
}
#tnayami{
padding:10vw 0;
}
#tnayami h2{
font-weight: 500;
font-size: 1.3em;
line-height: 1.7;
padding-bottom: 2em;
}
#tnayami h2 span{
display: block;
padding-top:0.3em;
font-size: 1.6em;
line-height: 1.3;
letter-spacing: 0.05em;
}
#tnayami ul{
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: center;
padding-bottom:25vw;
}
#tnayami ul li{
width: 75%;
max-width: 410px;
margin:0 auto -10vw 0;
position: relative;
}
#tnayami ul li:nth-child(2n){
margin-left: auto;
margin-right: 0;
}
#tnayami ul li p{
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/nayami_bg1_sp.png) no-repeat center top;
background-size: 100% auto;
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: center;
-webkit-align-items: center; align-items: center; font-size: 1.3em;
font-weight: 700;	
height: 10em;
text-align: left;
line-height: 1.7;
}
#tnayami ul li:nth-child(2n) p{
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/nayami_bg2_sp.png) no-repeat center top;
background-size: 100% auto;
}
#tnayami ul li .img{
position: absolute;
width: 15vw;
bottom:0;
left: -0.5em;
transform: translateX(0%);
-webkit- transform: translateX(0%);
}
#tnayami ul li:nth-child(2n) .img{
left: auto;
right:-0.5em;
}
#tnayami h3{
font-weight: 700;
font-size: 1.2em;
line-height: 1.8;
padding-bottom:5em;
}
.moviewrap{
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/form_bg_sp.png) repeat left top;
background-size: cover;
padding:1em;
border-radius: 1em;
width: 100%;
margin:0 auto 10vw;
position: relative;
}
.moviewrap .mttl1{
font-size: 1.2em;
text-align: center;
font-weight: 700;
position: relative;
display: block;
padding: 0.7em 1.1em;
letter-spacing: 0.05em;
border: 2px solid #172854;
border-radius: 100px;
background-color: #ffffff;
line-height: 1.5;
top:-4em;
margin-bottom:-2em;
}
.moviewrap .mttl1::before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
border-style: solid;
border-width: 1em 0.5em 0 0.5em;
border-color: #172854 transparent transparent;
translate: -50% 100%;
}
.moviewrap .mttl1::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
border-style: solid;
border-width: 1em 0.5em 0 0.5em;
border-color: #ffffff transparent transparent;
translate: -50% 100%;
}
.moviewrap .mttl2{
font-weight: 700;
font-size: 1.4em;
letter-spacing: 0.05em;
line-height: 1.6;
margin:-0.5em 0 1em;
}
#treason{
background-image: linear-gradient(165deg, rgba(121, 187, 236, 1), rgba(123, 203, 160, 1) 35%, rgba(27, 109, 171, 1));
padding:15vw 0 6vw;
position: relative;
}
#treason::before{
content: "";
display: block;
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/bg1.svg) no-repeat center top;
background-size: contain;
width: 30vw;
height: 20vw;
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit- transform: translateX(-50%);
top:0;
}
#treason h2{
width: 90%;
max-width: 785px;
margin:0 auto 3em;
}
#treason .box{
box-shadow: 5px 5px 10px rgba(17, 51, 145, 0.5);
padding:1.5em;
margin-bottom:3em;
position: relative;
border-radius: 8em 0 0 0;
}
#treason .box .pic{
position: absolute;
width: 85%;
left:-5vw;
top:-7vw;
}
#treason .box .pic span{
font-weight: 700;
font-size: 1.2em;
display: block;
width: 8em;
letter-spacing: 0.1em;
padding:0.2em;
text-align: center;
clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
position: absolute;
right: -2em;
top:55%;
}
#treason .box h3{
font-weight: 700;
font-size: 1.9em;
line-height: 1.4;
text-align: left;
min-height: auto;
padding:3.7em 0 0.8em;
}
#treason .box h3 span{
font-size: 0.4em;
display: inherit;
}
#treason .box p{
font-size: 1em;
padding-bottom:1em;
}
.cta{
background:#F2F4F9 url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/contact_back_sp.png) no-repeat center bottom;
background-size: 100% auto;
text-align: left;
padding:10vw 0 32vw;
height: auto;
}
.cta h3{
font-size: 1.5em;
font-weight: 700;
text-align: center;
padding-bottom:1.5em;
}
.cta .box{
width: 100%;
}
.cta .telbox{
background: #FFFFFF;
border-radius: 1em;
padding:1.5em;
margin-bottom:1.5em;
}
.cta .telbox .txt{
width: 100%;
}
.cta .telbox .txt p{
font-size: 1em;
font-family: "Noto Serif JP", serif;
font-weight: 700;
display: block;
width: 100%;
line-height: 1.7;
text-align: center;
padding-bottom:0.5em;
letter-spacing: 0.05em;
}
.cta .telbox .tel{
width: 100%;
padding-left: 0;
border: none;
border-top: solid 1px #6C81BB;
padding-right: 0;
padding-top:1.2em;
text-align: left;
}
.cta .telbox .tel a{
font-weight: bold;
font-size: 0.89em;
}
.cta .btnbox{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
}
.cta .btnbox .txt{
order: 2;
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/btntxt_sp.svg) no-repeat left top;
background-size: 100% auto;
width: 60%;
height: 30vw;
padding:0.85em 0 0.5em;
line-height: 1.4;
text-align: center;
font-weight: 700;
font-size: 1.2em;
letter-spacing: 0.1em;
}
.cta .btnbox .btn{
order: 1;
width:100%;
padding-bottom:0.5em;
}
.cta .btnbox .btn a{
display: block;
background: #7CCC3C url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/arrow1.svg) no-repeat 92% center;
background-size: 0.5em auto;
border: solid 1px #fff;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
text-align: center;
border-radius: 0.5em;
color:#fff;
font-weight: 700;
font-size: 1.7em;
letter-spacing: 0.05em;
padding:0.8em;
}
.tabcontent {
display: none;
}
.tabcontent.show {
display: block;
}
#tflow{
padding:15vw 0;
}
.ttl1{
font-size: 1.8em;
text-align: center;
padding-bottom:1.9em;
line-height: 1.4;
}
.ttl1 span{
font-weight: 700;
position: relative;
letter-spacing: 0.05em;
display: inline-block;
padding-bottom:0.7em;
}
.ttl1 .SP{display: inline-block !important;}
.ttl1 span::before{
content: "";
width: 100%;
height: 3px;
display: block;
position: absolute;
left:0;
bottom:0;
background: linear-gradient(to right, #79BBEC 0%,#7BCBA0 40%,#1B6DAB 100%);
}
.tab-container{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.tab-container .tab{
width: 48.5%;
display: -webkit-flex;
display: flex;
font-size: 1em;
height: 4em;
font-weight: 700;
letter-spacing: 0.06em;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: center;
-webkit-align-items: center; align-items: center; border-radius: 1.5em 1.5em 0 0;
background: #F2F2F2;
border-bottom: solid 0.5em #fff;
cursor: pointer;
}
.tab-container .tab.active#tabt1{
border-bottom: solid 0.5em #F2F2F2;
}
.tab-container .tab.active#tabt2{
border-bottom: solid 0.5em #E6F4FF;
}
.tab-container .tab#tabt2{
background: #E6F4FF;
}
.tab-container .tab em{
font-size: 1.3em;
position: relative;
top:-0.2em;
display: inline-block;
padding-right: 0.1em;
}
.tab-container .tab .ico{
display: block;
width: 3.5em;
position: relative;
top:-0.6em;
margin-right: 0.5em;
padding-bottom:0.5em;
margin-bottom:-1em;
}
.tab-container .tab.active .ico{
background-image: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/fukidasi_f.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 50% auto;
}
.tabcontent-container{
padding-bottom:0;
}
#tflow .tabcontent{
padding:1.5em 8vw;
margin:0 -5vw;
border-radius: 0 0 10px 10px;
}
#tflow ol{
padding-bottom:1em;
}
#tflow ol li{
display: block;
background: #fff;
position: relative;
width: 100%;
margin-bottom:1.5em;
}
#tflow ol li::after{
content: "";
position: absolute;
bottom: 0;
left: 50%;
border-style: solid;
border-width: 1.5em 2em 0 2em;
border-color: #113391 transparent transparent;
translate: -50% 100%;
}
#tflow ol li .num{
display: block;
width: 5em;
height: 5em;
font-size: 0.8em;
line-height: 1;
padding:0.6em 0;
position: absolute;
}
#tflow ol li .num span{
font-weight: 700;
font-size: 2em;
}
#tflow ol li .txt{
display: block;
padding:0;
text-align: left;
}
#tflow ol li .txt h3{
width:100%;
font-weight: 700;
font-size: 1.3em;
letter-spacing: 0.05em;
padding:0.7em 0.5em 0.82em 4em;
line-height: 1.5;
color:#113391;
border-bottom: solid 1px #DDE2EF;
}
#tflow ol li .txt p{
font-size: 1em;
line-height: 1.7;
padding:1em 1.5em 1.5em;
}
#tflow .ftxt{
background: #172854;
color:#fff;
font-size: 1.4em;
line-height: 1.3;
font-weight: 700;
padding:0.8em;
margin-bottom:2em;
}
.hituyo{
width: 100%;
max-width: 100%;
padding:3em 1.5em 2em;
border: solid 1px #172854;
background: #F2F2F2;
border-radius: 10px;
position: relative;
margin:-0.2em auto 0;
text-align: left;
}
.hituyo::before{
content: "";
width: 100vw;
height: 150%;
background: #F2F2F2;
position: absolute;
left:-5vw;
top:0;
z-index: -1;
}
.hituyo h3{
color:#113391;
font-weight: 700;
font-size: 1.4em;
text-align: center;
line-height: 1.4;
padding-bottom:2em;
letter-spacing: 0.05em;
position: relative;
}
.hituyo h3 img{
width: 35vw;
position: absolute;
left:-8vw;
top:-3em;
}
.hituyo ul li{
font-size: 1em;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0.05em;
padding-bottom:0.6em;
}
.hituyo ul li span{
font-size: 0.9em;
}
.hituyo .pic{
width: 45vw;
position: absolute;
right:-3vw;
bottom:-8vw;
}
#tbengosi{
padding:15vw 0 10vw;
}
#tbengosi .prof1{
position: relative;
padding-bottom:10vw;
}
#tbengosi .prof1 .pic{
width: 52%;
position: absolute;
}
#tbengosi .prof1 .txt{
width:100%;
text-align: left;
padding-top:3em;
}
#tbengosi .prof1 .txt .katagaki{
font-weight: 700;
font-size: 1.1em;
font-family: "Noto Serif JP", serif;
line-height: 1.5;
padding-left: 60%;
padding-bottom:0.9em;
letter-spacing: 0.1em;
}
#tbengosi .prof1 .txt h3{
font-weight: 700;
font-family: "Noto Serif JP", serif;
font-size: 2em;
padding-bottom:2.5em;
padding-left: 60%;
letter-spacing: 0.1em;
}
#tbengosi .prof1 .txt p{
font-size: 1.05em;
line-height: 2;
}
#tbengosi .prof2{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
-webkit-align-items: flex-start; align-items: flex-start; }
#tbengosi .prof2 .box{
width: 100%;
padding:2em 1.5em 1.5em;
margin-bottom:3em;
text-align: left;
}
#tbengosi .prof2 .box:last-child{
margin-top:0;
}
#tbengosi .prof2 .box h3{
position: relative;
display: inline-block;
color:#fff;
font-weight: 700;
font-size:1.3em;
background: #113391;
clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
text-align: center;
padding:0.4em 1.5em;
min-width: 8em;
letter-spacing: 0.05em;
top:-2.5em;
left:-8vw;
margin-bottom:-2.5em;
}
#tbengosi .prof2 .box h3.sppad{
top:0;
margin-bottom:2em;
}
#tbengosi .prof2 .box dl{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin-top:-1em;
border-bottom: solid 1px #CECECE;
padding-bottom:0.8em;
margin-bottom:1.5em;
font-size: 1em;
}
#tbengosi .prof2 .box dl dt{
width: 5em;
font-weight: 700;
}
#tbengosi .prof2 .box dl dd{
font-weight: 500;
}
#tbengosi .prof2 .box ul{
margin-top:-1em;
padding-bottom:1.5em;
}
#tbengosi .prof2 .box ul li{
padding-bottom:0.3em;
}
#tbengosi .prof2 .box ul li b{font-weight: 700;}
#tbengosi .prof2 .box ul li small{
font-size: 0.8em;
}
#tbengosi .prof2 .box p{
margin-top:-1.5em;
padding-bottom:2.5em;
}
#tjirei{
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/bg2.png) no-repeat left top;
background-size: cover;
padding:15vw 0 20vw;
}
#tjirei .wrap{
width: 100%;
}
#tjirei .slide{
margin:5vw 5vw 13vw;
padding:0;
position: relative;
background: #fff;
box-shadow: 5px 5px 10px rgba(17, 51, 145, 0.1);
border-radius: 1.2em !important;
}
#tjirei .slide::before{
content: "";
background: url(//umeda-law.com/rebirth/wp-content/themes/umeda_new/img/fukidasi_f.png) no-repeat left top;
background-size: contain;
display: block;
width: 5em;
height: 5em;
position: absolute;
left:3em;
bottom:-5em;
}
#tjirei .slide .box{
position: relative;
background: none;
box-shadow:none;
padding:2em 1.5em;
border-radius: 0;
width: 100%;
text-align: left;
}
#tjirei .slide .box::before{
display: none;
}
#tjirei .slide .box .kaiketu{
width: 5em;
position: absolute;
right:1.5em;
top:-1.5em;
opacity: 0;
}
#tjirei .slide .box h3{
font-weight: 700;
font-size: 1.4em;
letter-spacing: 0.05em;
line-height: 1.4;
padding-bottom:1em;
}
#tjirei .slide .box p{
font-size: 1em;
line-height: 2;
padding-bottom:1.5em;
font-weight: 500;
}
#tjirei .slide .coment{
background: none;
border-radius: 0;
border: none;
padding:1.5em;
position: relative;
width: 100%;
margin-left: auto;
margin-top:0;
}
#tjirei .slide .coment h4{
position: absolute;
display: inline-block;
color:#fff;
font-weight: 700;
font-size:1.3em;
background: #113391;
clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
padding:0.2em 2em;
left:-0.5em;
top:-1em;
}
#tjirei .slide .coment .pic{
width: 5em;
position: absolute;
right:2em;
top:-2.5em;
}
#tjirei .slide .coment .txt{
width: 100%;
padding-top:1em;
text-align: left;
}
#tjirei .slide .coment .txt p{
font-size: 1em;
font-weight: 500;
line-height: 2;
}
.jslider .slick-arrow{
position: absolute;
top:auto;
bottom:-10vw;
width: 1.5em;
z-index: 2;
cursor: pointer;
}
.jslider .prev-arrow{
left:5em;
}
.jslider .next-arrow{
right:5em;
}
.jslider .slick-dots{
bottom:-8vw;
}
.jslider .slick-dots li{
width: 10px;
height: 10px;
margin:0 5px;
}
#tgyosyu{
padding:15vw 0;
}
#tgyosyu ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
padding-bottom:1em;
}
#tgyosyu ul li{
width: 48%;
padding-bottom:0;
text-align: right;
}
#tgyosyu ul li p{
font-weight: 700;
font-size:0.9em;
letter-spacing: 0.1em;
background: #113391;
clip-path: polygon(15px 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
padding:0.2em 1.5em;
min-width: 11em;
text-align: center;
position: relative;
white-space: nowrap;
right:-0.4em;
top:-1em;
}
#tprice{
padding:5vw 0 15vw;
}
#tprice table{
width: 100%;
margin-bottom:1.5em;
}
#tprice table th{
padding:1em 0.5em;
font-weight: 700;
font-size: 1em;
letter-spacing: 0.1em;
width: 26%;
}
#tprice table td{
vertical-align: top;
background: #fff;
padding:1.5em 1em;
text-align: left;
letter-spacing: 0;
width: 37%;
line-height: 1.6;
}
#tprice table td .price1{
font-weight: 700;
font-family: "Noto Serif JP", serif;
font-size: 1.2em;
color:#113391;
letter-spacing: 0;
display: inline-block;
text-align: center;
width: 100%;
}
#tprice table td .muryo{
font-size: 2em;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.2em;
text-align: center;
display: block;
padding:0.3em 0 0.5em;
}
#tfaq{
padding:5vw 0 15vw;
}
.faq{
background: #F8F8F8;
margin-bottom:1em;
}
.faq dt{
display: table;
position: relative;
width: 100%;
cursor: pointer;
} .faq dt i{
display: table-cell;
font-style: normal;
font-weight: 700;
color:#fff;
vertical-align: middle;
background: #0168B5;
width: 1.8em;
text-align: center;
font-size: 1.8em;
line-height: 1;
padding:0.7em 0 1em;
}
.faq dt span{
display: table-cell;
text-align: left;
vertical-align: middle;
color:#0168B5;
font-weight: 700;
font-size: 1.2em;
padding-left: 1em;
padding-right: 1em;
letter-spacing: 0.05em;
}
.faq dd{
padding:0.8em;
text-align: left;
}
.faq dd .box{
padding:1em;
font-size: 1em;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0;
}
#tcompany{
padding:5vw 0 10vw;
text-align: left;
}
#tcompany .gaiyo{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
padding-bottom:10vw;
}
#tcompany .gaiyo .pic{
width: 100%;
order: 2;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
}
#tcompany .gaiyo .pic p{padding-bottom:0; width: 48%;}
#tcompany .gaiyo .txt{
width: 100%;
text-align: left;
}
#tcompany .gaiyo .txt dl dt{
font-weight: 700;
font-size: 1.4em;
color:#0168B5;
letter-spacing: 0.1em;
padding-bottom:0.5em;
}
#tcompany .gaiyo .txt dl dd{
font-weight: 500;
font-size: 1.1em;
line-height: 1.8;
padding-bottom:2em;
}
#tcompany .gaiyo .txt dl dd .ctel{
text-decoration: underline;
color:#5DB815;
font-weight: 700;
font-size: 1.4em;
}
#tcompany h3{
font-weight: 700;
font-size:1.15em;
letter-spacing: 0.1em;
padding:0.2em 1.5em;
min-width: 11em;
text-align: center;
margin-bottom:1.3em;
}
#tcompany #map{
width: 100%;
padding-bottom:2em;
}
#tcompany #map iframe{
width: 100%;
height: 55vw;
}
#tcompany .links{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
padding-bottom:2em;
}
#tcompany .links li{
width: 48%;
margin-right: 0;
margin-bottom:1em;
}
#tcompany .links li img{
width: 100%;
height: auto;
}
#tcolumn{
padding:15vw 0;
}
.cslider{
margin-top:0;
}
.cslider .box{
margin:0 5vw 1em;
padding:1.5em 1.5em;
background: #fff;
text-align: left;
}
.cslider .box .day{
font-weight: 700;
font-size:0.9em;
line-height: 1;
letter-spacing: 0.1em;
padding:0.8em 2em;
position: relative;
left:-3em;
top:-1em;
}
.cslider .slick-arrow{
position: absolute;
bottom:-15vw;
width: 1.5em;
z-index: 2;
cursor: pointer;
}
.cslider .prev-arrow{
left:3em;
}
.cslider .next-arrow{
right:3em;
}
.cslider .slick-dots{
bottom:-13vw;
}
.cslider .slick-dots li{
width: 10px;
height: 10px;
border-radius: 30px;
margin:0 5px;
}
.morebtn{
margin:0 auto;
width: 90%;
max-width: 400px;
text-align: center;
}
#tcolumn .morebtn{
padding-top:6em;
max-width: 80%;
padding-bottom:10vw;
}
#tcolumn .morebtn a{
border-radius: 0.5em;
}
.osusumekiji{
background: #fff;
box-shadow: 5px 5px 10px rgba(17, 51, 145, 0.1);
text-align: left;
padding:2em 1.5em 2em;  
width: 90%;
max-width: 1300px;
margin: 0 auto;
}
.osusumekiji dt{
font-weight: 700;
font-size: 1.5em;
text-align: center;
padding-bottom:1em;
}
.osusumekiji dd{
padding:0.7em 0;
border-bottom: solid 1px #D4D4D4;
}
.osusumekiji dd span{
font-weight: 700;
color:#113391;
display: block;
width: 100%;
}
#thanks{
padding:40px 0;
}
#thanks p{
text-align:left;
}	
#thanks .hituyo{background:#fff;}
#thanks .hituyo::before{
display:none;
}
.formaccess{
border-radius:10px;
box-shadow: 0 3px 15px rgba(17, 51, 145, 0.05);
padding:1.5em;
}
.formaccess h3{
text-align:center;
font-size:1.6em;
font-weight:bold;
padding-bottom:1em;
}
.formaccess .gaiyo .pic{
width: 100%;
padding-bottom:1em;
}
.formaccess .gaiyo .txt{
width: 100%;
text-align: left;
}
.formaccess .gaiyo .txt dl dt{
font-weight: 700;
font-size: 1.3em;
color:#0168B5;
letter-spacing: 0.1em;
padding-bottom:0.5em;
}
.formaccess .gaiyo .txt dl dd{
font-weight: 500;
font-size: 0.9em;
line-height: 1.8;
padding-bottom:1.5em;
}	
.ctabtn .moviewrap{margin-top:4em;}
#postpage h2{
font-size:0.9em;
margin-bottom:0;
}
#msg{padding:0 !important;}
.toptxt{padding:0 0 2em;}
.toptxt .wrap{width:90%;}
.toptxt p{
font-size:0.7em;
text-align:left;
line-height:1.6;
}
}