@charset "utf-8";

*{
margin: 0;
padding: 0;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 2em;
transition: .0s ease-in-out;
color: #444;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}

.serif{
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
}

/* 共通 */

.pc_none{
display: none;
}

.sp_none{
display: block;
}

main,section{
/*padding: 70px 0;*/
display: flex;
justify-content: center;
}

a{
text-decoration: none;
}

a:hover{
opacity: 0.5;
}

.container{width: 80%;max-width: 1100px;}

@media (max-width: 1240px) {
.container{
width: calc(100% - 40px);
}
}

.footer_contact .container,
.index_about .container{
max-width: 1000px;
box-sizing: border-box;
}

li{
list-style: none;
}

img{
width: 100%;
}

.index h2{
display: flex;
align-items: flex-start;
flex-direction: row-reverse;
}

.index h2 span{
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 46px;
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
line-height: 1em;
font-weight: 700;
color: #475B71;
background:#fff;
padding: 15px 15px 0 15px;
}

.index h2 span:last-of-type{
margin-right: 1px;
}

h3,
h3 .jp span,
.guide a p{
color: #475B71;
font-size: 52px;
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
line-height: 1em;
}

h3 .en span,
.guide a span{
display: block;
font-family: "Cormorant Garamond", serif;
font-weight: 500;
font-style: italic;
color: #ABC0D7;
font-size: 28px;
line-height: 1em;
padding-bottom: 10px;
}

h3 .en js-animation-slide {
transition-delay: 0.3s;
}

.js-animation-slide {
display: block;
overflow: hidden;
transform: translate3d(0, 0, 0);
}

.js-animation-slide.-slided span {
opacity: 1;
transform: translateY(0);
}

.js-animation-slide span {
opacity: 0;
transition: all 1.5s ease 0.4s;
transform: translateY(50px);
display: block;
}

h4{
font-size: 36px;
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
line-height: 1.3em;
font-weight: 700;
}

a.btn,
a .btn,
button{
cursor: pointer;
border: 0;
display: flex;
align-items: center;
background: rgb(34,68,105);
background: linear-gradient(135deg, rgba(34,68,105,1) 0%, rgba(71,91,113,1) 50%, rgba(102,131,163,1) 100%);
padding: 30px;
position: relative;
}

a.btn.sp-only{
display: none;
}

@media (max-width: 768px) {
a.btn.sp-only{
display: flex;
}
a.btn.pc-only{
display: none;
}
}

a.btn span,
a .btn span,
button span{

font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
text-align: center;
color: #fff;
flex-grow: 2;
}

a.btn::after,
a .btn::after,
button::after{
content: "";
display: inline-block;
width: 14px;
height: 26px;
background-image: url(../images/btn_arrow.webp);
flex-shrink: 0;
}

a.btn::before,
a .btn::before,
button::before,
.menu_contact a::before{
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform-origin: left top;
transform: scale(0, 1);
transition: all 0.3s ease;
pointer-events: none;
background: rgba(255, 255, 255, 0.3);
}

a.btn:hover::before,
a:hover .btn::before,
button:hover::before,
.menu_contact a:hover::before{
transform: scale(1, 1);
}

a.btn:hover,
a .btn:hover,
.menu_contact a:hover{
opacity: 1;
}

.lower section{
flex-wrap: wrap;
}

.lower .title{
padding: 100px 0 90px 0;
background-size: cover;
background-position: center;
}

.lower.about .title,
.lower.news-body .title,
.tenant-eviction-legal-advice .title{
background-image: url(../images/about_title_bg.webp);
}

.lower.professionals .title{
background-image: url(../images/professional_title_bg.webp);
}

.lower.service .title{
background-image: url(../images/service_title_bg.webp);
}

.lower.price .title{
background-image: url(../images/price_title_bg.webp);
}

.lower.access .title,
.lower.privacy-policy .title,
.lower.tokutei .title{
background-image: url(../images/access_title_bg.webp);
}

.lower.contact .title{
background-image: url(../images/contact_title_bg.webp);
}

.lower h1{
font-size: 46px;
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
line-height: 1em;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
}

.lower h1 span{
font-family: "Cormorant Garamond", serif;
font-weight: 400;
color: #fff;
font-size: 24px;
padding-top: 40px;
line-height: 1em;
color: #fff;
}

.lower h3{
padding-bottom: 70px;
text-align: center;
width: 100%;
}

.breadcrumbs{
padding: 25px 0;
}

.breadcrumbs ol{
display: flex;
}

.breadcrumbs li{
color: #A4A4A4;
display: flex;
font-size: 12px;
line-height: normal;
}

.breadcrumbs li:not(:last-of-type)::after{
content: url('../images/breadcrumbs_arrow.webp');
display: block;
padding: 0 15px;
}

.breadcrumbs a{
color: #444;
border-bottom: 1px solid #444;
font-size: 12px;
line-height: normal;
}

/* loading */
.c-loading span {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #fff;
animation: fade-out 1.1s ease-in-out 1s 1 normal forwards;
animation-delay: 3.7s;
z-index: 20;
}
.c-loading span:nth-child(2) {
display: flex;
align-items: center;
justify-content: center;
}
.c-loading span:nth-child(2) img {
max-width: 280px;
}
.c-loading span:nth-child(2)::before {
content: "";
width: 100%;
height: 100%;
background: #fff;
position: absolute;
z-index: 21;
right: 0;
top: 0;
animation: show-logo 1.5s ease-in-out 1s 1 normal forwards;
}
.c-loading span:nth-child(3) {
animation: kf-load-bg-pc 2.2s ease-in-out 2.5s 1 normal forwards;
background: linear-gradient(135deg, rgba(34,68,105,1) 0%, rgba(71,91,113,1) 50%, rgba(102,131,163,1) 100%);
width: 0;
}

@keyframes fade-out {
0% {
width: 100%;
}
100% {
width: 0;
}
}
@keyframes kf-load-bg-pc {
0% {
width: 0;
}
25% {
width: 100%;
}
75% {
width: 100%;
}
100% {
width: 0;
}
}
@keyframes show-logo {
0% {
width: 100%;
}
100% {
width: 0%;
}
}


/* header */

header{
width: 100%;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 26px 0 20px 30px;
border-bottom: 1px solid #E8E8E8;
}

.index header h1 img,
header .heder_logo img{
max-width: 280px;
}

.sp_menu_container{
margin-left: auto;
}

.sp_menu_container > div:first-of-type{
display: flex;
padding-right: 140px;
}

header ul{
display: flex;
}

header li:not(.menu_contact){
margin-right: 30px;
}

header li a{
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
line-height: 1em;
font-size: 14px;
letter-spacing: 0;
}

header li a:hover{
opacity: 1;
}

.menu_contact{
position: absolute;
top: 0;
right: 0;
width: 140px;
height: 130px;
}

.menu_contact a{
width: 100%;
height: 100%;
background: rgb(34,68,105);
background: linear-gradient(135deg, rgba(34,68,105,1) 0%, rgba(71,91,113,1) 50%, rgba(102,131,163,1) 100%);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}

header li{
position: relative;
}

header li::after{
display: block;
content: "";
border-radius: 2px;
background: rgb(102,121,142);
background: linear-gradient(100deg, rgba(102,121,142,1) 0%, rgba(193,210,227,1) 100%);
position: absolute;
left: 0;
right: 0;
bottom: -20px;
width: 100%;
height: 3px;
transition: transform 0.3s ease;
transform: scale(0, 1);
}

header li.active::after,
header li:hover::after{
transform: scale(1, 1);
}

header li.menu_contact.active{
position: absolute;
}

header li.menu_contact.active::after,
header li.menu_contact:hover::after{
display: none;
}


/* index */

.main{
background-image: url(../images/index_main_bg.webp);
background-size: cover;
background-position: center;
flex-direction: column;
align-items: center;
}

.main .container{
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 70px 0;
}

.main::after{
content: "";
display: block;
width: 1px;
height: 40px;
background: #fff;
}

.main p{
font-size: 20px;
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
font-weight: 700;
color: #fff;
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1));
max-width: 462px;
padding: 0 0 100px 100px;
}

