html,body{width:100%;height:100%;}
body{font-family:'a-otf-gothic-bbb-pr6n',sans-serif;background:#FFFFFF;line-height:1.8;position:relative;text-rendering:auto;font-size:14px;color:#333333;margin:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
header{display:grid;grid-template:1fr/1fr auto;grid-template-areas:'title nav';padding-top:1vw;padding-bottom:1vw;background-color:white;position:fixed;}
.title{grid-area:title;}
p.title{font-size:125%;padding:0;margin-top:10px;border:none;margin-bottom:15px;font-weight:bold;}
.nav{grid-area:nav;float:left;}
ul.header{list-style:none;}
li.header{float:left;padding-left:30px;padding-top:0;padding-bottom:0}
p.maincopy{font-size:200%;font-family:'a-otf-midashi-go-mb31-pr6n',sans-serif;font-weight:600;padding-top:25vh;padding-bottom:25vh;border:none;text-align:center;margin:auto;}
.area-trouble,.area-merit,.area-solution{display:grid;grid-template:auto/1fr;grid-gap:0px 30px;grid-template-columns:repeat(3,minmax(200px,1fr));}
.area-lawyer-index{display:grid;grid-template:auto/1fr 2fr;grid-gap:0px 30px;}
.area-lawyer{display:grid;grid-template:auto auto/2fr 1fr;grid-gap:0px 30px;}
.area-service{display:grid;grid-template:auto/1fr;grid-gap:0px 30px;grid-template-columns:repeat(3,minmax(200px,1fr));}
.contact{display:grid;grid-auto-rows:1fr;grid-gap:0px 30px;padding-top:1vw;padding-bottom:1vw;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
.area-pay,.area-counsel{display:grid;grid-template:auto/1fr;grid-gap:0px 30px;grid-template-columns:repeat(2,minmax(200px,1fr));padding-bottom:5vw;}
.area-column{display:grid;grid-template:auto/1fr;grid-gap:0px 30px;grid-template-columns:repeat(3,minmax(200px,1fr));}
.lawyer,.pay,.column,.page_padding,.area-solution{padding-bottom:5vw;}
.area-trouble,.area-merit,.area-lawyer-index,.area-service,.area-pay-index,.area-question{padding-bottom:10vw;}
p.a-trouble,p.a-merit{font-size:125%;border:none;text-align:center;font-weight:bold;}
h2.a-lawyer{font-size:125%;border:none;}
.text{margin:auto;}
.inner-img{margin:auto;text-align:center;width:200px;height:200px;}
img.slacklogo{width:100%;}
img.google{width:60%;padding-top:40px;}
h3.a-pay{font-size:150%;}
strong{background: linear-gradient(transparent 50%, rgba(0,137,167,0.3) 40%);}
p.a-pay{text-align:center;}
p.a-pay-1,p.a-pay-2,p.a-pay-3,p.a-pay-4,p.a-pay-5{font-size:400%;font-family:'a-otf-midashi-go-mb31-pr6n',sans-serif;font-weight:600;color:rgba(0,137,167,1);text-align:center;}
p.a-pay-1:after{content:"円 (税別) / 30分";font-size:30%;padding-left:1vw;}
p.a-pay-2:after{content:"円 (税別) / 60分";font-size:30%;padding-left:1vw;}
p.a-pay-3:after{content:"円 (税別) / 1か月";font-size:30%;padding-left:1vw;}
p.a-pay-4:after{content:"円 ～ (税別) / 1件";font-size:30%;padding-left:1vw;}
p.a-pay-5:after{content:"円 ～ (税別) / 1か月";font-size:30%;padding-left:1vw;}
div.a-pay{margin:auto 0;}
p.a-question{padding-left:2vw;padding-right:2vw;}
.form{padding:0 1vw;}
input,textarea{font-family:inherit;width:30vw;border:2px solid rgba(0,0,0,0.1);border-radius:4px;padding:0.8rem 1rem;display:block;margin:auto;}
p#privacy{text-align:center;margin:5px;}
input:focus,textarea:focus{outline:0;border:2px solid rgba(0,137,167,0.5);}
input.button{width:150px;height:62px;background:#0089A7;border:none;color:#FFFFFF;white-space:nowrap;}
input.button:hover{background:#FFFFFF;color:#333333;border:2px solid rgba(0,137,167,0.5);border-radius:4px;}
textarea{resize:none;}
.tel{margin:auto;text-align:center;}
a.tel{font-size:200%;display:block;pointer-events:none;}
a.tel:before{font-family:'Material Icons';content:"\e0b0";font-size:140%;padding-right:1vw;}
p.tel{display:table;padding-left:0.8vw;}
h1,h2,h3,h4,p.a-question{margin-top:30px;margin-bottom:15px;}
p.h1{margin-top:30px;margin-bottom:15px;font-weight:bold;}
h1,h2.h1,p.h1{font-size:170%;border-bottom:2px solid;border-image:linear-gradient(to right,#3A8FB7 0 20%,rgba(0,0,0,0.1)20% 80%);border-image-slice:1;padding-bottom:20px;}
h1.content-title{padding-bottom:18px;border-image:none;border-bottom:2px solid rgba(0,0,0,0.1)}
h2,h3.h2{font-size:150%;border-bottom:1.414px solid;border-image:linear-gradient(to right,#3A8FB7 0 14.14%,rgba(0,0,0,0.1)14.14% 85.86%);border-image-slice:1;padding-bottom:14px;}
h2.h3{font-size:125%;padding-bottom:10px;border:none;}
h3,h4.h3,p.a-question{font-size:125%;padding-bottom:10px;}
h3.column{font-size:135%;border-bottom:1px solid;border-color:rgba(0,0,0,0.1);padding-bottom:5px;}
h4{font-size:115%;padding-bottom:10px;}
blockquote{font-size:100%;color:rgba(0,0,0,0.4);border-left:5px solid rgba(0,0,0,0.1);margin-top:20px;margin-bottom:20px;padding:0 20px;}
code{display:block;background-color:#333333;color:#FCFAF2;overflow-x:auto;padding:20px;}
li{padding:5px 0;}
a{text-decoration:underline;color:#0089A7;}
a:hover{color:#3A8FB7;}
a.normal,a.pages{text-decoration:none;color:#333333;}
a.normal:hover,a.pages:hover{text-decoration:none;color:#0089A7;}
a.link{color:#3A8FB7;}
.topic-path,a.pages{color:rgba(131,131,131,0.8);padding-bottom:5px;}
ul.pages{padding-left:0;list-style:none;}
li.parent,li.children{float:left;padding-bottom:0;}
li.children{padding-left:20px;}
li.children::before{padding-right:10px;content:">>";}
.none{display:none;}
.maps{width:100%;height:25vh;}
.maps#page{padding-top:30px;}
iframe{width:100%;height:100%;border:none;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);}
footer{display:grid;grid-template:1fr/1fr 1fr 2fr;grid-gap:10px;padding:2vw 0;}
p.footer-title{font-family:'a-otf-midashi-go-mb31-pr6n',sans-serif;font-weight:600;}
p.foot{text-align:center;}
@media screen and (min-width:1280px){header{width:1200px;margin:0px auto;padding-left:calc((100% - 1200px) / 2)}footer,.content{width:1200px;margin:30px auto;}input,textarea{width:500px;}}
@media screen and (max-width:1279px){header{width:90vw;margin:0px auto;padding-left:5vw;}footer,.content{width:90vw;margin:30px auto;}p.tel{display:inline-block;}}
@media screen and (min-width:901px){.non_mobile_disable{display:none;}}
@media screen and (max-width:900px){.mobile_disable{display:none;}.area-trouble,.area-merit,.area-lawyer-index,.area-service,.area-solution,.area-4th,footer,.contact,.area-lawyer,.area-pay,.area-counsel,.area-column{display:block;}footer{text-align:center;}input,textarea{width:75vw;}div.tel{padding:5vw 0;}.f1,.f2{padding-bottom:1.5vw;}.header.non_mobile_disable{padding-left:0;}a.menu{font-size:125%;color:#0089A7;margin-top:-12px;}}
.noindex{margin-top:0;padding-top:30vh;}