body {
font-family: 'YuGothic', '游ゴシック', 'Koburina Gothic W3 JIS2004', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
font-size: 15px;
line-height: 2;
font-weight: 500;
font-feature-settings: "palt";
letter-spacing: .1em;
*font-size: small;
*font: x-small;
color: #222;
-webkit-font-smoothing: antialiased;
}
ul,
ol { list-style: none; }
small { font-size: 86%; }
a,
a[href="javascript:void(0);"]:hover {
color: #222;
text-decoration: none;
transition: all .4s ease-out;
outline : none;
}
a:focus {
text-decoration: none !important;
}
img {
vertical-align: middle;
}
address,
em,
i {
font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.4;
}
@media screen and (max-width: 767px) {
body {
font-size: 16px;
line-height: 1.75;
-webkit-text-size-adjust: none;
word-break: break-word;
}
img {
max-width: 100%;
height: auto;
}
}  .flt-rgt { float: right; }
.flt-lft { float: left; } .pos_rel {
position: relative;
z-index: 0;
} .mgn-btm8 { margin-bottom: 8px; }
.mgn-btm16 { margin-bottom: 16px; }
.mgn-btm24 { margin-bottom: 24px; }
.mgn-btm32 { margin-bottom: 32px; }
.mgn-btm40 { margin-bottom: 40px; }
.mgn-btm48 { margin-bottom: 48px; }
.mgn-btm56 { margin-bottom: 56px; }
.mgn-btm64 { margin-bottom: 64px; }
.mgn-btm72 { margin-bottom: 72px; }
.mgn-btm80 { margin-bottom: 80px; } .pc-none,
.pc-none-inline,
.pc-none-table,
.pc-none-flex { display: none; }
.sp-none { display: block; }
.sp-none-inline { display: inline; }
.sp-none-table { display: table; }
.sp-none-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.mgn-btm16 { margin-bottom: 8px; }
.mgn-btm24 { margin-bottom: 16px; }
.mgn-btm32 { margin-bottom: 16px; }
.mgn-btm40 { margin-bottom: 24px; }
.mgn-btm48 { margin-bottom: 24px; }
.mgn-btm56 { margin-bottom: 32px; }
.mgn-btm64 { margin-bottom: 32px; }
.mgn-btm72 { margin-bottom: 40px; }
.mgn-btm80 { margin-bottom: 40px; }
.sp-none,
.sp-none-inline,
.sp-none-table,
.sp-none-flex { display: none; }
.pc-none { display: block; }
.pc-none-inline { display: inline; }
.pc-none-table { display: table; }
.pc-none-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}  .flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
} .flex-inline {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
} .flex-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
} .flex-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
} .flex-j-start {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-j-end {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-j-ctr {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-j-between {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-j-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
} .flex-a-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-a-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-a-ctr {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex-a-baseline {
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.flex-a-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
} .flex-c-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-c-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
} .flex-c-reverse {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-c-start {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.flex-c-start {
-webkit-align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.flex-c-end {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.flex-c-ctr {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.flex-c-baseline {
-webkit-align-content: baseline;
-ms-flex-line-pack: baseline;
align-content: baseline;
}
.flex-c-stretch {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
@media screen and (max-width: 767px) { .flex-sp-block {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
} .txt-ctr,
.txt-ctr-pc {
text-align: center;
}
.txt-rgt,
.txt-rgt-pc {
text-align: right;
}
@media screen and (max-width: 767px) {
.txt-ctr-pc,
.txt-rgt-pc { text-align: left; }
}_:-ms-lang(x)::-ms-backdrop, .no-js .native-lazyload-js-fallback {
display: block !important;
}
:lang(x)+:-webkit-full-screen-document, .no-js .native-lazyload-js-fallback {
display: block !important;
} .btn .icon-svg {
position: absolute;
top: 50%;
display: block;
transform: translateY(-50%);
transition: all .4s ease-out;
}
.icon-new_tab {
width: 14px;
height: 14px;
}
.btn .icon-new_tab {
right: 20px;
}
.icon-pdf {
width: 27px;
height: 12px;
}
.btn .icon-pdf {
left: 15px;
}
.bg-wh {
background-color: #fff !important;
}
.txt-wh,
.txt-wh a {
color: #fff !important;
}
.lps_sec {
position: relative;
margin-top: 100px;
margin-bottom: 100px;
}
.lps_sec:first-child {
padding-top: 64px !important;
margin-top: 0;
}
.lps_sec:last-child {
padding-bottom: 64px;
}
.lps_sec:first-child > *:first-child {
margin-top: -140px;
}
.lps_sec.bg_normal:first-child > *:first-child {
margin-top: 0;
}
.lps_sec.bg_white_center {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.lps_sec.bg_white_center:last-child {
margin-bottom: 100px;
}
.lps_sec.bg_white_center + .lps_sec.bg_white_center {
margin-top: 100px;
}
.lps_sec:not(.bg_color):not(.bg_white_center):not(.bg_normal)::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 91%;
height: 100%;
background-color: #fff;
}
.lps_sec.bg_white_center .lps_parts_wrap {
width: 94%;
max-width: 1555px;
margin-left: auto;
margin-right: auto;
padding-top: 112px;
padding-bottom: 112px;
background-color: #fff;
}
.lps_sec.bg_normal {
padding-top: 0;
padding-bottom: 0;
}
.lps_sec.bg_normal .lps_parts--child {
max-width: 1555px;
}
.lps_sec > * {
position: relative;
z-index: 1;
}
.lps_sec-bg {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background-position: center;
}
@media screen and (max-width: 1800px) {
.lps_sec:not(.bg_color):not(.bg_white_center):not(.bg_normal)::before {
width: 96%;
}
}
@media screen and (max-width: 767px) {
.lps_sec {
margin-top: 46px;
margin-bottom: 46px;
}
.lps_sec:last-child {
padding-bottom: 32px;
}
.lps_sec:not(.bg_normal) .lps_parts_wrap,
.lps_sec.bg_white_center .lps_parts_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.lps_sec.bg_white_center .lps_parts_wrap {
padding-top: 36px;
padding-bottom: 46px;
}
.lps_sec.bg_white_center + .lps_sec.bg_white_center { margin-top: 60px; }
.lps_sec.bg_white_center:last-child { margin-bottom: 56px; }
.btn .icon-new_tab {
right: 24px;
}
.btn .icon-pdf {
left: 12px;
}
} .lps_sec .ttl-01,
.lps_sec .ttl-02 {
text-align: center;
} .lps_parts {
position: relative;
z-index: 1;
}
.lps_parts .img-detail {
padding-top: 66.666%;
background-size: cover;
background-position: center;
}
.lps_parts + .ttl-02,
.lps_parts--button + .ttl-02,
.lps_parts--button + .lps_parts,
.lps_parts + .lps_parts {
margin-top: 80px;
}
.lps_parts--column + .lps_parts--column,
.lps_parts + .lps_parts--button {
margin-top: 40px;
}
.lps_parts iframe {
width: 100%;
}
.lps_parts .text:not(:last-child) {
margin-bottom: 24px;
}
.lps_parts--column .btn,
.lps_parts--slide .btn {
text-align: center;
}
.lps_parts--column .btn {
margin-top: auto;
}
.lps_parts--column .btn a {
margin-left: auto;
margin-right: auto;
}
.lps_parts .mce-content-body:not(:last-child) {
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.lps_parts .btn {
text-align: center;
}
.lps_parts + .ttl-02,
.lps_parts--button + .ttl-02,
.lps_parts--button + .lps_parts,
.lps_parts + .lps_parts {
margin-top: 40px;
}
.lps_parts--column + .lps_parts--column,
.lps_parts + .lps_parts--button {
margin-top: 16px;
}
.lps_parts--column.column-2 .lps_parts--child.flex-sp-block .column_item,
.lps_parts--column.column-3 .lps_parts--child.flex-sp-block .column_item,
.lps_parts--column.column-4 .lps_parts--child.flex-sp-block .column_item {
width: 100%;
margin-right: 0;
}
.lps_parts .mce-content-body:not(:last-child) { margin-bottom: 16px; }
} .lps_parts--column:not(.column-1) + .lps_parts--column { margin-top: 24px; }
.lps_parts--column.column-1 .column_item { width: 100%; }
.lps_parts--column .text {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
.lps_parts--column .img + .text {
padding-top: 24px;
}
.lps_parts--column .text.bg-wh {
padding: 40px;
height: 100%;
}
.lps_parts--column.column-3 .text.bg-wh,
.lps_parts--column.column-4 .text.bg-wh { padding: 24px; }
.lps_parts--column:not(.column-1) table { width: 100%; }
.lps_parts--column.column-1 .box { padding: 40px; }
.lps_parts--column.column-3 .btn a,
.lps_parts--column.column-4 .btn a { min-width: 100%; }
@media screen and (max-width: 767px) {
.lps_parts--column + .lps_parts--column,
.lps_parts--column:not(.column-1) + .lps_parts--column { margin-top: 24px; }
.lps_parts--column .lps_parts--child { display: block; }
.lps_parts--column {
width: 100%;
max-width: 100%;
}
.lps_parts--column .column_item { width: 100%; }
.lps_parts--column .column_item:not(:last-child) { margin-bottom: 24px; }
.lps_parts--column.column-2 .lps_parts--child.flex-sp-block .column_item,
.lps_parts--column.column-3 .lps_parts--child.flex-sp-block .column_item,
.lps_parts--column.column-4 .lps_parts--child.flex-sp-block .column_item {
width: 100%;
margin-right: 0;
}
.lps_parts--column .column_item:not(:last-child) { margin-right: 0; }
.lps_parts--column .text.bg-wh,
.lps_parts--column.column-1 .box { padding: 24px; }
} .lps_parts--img_text .lps_parts--child {
display: flex;
justify-content: space-between;
}
.lps_parts--img_text .lps_parts--child.img_right { flex-direction: row-reverse; }
.lps_parts--img_text .img_text--child { width: calc(50% - 40px); }
.lps_parts--img_text .lps_parts--child.bg-wh .img_text--child { width: 50%; }
.lps_parts--img_text .img_text--child:only-child,
.lps_parts--img_text .lps_parts--child.bg-wh .img_text--child:only-child { width: 100%; }
.lps_parts--img_text .lps_parts--child .img_text--img:only-child .img {
display: table;
margin-left: auto;
margin-right: auto;
}
.lps_parts--img_text .img_text--child .img-detail { height: 100%; }
.lps_parts--img_text .bg-wh .img_text--txt { padding: 40px; }
.lps_parts--img_text .img_text--txt--inner {
width: 100%;
}
.lps_parts--img_text .text { justify-content: flex-start; }
.lps_parts--img_text .img_text--txt table { width: 100%; }
@media screen and (max-width: 767px) {
.lps_parts--img_text .lps_parts--child { flex-direction: column !important; }
.lps_parts--img_text .img_text--child,
.lps_parts--img_text .lps_parts--child.bg-wh .img_text--child { width: 100%; }
.lps_parts--img_text .img_text--img { margin-bottom: 24px; }
.lps_parts--img_text .lps_parts--child.bg-wh .img_text--img { margin-bottom: 0; }
.lps_parts--img_text .bg-wh .img_text--txt { padding: 24px; }
.lps_parts--img_text .btn { text-align: center; }
} .lps_parts--slide .img img {
display: inline-block;
}
.lps_parts--slide .img + .text {
margin-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.lps_parts--slide .slick-list {
margin-bottom: 32px;
}
.lps_parts--slide .slick-arrow {
position: absolute;
top: 50%;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 100%;
transform: translateY(-50%);
text-decoration: none;
}
*::-ms-backdrop, .lps_parts--slide .slick-arrow {
transform: translateX(-50%) translateY(-50%);
}
.lps_parts--slide .slick-prev { left: -60px; }
.lps_parts--slide .slick-next { right: -60px; }
.lps_parts--slide .slick-dots {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.lps_parts--slide .slick-arrow::after {
content: '';
position: absolute;
display: block;
width: 36px;
height: 36px;
transform: rotate(45deg);
}
.lps_parts--slide .slick-prev::after {
border-bottom: 1px solid;
border-left: 1px solid;
}
.lps_parts--slide .slick-next::after {
border-top: 1px solid;
border-right: 1px solid;
}
.lps_parts--slide .slick-dots li {
display: block;
width: 12px;
height: 12px;
border: 1px solid;
background-color: #fff;
border-radius: 50%;
cursor: pointer;
transition: all .4s ease-out;
}
.lps_parts--slide .slick-dots li.slick-active {
background-color: #000;
}
.lps_parts--slide .slick-dots li:hover {
opacity: .7;
}
.lps_parts--slide .slick-dots li + li { margin-left: 12px; }
.lps_parts--slide .slick-dots button {
padding: 0;
cursor: pointer;
color: transparent;
background: transparent;
outline: none;
border: none;
}
@media screen and (max-width: 1080px) {
.lps_parts--slide .img + .text {
margin-top: 16px;
}
.lps_parts--slide .slick-dots {
position: relative;
bottom: 4px;
}
.lps_parts--slide .slick-arrow { width: 40px; }
.lps_parts--slide .slick-prev { left: 16px; }
.lps_parts--slide .slick-next { right: 16px; }
.lps_parts--slide .slick-prev::after { left: 20px; }
.lps_parts--slide .slick-next::after { right: 20px; }
.lps_parts--slide .slick-arrow::after {
width: 24px;
height: 24px;
bottom: 0;
}
} .lps_parts--button .btn + .btn,
.lps_parts--cta .btn + .btn { margin-top: 0; }
.lps_parts--button .btn:first-child:nth-last-child(-n+2),
.lps_parts--banner .bnr:first-child:nth-last-child(-n+2) { margin-left: auto; }
.lps_parts--button .btn:first-child:nth-last-child(-n+2) ~ .btn,
.lps_parts--banner .bnr:first-child:nth-last-child(-n+2) ~ .bnr { margin-right: auto; }
.lps_parts--button .btn:only-child,
.lps_parts--banner .bnr:only-child {
margin-left: auto;
margin-right: auto;
}
.lps_parts--button .btn a,
.lps_parts--cta .btn a { min-width: 100%; }
.btn.txt-ctr a {
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 768px) {
.lps_parts--column.column-2 + .lps_parts--button,
.lps_parts--column.column-3 + .lps_parts--button,
.lps_parts--column.column-4 + .lps_parts--button { margin-top: 0; }
}
@media screen and (max-width: 767px) {
.lps_parts--button .btn:not(:last-child) { margin-bottom: 8px; }
} .lps_parts--banner .bnr a { display: block; }
.lps_parts--banner .bnr a:hover { opacity: .7; } .lps_parts--flow .flow_item {
position: relative;
padding-left: 86px;
padding-bottom: 40px;
counter-increment: number;
}
.lps_parts--flow .flow_item:not(:last-child) {
margin-bottom: 16px;
}
.lps_parts--flow .flow_item:not(:last-child)::before {
content: "";
position: absolute;
top: 48px;
left: 28px;
display: block;
width: 0;
height: calc(100% - 48px);
border-radius: 2px;
border-right: 2px solid #333366;
}
.lps_parts--flow .ttl-03 {
margin-bottom: 16px;
line-height: 1.4;
text-align: left;
}
.lps_parts--flow .ttl-03::after {
content: counter(number);
position: absolute;
top: -8px;
left: -80px;
display: block;
width: 48px;
height: 48px;
line-height: 52px;
border-radius: 50%;
font-size: 94%;
text-align: center;
color: #fff;
letter-spacing: 0;
background-color: #333366;
font-family: 'Amiko', sans-serif;
}
.lps_parts--flow .ttl-03.txt-wh::after {
color: #000;
background-color: #fff;
}
.lps_parts--flow .text img {
max-width: 248px;
margin-top: 4px;
margin-right: 40px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.lps_parts--flow .flow_item {
padding-left: 44px;
padding-bottom: 20px;
}
.lps_parts--flow .flow_item:not(:last-child) {
margin-bottom: 8px;
}
.lps_parts--flow .flow_item:not(:last-child)::before {
top: 34px;
left: 13px;
width: 3px;
height: calc(100% - 37px);
}
.lps_parts--flow .ttl-03 {
margin-bottom: 8px;
}
.lps_parts--flow .ttl-03::after {
top: -4px;
left: -44px;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 16px;
font-size: 86%;
}
.lps_parts--flow .text img {
float: none!important;
margin-top: 2px;
margin-left: 0;
margin-right: auto;
margin-bottom: 8px!important;
border-radius: 8px;
}
} .lps_parts--faq .faq_item {
position: relative;
}
.lps_parts--faq .faq_item:not(:last-child) {
padding-bottom: 64px;
}
.lps_parts--faq .ttl-03 {
margin-bottom: 16px;
padding-left: 62px;
padding-bottom: 18px;
border-bottom: 1px solid #333366;
line-height: 1.4;
text-align: left;
}
.lps_parts--faq .ttl-03::after,
.lps_parts--faq .mce-content-body::after {
position: absolute;
top: 2px;
left: 12px;
display: block;
text-align: center;
line-height: 1;
font-family: 'Amiko', sans-serif;
font-weight: 500;
}
@media all and (-ms-high-contrast: none) {
.lps_parts--faq .ttl-03::after,
.lps_parts--faq .mce-content-body::after {
top: 0;
}
}
.lps_parts--faq .ttl-03::after {
content: 'Q.';
left: 10px;
color: #336;
font-size: 140%;
}
.lps_parts--faq .mce-content-body {
position: relative;
padding-left: 62px;
}
.lps_parts--faq .mce-content-body::after {
content: 'A.';
top: 2px;
font-size: 222%;
color: #a0a0a0;
}
.lps_parts--faq .txt-wh .mce-content-body::after {
color: #000;
}
@media screen and (max-width: 767px) {
.lps_parts--faq .faq_item {
padding-bottom: 20px;
}
.lps_parts--faq .faq_item:not(:last-child) {
padding-bottom: 24px;
}
.lps_parts--faq .ttl-03 {
padding-left: 37px;
padding-bottom: 14px;
margin-bottom: 18px !important;
}
.lps_parts--faq .ttl-03::after,
.lps_parts--faq .mce-content-body::after {
top: -3px;
left: 0;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 16px;
font-size: 86%;
}
.lps_parts--faq .ttl-03::after {
font-size: 124%;
}
.lps_parts--faq .mce-content-body {
padding-left: 37px;
}
.lps_parts--faq .mce-content-body::after {
top: 1px;
font-size: 137%;
}
.lps_parts--faq .text img {
float: none!important;
margin-top: 2px;
margin-left: 0;
margin-right: auto;
margin-bottom: 8px!important;
border-radius: 8px;
}
} .post-edit-link {
position: fixed;
bottom: 120px;
right: 20px;
z-index: 10;
padding: 16px;
border-radius: 50%;
border: 1px solid #999;
}
.post-edit-link:hover {
background-color: #ddd;
}
.post-edit-link::after {
content: '';
display: block;
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAxIDQwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAxIDQwMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM5OTk5OTk7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzcwLjEsMjUxLjljLTUuNSwwLTEwLDQuNS0xMCwxMHY4OC43YzAsMTYuNS0xMy40LDI5LjktMzAsMzBINDkuOWMtMTYuNSwwLTI5LjktMTMuNC0zMC0zMFY5MC4zCgljMC0xNi41LDEzLjQtMjkuOSwzMC0zMGg4OC43YzUuNSwwLDEwLTQuNSwxMC0xMGMwLTUuNS00LjUtMTAtMTAtMTBINDkuOUMyMi40LDQwLjQsMCw2Mi43LDAsOTAuM3YyNjAuMwoJYzAsMjcuNiwyMi40LDQ5LjksNDkuOSw0OS45aDI4MC4yYzI3LjYsMCw0OS45LTIyLjQsNDkuOS00OS45di04OC43QzM4MC4xLDI1Ni40LDM3NS42LDI1MS45LDM3MC4xLDI1MS45eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzc2LjEsMTQuN2MtMTcuNi0xNy42LTQ2LTE3LjYtNjMuNiwwTDEzNC40LDE5Mi45Yy0xLjIsMS4yLTIuMSwyLjctMi42LDQuNGwtMjMuNCw4NC42Yy0xLDMuNSwwLDcuMiwyLjYsOS43CgljMi41LDIuNSw2LjMsMy41LDkuNywyLjZsODQuNi0yMy40YzEuNy0wLjUsMy4yLTEuMyw0LjQtMi42TDM4Ny45LDkwYzE3LjUtMTcuNiwxNy41LTQ2LDAtNjMuNkwzNzYuMSwxNC43eiBNMTU2LjIsMTk5LjNMMzAyLDUzLjUKCWw0Nyw0N0wyMDMuMiwyNDYuNEwxNTYuMiwxOTkuM3ogTTE0Ni44LDIxOC4ybDM3LjYsMzcuNmwtNTIsMTQuNEwxNDYuOCwyMTguMnogTTM3My43LDc1LjhsLTEwLjYsMTAuNmwtNDctNDdsMTAuNi0xMC42CgljOS43LTkuNywyNS42LTkuNywzNS4zLDBsMTEuNywxMS43QzM4My41LDUwLjMsMzgzLjUsNjYuMSwzNzMuNyw3NS44eiIvPgo8L3N2Zz4K');
}
@media screen and (max-width: 767px) {
.post-edit-link { display: none; }
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}@keyframes slidein {
0% {
opacity: 0;
transform: translateY(8px);
}
100% {
opacity: 1;
transform: translateY(0);
}
} .waypoint.slideup {
opacity: 0;
transform: translateY(100px);
}
.waypoint.active.slideup {
animation: slideup .5s ease;
animation-fill-mode:forwards;
}
@keyframes slideup {
0% {
opacity: 0;
transform: translateY(100px);
}
100% {
opacity: 1;
transform: translateY(0);
}
} @keyframes fadein {
0% { opacity: 0; }
100% { opacity: 1; }
} @keyframes circle {
0% {
stroke-dasharray: 200;
stroke-dashoffset: 200;
transition: stroke-dashoffset 1s linear;
}
100% {
stroke-dashoffset: 0;
}
} @keyframes position {
0% { transform: translateY(-100%); }
100% { transform: translateY(0); }
} @keyframes scroll {
0% { top: -30px; }
100% { top: 100%; }
} html {
height: 100%;
overflow-y: scroll;
}
body {
height: 100%;
}
main {
padding-bottom: 1px;
background: rgb(248,248,248);
background: linear-gradient(90deg, rgba(248,248,248,1) 50%, rgba(241,241,241,1) 50%);
}
@media screen and (max-width: 767px) {
body { padding-top: 56px; }
}  .inner {
width: 90%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
.inner-sm { max-width: 880px; }
.inner-md { max-width: 1200px; }
.inner-lg { max-width: 1555px; }
.inner-xl {
width: 92%;
max-width: calc(100% - 80px);
} .section_pdg {
padding-top: 112px;
padding-bottom: 112px;
}
.section_pdg-sm {
padding-top: 64px;
padding-bottom: 72px;
}
@media screen and (max-width: 1080px) { .inner { width: 90%; }
.inner-lg { max-width: 90%; }
}
@media screen and (max-width: 767px) { .inner { width: 86%; }
.inner-lg { max-width: 86%; }
.inner-xl { max-width: 86%; } .section_pdg {
padding-top: 48px;
padding-bottom: 48px;
}
.section_pdg-sm {
padding-top: 24px;
padding-bottom: 24px;
}
}  .flex-col1 {
display: block;
}
.flex-col2,
.flex-col3,
.flex-col4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-col2 > * {
width: 48.5%;
margin-right: 3%;
margin-bottom: 3%;
}
.flex-col2 > *:nth-child(even) { margin-right: 0; }
.flex-col3 > * {
width: 31.33%;
margin-right: 3%;
margin-bottom: 3%;
}
.flex-col3 > *:nth-child(3n) { margin-right: 0; }
.flex-col4 > * {
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
}
.flex-col4 > *:nth-child(4n) { margin-right: 0; }
@media screen and (max-width: 767px) { .flex-col2.flex-sp-block > *,
.flex-col3.flex-sp-block > *,
.flex-col4.flex-sp-block > * {
width: 100%;
margin-bottom: 16px;
margin-right: 0;
}
.flex-col2.flex-sp-block > *:last-child,
.flex-col3.flex-sp-block > *:last-child,
.flex-col4.flex-sp-block > *:last-child {
margin-bottom: 0;
}
.flex-sp-col2 > *,
.flex-sp-col2.flex-col3 > *:nth-child(3n) {
width: 48.5%;
margin-right: 3%;
margin-bottom: 3%;
}
.flex-sp-col2.flex-col3 > *:nth-child(6) { margin-right: 0; }
.flex-sp-col2 > *:nth-child(even) { margin-right: 0; }
.flex-sp-col3 > *,
.flex-sp-col3.flex-col4 > *:nth-child(4n) {
width: 31.33%;
margin-right: 3%;
margin-bottom: 3%;
}
.flex-sp-col3 > *:nth-child(3n) { margin-right: 0; }
} @media screen and (max-width: 1100px) {
.sp_bg-wh { background-color: #fff; }
}  .page_ttl {
position: relative;
z-index: 10;
line-height: 1.5;
background-color: #fff;
}
.page_ttl::before {
content: "";
position: absolute;
left: 0;
bottom: -79px;
width: 74%;
max-width: 1377px;
height: 281px;
background-color: #f1f1f1;
}
.page-contact .page_ttl {
padding-top: 80px;
}
.archive .page_ttl::before,
.single .page_ttl::before,
.page-privacy .page_ttl::before,
.page-sitemap .page_ttl::before,
.page-contact .page_ttl::before,
.page-thanks .page_ttl::before {
display: none;
}
.page_ttl::after {
content: "";
position: absolute;
left: 3%;
bottom: -750px;
width: 142px;
height: 859px;
background-position: bottom;
background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/common/txt_shobu_lpc_tate.png);
opacity: .5;
}
.page_ttl--bg {
position: relative;
margin-left: auto;
margin-right: 53px;
margin-bottom: 28px;
width: 74%;
max-width: 1377px;
height: 400px;
background-size: cover;
background-position: center;
}
.archive .page_ttl--bg,
.single .page_ttl--bg,
.page-privacy .page_ttl--bg,
.page-sitemap .page_ttl--bg,
.page-contact .page_ttl--bg,
.page-thanks .page_ttl--bg {
width: 90%;
max-width: 1200px;
margin-right: auto;
padding: 80px 0 0;
height: auto;
text-align: center;
}
.page_ttl h2 {
padding-top: 24px;
text-align: center;
}
.archive .page_ttl h2,
.single .page_ttl h2,
.page-privacy .page_ttl h2,
.page-sitemap .page_ttl h2,
.page-contact .page_ttl h2,
.page-thanks .page_ttl h2 {
padding-top: 24px;
}
.archive .page_ttl--bg,
.single .page_ttl--bg,
.page-privacy .page_ttl--bg,
.page-sitemap .page_ttl--bg,
.page-contact .page_ttl--bg,
.page-thanks .page_ttl--bg {
display: none;
}
.page_ttl-jp {
position: relative;
display: block;
padding: 2px 16px 0;
background-color: #fff;
font-size: 300%;
font-weight: 400;
letter-spacing: .2em;
}
@media all and (-ms-high-contrast: none) {
.page_ttl-jp { padding: 18px 16px 0; }
}
.archive .page_ttl .page_ttl-jp,
.single .page_ttl .page_ttl-jp,
.page-privacy .page_ttl .page_ttl-jp,
.page-sitemap .page_ttl .page_ttl-jp,
.page-contact .page_ttl .page_ttl-jp,
.page-thanks .page_ttl .page_ttl-jp {
padding: 14px 0 8px;
}
.page_ttl-en {
position: relative;
display: inline-block;
padding-bottom: 16px;
text-transform: uppercase;
font-weight: 300;
color: #ad9d8f;
font-size: 160%;
letter-spacing: .2em;
font-family: 'Amiko', sans-serif;
}
.page_ttl .copyright,
.hero .copyright {
position: absolute;
top: 0;
right: 1%;
height: 100%;
text-align: center;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-family: 'EB Garamond', serif;
}
.archive .page_ttl .copyright,
.single .page_ttl .copyright,
.page-privacy .page_ttl .copyright,
.page-sitemap .page_ttl .copyright,
.page-contact .page_ttl .copyright,
.page-thanks .page_ttl .copyright {
display: none;
} .section_ttl span { display: block; }
.section_ttl .jp {
margin-bottom: 12px;
font-size: 213%;
letter-spacing: .15em;
font-weight: 500;
}
.section_ttl .en {
letter-spacing: .2em;
color: #ad9d8f;
font-size: 107%;
font-weight: 400;
font-family: 'Amiko', sans-serif;
} .ttl-01,
.ttl-02,
.ttl-03 {
position: relative;
z-index: 1;
letter-spacing: .1em;
}
.ttl-01 {
padding-top: 80px;
margin-top: -80px;
padding-bottom: 1em;
margin-bottom: 1.85em;
font-size: 213%; font-weight: 500;
letter-spacing: .2em;
font-family: 'Koburina Gothic W6 JIS2004', sans-serif;
}
.ttl-01::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 80px;
height: 1px;
margin: auto;
background-color: #ad9d8f;
}
.ttl-02 {
font-weight: 400;
font-size: 213%; letter-spacing: .15em;
}
.ttl-03 {
font-size: 160%; font-weight: 500;
}
.lps_sec .ttl-02,
.lps_sec .ttl-03:not(:last-child) {
margin-bottom: 1em;
}
.lps_sec .column-3 .ttl-03 {
margin-bottom: .5em;
font-size: 160%; }
@media screen and (max-width: 1518px) {
.page_ttl::after {
display: none;
}
}
@media screen and (max-width: 767px) { .page_ttl::before {
height: 90px;
bottom: -63px;
}
.page-contact .page_ttl {
padding-top: 0;
}
.page_ttl--bg {
margin-right: 0;
margin-bottom: 18px;
width: 95%;
height: 120px;
}
.archive .page_ttl h2,
.single .page_ttl h2,
.page-privacy .page_ttl h2,
.page-sitemap .page_ttl h2,
.page-contact .page_ttl h2,
.page-thanks .page_ttl h2 {
padding-top: 18px;
}
.page_ttl h2 {
position: relative;
padding-top: 10px;
padding-bottom: 12px;
background-color: #fff;
}
.page_ttl-jp {
font-size: 5.2vw;
padding: 2px 0 0;
}
.archive .page_ttl .page_ttl-jp,
.single .page_ttl .page_ttl-jp,
.page-privacy .page_ttl .page_ttl-jp,
.page-sitemap .page_ttl .page_ttl-jp,
.page-contact .page_ttl .page_ttl-jp,
.page-thanks .page_ttl .page_ttl-jp {
padding: 6px 0 0;
}
.page_ttl-en {
padding-bottom: 0;
font-size: 92%;
}
.section_ttl .jp { font-size: 175%; }
.section_ttl .en { font-size: 98%; } .ttl-01 {
padding-bottom: .7em;
margin-bottom: 1.5em;
font-size: 165%; line-height: 1.35;
letter-spacing: .075em
width: 77%;
}
.ttl-02 {
font-size: 150%; letter-spacing: .1em;
}
.ttl-03,
.lps_sec .column-3 .ttl-03 {
font-size: 112%; font-family: 'Koburina Gothic W6 JIS2004', sans-serif;
letter-spacing: .1em;
}
.lps_sec .ttl-02,
.lps_sec .ttl-03:not(:last-child) {
margin-bottom: .6em;
}
} .breadcrumbs {
position: relative;
z-index: 80;
margin-bottom: 160px;
font-size: 87%;
}
.page-recruit .breadcrumbs {
margin-bottom: 0;
}
.archive-profiles .breadcrumbs,
.single-profiles .breadcrumbs,
.page-privacy .breadcrumbs,
.page-sitemap .breadcrumbs,
.page-contact .breadcrumbs,
.page-thanks .breadcrumbs {
margin-bottom: 100px;
}
.archive:not(.archive-profiles) .breadcrumbs,
.single:not(.single-profiles) .breadcrumbs {
margin-bottom: 32px;
}
.breadcrumbs .inner {
width: 90%;
max-width: 1080px;
}
.archive .breadcrumbs .inner,
.single .breadcrumbs .inner {
max-width: 1200px;
}
.breadcrumbs a {
text-decoration: underline;
}
.breadcrumbs .breadcrumb_last {
display: table-cell;
max-width: 280px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.breadcrumbs { margin-bottom: 60px; }
.breadcrumbs .breadcrumb_last { max-width: 38vw; }
} .txt-lg { font-size: 107%; }
.txt-sm { font-size: 94%; }
.txt-wh,
.txt-wh * { color: #fff; }
.txt-main,
.txt-main * { color: #666; }
.txt-sub,
.txt-sub * { color: #eee; }
@media screen and (max-width: 767px) {
.txt-lg { font-size: 108%; }
.txt-sm { font-size: 93%; }
} .btn + .btn {
margin-top: 8px;
}
.btn a {
position: relative;
z-index: 1;
display: block;
padding: 19px 40px 22px;
width: 100%;
max-width: 300px;
background-color: #333366;
color: #fff;
font-size: 120%;
font-weight: 500;
letter-spacing: .075em;
text-align: center;
}
.btn a:hover {
background-color: #141438;
}
.btn svg {
fill: #fff;
transition: all .4s ease-out;
}
.btn a:not([target="_blank"]):not([href$=".pdf"])::before,
.quick_menu--btns .btn a::before,
.btn-en a::before {
content: '';
position: absolute;
top: calc(50% - 6px);
right: 24px;
display: block;
width: 22px;
height: 7px;
border-bottom: solid 1px;
border-right: solid 2px;
transition: all .2s ease-out;
transform: skewX(40deg);
}
.btn a:not([target="_blank"]):not([href$=".pdf"]) svg,
.quick_menu--btns .btn a svg.circle {
position: absolute;
top: calc(50% - 13px);
right: 14px;
width: 23px;
height: 23px;
fill: none;
stroke: #fff;
stroke-width: 1;
stroke-linecap: round;
}
.btn a:not([target="_blank"]):not([href$=".pdf"]):hover svg,
.quick_menu--btns .btn a:hover svg.circle {
animation: circle 2s ease;
animation-fill-mode: forwards;
} .btn a[href$=".pdf"] svg { display: none; }
.btn a[href$=".pdf"]::before {
content: "\f1c1";
position: absolute;
top: calc(50% - 10px);
right: 20px;
font-family: "Font Awesome 5 Free";
line-height: 1;
letter-spacing: 0;
} .btn a[target="_blank"] {
padding-right: 44px;
}
.btn.btn-next_page a {
max-width: 100%;
border-radius: 0;
font-size: 120%;
text-align: left;
} .btn-wh a {
background-color: #fff;
border: 1px solid #333366;
color: #333366;
}
.btn-wh a svg {
stroke: #333366 !important;
}
.btn-wh a:hover {
background-color: #333366;
color: #fff;
}
.btn-wh a:hover svg {
stroke: #fff !important;
} .btn-en a {
position: relative;
padding-right: 72px;
color: #333366;
font-size: 133%;
letter-spacing: .15em;
font-family: 'Amiko', sans-serif;
font-weight: 400;
}
.btn-en a::before {
top: calc(50% - 6px);
right: 18px;
width: 34px;
}
.btn-en a svg {
position: absolute;
top: -6px;
right: 0;
width: 37px;
height: 37px;
fill: transparent;
stroke: #333366;
}
.btn-en a:hover svg {
animation: circle 2s ease;
animation-fill-mode: forwards;
}
@media screen and (max-width: 767px) {
.btn a {
max-width: 100%;
padding: 16px 40px 16px;
font-size: 107%;
}
.btn a[target="_blank"] {
padding-right: 40px;
}
.btn a[href$=".pdf"] {
padding-left: 40px;
} .btn-en a {
font-size: 120%;
}
} .cta {
background-color: #f8f8f8;
}
.cta--ttl {
font-weight: 300;
font-size: 120%;
letter-spacing: .2em;
color: #ad9d8f;
}
.cta--btns .tels li {
flex: 1;
}
.cta--btns .tels li:not(:last-child) {
margin-right: 12px;
}
.cta--btns a {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
height: 150px;
}
.cta--btns .tel a {
background-color: #fff;
}
.cta--btns .tel .num {
font-size: 250%;
font-family: 'EB Garamond', serif;
line-height: 1;
}
.cta--btns .tel .num i {
margin-right: 6px;
font-size: 60%;
transform: rotate(14deg) translateY(-4px);
vertical-align: middle;
}
.cta--btns .tel a small {
margin-top: 4px;
font-size: 100%;
}
.cta--btns .contact a {
background-color: #333366;
color: #fff;
font-size: 185%;
letter-spacing: .15em;
}
.cta--btns .contact a span {
position: relative;
display: inline-block;
padding-right: 64px;
margin-right: -64px;
}
.cta--btns .contact a span .mail {
margin-right: 24px;
vertical-align: middle;
transform: translateY(-2px);
}
.cta--btns .contact a span::before {
content: '';
position: absolute;
top: calc(50% - 3px);
right: 24px;
display: block;
width: 22px;
height: 7px;
border-bottom: solid 1px;
border-right: solid 2px;
transition: all .2s ease-out;
transform: skewX(40deg);
}
.cta--btns .contact a span svg.circle {
position: absolute;
top: calc(50% - 10px);
right: 14px;
width: 23px;
height: 23px;
fill: none;
stroke: #fff;
stroke-width: 1;
stroke-linecap: round;
transition: all .4s ease-in-out;
}
.cta--btns .contact a:hover span svg.circle {
animation: circle 2s ease;
animation-fill-mode: forwards;
}
@media screen and (max-width: 767px) {
.cta--btns li { width: 100%; }
.cta--btns .tels li:not(:last-child) {
margin-right: 0;
margin-bottom: 8px;
}
.cta--btns a {
padding: 18px 8px;
height: auto;
}
.cta--btns .tel .num { font-size: 200%; }
.cta--btns .tel .num i { font-size: 57%; }
.cta--btns .contact a {
padding: 24px 8px;
font-size: 130%;
}
.cta--btns .contact a span {
padding-right: 58px;
margin-right: -22px;
}
}  .header {
position: relative;
height: 78px;
background-color: #fff;
line-height: 1;
z-index: 9990;
transition: all .4s ease-out;
}
.page-contact .header {
position: absolute;
background-color: transparent;
box-shadow: none;
}
.header > .inner {
width: 100%;
max-width: 100%;
height: 100%;
}
.header--logo { z-index: 101; }
.header--logo a {
display: flex;
align-items: center;
justify-content: center;
width: 280px;
height: 234px;
padding: 34px;
background-color: #fff;
}
.header--logo .logo2 { display: none; }
@media screen and (min-width: 768px) {
.header--nav,
.gnav,
.gnav > .flex,
.gnav ul,
.gnav a {
height: 100%;
}
}
@media screen and (max-width: 1479px) {
.header--logo a {
width: 200px;
height: 200px;
padding: 24px;
}
}
@media screen and (max-width: 1178px) {
.header--logo a {
width: 160px;
height: 160px;
padding: 16px;
}
}
@media screen and (max-width: 767px) {
.header {
position: fixed;
top: 0;
height: 56px;
}
.header--logo a {
width: 74%;
height: 56px;
}
.header--logo .logo1 {
display: none;
}
.header--logo .logo2 {
display: block;
}
} .gnav--menu > li:not(:last-child) {
margin-right: 40px;
}
.gnav--link {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding: 0 3px;
text-align: center;
}
.gnav--menu > li:not(.cta_contact):not(.cta_tel) .gnav--link::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background-color: #492960;
transition: all .4s ease-out;
}
.gnav--link[href="javascript:void(0);"] {
cursor: inherit;
}
.gnav--link:not([href="javascript:void(0);"]):hover,
.gnav--menu li.current > .gnav--link {
color: #492960;
}
.gnav--menu > li:hover .gnav--link::after,
.gnav--menu > li:not(.cta_contact) .gnav--link:hover::after,
.gnav--menu li.current > .gnav--link::after {
height: 3px;
}
.gnav_sub_toggle {
display: none;
cursor: pointer;
}
.head_sub_nav--wrap {
display: none;
position: absolute;
top: 78px;
left: 0;
width: 100%;
padding-top: 24px;
padding-left: 330px;
padding-right: 36px;
padding-bottom: 24px;
background-color: #f8f8f8;
z-index: 100;
overflow: hidden;
}
.head_sub_nav--ttl {
float: left;
padding-top: 8px;
}
.head_sub_nav--profiles .head_sub_nav--ttl {
width: 30%;
}
.head_sub_nav--ttl span { display: block; }
.head_sub_nav--ttl .jp {
margin-bottom: 8px;
font-size: 200%;
font-weight: 500;
}
.head_sub_nav--ttl .en {
font-family: 'Amiko', sans-serif;
font-weight: 400;
color: #ad9d8f;
}
.head_sub_nav {
width: 99%;
display: flex;
flex-wrap: wrap;
float: right;
}
.head_sub_nav li {
width: calc(100%/3 - (24px*2/3));
margin-bottom: 16px;
}
.head_sub_nav li:not(:nth-child(3n)) {
margin-right: 24px;
}
.head_sub_nav a {
display: block;
padding: 0 0 14px;
background-color: #fff;
text-align: center;
}
.head_sub_nav--txt {
width: 30%;
margin-top: 24px;
}
.head_sub_nav--profiles {
width: 100%;
}
.head_sub_nav--profiles .head_sub_nav {
width: 70%;
display: flex;
flex-wrap: wrap;
float: right;
justify-content: left;
margin: 24px 0 40px;
}
@media screen and (max-width: 1500px) {
.head_sub_nav--profiles{
padding-left: 17vw;
}
.head_sub_nav--profiles .head_sub_nav--ttl {
width: 18%;
}
.head_sub_nav--profiles .head_sub_nav{
width: 80%;
}
}
@media screen and (max-width: 767px) {
.head_sub_nav .profiles_list {
position: relative;
padding: 8px 0 0 72px;
background-color: transparent;
text-align: left;
font-size: 86%;
margin: 0;
width: 100%;
}
}
@media screen and (min-width: 768px) {
.head_sub_nav a:hover {
background-color: #333366;
color: #fff;
}
.head_sub_nav--profiles .head_sub_nav a:hover {
background: none;
color: #222;
opacity: .5;
}
}
.head_sub_nav a .img {
display: block;
width: 100%;
height: 134px;
margin-bottom: 12px;
background-position: center;
background-size: cover;
} .cta_tel {
margin-right: 16px !important;
}
.cta_tel a {
display: flex !important;
flex-direction: column;
justify-content: center;
}
.cta_tel .num {
font-size: 213%;
letter-spacing: .025em;
font-family: 'EB Garamond', serif;
}
.cta_tel .num i {
transform: translateY(-3px) rotate(14deg);
margin-right: 4px;
font-size: 68%;
vertical-align: middle;
}
.cta_tel small {
display: block;
margin-top: 8px;
font-size: 80%;
line-height: 1;
}
.cta_contact a {
display: flex;
align-items: center;
justify-content: center;
padding: 0 32px;
background-color: #333366;
color: #fff;
font-size: 98%;
}
.cta_contact a:hover {
background-color: #141438;
color: #fff !important;
}
.cta_contact a svg {
margin-right: 8px;
}
@media screen and (max-width: 1526px) {
.gnav--menu > li:not(:last-child) { margin-right: 20px; }
.cta_tel .num { font-size: 166%; }
}
@media screen and (max-width: 1280px) {
.gnav--menu > li:not(:last-child) { margin-right: 14px; }
.cta_tel { margin-right: 8px !important; }
.cta_tel .num { font-size: 140%; }
.cta_tel small {
margin-top: 5px;
font-size: 63%;
}
.cta_contact a { padding: 0 18px; }
}
@media screen and (max-width: 1135px) {
.gnav--menu li:not(.gnav--tel):not(.gnav--contact) .gnav--link { font-size: 84%; }
}
@media screen and (max-width: 767px) {
.gnav {
position: fixed;
top: 56px;
left: 0;
z-index: 300;
width: 100%;
height: 100%;
margin: 0;
padding: 24px 0 56px;
overflow: scroll;
background-color: #f8f8f8;
opacity: 0;
pointer-events: none;
transition: .4s ease-out;
-webkit-overflow-scrolling: touch;
}
.gnav.active {
opacity: 1;
pointer-events: auto;
}
.gnav--menu {
width: 100%;
}
.gnav--menu li {
position: relative;
display: block;
width: 100%;
border-bottom: 1px solid #ddd;
}
.gnav--menu > li:not(:last-child) { margin-right: 0; }
.gnav--menu .cta_tel {
margin-top: 24px;
margin-right: 0 !important;
border-bottom: none;
font-size: 140%;
}
.gnav--link {
display: block !important;
padding: 16px 42px;
text-align: left;
font-weight: bold;
font-size: 88%;
}
.gnav--menu > li:not(.cta_contact) .gnav--link::after { display: none; }
.gnav--menu > li:not(.cta_contact):not(.sub_nav-link):not(.gnav--tel) .gnav--link::before {
content: "";
position: absolute;
top: 0;
right: 42px;
bottom: 0;
margin: auto;
width: 8px;
height: 8px;
border-right: 1px solid;
border-bottom: 1px solid;
transform: rotate(-45deg);
}
.gnav--link:not([href="javascript:void(0);"]):hover {
color: #000;
background-color: #fff;
}
.gnav--menu .cta_tel a {
background-color: #fff;
font-weight: normal;
}
.gnav--menu .cta_contact { display: none; }
.gnav--menu .cta_contact a {
padding: 24px 18px;
text-align: center;
}
.head_sub_nav--wrap {
position: relative;
top: 0;
width: 100%;
margin: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
transition: none;
opacity: 1;
pointer-events: inherit;
display: none;
}
.sub_nav-link.active .head_sub_nav--wrap {
opacity: 1;
pointer-events: auto;
}
.gnav_sub_toggle {
position: absolute;
top: 0;
right: 0;
display: block;
width: 88px;
height: 46px;
}
.gnav_sub_toggle::before,
.gnav_sub_toggle::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 15px;
height: 1px;
background-color: #aaa;
transition: all .4s ease-out;
}
.gnav_sub_toggle::before {
transform: rotate(90deg);
}
.gnav_sub_toggle.active::before {
transform: rotate(0);
}
.head_sub_nav,
.head_sub_nav--profiles .head_sub_nav {
position: relative;
display: block;
width: 100%;
padding-bottom: 14px;
float: none;
}
.head_sub_nav--ttl { display: none; }
.head_sub_nav li {
margin-bottom: 0;
border-bottom: none;
}
.head_sub_nav li:not(:nth-child(3n)) { margin-right: 0; }
.head_sub_nav a,
.head_sub_nav--profiles .head_sub_nav .head_sub_nav--txt {
position: relative;
padding: 8px 0 8px 72px;
background-color: transparent;
text-align: left;
font-size: 86%;
}
.head_sub_nav--txt {
width: 100%;
margin-top: 0;
}
.head_sub_nav--txt .profiles_link::before {
margin-top: 0;
}
.head_sub_nav--profiles .head_sub_nav {
margin: 0;
}
.head_sub_nav a .img { display: none; }
.head_sub_nav a::after {
content: "";
position: absolute;
top: 0;
left: 56px;
bottom: 0;
margin: auto;
width: 6px;
height: 1px;
background-color: #aaa;
}
.gnav_btn {
position: fixed;
top: 0;
right: 0;
width: 56px;
height: 56px;
background-color: #336;
z-index: 9999;
}
.gnav_btn--lines {
position: relative;
width: 28px;
height: 20px;
}
.gnav_btn--lines span {
transition: all .4s;
box-sizing: border-box;
}
.gnav_btn--lines span {
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
}
.gnav_btn--lines span:nth-of-type(1) {
top: 0;
}
.gnav_btn--lines span:nth-of-type(2) {
top: 50%;
}
.gnav_btn--lines span:nth-of-type(3) {
bottom: 0;
}
.active .gnav_btn--lines span:nth-of-type(1) {
-webkit-transform: translateY(9px) rotate(-45deg);
transform: translateY(9px) rotate(-45deg);
}
.active .gnav_btn--lines span:nth-of-type(2) {
opacity: 0;
}
.active .gnav_btn--lines span:nth-of-type(3) {
-webkit-transform: translateY(-9px) rotate(45deg);
transform: translateY(-9px) rotate(45deg);
} .gnav_quick_menu {
padding-left: 24px;
padding-right: 24px;
margin-bottom: 24px;
}
.gnav_quick_menu .ttl {
background-color: #90939a;
text-align: center;
font-family: 'Amiko', sans-serif;
font-weight: 400;
color: #fff;
padding: 25px 0 20px;
line-height: 1;
}
.gnav_quick_menu--list {
display: flex;
flex-wrap: wrap;
}
.gnav_quick_menu--list li {
width: 100%;
border-top: 1px solid #fff;
}
.gnav_quick_menu--list li a {
position: relative;
display: block;
background-color: #90939a;
padding: 20px 18px;
color: #fff;
font-size: 86%;
}
.gnav_quick_menu--list li:not(.contact):not(.online) a::after {
content: "";
position: absolute;
top: 0;
right: 14px;
bottom: 0;
margin: auto;
width: 8px;
height: 8px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
transform: rotate(-45deg);
}
.gnav_quick_menu--list .contact,
.gnav_quick_menu--list .online {
width: 50%;
}
.gnav_quick_menu--list .contact a,
.gnav_quick_menu--list .online a {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
padding: 16px 18px;
letter-spacing: .03em;
text-align: center;
}
.gnav_quick_menu--list .contact a {
background-color: #333367;
color: #fff;
}
.gnav_quick_menu--list .online a {
background-color: #fff;
border: 1px solid;
color: #333367;
}
.gnav_quick_menu--list .contact span,
.gnav_quick_menu--list .online span {
display: block;
}
.gnav_quick_menu--list .contact span { margin-top: 14px; }
.gnav_quick_menu--list .online span {
margin-top: 5px;
line-height: 1.2;
}
.gnav_quick_menu--list .online a svg { fill: #333367; }
} @media only screen {
.header-sm {
position: fixed;
top: 0;
left: 0;
width: 100%;
animation: position .6s ease;
animation-fill-mode: forwards;
}
.header-sm .header--logo a {
width: auto;
height: 78px;
padding: 0 0 0 20px;
background-color: transparent;
}
.header-sm .logo1 { display: none; }
.header-sm .logo2 { display: block; }
}
@media screen and (max-width: 1624px) {
.header-sm .header--logo { width: 21%; }
.header-sm .gnav--menu > li:not(:last-child) { margin-right: 28px; }
.header-sm .cta_tel .num { font-size: 164%; }
}
@media screen and (max-width: 1440px) {
.header-sm .header--logo { width: 20%; }
.header-sm .header--logo a { padding: 0 0 0 10px; }
.header-sm .gnav--menu > li:not(:last-child) { margin-right: 18px; }
.header-sm .cta_tel { margin-right: 8px !important; }
.header-sm .cta_tel .num { font-size: 140%; }
.header-sm .cta_tel small {
margin-top: 5px;
font-size: 64%;
}
.header-sm .cta_contact a { padding: 0 18px; }
}
@media screen and (max-width: 1260px) {
.header-sm .gnav--menu > li:not(:last-child) { margin-right: 8px; }
}
@media screen and (max-width: 1184px) {
.header-sm .gnav--menu li:not(.gnav--tel):not(.gnav--contact) .gnav--link { font-size: 82%; }
}
@media screen and (max-width: 767px) {
.cta_tel .num { font-size: 202%; }
.cta_tel .num i { font-size: 61%; }
.cta_tel small { margin-top: 12px; }
} .page_top a {
position: relative;
display: block;
height: 80px;
background-color: #141438;
}
.page_top a::before {
content: "";
position: absolute;
top: 36px;
left: 0;
right: 0;
margin: auto;
width: 18px;
height: 18px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(-45deg);
}
.footer {
padding-top: 88px;
}
.footer--office_detail li:not(:last-child) {
margin-bottom: 24px;
}
.footer--office_detail h3 {
font-size: 110%;
}
@media screen and (max-width: 767px) {
.footer--office_detail {
margin-bottom: 24px;
text-align: center;
}
.footer--office_detail li:not(:last-child) {
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 2px dotted #ddd;
}
.footer--office_detail h3 {
font-size: 100%;
}
} .footer_nav li {
margin-right: 10px;
margin-bottom: 4px;
line-height: 1.5;
}
.footer_nav li a:not([href="javascript:void(0);"]):hover {
opacity: .5;
}
.foot_nav--list > ul:nth-child(1) { width: 20%; }
.foot_nav--list > ul:nth-child(2) { width: 60%; }
.foot_nav--list > ul:nth-child(3) { width: 20%; }
.foot_nav--list > ul > li > a {
display: inline-block;
margin-top: 8px;
margin-bottom: 4px;
color: #333366;
font-size: 110%;
font-weight: bold;
}
.footer_nav .sub_nav-link ul {
}
.footer_nav .sub_nav-link li {
margin-right: 1em;
}
.footer_nav .sub_nav-link li a {
position: relative;
padding-left: 1em;
text-decoration: underline;
}
.footer_nav .sub_nav-link.contents > a {
display: inline-block;
margin-bottom: 4px;
color: #333366;
font-weight: bold;
}
.footer_nav .sub_nav-link li a::before {
content: "-";
position: absolute;
top: 2px;
left: 0;
line-height: 1;
}
.footer_nav .sub_nav-link .sub_nav-link li a {
padding-left: 1.5em;
}
.footer_nav .sub_nav-link .sub_nav-link li a::before {
content: "--";
} .footer--sub_nav {
padding: 80px 0;
}
.footer--sub_nav_list li { line-height: 1; }
.footer--sub_nav_list li:first-child {
padding-right: 16px;
margin-right: 16px;
border-right: 1px solid;
}
.footer--sub_nav_list li a {
display: inline-block;
padding-bottom: 4px;
font-size: 80%;
}
.pbl {
margin-right: 16px;
text-align: center;
opacity: .5;
}
.pbl:hover {
opacity: 1;
}
@media screen and (max-width: 767px) {
.footer--sub_nav,
.footer--sub_nav.lg { padding: 30px 0 20px; }
.footer--sub_nav_list { margin-bottom: 8px; }
.copyright {
text-align: center;
font-size: 74%;
}
}  .hero {
position: relative;
background-color: #fff;
}
.hero--catch {
position: absolute;
top: 5%;
left: 0;
width: 100%;
color: #fff;
}
.hero--catch > .inner {
max-width: 62vw;
}
.hero--catch .catchś
.hero--catch .lead {
text-shadow: 0 0 18px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.6);
}
.hero--catch .catch {
margin-bottom: 20px;
font-size: 253%;
font-family: 'Noto Serif JP', serif;
font-weight: 400;
letter-spacing: .1em;
opacity: 0;
transform: translateY(8px);
animation: slidein .5s ease;
animation-fill-mode:forwards;
animation-delay: 1s;
}
.hero--catch .lead {
opacity: 0;
transform: translateY(8px);
animation: slidein .5s ease;
animation-fill-mode:forwards;
animation-delay: 1.5s;
font-size: 93.3%;
}
.hero--catch .lead a {
color: #fff;
text-decoration: underline;
}
.hero--catch .lead a:hover {
opacity: .5;
}
.quick_menu {
position: absolute;
right: 3.2%;
bottom: 0;
max-width: 1282px;
width: 100%;
background-color: rgba(46,54,66,.5);
color: #fff;
opacity: 0;
transform: translateY(8px);
animation: slidein .5s ease;
animation-fill-mode:forwards;
animation-delay: 2s;
}
.quick_menu--top {
padding: 44px 40px 34px 80px;
border-bottom: 1px solid #c3c4c8;
}
.quick_menu--ttl {
margin-right: 48px;
font-size: 160%;
text-align: center;
letter-spacing: .15em;
line-height: 1.3;
font-family: 'Amiko', sans-serif;
font-weight: 400;
}
.quick_menu--btns,
.quick_menu--links li {
flex: 1;
}
.quick_menu--btns .btn {
margin-top: 0;
margin-bottom: 0;
}
.quick_menu--btns .btn a {
display: flex;
align-items: center;
justify-content: center;
max-width: none;
}
.quick_menu--btns .btn.online a {
background-color: #fff;
color: #333366;
}
.quick_menu--btns .btn a svg:not(.circle) { margin-right: 8px; }
.quick_menu--btns .btn.online a svg:not(.circle) { fill: #333366; }
.quick_menu--btns .btn.online a svg.circle { stroke: #333366; }
.quick_menu--links li:not(:last-child) { border-right: 1px solid #c3c4c8; }
.quick_menu--links li a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 72px;
color: #fff;
font-size: 107%;
}
.quick_menu--links li a::after {
content: "";
position: absolute;
top: 0;
right: 14px;
bottom: 0;
margin: auto;
width: 8px;
height: 8px;
border-right: 1px solid;
border-bottom: 1px solid;
transform: rotate(-45deg);
}
.quick_menu--links li a:hover {
background-color: rgba(46,54,66,.5);
}
.hero_slide {
width: 100%;
max-width: 1783px;
margin: auto;
opacity: 0;
animation: fadein 1.5s ease;
animation-fill-mode:forwards;
animation-delay: .5s;
}
.hero_slide.pc-none { display: none; }
.hero_slide::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 655px;
height: 650px;
opacity: .3;
background-position: top left;
background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/deco_mark.png);
}
.hero_slide li {
height: 880px;
background-position: center;
background-size: cover;
}
.hero .deco_scroll {
position: absolute;
left: 5%;
bottom: 0;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
color: #fff;
letter-spacing: .2em;
font-family: 'Amiko', sans-serif;
font-weight: 400;
}
.hero .deco_scroll span {
position: relative;
display: inline-block;
width: 3px;
height: 80px;
margin-top: 8px;
overflow: hidden;
}
.hero .deco_scroll span::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 1px;
height: 100%;
background-color: #fff;
}
.hero .deco_scroll span::before {
content: "";
position: absolute;
top: -30px;
left: 0;
width: 3px;
height: 30px;
background-color: #fff;
animation: scroll 1s linear infinite;
}
@media screen and (max-width: 1782px) {
.quick_menu { right: 0; }
.hero .deco_scroll { left: 1.5%; }
.hero .copyright {
padding-bottom: 100px;
color: #999;
}
}
@media screen and (max-width: 1366px) {
.quick_menu--top { padding: 44px 2% 34px 4%; }
.quick_menu--ttl { margin-right: 28px; }
.hero .deco_scroll { display: none; }
}
@media screen and (max-width: 767px) {
.hero_slide.pc-none { display: block; }
.hero_slide.sp-none { display: none; }
.hero--catch {
top: unset;
bottom: 5%;
}
.hero--catch .catch {
margin-bottom: 16px;
font-size: 5.5vw;
}
.hero--catch > .inner {
max-width: unset;
}
.hero--catch .lead {
font-size: 3.25vw;
text-align: left;
}
.hero--catch .lead br,
.quick_menu { display: none; }
.hero_slide::after {
width: 60%;
height: 220px;
background-size: 110% auto;
}
.hero_slide li { height: 540px; }
.hero_slide .slide1 { background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/hero_img3_sp.jpg); }
.hero_slide .slide2 { background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/hero_img2_sp.jpg); }
.hero_slide .slide3 { background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/hero_img1_sp.jpg); }
} .home_service {
position: relative;
padding: 80px 0 144px;
background-color: #fff;
}
.home_service::before,
.home_service::after {
content: "";
position: absolute;
top: 0;
right: 0;
}
.home_service::before {
width: 86%;
height: 100%;
background-color: #f1f1f1;
}
.home_service::after {
width: 716px;
height: 435px;
background-position: bottom left;
background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/deco_mark.png);
}
.home_service .inner {
position: relative;
z-index: 1;
}
.home_service--desc { margin-bottom: 72px; }
.home_service--desc p:not(.btn-en) {
flex: 1;
margin-right: 36px;
}
.home_service--content { width: 84%; }
.home_service--content::after {
content: "";
position: absolute;
right: -4.2%;
bottom: -152px;
width: 92%;
height: 9vw;
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom right;
background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/txt_shobu_lpc.png);
}
.home_service--contents li { counter-increment: num; }
.home_service--contents li a { display: block; }
.home_service--contents li a:hover { opacity: .7; }
.home_service--contents li .img {
width: 100%;
padding-bottom: 70%;
background-position: center;
background-size: cover;
margin-bottom: 24px;
}
.home_service--contents li:nth-child(1) .img { background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/home_service_img1.jpg); }
.home_service--contents li:nth-child(2) .img { background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/home_service_img2.jpg); }
.home_service--contents li:nth-child(3) .img { background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/home_service_img3.jpg); }
.home_service--contents li:nth-child(4) .img { background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/home_service_img4.jpg); }
.home_service--contents li:nth-child(5) .img { background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/home_service_img5.jpg); }
.home_service--contents li:nth-child(6) .img { background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/home_service_img6.jpg); }
.home_service--contents li .ttl {
position: relative;
padding-left: 94px;
}
.home_service--contents li .ttl::before {
content: '0'counter(num);
position: absolute;
top: 0;
left: 0;
height: 100%;
padding-right: 22px;
border-right: 1px solid;
font-family: 'EB Garamond', serif;
color: #ad9d8f;
font-size: 266%;
line-height: 1;
}
.home_service--contents li .ttl span {
display: block;
letter-spacing: .15em;
}
.home_service--contents li .ttl .jp {
margin-bottom: 8px;
font-size: 133%;
font-weight: 500;
}
.home_service--contents li .ttl .en {
color: #ad9d8f;
font-size: 80%;
font-family: 'Amiko', sans-serif;
font-weight: 400;
}
.home_service--lead {
width: 70%;
margin-right: 10%;
}
.home_service--lead a {
text-decoration: underline !important;
background: none !important;
}
@media screen and (max-width: 1140px) {
.home_service--desc {
display: block;
margin-bottom: 40px;
}
.home_service--desc .btn-en {
padding-top: 16px;
text-align: left;
}
}
@media screen and (max-width: 767px) {
.home_service {
padding: 44px 0;
}
.home_service::after { display: none; }
.home_service .section_ttl {
margin-bottom: 24px;
}
.home_service--desc {
margin-bottom: 40px;
}
.home_service--desc p:not(.btn-en) {
margin-right: 0;
margin-bottom: 18px;
}
.home_service--desc .btn-en a svg {
top: 9px;
}
.home_service--content { width: 100%; }
.home_service--content::after { display: none; }
.home_service--contents li:not(:last-child) { margin-bottom: 24px; }
.home_service--contents li .img { margin-bottom: 12px; }
.home_service--contents li .ttl { padding-left: 68px; }
.home_service--contents li .ttl::before {
padding-right: 10px;
font-size: 213%;
}
.home_service--contents li .ttl .jp { font-size: 4.5vw; }
.home_service--lead {
width: 100%;
margin: 0 auto 48px;
}
} .home_message {
background-color: #fff;
}
.home_message .inner {
max-width: 1380px;
}
.home_message--catch {
margin-right: 5%;
font-size: 266%;
font-family: 'Noto Serif JP', serif;
font-weight: 400;
letter-spacing: .075em;
}
.home_message .txt p:not(.btn-en) {
flex: 1;
width: 100%;
max-width: 660px;
font-size: 133%;
}
@media screen and (max-width: 1296px) {
.home_message--catch { font-size: 236%; }
.home_message .txt { flex: 1; }
}
@media screen and (max-width: 1080px) {
.home_message .btn-en a .pc-none {
display: block;
}
.home_message .btn-en a svg {
top: 13px;
}
}
@media screen and (max-width: 767px) {
.home_message--catch {
margin-right: 0;
margin-bottom: 16px;
font-size: 7.5vw;
}
.home_message .txt p:not(.btn-en) { font-size: 107%; }
.home_message .btn-en a svg {
top: 9px;
}
} .home_about {
padding-bottom: 40px !important;
position: relative;
}
.home_about::before {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 91%;
height: 472px;
background-color: #141438;
}
.home_about--img {
height: 860px;
background-position: center;
background-size: cover;
background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/home_about_img.jpg);
}
.home_about--content {
position: relative;
margin-top: -377px;
color: #fff;
}
.home_about--content .btns {
width: 880px;
margin-left: auto;
margin-right: auto;
}
.home_about--content .btn { margin-top: 0; }
.home_about--content .btn a { max-width: none; }
.home_about--content .btn a:hover {
background-color: #fff;
color: #333366;
}
.home_about--content .btn a:not([target="_blank"]):not([href$=".pdf"]):hover svg {
stroke: #333366;
}
@media screen and (max-width: 1340px) {
.home_about::before { width: 100%; }
}
@media screen and (max-width: 767px) {
.home_about::before { display: none; }
.home_about--img { height: 510px; }
.home_about--content {
width: 100%;
padding: 40px 5%;
background-color: #141438;
margin-top: -240px;
}
.home_about--content .btns { width: 100%; }
} .home_point {
position: relative;
z-index: 1;
}
.home_point .inner {
position: relative;
z-index: 1;
background-color: #fff;
padding: 72px 4%;
}
.home_point--contents > li {
width: 33.22%;
}
.home_point--contents .img {
height: 330px;
background-position: center;
background-size: cover;
}
.home_point--contents li:nth-child(1) .img { background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/home_point_img1.jpg); }
.home_point--contents li:nth-child(2) .img { background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/home_point_img2.jpg); }
.home_point--contents li:nth-child(3) .img { background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/home_point_img3.jpg); }
.home_point--contents .txt { padding: 28px 28px 0; }
.home_point--contents .ttl {
position: relative;
padding-bottom: 28px;
margin-bottom: 28px;
}
.home_point--contents .ttl::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 80px;
height: 1px;
background-color: #ad9d8f;
}
.home_point--contents .ttl span {
display: block;
text-align: center;
}
.home_point--contents .ttl .jp {
margin-bottom: 14px;
font-family: 'Noto Serif JP', serif;
font-weight: 400;
font-size: 213%;
letter-spacing: .075em;
}
.home_point--contents .ttl .en {
color: #ad9d8f;
font-size: 107%;
letter-spacing: .2em;
font-family: 'Amiko', sans-serif;
font-weight: 400;
}
.home_point--contents .txt .list {
padding-left: 1em;
}
.home_point--contents .txt .list li {
list-style-type: disc;
line-height: 1.35;
letter-spacing: .075em;
}
.home_point--contents .txt .list li::marker {
color: #ad9d8f;
}
.home_point--contents .txt .list li:not(:last-child) {
margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
.home_point { padding-top: 0; }
.home_point .inner {
background-color: #fff;
max-width: 100%;
width: 100%;
padding: 46px 6% 30px;
}
.home_point--contents > li { width: 100%; }
.home_point--contents > li:not(:last-child) { margin-bottom: 24px; }
.home_point--contents .img {
height: 220px;
margin-bottom: 12px;
}
.home_point--contents .txt { padding: 0; }
.home_point--contents .ttl {
padding-bottom: 14px;
margin-bottom: 18px;
}
.home_point--contents .ttl .jp {
margin-bottom: 4px;
font-size: 193%;
}
.home_point--contents .ttl .en {
font-size: 87%;
letter-spacing: .15em;
}
} .home_lawyers {
position: relative;
margin-bottom: 88px;
}
.home_lawyers::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 90%;
height: 100%;
background-color: #fff;
}
.home_lawyers::after {
content: "";
position: absolute;
left: 3%;
bottom: 290px;
width: 138px;
height: 1087px;
background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/txt_lawyer.png);
}
.home_lawyers .inner {
position: relative;
z-index: 2;
width: 94%;
max-width: 94%;
margin-left: auto;
margin-right: 0;
}
.home_lawyers--contents {
flex: 1;
overflow: hidden;
margin-left: 76px;
}
#home_lawyers_slide {
position: relative;
width: 480px;
}
#home_lawyers_slide .slick-list { overflow: visible !important; }
#home_lawyers_slide .slick-slide { margin-right: 56px; }
.home_lawyers .arrows {
position: absolute;
left: 298px;
display: flex;
top: 50%;
transform: translateY(-50%);
width: 1472px;
justify-content: space-between;
pointer-events: none;
}
.home_lawyers .slick-arrow {
position: relative;
display: block;
width: 75px;
height: 75px;
border: none;
background-color: #333368;
font-size: 0;
outline: 0;
transition: all .4s ease-out;
pointer-events: all;
cursor: pointer;
}
.home_lawyers .slick-arrow::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 22px;
height: 6px;
border-bottom: 1px solid #fff;
border-right: 2px solid #fff;
transition: all .2s ease-out;
transform: skewX(40deg);
}
.home_lawyers .slick-arrow:hover {
background-color: #141438;
}
.home_lawyers .slick-prev { margin-right: 2px; }
.home_lawyers .slick-prev::before {
border-left: 2px solid #fff;
border-right: none;
transform: skewX(-40deg);
}
.home_lawyers .posts-lawyers .img {
width: 100%;
height: 488px;
}
@media screen and (max-width: 1880px) {
.home_lawyers .arrows{
width: 992px;
}
}
@media screen and (max-width: 1370px) {
.home_lawyers .arrows{
width: 512px;
}
}
@media screen and (max-width: 767px) {
.home_lawyers { margin-bottom: 68px; }
.home_lawyers::after { display: none; }
.home_lawyers .section_ttl { margin-bottom: 24px; }
.home_lawyers--contents { margin-left: 24px; }
#home_lawyers_slide { width: 88%; }
#home_lawyers_slide .slick-slide {
margin-right: 24px;
}
.home_lawyers .posts-lawyers .img {
width: 100%;
height: auto;
}
.home_lawyers .arrows {
left: 2px;
width: 88%;
top: calc(50% + 44px);
}
.home_lawyers .slick-arrow {
width: 56px;
height: 56px;
}
} .home_publications { position: relative; }
.home_publications::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 91%;
height: 100%;
background-color: #fff;
}
.home_publications .inner {
position: relative;
max-width: 1380px;
}
.home_publications .img {
width: 780px;
height: 552px;
background-position: center;
background-size: cover;
background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/home_publications_img.jpg);
}
.home_publications .txt {
flex: 1;
padding-left: 6%;
}
@media screen and (max-width: 1800px) {
.home_publications::before { width: 98%; }
}
@media screen and (max-width: 1551px) {
.home_publications .img { width: 54%; }
.home_publications .txt { padding-left: 5%; }
}
@media screen and (max-width: 1195px) {
.home_publications .btn-en a .pc-none {
display: block;
}
.home_publications .btn-en a svg {
top: 13px;
}
}
@media screen and (max-width: 767px) {
.home_publications .img {
width: 100%;
height: 230px;
margin-bottom: 16px;
}
.home_publications .txt { padding-left: 0; }
.home_publications .section_ttl { margin-bottom: 24px; }
.home_publications .btn-en a svg {
top: 9px
}
} .home_topics {
margin-top: 88px;
background-color: #fff;
}
.home_topics .posts-topics {
flex: 1;
margin-left: 10%;
}
.home_topics .tab_group{
display: flex;
justify-content: center;
margin-left: 10%;
}
.home_topics .tab_group--list{
flex-grow: 1;
padding: 8px;
list-style: none;
border: 1px solid #dedede;
text-align: center;
cursor: pointer;
}
.home_topics .home_topics_tab {
flex: 1;
margin-left: 10%;
}
.home_topics .tab_content--list{
display:none;
}
.home_topics .tab_group--list.is-active{
background-color: #333366;
color:#fff;
transition: all 0.2s ease-out;
}
.home_topics .tab_content--list.is-show{
display: block;
}
@media screen and (max-width: 767px) {
.home_topics { margin-top: 62px; }
.home_topics .section_ttl .en { margin-bottom: 0; }
.home_topics .section_ttl .btn-en { display: none; }
.home_topics .posts-topics {
margin-left: 0;
margin-bottom: 44px;
}
.home_topics .tab_group {
margin-left: 0;
}
.home_topics .tab_group--list {
width: 50%;
padding: 4px;
}
.home_topics .home_topics_tab {
margin-left: 0;
}
}  #calculation input[type="text"] {
width: 300px;
height: 40px;
font-size: 107%;
text-align: center;
border-radius: 4px;
border: 1px solid #aaa;
margin-right: 8px;
}
@media screen and (max-width: 767px) {
#calculation input[type="text"] { width: 84%; }
#calculation input[name="X"] { margin-bottom: 8px; }
} .page-individual #parts_child_03-column_07 .btn a {
display: inline-block;
width: auto;
max-width: none;
} .page-recruit .lps_sec:first-child {
margin-top: 80px;
}
@media screen and (max-width: 767px) {
.page-recruit .lps_sec:first-child {
margin-top: 40px;
padding-top: 40px !important;
}
} .sitemap--list:not(:last-child) {
margin-right: 36px;
}
.sitemap--list a {
position: relative;
display: inline-block;
font-size: 107%;
}
.sitemap--list a:hover {
text-decoration: underline;
}
.sitemap--list > li:not(:last-child) {
margin-bottom: 12px;
}
.sitemap--list_child {
margin-top: 6px;
}
.sitemap--list_child li a {
padding-left: 24px;
}
.sitemap--list_child li a::before {
content: "";
position: absolute;
top: 15px;
left: 0;
width: 16px;
height: 1px;
background-color: #aaa;
} .page-contact .cta_tel a {
display: inline-block !important;
margin-bottom: 40px;
padding: 20px 64px;
width: 80%;
background-color: #333366;
color: #fff;
line-height: 1;
}
.page-contact #contact {
margin-top: -120px;
margin-bottom: 0;
padding-top: 0;
}
@media screen and (max-width: 767px) {
.page-contact #contact { margin-top: -46px; }
.page-contact .cta_tel a {
width: 100%;
padding: 20px 34px;
text-align: center;
}
.page-contact .cta_tel a .num {
display: block;
margin-bottom: 10px;
font-size: 170%;
}
.page-contact .cta_tel a small { font-size: 88%; }
} .page-access .lps_parts--img_text .btn a {
max-width: 400px;
}
.page-access .page_related {
display: none;
}
.access_list:not(:first-of-type) {
display: none;
}
.access_list .content {
position: relative;
display: grid;
gap: 2rem;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.access_list .content:not(:last-of-type) {
padding-bottom: 2rem;
}
.access_list .content::before {
content: "";
position: absolute;
top: 0;
left: 25%;
bottom: 0;
height: 100%;
border-right: 2px solid #333366;
}
.access_list .content .img {
position: relative;
z-index: 10;
cursor: pointer;
}
.access_list .content .icn,
#modal .icn {
position: absolute;
top: 6px;
left: 6px;
z-index: 999;
display: block;
width: 1.5em;
aspect-ratio: 1 / 1;
border-radius: 50%;
border: solid 2px #fff;
pointer-events: none;
}
#modal .icn {
top: 2em;
left: 3em;
transform: scale(2,2) rotate(45deg);
}
.access_list .content .icn::before,
.access_list .content .icn::after,
#modal .icn::before,
#modal .icn::after {
content: "";
position: absolute;
inset: 0;
margin: auto;
display: block;
width: 60%;
height: 2px;
background-color: #fff;
}
.access_list .content .icn::before,
#modal .icn::before { transform:rotate(90deg); } #modal {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 9999999999999;
width: 100%;
max-width: 100% !important;
height: 100%;
background: rgba(0, 0, 0, 0.8);
cursor: pointer;
}
#modal img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 90%;
max-height: 90%;
height: 90%;
object-fit: contain;
}
@media screen and (max-width: 767px) {
.access_sec {
margin-top: 120px !important;
}
.access_list .content {
gap: .5rem;
grid-template-columns: 1fr;
font-size: 86%;
}
.access_list .content:not(:last-of-type) {
padding-bottom: 1.5rem;
}
.access_list .content::before {
display: none;
}
#modal .icn {
top: 3%;
left: 3%;
transform: scale(1.5,1.5) rotate(45deg);
}
} .archive:not(.archive-profiles) .lps_sec:not(.bg_color):not(.bg_white_center):not(.bg_normal)::before {
width: 65%;
}
.archive:not(.archive-profiles) .lps_sec:first-child {
padding-top: 0 !important;
margin-bottom: 0;
}
.archive:not(.archive-profiles) .lps_sec:first-child > *:first-child { margin-top: 0; } .main_column {
flex: 1;
margin-left: 46px;
overflow: hidden;
padding: 32px 64px 48px;
background-color: #fff;
} .post { position: relative; }
.post--link::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.post--date {
color: #aaa;
font-size: 85%;
}
.cat_list {
position: relative;
z-index: 1;
overflow: hidden;
}
.cat_list a,
.cat_list span {
display: inline-block;
vertical-align: middle;
padding: 6px 32px;
border-radius: 2px;
float: left;
margin-right: 4px;
margin-bottom: 4px;
border: 1px solid;
white-space: nowrap;
font-size: 79%;
color: #ad9d8f;
line-height: 1;
}
.cat_list a:hover {
background-color: #ad9d8f;
border-color: #ad9d8f;
color: #fff;
}
.post .post--img {
border-radius: 3px;
}
.no-image {
background-size: 80% auto!important;
background-repeat: no-repeat;
background-position: center;
background-color: #eee;
}
@media screen and (max-width: 1100px) {
.main_column {
flex: auto;
width: 100%;
padding: 0;
margin-left: 0;
margin-bottom: 40px;
}
.cat_list a,
.cat_list span {
padding: 4px 24px;
font-size: 73%;
}
} .side_column {
padding: 48px 0;
width: 264px;
}
.side_section:not(:last-child) { margin-bottom: 64px; }
.side--ttl {
margin-bottom: 16px;
padding-top: 4px;
padding-left: 18px;
padding-bottom: 2px;
border-left: 1px solid;
font-size: 153%;
letter-spacing: .1em;
line-height: 1;
}
.side--ttl small {
display: block;
margin-top: 8px;
font-size: 62%;
opacity: .5;
line-height: 1;
letter-spacing: .08em;
font-weight: 400;
font-family: 'Amiko', sans-serif;
} .posts-side .post:not(:last-child) { margin-bottom: 16px; }
.posts-side .post--img {
margin-right: 16px;
border-radius: 3px;
width: 64px;
height: 64px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.posts-side .txtarea { flex: 1; }
.posts-side .post--date { margin-bottom: 0; }
.posts-side .post--ttl { line-height: 1.4; } .side_column .archive_list--ttl {
cursor: pointer;
}
.side_column .side--list-archive li a {
position: relative;
display: block;
}
.side_column .side--list-archive li a::after {
content: '';
position: absolute;
top: 11px;
right: 0;
display: block;
width: 8px;
height: 8px;
margin-right: 8px;
border-top: 1px solid;
border-right: 1px solid;
transform: rotate(45deg);
transition: .4s ease-out;
} .side--list li { position: relative; }
.side--list > li {
border-bottom: 1px solid #ddd;
padding-top: 12px;
padding-left: 8px;
padding-bottom: 14px;
}
.side--list .open {
position: absolute;
top: 5px;
right: 0;
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #555;
border-radius: 50%;
cursor: pointer;
}
.side--list .open::before,
.side--list .open::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 62%;
height: 1px;
background-color: #555;
transition: all .4s ease-out;
}
.side--list .open::after { transform: rotate(90deg); }
.side--list .open.close::after { transform: rotate(0); }
.side--list a {
position: relative;
display: block;
}
.side--list a:hover {
text-decoration: underline;
}
.side--list .post_child {
margin-top: 4px;
margin-left: 16px;
}
.side--list .post_child > li > a {
padding-left: 14px;
}
.side--list .post_child > li > a::before {
content: "";
position: absolute;
top: 12px;
left: 0;
width: 6px;
height: 6px;
border-right: 1px solid #333366;
border-bottom: 1px solid #333366;
transform: rotate(-45deg);
}
.side--list .post_grandson {
display: none;
margin-left: 14px;
margin-bottom: 4px;
}
.side--list .post_grandson > li > a {
padding-left: 16px;
}
.side--list .post_grandson > li > a::before {
content: "";
position: absolute;
top: 15px;
left: 0;
width: 6px;
border-bottom: 1px solid #333366;
}
@media screen and (max-width: 1100px) {
.side_column {
width: 100%;
padding: 0 0 46px;
}
}
@media screen and (max-width: 767px) {
.side--list .open { top: 4px; }
.side--list .post_child > li > a::before { top: 10px; }
.side--list .post_grandson > li > a::before { top: 12px; }
} .archive-pulldown {
position: relative;
margin-left: auto;
z-index: 1;
}
.archive-pulldown .archive_list {
position: relative;
font-size: 92%;
}
.archive-pulldown .archive_list:not(:last-child) { margin-right: 24px; }
.archive-pulldown .archive_list a {
display: block;
padding: 2px 16px;
text-align: left;
}
.archive-pulldown .archive_list a:not(:last-child) { border-bottom: 1px solid #eee; }
.archive-pulldown .archive_list--label { margin-right: 8px; }
.archive-pulldown .archive_list--btn {
cursor: pointer;
border: none;
outline: none;
appearance: none;
padding: 8px 54px 8px 32px;
background-color: #fff;
border: 1px solid #ccc;
}
.archive-pulldown .archive_list--btn::after {
content: '';
position: absolute;
top: 9px;
right: 10px;
display: block;
width: 10px;
height: 10px;
border-bottom: 2px solid #333;
border-right: 2px solid #333;
transform: rotate(45deg);
transition: .2s ease-out;
transform-origin: 50% 50%;
}
.archive-pulldown .active .archive_list--btn::after {
top: 14px;
transform: rotate(225deg);
}
.archive-pulldown .archive_list--menu {
position: absolute;
z-index: 1;
width: 100%;
background-color: #fff;
border: 1px solid #ccc;
visibility: hidden;
margin-top: -1px;
opacity: 0;
transition: .2s ease-out;
}
.archive-pulldown .active .archive_list--menu {
visibility: visible;
opacity: 1;
}  .news--archive {
padding-top: 20px;
padding-bottom: 20px;
background-color: #111;
}
.news--archive li {
margin-left: 8px;
margin-right: 8px;
}
.news--archive a {
color: #fff;
} .posts-topics .post {
padding-bottom: 32px;
padding-top: 32px;
margin-bottom: 0;
border-bottom: 1px solid #dedede;
font-size: 107%;
}
.posts-topics .post:first-child { padding-top: 0; }
.posts-topics .post--date,
.topics--info .post--date {
margin-right: 24px;
color: #ad9d8f;
font-size: 120%;
font-family: 'Amiko', sans-serif;
}
.posts-topics a[href="javascript:void(0);"],
.posts-topics a[href="javascript:void(0);"]::before {
color: inherit;
cursor: inherit;
opacity: 1;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.posts-topics-wrap { flex-direction: column-reverse; }
.posts-topics .post { display: block; }
.posts-topics .post .post--ttl {
line-height: 1.6;
font-size: 93%;
}
.posts-topics .post--date { display: inline-block; }
.posts-topics .post--date,
.topics--info .post--date {
font-size: 100%;
}
} .posts-lawyers .img {
position: relative;
width: 100%;
padding-top: 118%;
overflow: hidden;
}
.posts-lawyers .eyecatch {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: all .4s ease-out;
}
.posts-lawyers a:hover .eyecatch {
filter: grayscale(100%) blur(6px);
}
.posts-lawyers .img .name {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: rgba(0,0,0,.6);
transition: all .4s ease-out;
font-weight: 500;
opacity: 0;
}
.posts-lawyers .post a:hover .name {
opacity: 1;
}
.posts-lawyers .img .name::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 28%;
margin: auto;
width: 38px;
height: 6px;
border-bottom: 1px solid #ad9d8f;
border-right: 2px solid #ad9d8f;
transform: skewX(40deg);
}
.posts-lawyers .img .name span {
display: block;
}
.posts-lawyers .img .name .jp {
margin-bottom: 8px;
color: #fff;
font-size: 213%;
letter-spacing: .15em;
}
.posts-lawyers .img .name .en {
font-size: 107%;
letter-spacing: .2em;
color: #ad9d8f;
font-weight: 400;
font-family: 'Amiko', sans-serif;
}
.posts-lawyers .img .name .hiragana {
font-size: 107%;
letter-spacing: .2em;
color: #ad9d8f;
font-weight: 400;
margin-top: 5px;
}
@media screen and (max-width: 767px) {
.posts-lawyers .img .name .jp {
font-size: 133%;
letter-spacing: .08em;
}
.posts-lawyers .img .name .en,
.posts-lawyers .img .name .hiragana {
font-size: 67%;
letter-spacing: .1em;
}
} .posts-contents .post {
padding: 40px;
border-bottom: 1px solid #ddd;
}
.posts-contents .post a:hover {
text-decoration: underline;
}
.posts-contents .post .post_parent {
margin-bottom: 18px;
}
.posts-contents .post .post_parent a {
font-size: 200%;
color: #333666;
}
.posts-contents .post .post_child > li {
margin-top: 16px;
}
.posts-contents .post .post_child > li:not(:last-child) {
padding-bottom: 18px;
border-bottom: 2px dotted #ddd;
}
.posts-contents .post .post_child > li > a {
position: relative;
display: inline-block;
padding-left: 28px;
font-size: 140%;
}
.posts-contents .post .post_child > li > a::before,
.posts-contents .post .post_child > li > a::after {
content: "";
position: absolute;
}
.posts-contents .post .post_child > li > a::before {
top: 10px;
left: 0;
width: 22px;
height: 22px;
border-radius: 50%;
border: 1px solid;
}
.posts-contents .post .post_child > li > a::after {
top: 18px;
left: 7px;
width: 6px;
height: 6px;
border-right: 1px solid;
border-bottom: 1px solid;
transform: rotate(-45deg);
}
.posts-contents .post .post_grandson {
padding-left: 32px;
}
.posts-contents .post .post_grandson li {
width: 18%;
margin-top: 8px;
font-size: 120%;
}
.posts-contents .post .post_grandson li:not(:nth-child(5n)) {
margin-right: 2%;
}
.posts-contents .post .post_grandson li a {
position: relative;
display: block;
padding-left: 18px;
line-height: 1.35;
}
.posts-contents .post .post_grandson li a::before {
content: "";
position: absolute;
top: 11px;
left: 0;
width: 8px;
border-bottom: 1px solid;
}
@media screen and (max-width: 767px) {
.posts-contents .post { padding: 28px 16px; }
.posts-contents .post .post_parent a { font-size: 140%; }
.posts-contents .post .post_child > li > a {
padding-left: 24px;
font-size: 108%;
}
.posts-contents .post .post_child > li > a::before {
top: 5px;
width: 18px;
height: 18px;
}
.posts-contents .post .post_child > li > a::after {
top: 11px;
left: 5px;
}
.posts-contents .post .post_grandson {
padding-left: 27px;
}
.posts-contents .post .post_grandson li {
width: 100%;
font-size: 93%;
}
.posts-contents .post .post_grandson li:not(:nth-child(5n)) { margin-right: 0; }
} .posts-publications .post {
padding: 32px;
margin-bottom: 0;
border-bottom: 1px solid #dedede;
}
.posts-publications .post:first-child {
padding-top: 0;
}
.posts-publications .post .ttl-03 { position: static; }
.posts-publications .post a:hover {
color: #492960;
text-decoration: underline;
}
@media screen and (max-width: 767px) {
.posts-publications .post {
padding: 32px 0;
border-bottom: 1px solid #aaa;
}
} .single:not(.single-profiles) .lps_sec:not(.bg_color):not(.bg_white_center):not(.bg_normal)::before {
width: 65%;
}
.single:not(.single-profiles) .lps_sec:first-child {
padding-top: 0 !important;
margin-bottom: 0;
}
.single:not(.single-profiles) .lps_sec:first-child > *:first-child { margin-top: 0; } #pass p {
margin-bottom: 1em;
}
#pass input[name="post_password"] {
padding: 5px;
border: solid 1px #aaa;
outline: none;
}
#pass input[type="submit"] {
padding: 4px 16px;
letter-spacing: .15em;
background-color: #ddd;
border-radius: 4px;
outline: none;
border: none;
cursor: pointer;
transition: all .4s ease-out;
}
#pass input[type="submit"]:hover {
opacity: .7;
} .profiles--info .txt {
flex: 1;
margin-left: 64px;
}
.profiles--info .name {
margin-bottom: 32px;
}
.profiles--info .name span {
display: block;
letter-spacing: .15em;
}
.profiles--info .name .jp {
margin-bottom: 8px;
font-size: 200%;
}
.profiles--info .name .en {
font-size: 93%;
color: #ad9d8f;
font-weight: 400;
font-family: 'Amiko', sans-serif;
}
.head_sub_nav .profiles_link_wrap {
min-width: 250px;
}
.head_sub_nav .profiles_link {
padding: 0;
text-align: left;
background: none;
display: flex;
align-items: center;
}
.head_sub_nav .profiles_link span{
font-size: 80%;
margin-left: 8px;
}
.main_field {
padding: 40px;
background-color: #f8f8f8;
}
.main_field .ttl {
margin-bottom: 14px;
font-size: 120%;
line-height: 1.2;
}
.main_field .list,
.profiles--writing .list {
padding-left: 1.3em;
}
.main_field .list li,
.profiles--writing .list li {
list-style-type: disc;
}
.main_field .list li a,
.profiles--writing .list li a {
text-decoration: underline;
color: #333366;
}
.profiles--writing { background-color: #fff; }
.profiles_list {
margin-bottom: 8px;
line-height: 1.4em;
width: 40%;
}
.profiles_link::before {
display: inline-block;
content: "";
margin-top: 3px;
margin-right: 8px;
width: 10px;
height: 10px;
vertical-align: top;
border-radius: 5px;
background-color: #333366;
}
@media screen and (max-width: 1200px) {
.head_sub_nav .profiles_link_wrap{
min-width: 230px;
}
}
@media screen and (max-width: 767px) {
.profiles--info { width: 80%; }
.profiles--info .txt {
margin-top: 18px;
margin-left: 0;
}
.profiles--info .name {
margin-bottom: 18px;
text-align: center;
}
.profiles--info .name .jp { font-size: 188%; }
.profiles--info .name .en { font-size: 84%; }
.main_field { padding: 28px; }
.main_field .ttl {
margin-bottom: 8px;
font-size: 113%;
}
.head_sub_nav .profiles_link_wrap {
min-width: 100%;
width: 100%;
box-sizing: border-box;
}
.head_sub_nav .profiles_link_wrap a{
font-size: 100%;
}
} .contents--info .ttl-02 { text-align: left; }
.related_contents { margin-top: 40px; }
.related_contents .btn { margin-top: 0; }
.related_contents .btn  a { font-size: 121%; }
@media screen and (max-width: 767px) {
.post-contents-wrap { flex-direction: column-reverse; }
} .posts-publications .post .img,
.publications_detail .img {
margin-right: 32px;
}
.posts-publications .post .txt,
.publications_detail .txt {
flex: 1;
}
.posts-publications .post .txt .table,
.publications_detail--table {
width: 100%;
}
.posts-publications .post .txt .table th,
.posts-publications .post .txt .table td,
.publications_detail--table th,
.publications_detail--table td {
padding: 12px 16px;
line-height: 1.4;
letter-spacing: .075em;
vertical-align: middle;
border: 1px solid #ddd;
}
.posts-publications .post .txt .table th,
.publications_detail--table th {
width: 14em;
background-color: #ad9d8f;
white-space: nowrap;
color: #fff;
}
.posts-publications .post .txt .table a,
.publications_detail--table a {
position: relative;
z-index: 2;
text-decoration: underline;
}
.posts-publications .post .txt .table a:hover,
.publications_detail--table a:hover {
opacity: .7;
}
@media screen and (max-width: 767px) {
.posts-publications-wrap {
flex-direction: column-reverse;
}
.posts-publications .post .img,
.publications_detail .img {
margin-right: 0;
margin-bottom: 18px;
text-align: center;
}
.publications_detail .txt {
margin-bottom: 24px;
}
.posts-publications .post .txt .table th,
.posts-publications .post .txt .table td,
.publications_detail--table th,
.publications_detail--table td {
display: block;
}
.posts-publications .post .txt .table th,
.publications_detail--table th {
width: 100%;
border-bottom: none;
text-align: left;
}
} .topics--info .ttl-02 { text-align: left; } .wp-pagenavi {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
margin-top: 40px;
}
.wp-pagenavi .pages {
display: block;
text-align: center;
width: 100%;
margin-bottom: 1em;
}
.wp-pagenavi a {
position: relative;
padding: .5em 1em;
background-color: #336;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wp-pagenavi a:hover {
opacity: .7;
}
.wp-pagenavi a {
color: #fff;
}
.wp-pagenavi > *:not(.pages) {
max-width: calc(100% / 2.6);
}
.archive .wp-pagenavi > *:not(.pages) {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 40px;
height: 40px;
}
.wp-pagenavi-single a[rel="prev"],
.wp-pagenavi-single a[rel="next"] {
width: 40px;
}
.wp-pagenavi > *:not(.pages) {
margin-bottom: 4px;
}
.wp-pagenavi > *:not(.pages):not(:last-child) {
margin-right: 4px;
}
.wp-pagenavi .extend {
width: 24px !important;
}
.wp-pagenavi a[rel="prev"]::before,
.wp-pagenavi a[rel="next"]::before,
.wp-pagenavi .first::before,
.wp-pagenavi .last::before,
.wp-pagenavi .first::after,
.wp-pagenavi .last::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border-top: 2px solid;
border-right: 2px solid;
}
.wp-pagenavi a[rel="prev"]::before,
.wp-pagenavi a[rel="next"]::before,
.wp-pagenavi .first::before,
.wp-pagenavi .last::before,
.wp-pagenavi .first::after,
.wp-pagenavi .last::after {
width: 8px;
height: 8px;
}
.wp-pagenavi a[rel="prev"]::before,
.wp-pagenavi .first::before,
.wp-pagenavi .first::after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.wp-pagenavi a[rel="next"]::before,
.wp-pagenavi .last::before,
.wp-pagenavi .last::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.wp-pagenavi-single a[rel="prev"]::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.wp-pagenavi-single a[rel="next"]::before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.wp-pagenavi .first::before,
.wp-pagenavi .last::before {
left: -6px;
}
.wp-pagenavi .first::after,
.wp-pagenavi .last::after {
right: -6px;
}
@media screen and (max-width: 767px) {
.wp-pagenavi {
margin-top: 24px;
}
.archive .wp-pagenavi > *:not(.pages) {
width: 32px;
height: 32px;
}
.wp-pagenavi-single a[rel="prev"],
.wp-pagenavi-single a[rel="next"] {
width: 32px;
}
.wp-pagenavi .first::before,
.wp-pagenavi .last::before {
left: -5px;
}
.wp-pagenavi .first::after,
.wp-pagenavi .last::after {
right: -5px;
}
} #search-list .section_pdg {
padding-top: 50px;
padding-bottom: 50px;
}
#search-list .ttl-01 { margin: 70px 0 0; } #formy_form table {
width: 100%;
}
#formy_form th,
#formy_form td {
padding: 16px;
vertical-align: middle;
border-bottom: solid 1px #eee;
}
#formy_form th {
font-weight: normal;
white-space: nowrap;
text-align: left;
width: 34%;
}
#formy_form table input[type="text"],
#formy_form table input[type="email"],
#formy_form table input[type="tel"],
#formy_form table input[type="date"],
#formy_form table input[type="password"],
#formy_form table textarea {
width: 100%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
vertical-align: bottom;
}
#formy_form table input[type="text"],
#formy_form table input[type="email"],
#formy_form table input[type="tel"],
#formy_form table input[type="date"],
#formy_form table input[type="password"],
#formy_form select,
#formy_form textarea {
margin: 0;
padding: 5px 15px;
border: 1px solid #ccc;
font: inherit;
font-size: 100%;
}
#formy_form textarea { height: 100px; }
#formy_form select { height: 40px; }
#formy_form ul {
list-style: none;
margin: 0;
padding: 0;
}
#formy_form input:hover { opacity:.7; }
#formy_form textarea:hover { opacity:.7; }
#formy_form input:focus { outline: none; }
#formy_form .parsley-validated {  background-color: #eee; }
#formy_form .parsley-error {  background-color: #fee; }
#formy_form .parsley-success {  background-color: #fff; }
.help_text {
font-size: 85%;
color: #999;
}
.hidden_help { display: none; }
.formy_privacy div {
overflow-y: scroll;
height: 140px;
border: solid 1px #ccc;
font-size: 85%;
padding: 8px 16px;
}
.requiredIcon {
background-color: #f55;
color: #fff;
margin: 0 0 0 1em;
font-size: 70%;
padding: 2px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
float: right;
}
#formy_btn {
padding-top: 32px;
text-align: center;
}
#formy_btn input {
font-size: inherit;
border: none;
cursor: pointer;
color: #fff;
border-radius: 3px;
padding: 16px 32px;
-webkit-appearance: none;
appearance: none;
}
#formy_form ul li input[type="radio"],
#formy_form ul li input[type="checkbox"] { display: none !important; }
#formy_form ul li label {
position: relative;
display: inline-block;
padding: .5em 8px .5em 40px;
line-height: 1.6;
vertical-align: top;
cursor: pointer;
}
#formy_form ul li label:hover { opacity: .7; }
#formy_form ul li label::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
border: 2px solid #788b93;
left: 16px;
top: 12px;
}
#formy_form ul li input[type="radio"] + label::before { border-radius: 10px; }
#formy_form ul li input[type="radio"]:checked + label,
#formy_form ul li input[type="checkbox"]:checked + label {
color: #e75f5f;
font-weight: bold;
}
#formy_form ul li input[type="radio"]:checked + label::before,
#formy_form ul li input[type="checkbox"]:checked + label::before {
border-color: #e75f5f;
}
#formy_form ul li input[type="radio"]:checked + label::after,
#formy_form ul li input[type="checkbox"]:checked + label::after {
content: "";
width: 10px;
height: 18px;
top: 4px;
left: 20px;
border-right: 2px solid #e75f5f;
border-bottom: 2px solid #e75f5f;
display: block;
position: absolute;
z-index: 10;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.formy_confirm { background-color: #4dbaff; }
.formy_submit_disabled { background-color: #ccc; }
#formy_btn .formy_submit_disabled:hover {
opacity: 1;
cursor: default;
}
.autoConfirmBack { background-color: #aaa; }
.formy_send { background-color: #ff6600; }
#total_required {
padding: 16px;
color: #f55555;
text-align: center;
}
@media screen and (max-width: 767px) {
#formy_form th,
#formy_form td {
display: block;
width: auto;
padding-left: 0;
padding-right: 0;
}
#formy_form th {
border-bottom:none;
padding-bottom: 0;
white-space: normal;
}
#formy_form td { padding-top: 0; }
#formy_btn { padding-top: 8px; }
#formy_btn input {
width: 100%;
background-size: contain;
background-position: center;
}
.autoConfirmBack { margin-bottom: 8px; }
}.mce-content-body {
word-break: break-word;
text-align: justify;
text-justify: inter-ideograph;
-ms-text-justify: inter-ideograph;
}
.mce-content-body ul {
list-style: disc;
}
.mce-content-body ul li::marker {
color: #ad9d8f;
}
.mce-content-body ol {
list-style: decimal;
}
.mce-content-body ul:not(:first-child),
.mce-content-body ol:not(:first-child) {
margin-top: 1em;
}
.mce-content-body ul:not(:last-child),
.mce-content-body ol:not(:last-child) {
margin-bottom: 1em;
}
.mce-content-body ul li,
.mce-content-body ol li {
position: relative;
margin: 0;
border-bottom: none;
padding: 0;
margin-left: 2em;
padding-top: 0.5em;
}
.mce-content-body img {
margin: 1em 0;
max-width: 100%;
height: auto;
}
.mce-content-body hr {
background: transparent;
}
.mce-content-body .alignleft {
float: left;
clear: left;
margin-right: 1em;
margin-bottom: 1em;
}
.mce-content-body .alignright {
float: right;
clear: right;
margin-left: 1em;
margin-bottom: 1em;
}
.mce-content-body .aligncenter {
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
}
.mce-content-body img.aligncenter {
display: block;
}
.mce-content-body .alignleft:last-child,
.mce-content-body .alignright:last-child,
.mce-content-body .aligncenter:last-child {
margin-bottom: 0;
}
.mce-content-body p {
letter-spacing: 0.1em;
}
.mce-content-body p:not(:last-child) {
margin-bottom: 1em;
}
.mce-content-body strong {
font-weight: bold;
}
.mce-content-body blockquote {
margin: 1em 0;
padding: 15px 40px;
border-radius: 3px;
position: relative;
display: inline-block;
font-style: oblique;
color: #666;
background-color: #f8f8f8;
}
.mce-content-body blockquote p {
margin-bottom: 0;
}
.mce-content-body blockquote::before,
.mce-content-body blockquote::after {
content: "";
position: absolute;
width: 1em;
height: 1em;
opacity: 0.25;
}
.mce-content-body blockquote::before {
background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/common/icon-quote_left.svg);
top: 13px;
left: 10px;
}
.mce-content-body blockquote::after {
background-image: url(//www.shobu-law.com/wp/wp-content/themes/standard/images/common/icon-quote_right.svg);
bottom: 13px;
right: 10px;
}
.mce-content-body a {
text-decoration: underline;
}
.mce-content-body a:hover {
text-decoration: none;
}
.mce-content-body a[target="_blank"]::after {
content: "\f35d";
margin-left: 4px;
font-family: "Font Awesome 5 Free";
line-height: 1;
letter-spacing: 0;
font-weight: 900;
font-size: 88%;
color: #555;
}
.mce-content-body a[href$=".pdf"]::after {
content: "\f1c1";
margin-left: 4px;
font-family: "Font Awesome 5 Free";
line-height: 1;
letter-spacing: 0;
color: #ed143d;
font-weight: 400;
font-size: 100%;
}
.mce-content-body a[href*="/contents/"] {
text-decoration: none;
background: linear-gradient(transparent 60%, rgba(255, 226, 81, 0.8) 60%);
}
body[data-id="acf-editor-77"].mce-content-body a[href*="/contents/"],
body[data-id="acf-editor-78"].mce-content-body a[href*="/contents/"],
body[data-id="acf-editor-79"].mce-content-body a[href*="/contents/"],
body[data-id="acf-editor-80"].mce-content-body a[href*="/contents/"],
body[data-id="acf-editor-81"].mce-content-body a[href*="/contents/"],
body[data-id="acf-editor-82"].mce-content-body a[href*="/contents/"],
body[data-id="acf-editor-83"].mce-content-body a[href*="/contents/"],
body[data-id="acf-editor-84"].mce-content-body a[href*="/contents/"],
body[data-id="acf-editor-85"].mce-content-body a[href*="/contents/"],
body[data-id="acf-editor-86"].mce-content-body a[href*="/contents/"] {
background: none;
text-decoration: underline;
}
@media all and (-ms-high-contrast: none) {
.mce-content-body a[href*="/contents/"] {
background-position-y: -2px;
}
}
.mce-content-body .footer_text small {
display: block;
margin-top: 8px;
text-align: right;
}
.mce-content-body table {
border: none;
height: auto !important;
}
.mce-content-body table:not(:first-child) {
margin-top: 1em;
}
.mce-content-body table:not(:last-child) {
margin-bottom: 1em;
}
.mce-content-body th,
.mce-content-body td,
.mce-content-body tr {
height: auto !important;
}
.mce-content-body th,
.mce-content-body td {
padding: 12px;
border: 1px solid #ccc;
}
.mce-content-body th {
padding-right: 16px;
min-width: 120px;
vertical-align: middle;
line-height: 1.5;
text-align: left;
font-weight: normal;
padding-left: 24px;
padding-right: 16px;
}
.mce-content-body td {
flex: 1;
line-height: 1.5;
vertical-align: middle;
}
.mce-content-body sup {
font-size: 70%;
color: #555;
}
.bold {
font-weight: bold;
font-family: "Koburina Gothic W6 JIS2004", sans-serif;
} .mce-content-body .iframe {
position: relative;
margin-bottom: 40px;
}
.mce-content-body .iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mce-content-body .iframe--youtube,
.mce-content-body .iframe--google_map {
padding-top: calc(9 / 16 * 100%);
} .table-sp-scroll {
white-space: nowrap;
}
.scroll {
overflow-x: scroll;
margin-bottom: 1em;
-webkit-overflow-scrolling: touch;
}
.scroll table {
margin: 0;
}
.scroll--cap {
text-align: right;
margin: 1em 0 0 !important;
opacity: 0.25;
font-size: 93%;
} table.note {
width: 100%;
}
table.note td {
padding: 24px;
background-color: #f8f8f8;
border: none;
}
@media screen and (max-width: 1080px) {
.table-sp-full {
width: 100% !important;
}
.table-sp-full th,
.table-sp-full td {
flex: 1;
}
.table-sp-block,
.table-sp-block th,
.table-sp-block td {
width: 100% !important;
}
.table-sp-block th,
.table-sp-block td {
display: block;
}
}
@media screen and (max-width: 767px) {
.mce-content-body {
font-size: 100%;
}
.mce-content-body p:not([class]) {
text-align: left !important;
}
.mce-content-body .alignright,
.mce-content-body .alignleft {
width: 100% !important;
float: none;
margin: 20px auto;
display: block;
}
.mce-content-body blockquote {
padding: 15px;
}
.mce-content-body blockquote::before {
top: 0;
left: 0;
}
.mce-content-body blockquote::after {
bottom: 0;
right: 0;
}
.mce-content-body ul li {
padding-top: 0.8em;
padding-left: 0;
margin-left: 1.2em;
line-height: 1.4;
}
.mce-content-body ol li {
margin-left: 1.4em;
}
.mce-content-body .col-md-6:first-child {
margin-bottom: 24px;
}
.mce-content-body table {
max-width: none !important;
}
.mce-content-body th {
padding-right: 8px;
padding-bottom: 0;
font-weight: bold;
}
.mce-content-body th,
.mce-content-body td {
padding: 8px;
}
} .mce-content-body.wp-editor {
padding: 24px !important;
max-height: 100vh !important;
overflow-y: scroll !important;
}
@media screen and (max-width: 767px) {
.mce-content-body.wp-editor table tr *:first-child:nth-last-child(2),
.mce-content-body.wp-editor table tr *:first-child:nth-last-child(2) ~ * {
display: table-cell;
width: auto !important;
}
}  .editor-ttl:not(:last-child),
.editor-ttl2:not(:last-child),
.editor-ttl3:not(:last-child) {
margin-bottom: 1em;
}
* + .editor-ttl,
* + .editor-ttl2,
* + .editor-ttl3 {
margin-top: 2em;
margin-bottom: 0.5em;
}
.editor-ttl {
font-size: 213%; font-weight: 400;
color: #ad9d8f;
letter-spacing: 0.15em;
}
.editor-ttl a {
color: #ad9d8f;
}
.editor-ttl2 {
padding-left: 18px;
padding-bottom: 0.15em;
border-left: 1px solid;
font-size: 160%;
font-weight: 500;
line-height: 1.4;
font-family: "Koburina Gothic W6 JIS2004", sans-serif;
}
.editor-ttl3 {
font-size: 133%; font-weight: 500;
line-height: 1.65;
font-family: "Koburina Gothic W6 JIS2004", sans-serif;
} .txt-attention {
display: block;
text-indent: -1em;
padding-left: 1em;
font-size: 86%; color: #999;
line-height: 1.65;
}
.txt-attention::before {
content: "※";
} .table1 th {
background-color: #ad9d8f;
color: #fff;
font-family: "Koburina Gothic W6 JIS2004", sans-serif;
}
.table2 th,
.table2 td {
position: relative;
border: 0;
padding-top: 28px;
padding-bottom: 28px;
}
.table2 th {
font-size: 120%;
font-weight: bold;
}
.table2 th::before,
.table2 td::before {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
}
.table2 th::before {
left: 0;
background-color: #666;
}
.table2 td::before {
right: 0;
background-color: #ddd;
}
@media screen and (max-width: 767px) {
.editor-ttl {
font-size: 150%; }
.editor-ttl2 {
padding-left: 14px;
letter-spacing: 0.1em;
font-size: 112%; }
.editor-ttl3 {
font-size: 100%; } .table1.table-sp-block th,
.table1.table-sp-block td {
border-bottom: 0;
}
.table1.table-sp-block tr:last-child > *:last-child {
border-bottom: 1px solid #ccc;
} .table2 th,
.table2 td {
padding-top: 16px;
padding-bottom: 16px;
font-size: 107%;
}
.table2.table-sp-block th {
padding-bottom: 0;
}
.table2.table-sp-block th::before {
display: none;
}
.table2.table-sp-block td {
padding-top: 4px;
} .txt-attention {
font-size: 93%; }
}