.scroll{
display: flex;
flex-direction: column;
align-items: center;
}

.scroll::before{
margin-top: 2px;
content: "";
display: block;
width: 1px;
height: 38px;
background: #475B71;
}

.scroll p{
font-family: "Cormorant Garamond", serif;
font-weight: 400;
color: #475B71;
font-size: 20px;
}

.news-sec{
padding: 100px 0;
}

.news-sec .container{
display: flex;
align-items: flex-end;
}

@media (max-width: 768px) {
.news-sec .container{
flex-direction: column;
align-items: center;
}
}

.news-sec .container > div{
flex-shrink: 0;
padding-right: 10%;
}

@media (max-width: 1200px) {
.news-sec .container > div{
padding-right: 5%;
}
}

.news-sec a.btn{
min-width: 260px;
margin-top: 100px;
}

@media (max-width: 768px) {
.news-sec a.btn{
margin-top: 40px;
}
}

.news-sec ul,
.news-list{
flex-grow: 2;
}

@media (max-width: 768px) {
.news-sec ul,
.news-list{
width: 100%;
margin-top: 40px;
}
}

.news-sec li a,
.news-list li a{
display: flex;
align-items: flex-start;
}

.news li a span{
display: inline-block;
padding-right: 40px;
font-weight: 300;
width: 90px;
flex-shrink: 0;
}

.news li{
border-bottom: 1px solid #DFDFDF;
padding: 20px;
position: relative;
}

.news li:first-of-type{
border-top: 1px solid #DFDFDF;
}


.news li:hover::before {
transform: scale(1, 1);
}

.news li::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #f2f2f2;
transform-origin: left top;
transform: scale(0, 1);
pointer-events: none;
transition: all 0.3s ease;
z-index: -1;
}

.news li a:hover{
opacity: 1;
}


.news-sec li a span,
.news-list li a span{
display: inline-block;
padding-right: 40px;
font-weight: 300;
width: 90px;
flex-shrink: 0;
}

@media (max-width: 1200px) {
.news-sec li a span,
.news-list li a span{
padding-right: 30px;
}
}

@media (max-width: 768px) {
.news-sec li a span,
.news-list li a span{
padding-right: 0;
}
}
.news-sec li,
.news-list li{
border-bottom: 1px solid #DFDFDF;
padding: 20px;
position: relative;
}

.news-sec li:first-of-type,
.news-list li:first-of-type{
border-top: 1px solid #DFDFDF;
}


.news-sec li:hover::before ,
.news-list li:hover::before {
transform: scale(1, 1);
}

.news-sec li::before ,
.news-list li::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #f2f2f2;
transform-origin: left top;
transform: scale(0, 1);
pointer-events: none;
transition: all 0.3s ease;
z-index: -1;
}

.news-sec li a:hover,
.news-list li a:hover{
opacity: 1;
}

.guide{
padding: 160px 0;
}

.guide .container{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.philosophy{
background: rgb(115,152,192);
background: linear-gradient(120deg, rgba(115,152,192,0.68) 0%, rgba(115,152,192,0.68) 20%, rgba(108,173,214,0.68) 35%, rgba(175,207,240,0.68) 55%, rgba(237,240,255,0.68) 100%);
padding-top: 90px;
flex-wrap: wrap;
}

.philosophy .container{
display: flex;
align-items: center;
padding-bottom: 90px;
}

.philosophy .container > div{
width: calc(50% - 25px);
}

.philosophy .text{
margin-top: 100px;
}

.philosophy .img{
max-width: 450px;
margin-right: 100px;
}

.philosophy .img img{
filter: drop-shadow(50px 80px 0 rgba(215, 229, 241, 1));
}

.philosophy h4{
font-size: 40px;
display: flex;
}

.philosophy p{
padding-left: 60px;
padding-top: 50px;
line-height: 2.2em;
}

.philosophy h4::before{
flex-shrink: 0;
content: "";
display: block;
width: 45px;
height: 1px;
background: #444;
margin-right: 15px;
margin-top: .6em;
}

.philosophy .bg_text{
width: 60%;
line-height: 0;
margin-left: auto;
}

.guide a{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 250px;
position: relative;
overflow: hidden;
}

.guide a:hover{
opacity: 1;
}

.guide a::after{
content: "";
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transition: all 0.3s ease;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.guide a:hover::after{
width: 105%;
height: 105%;
}

.guide a.price::after{
background-image: url(../images/index_guide_bg01.webp);
}

.guide a.service::after{
background-image: url(../images/index_guide_bg02.webp);
}

.guide a.professional::after{
background-image: url(../images/index_guide_bg03.webp);
}

.guide a.price{
width: 100%;
margin-bottom: 10px;
}

.guide a.service,
.guide a.professional{
width: calc(50% - 5px);
}

.guide a p{
position: relative;
z-index: 2;
color: #fff;
font-size: 46px;
}

.guide a span{
color: #fff;
font-size: 24px;
}

.index_about{
display: block;
padding-bottom: 110px;
}

.index_about .bg{
display: flex;
justify-content: center;
background-color: #FAFAFA;
background-image: url(../images/index_about_bg.webp);
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
}

.index_about .container{
width: 70%;
margin: 80px 0;
padding: 60px;
background-color: rgb(255 255 255 / 0.9);
filter: drop-shadow(10px 10px 25px rgba(0, 0, 0, .1));
}

.index_about h3{
margin: 0 10%;
padding-bottom: 50px;
}

.index_about h4{
text-align: center;
padding-bottom: 50px;
}

.index_about p{
padding-bottom: 30px;
}

.index_about a.btn{
max-width: 500px;
margin: 10px auto 0;
}


/* about */

.message{background: #F8FBFF;padding: 110px 0 170px 0;}

.message h4{
letter-spacing: .1em;
}

.message .container{
display: flex;
align-items:flex-start;
}

.message .img{
padding-right: 100px;
margin-right: 80px;
width:100%;
}

.message .img img{filter: drop-shadow(100px 45px 0 rgba(192, 215, 242, .38));}

.message .text > div{
padding: 50px 0;
}

.message .text > div p:first-of-type{
padding-bottom: 30px;
}

.message .text > p{
text-align: right;
}

.about-office{
padding: 190px 0 140px 0;
}

.about-office .container{
max-width: 800px;
}

.about-office dl{
display: flex;
flex-wrap: wrap;
}

.about-office dt,
.about-office dd{
border-top: 1px solid #D9D9D9;
padding: 30px;
}

.about-office dt:last-of-type,
.about-office dd:last-of-type{
border-bottom: 1px solid #D9D9D9;
}

.about-office dt{
display: flex;
align-items: center;
font-weight: 500;
width: 105px;
}

.about-office dd{
width: calc(100% - 225px);
}


.tokush {
padding: 80px 0 140px 0;
}

.tokush .container{
max-width: 1000px;
}

.tokush dl{
display: flex;
flex-wrap: wrap;
}
dl, dt, dd {
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}
.tokush dt,
.tokush dd{
border-top: 1px solid #D9D9D9;
padding: 30px;
}

.tokush dt:last-of-type,
.tokush dd:last-of-type{
border-bottom: 1px solid #D9D9D9;
}

.tokush dt{
display: flex;
align-items: center;
font-weight: 500;
width: 105px;
}

.tokush dd{
width: calc(100% - 225px);
}


/* professional */

.member{
padding-bottom: 130px;
}

.member .container > div{
display: flex;
padding: 70px 0;
}

.member .img{
padding-right: 90px;
margin-right: 8%;
max-width: 310px;
}

@media screen and (max-width: 1024px) {
.member .img{
width: 35%;
padding-right: 12%;
}
}

@media screen and (max-width: 768px) {
.member .img{
width: 100%;
padding-right: 0;
margin-right: 0;
max-width: 100%;
}
}

.member .img img{
filter: drop-shadow(90px 60px 0 rgba(192, 215, 242, .38));
}

.member .text{
max-width: calc(100% - 488px);
width: 100%;
}

@media screen and (max-width: 1024px) {
.member .text{
max-width: 610px;
width: 50%;
}
}

@media screen and (max-width: 768px) {
.member .text{
width: 100%;
max-width: 100%;
}
}

.member h3{
padding-bottom: 0;
text-align: left;
width: auto;
display: flex;
align-items: flex-end;
flex-wrap: wrap;
white-space: nowrap;
}

.member h3 span{
color: #475B71;
font-style: normal;
font-size: 18px;
padding-bottom: 0;
}

.member h3 span.name{
font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, HGS明朝E, メイリオ, Meiryo, serif;
font-size: 30px;
font-weight: 700;
padding-right: 30px;
}

.member h4,
.member h5{
font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, HGS明朝E, メイリオ, Meiryo, serif;
font-size: 16px;
font-weight: 400;
color: #475B71;
}

.member h3,
.member h4{
padding-bottom: 18px;
}

.member h5{
text-indent: -.5em;
}

.member dl{
display: flex;
flex-wrap: wrap;
padding-top: 40px;
}

@media screen and (max-width: 768px) {
.member dl{
padding-top: 40px;
}
}

.member dt,
.member dd{
border-top: 1px solid #D9D9D9;
padding: 20px 30px;
}

.member dt:last-of-type,
.member dd:last-of-type{
border-bottom: 1px solid #D9D9D9;
}

.member dt{
display: flex;
align-items: center;
font-weight: 500;
width: 120px;
}

.member dd{
width: calc(100% - 250px);
}


/* service */

.service .caption{
text-align: center;
}

.service h4{
text-align: center;
padding: 90px 0 30px 0;
}

.individual{
background: #F8FBFF;
padding: 100px 0 70px 0;
}

.individual .case,
.corporate .case{
display: flex;
flex-wrap: wrap;
}

.individual .case > div,
.corporate .case > div,
.individual .case > a,
.corporate .case > a{
width: calc((100% - 80px)/3);
box-sizing: border-box;
position: relative;
margin-bottom: 40px;
display: flex;
flex-direction: column;
}

.individual .case > a{
transition: all 0.3s ease;
}

.individual .case .bg,
.corporate .case .bg{
background-color: #fff;
padding: 20px 18px 30px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}

.individual .case > *:not(:nth-of-type(3n)),
.corporate .case > *:not(:nth-of-type(3n)){
margin-right: 40px;
}

.individual .case img{
width: 100%;
}

.individual .case h5{
font-size: 21px;
color: #475B71;
font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, HGS明朝E, メイリオ, Meiryo, serif;
font-weight: 700;
text-align: center;
line-height: 1em;
}

.individual .case p{
text-align: center;
line-height: 1.5em;
padding-top: 20px;
}

.individual a .btn,
.corporate a .btn,
.c-articleNews__inner a.btn,
.corporate a.btn{
padding: 15px;
width: 100%;
max-width: 260px;
height: 50px;
margin: 20px 10px 0;
box-sizing: border-box;
}

.individual a.btn span,
.corporate a.btn span{
font-size: 16px;
}

.individual a.btn::after,
.corporate a.btn::after{
width: 9px;
height: 18px;
background-size: 100% 100%;
}

.corporate{
padding: 120px 0;
}

.corporate dl{
padding: 60px 0 20px;
}

.corporate dt{
font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, HGS明朝E, メイリオ, Meiryo, serif;
font-size: 21px;
font-weight: 700;
color: #475B71;
line-height: 1.3em;
padding: 0 10px;
}

.corporate dd{
border-bottom: 1px solid #DFDFDF;
padding: 25px 10px;
margin-bottom: 25px;
}

.corporate dd.flex{
display: flex;
align-items: center;
}

.corporate a.btn{
flex-shrink: 0;
width: 25%;
margin-left: 40px;
}


/* price */

.price_table {
padding: 65px 0 140px;
}

.price table{
width: 100%;
border-collapse: collapse;
}

.price_table .container > div:first-of-type{
margin-bottom: 80px;
}

.price th,
.price td{
border: 1px solid #D9D9D9;
padding: 20px;
line-height: 1.5em;
}

.price th{
background: #F3F9FF;
font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, HGS明朝E, メイリオ, Meiryo, serif;
font-weight: 700;
font-size: 18px;
width: 23.5%;
}

.price01 th:not(:first-of-type){
background: #E3EFFA;
width: 25.5%;
}

.price01 th:nth-of-type(2),
.price01 th:nth-of-type(3){
border-right: 1px solid #fff;
}

.price01 td{
text-align: center;
}


/* access */

.map{
padding: 70px 0 90px;
}

.map iframe{
width: 100%;
height: 600px;
}

.map iframe + div{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 40px;
}

.map p:first-of-type{
padding-bottom: 20px;
}

.map a.btn{
width: 330px;
margin-left: 40px;
padding: 24px 0;
}

.map a.btn span{
font-size: 16px;
}

.map a.btn::after{
display: none;
}

.map a.btn img{
width: 14px;
margin-left: 5px;
}

.route{
background: #F8FBFF;
padding: 100px 0 120px;
}

.route .container{
display: flex;
flex-direction: column;
align-items: center;
}

.route .container > div{
background: #fff;
padding: 40px;
border-radius: 10px;
max-width: 780px;
box-sizing: border-box;
}

.route p{
padding-bottom: 20px;
text-indent: -1em;
padding-left: 1em;
}

.route img{
width: 100%;
}

.route .arrow{
margin: 20px 0;
width: 62px;
height: 32px;
background-image: url(../images/route_arrow.webp);
}


/* contact */

.consultation,
.mailform{
padding: 100px 0 120px;
}

.contact .caption,
.consultation em,
.mailform h4{
text-align: center;
}

.consultation em{
display: block;
font-size: 21px;
font-weight: 500;
padding: 30px 0 70px;
}

.consultation .tel-info{
display: flex;
}

.consultation .tel-info div{
width: 366px;
margin: 30px 0;
}

.consultation .tel-info > div:not(:last-of-type){
border-right: 1px solid #D9D9D9;
padding-right: 26px;
margin-right: 26px;
}

.consultation .tel-info a{
font-size: 32px;
margin: 30px 0;
flex-wrap: wrap;
line-height: 1.3em;
}

.consultation .tel-info a span{
font-size: 15px;
}

.consultation h5{
font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, HGS明朝E, メイリオ, Meiryo, serif;
font-weight: 700;
font-size: 28px;
color: #475B71;
text-align: center;
line-height: 1em;
}

.consultation h6{
font-size: 18px;
font-weight: 500;
padding-bottom: 20px;
}

.consultation li{
font-size: 15px;
text-indent: -.5em;
padding-left: .5em;
line-height: 1.5em;
}

.consultation li:not(:last-of-type){
padding-bottom: 10px;
}

.consultation li::before{
content: "・";
display: inline-block;
}

.mailform{
background: #F8FBFF;
}

.mailform .container{
max-width: 750px;
}

.mailform .caption{
padding: 40px 0 80px;
}

.mailform dl{
display: flex;
flex-wrap: wrap;
}

.mailform dt{
width: 220px;
}

.mailform dd{
width: calc(100% - 220px);
}

.mailform dt:not(:last-of-type),
.mailform dd:not(:last-of-type){
margin-bottom: 30px;
}

.mailform dt span{
border: 1px solid #AD7575;
background: #AD7575;
font-size: 14px;
font-weight: 700;
color: #fff;
padding: 2px 13px;
border-radius: 14px;
margin-right: 15px;
}

.mailform dt span.optional{
background: #fff;
color: #AD7575;
}

.mailform dd.tel,
.mailform dd.tel p,
.mailform dd .zip div,
.mailform dd .zip div p,
.mailform dd .prefecture{
display: flex;
align-items: center;
}

.mailform dd.tel input,
.mailform dd .zip div input,
.mailform dd .prefecture div:first-of-type{
margin-right: 20px;
}

.mailform dd.address > div:not(:last-of-type){
margin-bottom: 20px;
}

.mailform dd.tel input{
width: 200px;
}

.mailform dd .zip div input{
width: 180px;
}

.mailform dd .prefecture div:first-of-type input{
width: 160px;
}

.mailform dd .prefecture div:last-of-type{
flex-grow: 2;
}

.mailform .note{
font-size: 14px;
}

input[type="text"], input[type="tel"], input[type="email"], textarea {
width: 100%;
height: 45px;
padding: 5px 10px;
background: #fff;
border: 1px solid #DBE2EB;
box-sizing: border-box;
line-height: 1.5em;
}

textarea{
height: 250px;
}

input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus,
textarea:focus{
outline: 0;
background: #F0FFFC;
}

input[type="checkbox"] {
cursor: pointer;
position: relative;
width: 26px;
height: 26px;
background: #fff;
border: 1px solid #D9D9D9;
vertical-align: -5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-right: 10px;
}

input[type="checkbox"]:checked:before {
position: absolute;
top: 2px;
left: 8px;
transform: rotate(50deg);
width: 6px;
height: 13px;
border-right: 3px solid #475B71;
border-bottom: 3px solid #475B71;
content: '';
}

.form_button,
.form_button p{
display: flex;
flex-direction: column;
align-items: center;
}

.form_button label{
margin: 50px 0 60px;
}

.form_button a{
line-height: 1em;
border-bottom: 1px solid #444;
}

.form_button button{
width: 400px;
}


/* footer */

.footer_contact{
background-image: url(../images/footer_contact_bg.webp);
background-size: cover;
background-position: center;
}

.lower.contact .footer_contact{
display: none;
}

.footer_contact .container{
position: relative;
background: #fff;
width: 70%;
margin: 80px 0;
padding: 60px;
}

.footer_contact h3{
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.footer_contact .container > p{
text-align: center;
padding-bottom: 40px;
}

.footer_contact .container > div{
display: flex;
align-items: center;
justify-content: space-between;
}

.footer_contact .tel-info,
.footer_contact a.btn{
width: calc(50% - 20px);
max-width: 400px;
}

.footer_contact .tel-info{
min-width: 360px;
flex-shrink: 0;
margin-right: 40px;
}

.tel-info a{
display: flex;
align-items: center;
font-size: 42px;
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
letter-spacing: 0;
line-height: 1em;
font-weight: 700;
}

.tel-info a span{
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
line-height: 1em;
font-size: 18px;
background: #E8E8E8;
padding: 7px 10px;
margin-right: 15px;
}

.footer_contact .tel-info p{
font-size: 15px;
border-top: 1px solid #D5D1CF;
padding-top: 15px;
margin-top: 15px;
}

.footer_contact .tel-info div{
margin-bottom: 10px;
}

.footer_contact .tel-info div p{
font-weight: 500;
}

.footer_contact .tel-info span {
font-size: 13px;
}

footer{
padding: 50px 120px;
}

footer > div{display: flex;justify-content: space-between;align-items: flex-end;padding: 0 50px;}

footer .footer_logo img{
max-width: 280px;
}

footer .footer_logo + p{
font-size: 14px;
margin-top: 30px;
}

.footer-menu{
display: flex;
}

footer ul:first-of-type{
margin-right: 90px;
}

footer ul li:not(:last-of-type){
margin-bottom: 10px;
}

footer li a{
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
line-height: 1em;
font-size: 15px;
}

address{font-size: 13px;border-top: 1px solid #D5D1CF;text-align: center;padding-top: 20px;margin-top: 40px;}

footer .footer_logo + p .sp_none{
display: inline-block;
}

.p-icon {
text-align: center;
display: block;
padding-top: 40px;
}

.p-icon img{
width: 100px;
}

/* Vi's css */
.individual .case h5.ttl-border-left,
.corporate .case h5.ttl-border-left{
font-style: normal;
font-weight: 600;
font-size: 21px;
line-height: calc(40/21);
text-align: left;
/* identical to box height */
letter-spacing: 0.05em;
color: #475B71;
background: #f3f9ff;
border-left: 6px solid #475B71;
padding-left: 10px;
margin-bottom: 20px;
}

.case.bg-items-transparent .bg{
background: transparent;
padding: 10px 0 30px;
}

.individual .case p.handling-txt,
.corporate .case p.handling-txt{
padding-top: 0;
text-align: left;
line-height: calc(26/16);
}

.individual a .btn,
.corporate a .btn{
margin-top: 30px;
}

.p-news {
padding: 60px 0 100px;
}
.p-news__inner {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.p-news__category {
width: 270px;
position: sticky;
top: 115px;
}
.p-news__category h3 {
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 1px;
font-size: 20px;
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
position: relative;
margin-bottom: 15px;
padding-bottom: 0;
text-align: left;
}

.p-news__category h3.border-bottom{
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 1px;
font-size: 20px;
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
position: relative;
padding-bottom: 20px;
margin-bottom: 15px;
}

.p-news__category h3.border-bottom::before, .p-news__category h3.border-bottom::after {
content: "";
position: absolute;
bottom: 0;
height: 1px;
left: 0;
}

.p-news__category h3.border-bottom::before {
background: #d9d9d9;
width: 100%;
}

.p-news__category h3::after {
width: 61px;
background-color: #475B71;
}

.p-news__category h4 {
position: relative;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 1px;
font-size: 18px;
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
padding: 20px 0 0;
margin-bottom: 15px;
text-align: left;
}

.p-news__category h4::before, .p-news__category h4::after {
content: "";
position: absolute;
top: 0;
height: 1px;
left: 0;
}
.p-news__category h4::before {
background: #D9D9D9;
width: 100%;
}
.p-news__category h4::after {
width: 61px;
background-color: #475B71;
}
.p-news__category ul{
margin-left: 20px;
margin-bottom: 30px;
}
.p-news__category ul li:not(:last-child) {
margin-bottom: 20px;
}
.p-news__category ul li a {
position: relative;
padding-left: 17px;
display: block;
font-style: normal;
line-height: normal;
letter-spacing: 0.8px;
font-size: 16px;
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
transition: all 0.3s;
color: #444;
font-weight: 300;
line-height: 24px;
letter-spacing: 0.05em;
}
.p-news__category ul li a::before {
content: "";
width: 8px;
aspect-ratio: 1/1;
border-right: 2px solid #A4A4A4;
border-bottom: 2px solid #A4A4A4;
position: absolute;
left: 0;
top: 45%;
transition: all 0.3s;
transform: rotate(-45deg) translateY(-50%);
}
.p-news__list {
width: calc(100% - 270px);
padding-right: 60px;
box-sizing: border-box;
}
.c-articleNews h1{
font-size: 2.4rem;
font-weight: 300;
line-height: normal;
letter-spacing: 2px;
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
color: #475B71;
display: block;
margin-bottom: 20px;
}
.c-articleNews__inner.-no-padding h2 {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 180%; /* 43.2px */
letter-spacing: 1.2px;
padding: 20px;
border-bottom: 1px solid #D9D9D9;
margin-bottom: 20px;
position: relative;
}
.c-articleNews__inner.-no-padding h2::before {
position: absolute;
content: "";
width: 120px;
background: #475B71;
height: 1px;
left: 0;
bottom: -1px;
}

.c-articleNews__inner p{
font-family: 'Noto Sans CJK JP', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.05em;
color: #444444;
margin-top: 40px;
padding: 0 16px 0 19px;
}

.c-articleNews__inner.-no-padding h3 {
font-style: normal;
font-weight: 700;
line-height: 2;
letter-spacing: 1px;
border-left: 4px solid #475B71;
margin-bottom: 30px;
padding-left: 10px;
color: #444;
}

.c-articleNews__inner.-no-padding h3 {
padding-bottom: 0;
margin-top: 50px;
font-size: 20px;
border-width: 6px;
margin-bottom: 40px;
font-family: 'Noto Sans CJK JP', sans-serif;
text-align: left;
}

.c-articleNews__inner a.btn{
margin: 60px auto 0;
flex-direction: row-reverse;
}
.c-articleNews__inner a.btn::after{
transform: scale(-1);
}
.entry-body h2{
padding: .8em 0 .7em;
border-top: 2px solid #337ab7;
border-bottom: 1px solid #e9e9e9;
font-size: 1.75rem;
margin: 1.5em 0 1.2em;
text-align: center;
}

.entry-body h3{
padding-bottom: 8px;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, .1);
text-align: left;
font-size: 1.75rem;
margin: 1.5em 0 1.2em;
}

.entry-body h3:after {
content: ".";
line-height: 0;
display: block;
overflow: hidden;
position: absolute;
bottom: -1px;
width: 30%;
border-bottom: 1px solid #337ab7;
}

.entry-body h4{
margin: 1.5em 0 1.2em;
font-size: 1.5rem;
font-weight: 500;
}

.entry-body ol{
margin-top: 1.5em;
margin-bottom: 1.2em;
padding-left: 40px;
}

.entry-body ol li{
list-style-type: decimal;
margin-bottom: .8em;
line-height: 1.65em;
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;

}

.entry-body p{
margin-bottom: 20px;
}

.wp-block-table td, th{
border-left-color: transparent !important;
border-right-color: transparent !important;
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
padding: 14px !important;
}

.wp-block-table td{
text-wrap: nowrap;
}

.hide-cateogory{
display: none !important;
}
.c-articleNews .ttl-post {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 180%;
letter-spacing: 1.2px;
padding: 20px;
border-bottom: 1px solid #d9d9d9;
margin-bottom: 20px;
}

.c-articleNews__inner time {
font-style: normal;
font-weight: 300;
line-height: 180%;
letter-spacing: 0.8px;
font-size: 16px;
font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
margin-bottom: 30px;
display: block;
}

.c-articleNews__inner.-no-padding p {
font-style: normal;
font-weight: 400;
line-height: 2.2;
letter-spacing: 0.8px;
font-size: 16px;
margin-bottom: 30px;
padding: 0;
}

.img-post img{
aspect-ratio: 680/360;
width: 100%;
height: auto;
object-fit: cover;
}

.mv{
position: relative;
height: 800px;
width: 100%;
background: url('../images/bg-mv.jpg') no-repeat center center / cover;
}

.mv .container{
width: calc(100% - 40px);
max-width: 1140px;
margin: 0 auto;
}

.mv .mv-content{
padding: 148px 20px 100px;
}

.mv .ttl{
font-size: 50px;
letter-spacing: 0.15em;
font-weight: 600;
line-height: calc(85/74);
letter-spacing: 0.05em;
color: #fff;

}



.mv .txt{
font-size: 16px;
letter-spacing: 0.1em;
font-weight: 300;
line-height: calc(40/22);
margin-top: 40px;
color: #fff;
max-width:800px;

}

.mv-pc {
width: 600px;
padding-top: 60px;
}

.mv-sp{
position: absolute;
inset: auto 7.5px 50px 7.5px;
z-index: 1;
}

.sp-only{
display: none;
}

.pc-only{
display: block;
}

.text-align-left, .text-align-left .jp span{
text-align: left;
}

.expert{
padding-bottom: 80px;
}

.expert-list{
display: flex;
flex-wrap: wrap;
gap: 40px;
margin-top: 60px;
}

.expert-list li{
width: calc((100% - 40px * 2) / 3);
}

.expert-list li a{
display: block;
transition: all 0.3s;
}

.expert-list li a:hover{
opacity: 0.75;
}

.expert-list li a figure{
aspect-ratio: 340/250;
width: 100%;
height: auto;
overflow: hidden;
margin: 0;
}

.expert-list li a figure img{
width: 100%;
height: 100%;
object-fit: cover;
}

.expert-list li a .text{
padding-top: 20px;
}

.expert-list li a .text .ttl{
font-size: 20px;
letter-spacing: 0.15em;
font-weight: 300;
text-align: center;
color: #475b71;
}

.expert-list li a .text .desc{
font-size: 16px;
letter-spacing: 0.1em;
font-weight: 300;
text-align: left;
margin-top: 25px;
}

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

.mv{
height: 100svh;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 0;
background: url('../images/bg-mv.jpg') no-repeat 31% 0 / cover;

}

.mv .container{
width: 100%;
max-width: 100%;
}

.mv .ttl{
font-size: 30px;
text-align: center;
letter-spacing: 0;
}

.mv .txt{
font-size: 14px;
text-align: left;
margin-top: 30px;
letter-spacing: 0;
}

.mv .mv-content{
padding: 0px 20px 100px;
}


.sp-only{
display: block;
}

.pc-only{
display: none;
}

.expert-list{
margin-top: 40px;
gap: 20px;
}

.expert-list li{
width: calc((100% - 20px) / 2);
}

.expert-list li a .text .ttl{
font-size: 16px;
letter-spacing: 0;
text-align: left;
}

.expert-list li a .text .desc{
font-size: 14px;
margin-top: 15px;
}

}

.tenant-eviction-legal-advice h1 {
text-align:center;
}

.tenant-eviction-legal-advice .tenant {
padding: 60px 0;
}
.tenant .line {
    padding: 20px 0;
}
.tenant .tel-info {
    padding: 20px 0;
}

@media screen and (max-width: 768px) {
.tenant-eviction-legal-advice .tenant {
padding: 40px 0;
}
}
/* CSS */
.line {
display: inline-block;
}

.line-button {
display: inline-flex;
align-items: center;
gap: 0.5em;
padding: 0.65em 1.2em;
background: #06C755;
color: #fff;
font-weight: 600;
font-size: 1rem;
text-decoration: none;
border-radius: 4px;
transition: filter 0.2s ease;
}

.line-icon {
width: 20px;
flex-shrink: 0;
}

.line-button:hover,
.line-button:focus-visible {
filter: brightness(1.08);
}


.line-button::after {
content: '';
position: absolute;
inset: 0;
border-radius: 4px;
pointer-events: none;
}