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


     *,
::before,
::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-style: solid;
border-width: 0;
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; font-family: "noto-sans-cjk-jp", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 62.5%;
color: #333333;
}   body {
margin: 0;
font-size: 1.8rem;
line-height: 1.6;
letter-spacing: 0.1em;
} main {
display: block;
}  p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}  h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
margin: 0;
}  ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}  dd {
margin-left: 0;
}   hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px;
margin: 0;
clear: both;
color: inherit;
} pre {
font-family: monospace, monospace; font-size: inherit; }
address {
font-style: inherit;
}   a {
background-color: transparent;
text-decoration: none;
color: inherit;
} abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: inherit; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}   svg,
img,
embed,
object,
iframe {
vertical-align: bottom;
}   button,
input,
optgroup,
select,
textarea {
-webkit-appearance: none; -moz-appearance: none;
appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
background: transparent;
padding: 0;
margin: 0;
border-radius: 0;
text-align: inherit;
text-transform: inherit; } [type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
}
[type="radio"] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
}
button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
cursor: default;
} :-moz-focusring {
outline: auto;
}
select:disabled {
opacity: inherit;
} option {
padding: 0;
} fieldset {
margin: 0;
padding: 0;
min-width: 0;
}
legend {
padding: 0;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } label[for] {
cursor: pointer;
}   details {
display: block;
} summary {
display: list-item;
} [contenteditable]:focus {
outline: auto;
}   table {
border-color: inherit; border-collapse: collapse;
}
caption {
text-align: left;
}
td,
th {
vertical-align: top;
padding: 0;
}
th {
text-align: left;
font-weight: bold;
}
table {
border-spacing: 0;
}
img {
vertical-align: bottom;
height: auto;
max-width: 100%;
}
.f-eng_italic {
font-family: roboto, sans-serif;
font-weight: 300;
font-style: italic;
}      @media (min-width: 641px) {
.show-sp {
display: none;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.show-pc {
display: none;
}
}
.container {
width: 90%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) and (max-width: 640px) {
.container {
margin-top: 50px;
margin-bottom: 140px;
}
}
@media (min-width: 641px) {
.container {
margin-top: 120px;
margin-bottom: 200px;
padding-left: 40px;
padding-right: 40px;
}
}    @media (min-width: 0px) and (max-width: 640px) {
.msBr {
display: block;
}
}
@media (min-width: 641px) {
.msBr {
display: none;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.mmBr {
display: none;
}
}
@media (min-width: 641px) {
.mmBr {
display: none;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.mlBr {
display: none;
}
}
@media (min-width: 641px) {
.mlBr {
display: block;
}
}
body.active {
overflow: hidden;
}
@media (min-width: 861px) {
.humberger {
display: none;
}
}
@media (min-width: 0px) and (max-width: 860px) {
.humberger {
position: absolute;
right: 2%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 29px;
width: 40px;
z-index: 99999;
}
}
.humberger span {
width: 38px;
height: 2px;
background-color: #008037;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
position: absolute;
-webkit-transition-duration: .1s;
transition-duration: .1s;
}
.humberger span:nth-of-type(1) {
top: 0;
}
.humberger span:nth-of-type(2) {
top: 8px;
}
.humberger span:nth-of-type(3) {
top: 16px;
-webkit-transition-duration: .1s;
transition-duration: .1s;
opacity: 1;
}
.humberger::after {
content: "MENU";
position: absolute;
bottom: 0;
font-weight: bold;
font-size: 1.1rem;
height: 1.1rem;
line-height: 20px;
color: #008037;
-webkit-transition-duration: .1s;
transition-duration: .1s;
}
.humberger.active span {
height: 2px;
-webkit-transition-duration: .1s;
transition-duration: .1s;
}
.humberger.active span:nth-of-type(1) {
top: 5px;
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
-webkit-transition-duration: .1s;
transition-duration: .1s;
}
.humberger.active span:nth-of-type(2) {
top: 5px;
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
-webkit-transition-duration: .1s;
transition-duration: .1s;
}
.humberger.active span:nth-of-type(3) {
-webkit-transition-duration: .1s;
transition-duration: .1s;
opacity: 0;
}
.humberger.active::after {
content: "CLOSE";
font-size: 1rem;
-webkit-transition-duration: .1s;
transition-duration: .1s;
}
@media (min-width: 0px) and (max-width: 860px) {
.nav-wrap {
background-color: rgba(255, 255, 255, 0.9);
font-family: "Noto Sans CJK JP";
font-weight: bold;
font-size: 4.8vw;
letter-spacing: 0.05em;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 999;
height: 100vh;
width: 100%;
position: fixed;
top: 0;
left: 0;
overflow: scroll;
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}
.nav-wrap .header-logo {
height: 24vw;
padding: 3.73333vw 3.73333vw 9.6vw;
}
.nav-wrap .nav-wrap .itemTitle {
position: relative;
}
.nav-wrap .nav-wrap .itemTitle a {
color: #FFFFFF;
}
.nav-wrap .nav-wrap .itemTitle::after {
content: "";
width: 4.26667vw;
height: 2.13333vw;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/sp_nav_arr.svg);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 6.66667vw;
}
.nav-wrap .spItems:not(first-child) .itemTitle::before {
content: "";
width: 16px;
height: 2px;
background-color: #666666;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 6.66667vw;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.nav-wrap .spItems:not(first-child) .itemTitle::after {
content: "";
width: 2px;
height: 16px;
background-color: #666666;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 8.26667vw;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.nav-wrap .spItems:not(first-child) .itemTitle.open::before {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.nav-wrap .spItems:not(first-child) .itemTitle.open::after {
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.nav-wrap .itemTitle {
font-family: "Noto Sans CJK JP";
font-weight: bold;
font-size: 4.8vw;
letter-spacing: 0.05em;
color: #fff;
background-color: #333333;
height: 18.13333vw;
padding-left: 6.66667vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
border-bottom: thin solid #111111;
}
.nav-wrap .itemList.open .item {
border-bottom: thin solid #111111;
}
.nav-wrap .itemList.open .item a {
height: 15.46667vw;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.nav-wrap .item {
border-left: 8px solid #333333;
}
.nav-wrap .item a {
font-family: "Noto Sans CJK JP";
font-weight: bold;
font-size: 4.53333vw;
letter-spacing: 0.05em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #999;
height: 0vw;
margin-left: 10.66667vw;
overflow: hidden;
-webkit-transition-duration: .2s;
transition-duration: .2s;
position: relative;
}
.nav-wrap .item a::after {
content: "";
width: 4.26667vw;
height: 2.13333vw;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/sp_nav_arr.svg);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 6.66667vw;
}
}
.nav-wrap.active {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}
#header {
position: fixed;
top: 0;
background-color: white;
width: 100%;
z-index: 1000;
}
@media (min-width: 561px) and (max-width: 1200px) {
#header {
padding-left: 2%;
padding-right: 2%;
}
}
#header .header-inn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media (min-width: 0px) and (max-width: 860px) {
#header .header-inn {
height: 56px;
}
}
@media (min-width: 861px) {
#header .header-inn {
height: 80px;
}
}
@media (min-width: 1200px) {
#header .header-inn {
width: 96%;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 0px) and (max-width: 860px) {
#header .header-logo {
width: 180px;
margin-left: 2%;
}
}
@media (min-width: 861px) {
#header .header-logo {
width: 250px;
}
}
@media (min-width: 1001px) and (max-width: 1200px) {
#header .header-logo {
width: 200px;
}
}
@media (min-width: 561px) and (max-width: 1000px) {
#header .header-logo {
width: 180px;
}
}
#header .nav-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 861px) {
#header .nav-wrap {
width: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
#header .nav-wrap .nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 0px) and (max-width: 860px) {
#header .nav-wrap .nav-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 70px;
padding-left: 10%;
}
}
@media (min-width: 861px) {
#header .nav-wrap .nav-list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc( 100% - 200px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
#header .nav-wrap .nav-list .nav-item {
position: relative;
}
@media (min-width: 0px) and (max-width: 860px) {
#header .nav-wrap .nav-list .nav-item {
padding-left: 28px;
margin-top: 16px;
}
#header .nav-wrap .nav-list .nav-item::before {
content: "";
position: absolute;
top: 15px;
left: 0;
width: 14px;
height: 3px;
background-color: #008037;
}
#header .nav-wrap .nav-list .nav-item.no-line::before {
display: none;
}
#header .nav-wrap .nav-list .nav-item .sp-nav .nav-item-sp {
padding: 5px 0;
}
#header .nav-wrap .nav-list .nav-item .sp-nav .nav-item-sp a {
font-weight: normal;
font-size: 1.8rem;
}
}
@media (min-width: 861px) {
#header .nav-wrap .nav-list .nav-item {
margin-right: 3%;
}
}
@media (min-width: 861px) and (min-width: 1001px) and (max-width: 1200px) {
#header .nav-wrap .nav-list .nav-item {
margin-right: 2%;
}
}
@media (min-width: 861px) and (min-width: 561px) and (max-width: 1000px) {
#header .nav-wrap .nav-list .nav-item {
margin-right: 2%;
}
}
@media (min-width: 861px) {
#header .nav-wrap .nav-list .nav-item::before {
background-color: #008037;
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
#header .nav-wrap .nav-list .nav-item:hover::before {
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
#header .nav-wrap .nav-list .nav-item:last-child {
margin-right: 0;
}
}
#header .nav-wrap .nav-list .nav-item a {
white-space: nowrap;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 0px) and (max-width: 860px) {
#header .nav-wrap .nav-list .nav-item a {
color: #333333;
font-size: 2.0rem;
}
}
@media (min-width: 861px) {
#header .nav-wrap .nav-list .nav-item a {
color: #008037;
font-size: 1.8rem;
}
}
@media (min-width: 1001px) and (max-width: 1200px) {
#header .nav-wrap .nav-list .nav-item a {
font-size: 1.6rem;
}
}
@media (min-width: 561px) and (max-width: 1000px) {
#header .nav-wrap .nav-list .nav-item a {
font-size: 1.4rem;
}
}
@media (min-width: 0px) and (max-width: 860px) {
.cont-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-top: 20%;
margin-bottom: 20%;
}
.cont-btn .header-contact {
background-color: #008037;
border-radius: 5px;
width: 47%;
min-height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
}
.cont-btn .header-contact .phone {
font-size: 1.8rem;
margin-bottom: 6px;
padding-left: 16px;
position: relative;
}
.cont-btn .header-contact .phone::before {
content: "";
position: absolute;
left: -4px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 1px;
width: 14px;
height: 14px;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/icon_phone_w.svg);
background-size: contain;
background-repeat: no-repeat;
}
.cont-btn .header-contact .phone-text {
font-size: 1.0rem;
}
.cont-btn .btn-form {
background-color: #008037;
border-radius: 5px;
width: 40%;
min-height: 60px;
font-size: 1.6rem;
line-height: 1.2;
padding-left: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.cont-btn .btn-form::before {
content: "";
position: absolute;
left: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 1px;
width: 20px;
height: 15px;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/icon_mail.svg);
background-size: contain;
background-repeat: no-repeat;
}
}
@media (min-width: 861px) {
.cont-btn {
width: 200px;
}
.cont-btn .header-contact {
color: #008037;
font-weight: bold;
line-height: 1;
}
.cont-btn .header-contact .phone {
font-size: 2.8rem;
padding-left: 30px;
position: relative;
}
}
@media (min-width: 861px) and (min-width: 1001px) and (max-width: 1200px) {
.cont-btn .header-contact .phone {
font-size: 2.0rem;
padding-left: 26px;
}
}
@media (min-width: 861px) and (min-width: 561px) and (max-width: 1000px) {
.cont-btn .header-contact .phone {
font-size: 1.8rem;
padding-left: 24px;
}
}
@media (min-width: 861px) {
.cont-btn .header-contact .phone::before {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 2px;
width: 22px;
height: 22px;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/icon_phone.svg);
background-size: contain;
background-repeat: no-repeat;
}
}
@media (min-width: 861px) and (min-width: 1001px) and (max-width: 1200px) {
.cont-btn .header-contact .phone::before {
width: 20px;
height: 20px;
}
}
@media (min-width: 861px) and (min-width: 561px) and (max-width: 1000px) {
.cont-btn .header-contact .phone::before {
width: 18px;
height: 18px;
}
}
@media (min-width: 861px) {
.cont-btn .header-contact .phone-text {
text-align: right;
margin-top: 6px;
font-size: 1.4rem;
}
}
@media (min-width: 861px) and (min-width: 1001px) and (max-width: 1200px) {
.cont-btn .header-contact .phone-text {
font-size: 1.3rem;
}
}
@media (min-width: 861px) and (min-width: 561px) and (max-width: 1000px) {
.cont-btn .header-contact .phone-text {
font-size: 1.2rem;
}
}
@media (min-width: 1201px) {
.cont-btn {
width: 280px;
}
}
.cont-btn.sp-position {
position: fixed;
bottom: 10px;
left: 0;
z-index: 100;
margin: 0 auto;
width: 100%;
color: #FFFFFF;
font-weight: bold;
}
#footer {
position: relative;
z-index: 100;
background-color: #FFFFFF;
}
#footer .contact-area {
background-color: #008037;
color: #FFFFFF;
}
@media (min-width: 0px) and (max-width: 640px) {
#footer .contact-area {
padding: 56px 0 90px;
}
}
@media (min-width: 641px) {
#footer .contact-area {
padding: 80px 0 110px;
}
}
#footer .contact-area .contact-area-inn {
width: 90%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-weight: bold;
}
@media (min-width: 0px) and (max-width: 640px) {
#footer .contact-area .contact-area-inn {
margin-top: 50px;
}
#footer .contact-area .contact-area-inn:not(first-child) {
margin-top: 0;
}
}
@media (min-width: 641px) {
#footer .contact-area .contact-area-inn {
padding-left: 40px;
padding-right: 40px;
}
}
#footer .contact-area .contact-area-inn .contact-title {
font-weight: bold;
position: relative;
display: inline-block;
}
@media (min-width: 0px) and (max-width: 640px) {
#footer .contact-area .contact-area-inn .contact-title {
font-size: 2.4rem;
margin-bottom: 30px;
}
}
@media (min-width: 641px) {
#footer .contact-area .contact-area-inn .contact-title {
font-size: 3.4rem;
margin-bottom: 60px;
}
}
#footer .contact-area .contact-area-inn .contact-title::before, #footer .contact-area .contact-area-inn .contact-title::after {
content: "";
width: 20px;
height: 20px;
background-color: #FFFFFF;
border-radius: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 3px;
}
#footer .contact-area .contact-area-inn .contact-title::before {
left: -30px;
}
#footer .contact-area .contact-area-inn .contact-title::after {
right: -30px;
}
#footer .contact-area .contact-area-inn .contact-lead-text {
margin-bottom: 50px;
}
#footer .contact-area .contact-area-inn .contact-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 0px) and (max-width: 640px) {
#footer .contact-area .contact-area-inn .contact-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 641px) {
#footer .contact-area .contact-area-inn .contact-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
#footer .contact-area .contact-area-inn .contact-list .contact-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 641px) {
#footer .contact-area .contact-area-inn .contact-list .contact-item {
width: 50%;
}
#footer .contact-area .contact-area-inn .contact-list .contact-item:last-child {
border-left: thin solid #FFFFFF;
}
}
#footer .contact-area .contact-area-inn .contact-list .contact-item .item-title {
font-weight: bold;
border-radius: 40px;
display: -ms-grid;
display: grid;
place-items: center;
}
@media (min-width: 0px) and (max-width: 640px) {
#footer .contact-area .contact-area-inn .contact-list .contact-item .item-title {
font-size: 2.0rem;
background-color: #008037;
color: #FFFFFF;
border: 2px solid #FFFFFF;
width: 100%;
min-height: 52px;
margin-bottom: 30px;
}
}
@media (min-width: 641px) {
#footer .contact-area .contact-area-inn .contact-list .contact-item .item-title {
font-size: 2.4rem;
background-color: #FFFFFF;
color: #008037;
width: 60%;
max-width: 300px;
min-height: 60px;
margin-bottom: 50px;
}
}
#footer .contact-area .contact-area-inn .contact-list .contact-item .phone-number {
font-weight: bold;
position: relative;
}
@media (min-width: 0px) and (max-width: 640px) {
#footer .contact-area .contact-area-inn .contact-list .contact-item .phone-number {
font-size: 3.2rem;
padding-left: 26px;
}
}
@media (min-width: 641px) {
#footer .contact-area .contact-area-inn .contact-list .contact-item .phone-number {
font-size: 3.6rem;
padding-left: 40px;
}
}
#footer .contact-area .contact-area-inn .contact-list .contact-item .phone-number::before {
content: "";
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/icon_phone_w.svg);
background-position: center;
background-size: cover;
position: absolute;
top: 50%;
left: -20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (min-width: 0px) and (max-width: 640px) {
#footer .contact-area .contact-area-inn .contact-list .contact-item .phone-number::before {
width: 26px;
height: 26px;
}
}
@media (min-width: 641px) {
#footer .contact-area .contact-area-inn .contact-list .contact-item .phone-number::before {
width: 40px;
height: 40px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
#footer .contact-area .contact-area-inn .contact-list .contact-item .phone-subtext {
font-size: 1.4rem;
}
}
#footer .contact-area .contact-area-inn .contact-list .contact-item .phone-att-text {
color: #F0EC7D;
font-weight: bold;
position: relative;
}
@media (min-width: 0px) and (max-width: 640px) {
#footer .contact-area .contact-area-inn .contact-list .contact-item .phone-att-text {
font-size: 1.8rem;
margin-top: 20px;
margin-bottom: 80px;
}
}
@media (min-width: 641px) {
#footer .contact-area .contact-area-inn .contact-list .contact-item .phone-att-text {
font-size: 2.4rem;
margin-top: 40px;
}
}
#footer .contact-area .contact-area-inn .contact-list .contact-item .phone-att-text::after {
content: "";
background-color: #F0EC7D;
position: absolute;
left: 0;
bottom: 0;
width: 98%;
height: 2px;
}
#footer .contact-area .contact-area-inn .contact-list .contact-item .form-btn {
width: 80%;
margin: 0 auto;
}
#footer .contact-area .contact-area-inn .contact-list .contact-item .form-btn .contact-btn {
min-height: 80px;
border-radius: 20px;
display: -ms-grid;
display: grid;
place-items: center;
font-weight: bold;
position: relative;
margin-bottom: 30px;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
#footer .contact-area .contact-area-inn .contact-list .contact-item .form-btn .contact-btn {
font-size: 1.8rem;
padding-left: 22px;
background-color: #FFFFFF;
color: #008037;
}
}
@media (min-width: 641px) {
#footer .contact-area .contact-area-inn .contact-list .contact-item .form-btn .contact-btn {
font-size: 2.2rem;
padding-left: 50px;
border: thin solid #FFFFFF;
background-color: #008037;
}
}
#footer .contact-area .contact-area-inn .contact-list .contact-item .form-btn .contact-btn::before {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-size: contain;
background-repeat: no-repeat;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
#footer .contact-area .contact-area-inn .contact-list .contact-item .form-btn .contact-btn::before {
left: calc(50% - 95px);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 21px;
height: 16px;
margin-bottom: 15px;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/icon_mail_o.svg);
}
}
@media (min-width: 641px) {
#footer .contact-area .contact-area-inn .contact-list .contact-item .form-btn .contact-btn::before {
margin-top: 2px;
left: 35px;
width: 34px;
height: 24px;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/icon_mail.svg);
}
}
#footer .contact-area .contact-area-inn .contact-list .contact-item .form-btn .contact-btn:hover {
background-color: #FFFFFF;
-webkit-transition-duration: .2s;
transition-duration: .2s;
color: #008037;
}
#footer .contact-area .contact-area-inn .contact-list .contact-item .form-btn .contact-btn:hover::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/icon_mail_o.svg);
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
#footer .contact-area .contact-area-inn .contact-list .contact-item .form-subtext {
line-height: 1.2;
font-size: 1.6rem;
font-weight: bold;
}
#footer .footer-area {
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 0px) and (max-width: 640px) {
#footer .footer-area {
width: 90%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 50px;
}
}
@media (min-width: 641px) {
#footer .footer-area {
width: 98%;
max-width: 1080px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 120px;
padding-left: 40px;
padding-right: 40px;
}
}
#footer .footer-area .footer-link-list {
margin-right: 5%;
}
#footer .footer-area .footer-link-list:last-child {
margin-right: 0;
}
#footer .footer-area .footer-link-item {
font-size: 2.0rem;
font-weight: bold;
padding-left: 1em;
position: relative;
margin-bottom: 10px;
}
#footer .footer-area .footer-link-item a {
position: relative;
}
#footer .footer-area .footer-link-item a::after {
background-color: #008037;
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
#footer .footer-area .footer-link-item a:hover::after {
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
#footer .footer-area .footer-link-item::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #008037;
margin-top: 1px;
}
#footer .footer-area .footer-link-item.f-link-small {
font-size: 1.8rem;
font-weight: normal;
padding-left: 2em;
}
#footer .footer-area .footer-link-item.f-link-small::before {
content: "";
position: absolute;
top: 50%;
left: 1em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 6px;
height: 2px;
background-color: #008037;
margin-top: 2px;
}
#footer .footer-logo {
margin: 0 auto;
max-width: 350px;
width: 50%;
}
@media (min-width: 0px) and (max-width: 640px) {
#footer .footer-link-under-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 90%;
margin: 35px auto 0;
}
#footer .footer-link-under-logo .footer-link-item {
width: 46%;
font-weight: bold;
font-size: 1.4rem;
}
}
#footer .cpoyright {
font-size: 1.2rem;
font-weight: bold;
text-align: center;
}
@media (min-width: 0px) and (max-width: 640px) {
#footer .cpoyright {
padding: 30px 0 30px;
}
}
@media (min-width: 641px) {
#footer .cpoyright {
padding: 35px 0 10px;
}
}
.post-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 0px) and (max-width: 640px) {
.post-list {
margin-bottom: 30px;
}
}
@media (min-width: 641px) {
.post-list {
margin-bottom: 50px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.post-list .post-item {
width: 47%;
margin-left: 6%;
margin-bottom: 30px;
}
.post-list .post-item:nth-child(odd) {
margin-left: 0;
}
.post-list .post-item:nth-child(even) {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
}
@media (min-width: 641px) {
.post-list .post-item {
width: 30%;
margin-left: 5%;
margin-bottom: 60px;
}
.post-list .post-item:nth-child(3n+1) {
margin-left: 0;
}
.post-list .post-item:nth-child(3n+2) {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.post-list .post-item:nth-child(3n) {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
}
.post-list .post-item .thum-area {
width: 100%;
padding-top: 75%;
overflow: hidden;
background-position: center;
background-size: 100%;
-webkit-transition-duration: .2s;
transition-duration: .2s;
background-repeat: no-repeat;
}
.post-list .post-item:hover .thum-area {
background-size: 110%;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.post-list .post-item .text-area {
-webkit-transition-duration: .2s;
transition-duration: .2s;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
@media (min-width: 0px) and (max-width: 640px) {
.post-list .post-item .text-area {
margin-top: 10px;
}
}
@media (min-width: 641px) {
.post-list .post-item .text-area {
margin-top: 20px;
}
}
.post-list .post-item .text-area:hover {
color: #008037;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.top {
overflow: hidden;
}
.main-area {
position: relative;
}
@media (min-width: 0px) and (max-width: 640px) {
.main-area {
height: 100vh;
}
}
@media (min-width: 641px) {
.main-area {
margin-bottom: 200px;
}
}
.main-area .main-lead-area {
position: absolute;
bottom: 10%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
width: 90%;
max-width: 1100px;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 20px;
padding: 20px;
z-index: 90;
}
@media (min-width: 0px) and (max-width: 640px) {
.main-area .main-lead-area {
border: thin solid #67A527;
}
}
.main-area .main-lead-area .p-main-title {
color: #008037;
font-weight: bold;
margin-bottom: 10px;
}
@media (min-width: 0px) and (max-width: 640px) {
.main-area .main-lead-area .p-main-title {
font-size: 2.0rem;
}
}
@media (min-width: 641px) {
.main-area .main-lead-area .p-main-title {
font-size: 3.2rem;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.main-area .main-lead-area .p-main-lead-text {
font-size: 1.6rem;
}
}
.main-area .top-slider {
height: 100vh;
min-height: 600px;
}
.main-area .top-slider img {
width: 100%;
}
.top-sec02 .top-point-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 0px) and (max-width: 640px) {
.top-sec02 .top-point-box {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media (min-width: 641px) {
.top-sec02 .top-point-box:nth-child(odd) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.top-sec02 .top-point-box:nth-child(odd) .top-point-box-text {
margin-left: 10%;
}
.top-sec02 .top-point-box:nth-child(odd) .top-point-image-area {
margin-left: calc(50% - 50vw);
}
.top-sec02 .top-point-box:nth-child(odd) .top-point-image-area .point-text {
text-align: left;
margin-left: 10px;
}
.top-sec02 .top-point-box:nth-child(even) .top-point-box-text {
margin-right: 10%;
}
.top-sec02 .top-point-box:nth-child(even) .top-point-image-area {
margin-right: calc(50% - 50vw);
}
.top-sec02 .top-point-box:nth-child(even) .top-point-image-area .point-text {
text-align: right;
}
.top-sec02 .top-point-box:last-of-type {
margin-bottom: 100px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.top-sec02 .top-point-box .top-point-box-text {
margin-top: 30px;
margin-bottom: 80px;
}
}
@media (min-width: 641px) {
.top-sec02 .top-point-box .top-point-box-text {
width: 40%;
}
.top-sec02 .top-point-box .top-point-box-text:nth-child(even) {
margin-right: 10%;
}
.top-sec02 .top-point-box .top-point-box-text:nth-child(odd) {
margin-left: 10%;
}
}
.top-sec02 .top-point-box .top-point-box-text .top-title-style01 {
background-color: #008037;
color: #FFFFFF;
min-height: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
text-align: center;
line-height: 1.4;
padding: 10px;
}
@media (min-width: 0px) and (max-width: 640px) {
.top-sec02 .top-point-box .top-point-box-text .top-title-style01 {
margin-bottom: 20px;
}
}
@media (min-width: 641px) {
.top-sec02 .top-point-box .top-point-box-text .top-title-style01 {
margin-bottom: 30px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.top-sec02 .top-point-box .top-point-image-area {
width: 100vw;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
}
@media (min-width: 641px) {
.top-sec02 .top-point-box .top-point-image-area {
width: 50vw;
}
}
.top-sec02 .top-point-box .top-point-image-area .point-text {
color: #008037;
font-weight: bold;
line-height: 1;
}
@media (min-width: 0px) and (max-width: 640px) {
.top-sec02 .top-point-box .top-point-image-area .point-text {
margin-bottom: -4px;
text-align: right;
font-size: 3.2rem;
}
}
@media (min-width: 641px) {
.top-sec02 .top-point-box .top-point-image-area .point-text {
margin-bottom: -6px;
font-size: 4.8rem;
}
}
.top-sec02 .top-point-box .top-point-image-area .point-text .att {
letter-spacing: 0.6;
color: #008037;
}
@media (min-width: 0px) and (max-width: 640px) {
.top-sec02 .top-point-box .top-point-image-area .point-text .att {
font-size: 6rem;
margin-left: 10px;
margin-right: 10px;
}
}
@media (min-width: 641px) {
.top-sec02 .top-point-box .top-point-image-area .point-text .att {
font-size: 8.6rem;
margin-left: 20px;
margin-right: 20px;
}
}
.adviser-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
@media (min-width: 0px) and (max-width: 640px) {
.adviser-box {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media (min-width: 641px) {
.adviser-box {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 300px;
}
.adviser-box::before {
content: "";
position: absolute;
top: 0px;
left: 0;
background-color: #67A527;
width: 60vw;
margin-left: calc(50% - 50vw);
padding-top: 56.25%;
z-index: -10;
}
}
.adviser-box .adviser-box-text {
background-color: rgba(255, 255, 255, 0.9);
position: relative;
z-index: 10;
}
@media (min-width: 0px) and (max-width: 640px) {
.adviser-box .adviser-box-text {
width: 100%;
}
}
@media (min-width: 641px) {
.adviser-box .adviser-box-text {
width: 55%;
padding: 40px 60px;
}
}
.adviser-box .adviser-box-text .adviser-name {
font-weight: bold;
margin-bottom: 20px;
}
@media (min-width: 0px) and (max-width: 640px) {
.adviser-box .adviser-box-text .adviser-name {
text-align: center;
font-size: 2.0rem;
}
}
@media (min-width: 641px) {
.adviser-box .adviser-box-text .adviser-name {
font-size: 2.4rem;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.adviser-box .adviser-box-text .adviser-introduciton {
margin-bottom: 60px;
}
}
@media (min-width: 641px) {
.adviser-box .adviser-box-text .adviser-introduciton {
margin-bottom: 40px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.adviser-box .adviser-box-picture {
margin-bottom: 30px;
}
}
@media (min-width: 641px) {
.adviser-box .adviser-box-picture {
width: 60vw;
max-width: 800px;
margin-right: calc(50% - 50vw);
position: absolute;
right: 0;
bottom: 0;
z-index: -10;
}
}
.top-access-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 0px) and (max-width: 640px) {
.top-access-box {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media (min-width: 641px) {
.top-access-box {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.top-access-box .top-access-text {
font-weight: bold;
}
@media (min-width: 0px) and (max-width: 640px) {
.top-access-box .top-access-text {
width: 100%;
}
}
@media (min-width: 641px) {
.top-access-box .top-access-text {
width: 40%;
}
}
.top-access-box .top-access-text .text {
margin-bottom: 1em;
}
@media (min-width: 0px) and (max-width: 640px) {
.top-access-box .top-access-text .btn-box {
margin-top: 60px;
}
}
@media (min-width: 641px) {
.top-access-box .top-access-text .btn-box {
margin-top: 30px;
}
}
.top-access-box .top-access-text .btn-box .btn-style {
width: 100%;
letter-spacing: 0.06em;
}
@media (min-width: 0px) and (max-width: 640px) {
.top-access-box .map-area {
width: 100%;
height: 280px;
margin-bottom: 60px;
}
}
@media (min-width: 641px) {
.top-access-box .map-area {
width: 55%;
height: 350px;
}
}
.top-access-box .map-area iframe {
width: 100%;
}
@media (min-width: 0px) and (max-width: 640px) {
.top-access-box .map-area iframe {
height: 280px;
}
}
@media (min-width: 641px) {
.top-access-box .map-area iframe {
height: 350px;
}
}
@media (min-width: 0px) and (max-width: 860px) {
.cta-btn {
display: none;
}
}
@media (min-width: 861px) {
.cta-btn {
position: fixed;
bottom: 0;
right: 0;
z-index: 1;
}
.cta-btn .sticky-item {
width: 215px;
height: 120px;
background-color: #008037;
border: 2px solid #008037;
border-radius: 10px 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #FFFFFF;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.4;
padding-left: 30px;
position: relative;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.cta-btn .sticky-item::before {
content: "";
position: absolute;
left: 35px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 2px;
width: 26px;
height: 20px;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/icon_mail.svg);
background-size: contain;
background-repeat: no-repeat;
}
.cta-btn .sticky-item:hover {
background-color: #FFFFFF;
color: #008037;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.cta-btn .sticky-item:hover::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/icon_mail_o.svg);
}
}
.main-area-style01 {
height: 487px;
width: 100%;
background-size: cover;
background-position: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-area-style01 .under-main-title {
font-weight: bold;
color: #FFF;
}
@media (min-width: 0px) and (max-width: 640px) {
.main-area-style01 .under-main-title {
font-size: 2.4rem;
text-align: center;
background-color: rgba(103, 165, 39, 0.7);
padding: 24px;
width: 100%;
margin-top: 56px;
}
}
@media (min-width: 641px) {
.main-area-style01 .under-main-title {
font-size: 3.8rem;
margin-top: 80px;
width: 90%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service01 {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/souzoku-main-image_sp.jpg);
}
}
@media (min-width: 641px) {
.service01 {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/souzoku-main-image.jpg);
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service02 {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/yuigonsho-main-image_sp.jpg);
}
}
@media (min-width: 641px) {
.service02 {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/yuigonsho-main-image.jpg);
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service03 {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/naiyoushoumei-main-image_sp.jpg);
}
}
@media (min-width: 641px) {
.service03 {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/naiyoushoumei-main-image.jpg);
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service04 {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/jidousha-main-image_sp.jpg);
}
}
@media (min-width: 641px) {
.service04 {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/jidousha-main-image.jpg);
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service05 {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/kyoninka-main-image_sp.jpg);
}
}
@media (min-width: 641px) {
.service05 {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/kyoninka-main-image.jpg);
}
}
@media (min-width: 0px) and (max-width: 640px) {
.voice-title {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/voice-main-image_sp.jpg);
}
}
@media (min-width: 641px) {
.voice-title {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/voice-main-image.jpg);
}
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting-title {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/greeting-main-image_sp.jpg);
}
}
@media (min-width: 641px) {
.greeting-title {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/greeting-main-image.jpg);
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service-title {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service-main-image_sp.jpg);
}
}
@media (min-width: 641px) {
.service-title {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service-main-image.jpg);
}
}
.main-area-style02 {
margin-top: 100px;
}
.main-area-style02 .under-main-title {
font-weight: bold;
position: relative;
text-align: center;
}
@media (min-width: 0px) and (max-width: 640px) {
.main-area-style02 .under-main-title {
font-size: 2.4rem;
padding-bottom: 20px;
margin-bottom: 30px;
}
}
@media (min-width: 641px) {
.main-area-style02 .under-main-title {
font-size: 3.4rem;
padding-bottom: 30px;
margin-bottom: 60px;
}
}
.main-area-style02 .under-main-title::after {
content: "";
position: absolute;
bottom: 0px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 40px;
height: 4px;
background-color: #008037;
}
@media (min-width: 0px) and (max-width: 640px) {
.top .title-style01 {
font-size: 2.4rem;
}
}
.title-style01 {
font-weight: bold;
position: relative;
text-align: center;
margin-bottom: 60px;
}
@media (min-width: 0px) and (max-width: 640px) {
.title-style01 {
font-size: 2rem;
padding-bottom: 20px;
}
}
@media (min-width: 641px) {
.title-style01 {
font-size: 3.4rem;
padding-bottom: 30px;
}
}
.title-style01::after {
content: "";
position: absolute;
bottom: 0px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 4px;
background-color: #008037;
}
@media (min-width: 0px) and (max-width: 640px) {
.title-style01::after {
width: 30px;
}
}
@media (min-width: 641px) {
.title-style01::after {
width: 40px;
}
}
.title-style02 {
padding-left: 16px;
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 40px;
position: relative;
}
.title-style02::before {
content: "";
position: absolute;
top: 9px;
left: 0;
width: 4px;
height: 24px;
background-color: #008037;
}
.title-style-line {
padding-left: 40px;
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 20px;
position: relative;
}
.title-style-line::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 24px;
height: 3px;
background-color: #008037;
}
.btn-box .btn-style {
margin: 0 auto;
position: relative;
background-color: #008037;
color: #FFFFFF;
border: 2px solid #008037;
border-radius: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
font-size: 2.0rem;
padding-right: 20px;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
.btn-box .btn-style {
width: 100%;
height: 60px;
}
}
@media (min-width: 641px) {
.btn-box .btn-style {
width: 300px;
height: 80px;
}
}
.btn-box .btn-style::after {
content: "";
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 18px;
height: 16px;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/btn_icon-arrow.svg);
background-repeat: no-repeat;
}
.btn-box .btn-style:hover {
background-color: #FFFFFF;
color: #008037;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.btn-box .btn-style:hover::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/btn_icon-arrow_o.svg);
}
.c-textArea {
margin-top: 30px;
line-height: 1.8;
}
@media (min-width: 0px) and (max-width: 640px) {
.c-textArea--underTitle {
margin-top: 50px;
}
}
@media (min-width: 641px) {
.c-textArea--underTitle {
margin-top: 60px;
}
}
.center {
text-align: center;
}
.text-right {
text-align: right;
}
.att {
color: #F07D7D;
}
.line {
text-decoration: underline;
}
.lead-text {
margin-bottom: 30px;
}
.sub-text {
margin-top: 10px;
}
@media (min-width: 0px) and (max-width: 640px) {
.sub-text {
font-size: 1.2rem;
margin-bottom: 50px;
}
}
@media (min-width: 641px) {
.sub-text {
font-size: 1.4rem;
}
}
.p-listSquare {
margin-top: 60px;
}
@media (min-width: 0px) and (max-width: 640px) {
.p-listSquare .p-listSquare__item:not(first-child) {
margin-top: 50px;
}
}
@media (min-width: 641px) {
.p-listSquare .p-listSquare__item:not(first-child) {
margin-top: 60px;
}
}
.breadcrumbs {
font-size: 1.2rem;
margin-top: 10px;
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 90%;
max-width: 1120px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) and (max-width: 640px) {
.breadcrumbs {
display: none;
}
}
.breadcrumbs > span::after {
content: ">";
margin-left: 10px;
margin-right: 10px;
font-size: 1.2rem;
}
.breadcrumbs > span:last-child::after {
display: none;
}
.breadcrumbs-wrap {
margin-top: 100px;
}
.free-estimate .width-edit {
width: 100%;
position: relative;
}
@media (min-width: 0px) and (max-width: 640px) {
.free-estimate .width-edit {
position: relative;
padding-top: 200px;
}
}
@media (min-width: 641px) {
.free-estimate .width-edit {
padding-right: 25%;
margin-top: 50px;
}
}
.free-estimate .width-edit::after {
content: "";
position: absolute;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/free-estimate_image.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
}
@media (min-width: 0px) and (max-width: 640px) {
.free-estimate .width-edit::after {
top: -30px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 200px;
height: 200px;
}
}
@media (min-width: 641px) {
.free-estimate .width-edit::after {
top: 0;
right: 0;
width: 242px;
height: 242px;
}
}
.free-estimate .btn-box {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) and (max-width: 640px) {
.free-estimate .btn-box {
margin-top: 40px;
width: 100%;
max-width: 400px;
}
}
@media (min-width: 641px) {
.free-estimate .btn-box {
margin-top: 200px;
max-width: 600px;
width: 100%;
}
}
.free-estimate .btn-box .btn-style02 {
background-color: #FFDE59;
color: #1F704E;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
line-height: 1;
position: relative;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
.free-estimate .btn-box .btn-style02 {
border: 3px solid #1F704E;
min-height: 200px;
border-radius: 20px;
font-size: 3.2rem;
line-height: 1.2;
text-align: center;
padding-bottom: 40px;
}
}
@media (min-width: 641px) {
.free-estimate .btn-box .btn-style02 {
border: 4px solid #1F704E;
min-height: 116px;
border-radius: 60px;
font-size: 3.2rem;
}
}
.free-estimate .btn-box .btn-style02 .att-text {
color: #EF5F5F;
margin-bottom: 10px;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
.free-estimate .btn-box .btn-style02 .att-text {
font-size: 1.8rem;
}
}
@media (min-width: 641px) {
.free-estimate .btn-box .btn-style02 .att-text {
font-size: 2.0rem;
}
}
.free-estimate .btn-box .btn-style02::after {
content: "";
position: absolute;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/btn_icon-arrow_o.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
.free-estimate .btn-box .btn-style02::after {
width: 26px;
height: 30px;
bottom: 15px;
left: 50%;
-webkit-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
}
}
@media (min-width: 641px) {
.free-estimate .btn-box .btn-style02::after {
width: 29px;
height: 28px;
right: 40px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media (min-width: 641px) and (min-width: 0px) and (max-width: 860px) {
.free-estimate .btn-box .btn-style02::after {
width: 24px;
height: 23px;
right: 30px;
}
}
.free-estimate .btn-box .btn-style02:hover {
background-color: #1F704E;
color: #FFDE59;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.free-estimate .btn-box .btn-style02:hover .att-text {
color: #FFFFFF;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.free-estimate .btn-box .btn-style02:hover::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/btn_icon-arrow.svg);
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.fuwa {
opacity: 0;
-webkit-transition: all .8s ease;
transition: all .8s ease;
}
.fuwa.show {
opacity: 1;
-webkit-transform: none;
transform: none;
}
.fuwa-up {
-webkit-transform: translate(0, 50px);
transform: translate(0, 50px);
}
.fuwa-down {
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
.fuwa-lr {
-webkit-transform: translate(-50px, 0);
transform: translate(-50px, 0);
}
.fuwa-rl {
-webkit-transform: translate(50px, 0);
transform: translate(50px, 0);
}
.fuwa-scaleUp {
-webkit-transform: scale(1s);
transform: scale(1s);
}
.fuwa-scaleDown {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.fuwa-rollL {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.fuwa-rollR {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.p-pageSection {
margin-top: 80px;
}
.service-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 100px;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list .service-item {
margin-right: 4%;
margin-top: 10px;
margin-bottom: 20px;
width: 48%;
}
}
@media (min-width: 641px) {
.service-list .service-item {
margin-right: 5%;
margin-top: 80px;
margin-bottom: 40px;
width: 30%;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list .service-item:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width: 641px) {
.service-list .service-item:nth-child(3n+2) {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.service-list .service-item:nth-child(3n) {
margin-right: 0;
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
}
.service-list .service-item:last-child {
margin-right: 0;
}
.service-list .service-item > a {
display: -ms-grid;
display: grid;
place-items: center;
font-weight: bold;
letter-spacing: 0.06rem;
line-height: 1.2;
text-align: center;
width: 100%;
border-radius: 30px 0 30px 0;
position: relative;
color: #333333;
background-color: #FFFFFF;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list .service-item > a {
font-size: 1.6rem;
border: 2px solid #008037;
height: 110px;
}
}
@media (min-width: 641px) {
.service-list .service-item > a {
font-size: 2.2rem;
border: 3px solid #008037;
height: 187px;
}
}
.service-list .service-item > a::before {
content: "";
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon01.svg);
background-size: contain;
background-repeat: no-repeat;
border-radius: 50%;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list .service-item > a::before {
width: 46px;
height: 46px;
border: 2px solid #FFFFFF;
}
}
@media (min-width: 641px) {
.service-list .service-item > a::before {
width: 90px;
height: 90px;
border: 5px solid #FFFFFF;
}
}
.service-list .service-item > a::after {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-size: contain;
background-repeat: no-repeat;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list .service-item > a::after {
bottom: 10px;
width: 11px;
height: 9px;
}
}
@media (min-width: 641px) {
.service-list .service-item > a::after {
bottom: 20px;
width: 20px;
height: 18px;
}
}
.service-list .service-item > a:hover {
color: #FFFFFF;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.service-list .service-item > a:hover::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon-arrow_o.svg) !important;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.service-list .service-item.item01 > a::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon01.svg);
}
.service-list .service-item.item01 > a::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon-arrow01.svg);
}
.service-list .service-item.item01 > a:hover::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon01_o.svg);
}
.service-list .service-item.item02 > a::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon02.svg);
}
.service-list .service-item.item02 > a::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon-arrow02.svg);
}
.service-list .service-item.item02 > a:hover::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon02_o.svg);
}
.service-list .service-item.item03 > a::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon03.svg);
}
.service-list .service-item.item03 > a::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon-arrow03.svg);
}
.service-list .service-item.item03 > a:hover::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon03_o.svg);
}
.service-list .service-item.item04 > a::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon04.svg);
}
.service-list .service-item.item04 > a::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon-arrow04.svg);
}
.service-list .service-item.item04 > a:hover::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon04_o.svg);
}
.service-list .service-item.item05 > a::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon05.svg);
}
.service-list .service-item.item05 > a::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon-arrow05.svg);
}
.service-list .service-item.item05 > a:hover::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon05_o.svg);
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list .service-item.item01 a {
border: 2px solid #1F704E;
}
}
@media (min-width: 641px) {
.service-list .service-item.item01 a {
border: 5px solid #1F704E;
}
}
.service-list .service-item.item01 a:hover {
background-color: #1F704E;
}
.service-list .service-item.item01 a:hover::before {
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list .service-item.item01 a:hover::before {
border: 2px solid #1F704E;
}
}
@media (min-width: 641px) {
.service-list .service-item.item01 a:hover::before {
border: 5px solid #1F704E;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list .service-item.item02 a {
border: 2px solid #425FD3;
}
}
@media (min-width: 641px) {
.service-list .service-item.item02 a {
border: 5px solid #425FD3;
}
}
.service-list .service-item.item02 a:hover {
background-color: #425FD3;
}
.service-list .service-item.item02 a:hover::before {
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list .service-item.item02 a:hover::before {
border: 2px solid #425FD3;
}
}
@media (min-width: 641px) {
.service-list .service-item.item02 a:hover::before {
border: 5px solid #425FD3;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list .service-item.item03 a {
border: 2px solid #F07D7D;
}
}
@media (min-width: 641px) {
.service-list .service-item.item03 a {
border: 5px solid #F07D7D;
}
}
.service-list .service-item.item03 a:hover {
background-color: #F07D7D;
}
.service-list .service-item.item03 a:hover::before {
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list .service-item.item03 a:hover::before {
border: 2px solid #F07D7D;
}
}
@media (min-width: 641px) {
.service-list .service-item.item03 a:hover::before {
border: 5px solid #F07D7D;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list .service-item.item04 a {
border: 2px solid #67A527;
}
}
@media (min-width: 641px) {
.service-list .service-item.item04 a {
border: 5px solid #67A527;
}
}
.service-list .service-item.item04 a:hover {
background-color: #67A527;
}
.service-list .service-item.item04 a:hover::before {
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list .service-item.item04 a:hover::before {
border: 2px solid #67A527;
}
}
@media (min-width: 641px) {
.service-list .service-item.item04 a:hover::before {
border: 5px solid #67A527;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list .service-item.item05 a {
border: 2px solid #E5C92D;
}
}
@media (min-width: 641px) {
.service-list .service-item.item05 a {
border: 5px solid #E5C92D;
}
}
.service-list .service-item.item05 a:hover {
background-color: #E5C92D;
}
.service-list .service-item.item05 a:hover::before {
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list .service-item.item05 a:hover::before {
border: 2px solid #E5C92D;
}
}
@media (min-width: 641px) {
.service-list .service-item.item05 a:hover::before {
border: 5px solid #E5C92D;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list.detail-layout {
margin-top: 100px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list.detail-layout .service-item {
width: 100%;
margin-bottom: 80px;
}
.service-list.detail-layout .service-item:last-of-type {
margin-bottom: 0;
}
}
@media (min-width: 641px) {
.service-list.detail-layout .service-item {
width: 48%;
margin-right: 4%;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list.detail-layout .service-item:nth-child(odd) {
margin-right: 0;
}
}
@media (min-width: 641px) {
.service-list.detail-layout .service-item:nth-child(even) {
margin-right: 0;
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
}
.service-list.detail-layout .service-item > a {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: auto;
min-height: 260px;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list.detail-layout .service-item > a {
padding-bottom: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 641px) {
.service-list.detail-layout .service-item > a {
padding-bottom: 20px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list.detail-layout .service-item > a::before {
width: 90px;
height: 90px;
border: 5px solid #FFFFFF;
}
}
.service-list.detail-layout .service-item > a::after {
display: none;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list.detail-layout .service-item > a .title {
font-size: 2.2rem;
margin-top: 70px;
}
}
@media (min-width: 641px) {
.service-list.detail-layout .service-item > a .title {
margin-top: 65px;
}
}
.service-list.detail-layout .service-item > a .text {
text-align: left;
font-size: 1.8rem;
font-weight: normal;
padding-left: 4%;
padding-right: 4%;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list.detail-layout .service-item > a .text {
margin-top: 30px;
text-align: left;
line-height: 1.6;
}
}
@media (min-width: 641px) {
.service-list.detail-layout .service-item > a .text {
margin-top: 20px;
line-height: 1.8;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list.detail-layout .service-item.item01 a {
border: 3px solid #1F704E;
}
}
@media (min-width: 641px) {
.service-list.detail-layout .service-item.item01 a {
border: 5px solid #1F704E;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list.detail-layout .service-item.item02 a {
border: 3px solid #425FD3;
}
}
@media (min-width: 641px) {
.service-list.detail-layout .service-item.item02 a {
border: 5px solid #425FD3;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list.detail-layout .service-item.item03 a {
border: 3px solid #F07D7D;
}
}
@media (min-width: 641px) {
.service-list.detail-layout .service-item.item03 a {
border: 5px solid #F07D7D;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list.detail-layout .service-item.item04 a {
border: 3px solid #67A527;
}
}
@media (min-width: 641px) {
.service-list.detail-layout .service-item.item04 a {
border: 5px solid #67A527;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service-list.detail-layout .service-item.item05 a {
border: 3px solid #E5C92D;
}
}
@media (min-width: 641px) {
.service-list.detail-layout .service-item.item05 a {
border: 5px solid #E5C92D;
}
}
.c-searchBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 42px;
margin-right: 126px;
}
.c-searchBox .c-searchBox__inner {
background-color: #FFFFFF;
min-width: 230px;
height: 40px;
padding-left: 35px;
padding-right: 15px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c-searchBox .c-searchBox__inner input[type="button"] {
content: "";
position: absolute;
top: 50%;
left: 12px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 16px;
height: 16px;
background-image: url(//okura-lawjimusho.com/cms/wp-content/images/search_icon.png);
background-size: contain;
background-repeat: no-repeat;
}
.c-searchBox .c-searchBox__inner input[type="text"] {
border: 1px solid #FFFFFF;
}
.c-searchBox .c-searchBox__inner input[type="text"]::-webkit-input-placeholder {
font-size: 1.2rem;
color: #CDD6DD;
padding-left: 5px;
}
.c-searchBox .c-searchBox__inner input[type="text"]:-ms-input-placeholder {
font-size: 1.2rem;
color: #CDD6DD;
padding-left: 5px;
}
.c-searchBox .c-searchBox__inner input[type="text"]::-ms-input-placeholder {
font-size: 1.2rem;
color: #CDD6DD;
padding-left: 5px;
}
.c-searchBox .c-searchBox__inner input[type="text"]::placeholder {
font-size: 1.2rem;
color: #CDD6DD;
padding-left: 5px;
}
.c-searchBox .c-searchBox__inner input[type="text"]:focus {
border: 1px solid #008037;
outline: 0;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .souzoku-sec01 .title-style01 {
margin: 90px 0;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-2colums-layout {
margin-top: 60px;
}
}
@media (min-width: 641px) {
.service .service-2colums-layout {
margin-top: 120px;
}
}
.service .service-2colums-layout .layout-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-2colums-layout .layout-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 641px) {
.service .service-2colums-layout .layout-box {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-2colums-layout .layout-box .box-image {
width: 100%;
}
}
@media (min-width: 641px) {
.service .service-2colums-layout .layout-box .box-image {
width: 60%;
margin-right: -10%;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-2colums-layout .layout-box .box-text-area {
width: 100%;
}
}
@media (min-width: 641px) {
.service .service-2colums-layout .layout-box .box-text-area {
width: 60%;
margin-left: -10%;
background-color: rgba(255, 255, 255, 0.9);
padding: 5%;
border-radius: 10px;
margin-top: 120px;
-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-2colums-layout .layout-box .box-text-area .small-titie {
font-size: 2rem;
padding-bottom: 20px;
font-weight: bold;
position: relative;
text-align: center;
margin-bottom: 50px;
margin-top: 50px;
}
.service .service-2colums-layout .layout-box .box-text-area .small-titie::after {
content: "";
position: absolute;
bottom: 0px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 30px;
height: 4px;
background-color: #008037;
}
}
@media (min-width: 641px) {
.service .service-2colums-layout .layout-box .box-text-area .small-titie {
font-size: 2.8rem;
font-weight: bold;
position: relative;
padding-left: 38px;
margin-bottom: 20px;
}
.service .service-2colums-layout .layout-box .box-text-area .small-titie::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 28px;
height: 4px;
background-color: #008037;
margin-top: 2px;
}
}
.service .lead-text800 {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 641px) {
.service .lead-text800 {
width: 100%;
max-width: 800px;
}
}
.service .service-faq-area {
margin-top: 120px;
margin-bottom: 60px;
}
.service .service-faq-area .faq-title {
background-color: #008037;
color: #FFFFFF;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
max-width: 820px;
display: -ms-grid;
display: grid;
place-items: center;
margin-left: auto;
margin-right: auto;
border-radius: 50px;
z-index: 1;
position: relative;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-faq-area .faq-title {
width: 92%;
font-size: 1.8rem;
line-height: 1.4;
text-align: center;
min-height: 68px;
}
}
@media (min-width: 641px) {
.service .service-faq-area .faq-title {
width: 90%;
font-size: 2.8vw;
min-height: 80px;
}
}
@media (min-width: 641px) and (min-width: 1200px) {
.service .service-faq-area .faq-title {
font-size: 3.2rem;
}
}
.service .service-faq-area .faq-list {
font-weight: bold;
margin-top: -42px;
border: 3px solid #008037;
border-radius: 20px;
position: relative;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-faq-area .faq-list {
font-size: 1.8rem;
padding: 20% 4% 6%;
}
}
@media (min-width: 641px) {
.service .service-faq-area .faq-list {
font-size: 2.0rem;
padding: 8% 25% 6% 10%;
}
}
.service .service-faq-area .faq-list .list-item {
margin-bottom: 6px;
text-indent: -1em;
margin-left: 1em;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-faq-area .faq-list.faq-image01 {
padding-bottom: 56.25%;
}
}
.service .service-faq-area .faq-list.faq-image01::after {
content: "";
position: absolute;
height: 60%;
width: 60%;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/faq-image01.jpg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
z-index: -10;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-faq-area .faq-list.faq-image01::after {
bottom: -13%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (min-width: 641px) {
.service .service-faq-area .faq-list.faq-image01::after {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -10%;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-faq-area .faq-list.faq-image02 {
padding-bottom: 56.25%;
}
}
.service .service-faq-area .faq-list.faq-image02::after {
content: "";
position: absolute;
height: 70%;
width: 70%;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/faq-image02.jpg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
z-index: -10;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-faq-area .faq-list.faq-image02::after {
bottom: -13%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (min-width: 641px) {
.service .service-faq-area .faq-list.faq-image02::after {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -10%;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-faq-area .faq-list.faq-image03 {
padding-bottom: 56.25%;
}
}
.service .service-faq-area .faq-list.faq-image03::after {
content: "";
position: absolute;
height: 50%;
width: 50%;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/faq-image03.jpg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
z-index: -10;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-faq-area .faq-list.faq-image03::after {
bottom: -10%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (min-width: 641px) {
.service .service-faq-area .faq-list.faq-image03::after {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -10%;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-faq-area .faq-list.faq-image04 {
padding-bottom: 40%;
}
}
.service .service-faq-area .faq-list.faq-image04::after {
content: "";
position: absolute;
height: 40%;
width: 40%;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/faq-image04.jpg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
z-index: -10;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-faq-area .faq-list.faq-image04::after {
bottom: -3%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (min-width: 641px) {
.service .service-faq-area .faq-list.faq-image04::after {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -5%;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-faq-area .faq-list.faq-image04-2 {
padding-bottom: 40%;
}
}
.service .service-faq-area .faq-list.faq-image04-2::after {
content: "";
position: absolute;
height: 40%;
width: 40%;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/faq-image04-2.jpg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
z-index: -10;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-faq-area .faq-list.faq-image04-2::after {
bottom: -3%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (min-width: 641px) {
.service .service-faq-area .faq-list.faq-image04-2::after {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -5%;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-faq-area .faq-list.faq-image05 {
padding-bottom: 56.25%;
}
}
.service .service-faq-area .faq-list.faq-image05::after {
content: "";
position: absolute;
height: 50%;
width: 50%;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/faq-image05.jpg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
z-index: -10;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-faq-area .faq-list.faq-image05::after {
bottom: -8%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (min-width: 641px) {
.service .service-faq-area .faq-list.faq-image05::after {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -10%;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .btn-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 60px;
}
}
@media (min-width: 641px) {
.service .btn-list {
margin-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 90%;
margin-left: auto;
margin-right: auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .btn-list .btn-box {
width: 100%;
margin-bottom: 30px;
}
}
@media (min-width: 641px) {
.service .btn-list .btn-box {
width: 46%;
}
}
.service .btn-list .btn-style {
width: 100%;
}
.service .service-step-flow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 100px;
position: relative;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-step-flow {
padding-bottom: 56.25%;
}
}
.service .service-step-flow.service-flow-image01::after {
content: "";
position: absolute;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_flow_image01.jpg);
background-size: contain;
background-repeat: no-repeat;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-step-flow.service-flow-image01::after {
width: 250px;
height: 250px;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
}
}
@media (min-width: 641px) {
.service .service-step-flow.service-flow-image01::after {
bottom: 20px;
right: 0;
width: 326px;
height: 326px;
}
}
.service .service-step-flow.service-flow-image02::after {
content: "";
position: absolute;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_flow_image02.jpg);
background-size: contain;
background-repeat: no-repeat;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-step-flow.service-flow-image02::after {
width: 250px;
height: 250px;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
}
}
@media (min-width: 641px) {
.service .service-step-flow.service-flow-image02::after {
bottom: 20px;
right: 0;
width: 326px;
height: 326px;
}
}
.service .service-step-flow.service-flow-image03::after {
content: "";
position: absolute;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_flow_image03.jpg);
background-size: contain;
background-repeat: no-repeat;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-step-flow.service-flow-image03::after {
width: 250px;
height: 250px;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
}
}
@media (min-width: 641px) {
.service .service-step-flow.service-flow-image03::after {
bottom: 20px;
right: 0;
width: 326px;
height: 326px;
}
}
.service .service-step-flow.service-flow-image04::after {
content: "";
position: absolute;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_flow_image04.jpg);
background-size: contain;
background-repeat: no-repeat;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-step-flow.service-flow-image04::after {
width: 250px;
height: 250px;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
}
}
@media (min-width: 641px) {
.service .service-step-flow.service-flow-image04::after {
bottom: 20px;
right: 0;
width: 326px;
height: 326px;
}
}
.service .service-step-flow.service-flow-image05::after {
content: "";
position: absolute;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_flow_image05.jpg);
background-size: contain;
background-repeat: no-repeat;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-step-flow.service-flow-image05::after {
width: 250px;
height: 250px;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
}
}
@media (min-width: 641px) {
.service .service-step-flow.service-flow-image05::after {
bottom: 20px;
right: 0;
width: 326px;
height: 326px;
}
}
.service .service-step-flow .step-flow-item {
position: relative;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-step-flow .step-flow-item {
width: 100%;
margin-bottom: 120px;
position: relative;
z-index: 1;
}
}
@media (min-width: 641px) {
.service .service-step-flow .step-flow-item {
max-width: 400px;
width: 45%;
margin-bottom: 100px;
}
.service .service-step-flow .step-flow-item:nth-child(2n) {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-step-flow .step-flow-item::after {
content: "";
position: absolute;
bottom: -90px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 32px;
height: 55px;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/step-arrow_sp.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
}
@media (min-width: 641px) {
.service .service-step-flow .step-flow-item:nth-child(odd)::after {
content: "";
position: absolute;
top: 50%;
left: calc(45% + 22vw);
width: 6vw;
height: 4vw;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/step-arrow01.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
}
@media (min-width: 641px) and (min-width: 1200px) {
.service .service-step-flow .step-flow-item:nth-child(odd)::after {
left: 116%;
width: 66px;
height: 40px;
}
}
@media (min-width: 641px) and (max-width: 1080px) {
.service .service-step-flow .step-flow-item:nth-child(odd)::after {
left: calc(45% + 21vw);
}
}
@media (min-width: 641px) {
.service .service-step-flow .step-flow-item:nth-child(even)::after {
content: "";
position: absolute;
bottom: -120px;
right: calc(45% + 22vw);
width: 6.7vw;
height: 6vw;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/step-arrow02.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
}
@media (min-width: 641px) and (min-width: 1200px) {
.service .service-step-flow .step-flow-item:nth-child(even)::after {
right: 117%;
width: 74px;
height: 72px;
}
}
.service .service-step-flow .step-flow-item:last-child::after {
display: none;
}
.service .service-step-flow .step-flow-item .flow-title-box {
background-color: #008037;
border-radius: 10px;
color: #FFFFFF;
height: 77px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 90%;
max-width: 350px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 1;
}
.service .service-step-flow .step-flow-item .flow-title-box .step {
background-color: #FFFFFF;
color: #008037;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 7vw;
height: 7vw;
margin-left: 1.7vw;
margin-right: 1.7vw;
border-radius: 50%;
font-weight: bold;
font-size: 2.0rem;
line-height: 1;
letter-spacing: 0.04em;
}
@media (min-width: 850px) {
.service .service-step-flow .step-flow-item .flow-title-box .step {
width: 50px;
height: 50px;
margin-left: 20px;
margin-right: 25px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-step-flow .step-flow-item .flow-title-box .step {
width: 50px;
height: 50px;
margin-left: 20px;
margin-right: 25px;
}
}
.service .service-step-flow .step-flow-item .flow-title-box .step::before {
content: attr(data-title);
font-weight: bold;
font-size: 1.2rem;
}
.service .service-step-flow .step-flow-item .flow-title-box .step-title {
width: calc(90% - 8.4vw);
font-size: 1.8vw;
text-align: center;
font-weight: bold;
line-height: 1.4;
}
@media (min-width: 900px) {
.service .service-step-flow .step-flow-item .flow-title-box .step-title {
width: calc(92% - 85px);
}
}
@media (min-width: 1040px) {
.service .service-step-flow .step-flow-item .flow-title-box .step-title {
font-size: 2.0rem;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-step-flow .step-flow-item .flow-title-box .step-title {
width: calc(92% - 85px);
font-size: 2.0rem;
}
}
.service .service-step-flow .step-flow-item .flow-text-box {
border: 3px solid #008037;
border-radius: 10px;
min-height: 170px;
margin-top: -38px;
position: relative;
z-index: -1;
height: calc(100% - 38px);
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-step-flow .step-flow-item .flow-text-box {
padding: 60px 20px 20px;
}
}
@media (min-width: 641px) {
.service .service-step-flow .step-flow-item .flow-text-box {
padding: 60px 30px 30px;
}
}
@media (min-width: 641px) {
.service .service-table-area {
margin-bottom: 80px;
}
}
.service .service-table-area .table-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 641px) {
.service .service-table-area .table-wrap {
border-left: 2px solid #008037;
border-right: 2px solid #008037;
}
}
.service .service-table-area .table-wrap .table-text-item {
padding: 2%;
}
.service .service-table-area .table-wrap .table-text-item:nth-child(3n+1) {
font-weight: bold;
text-align: center;
display: -ms-grid;
display: grid;
place-items: center;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-table-area .table-wrap .table-text-item:nth-child(3n+1) {
width: 50%;
border: 1px solid #008037;
min-height: 80px;
}
}
@media (min-width: 641px) {
.service .service-table-area .table-wrap .table-text-item:nth-child(3n+1) {
width: 28%;
border-right: 2px solid #008037;
border-bottom: 2px solid #008037;
}
}
.service .service-table-area .table-wrap .table-text-item:nth-child(3n+2) {
font-weight: bold;
text-align: center;
display: -ms-grid;
display: grid;
place-items: center;
color: #F07D7D;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-table-area .table-wrap .table-text-item:nth-child(3n+2) {
width: 50%;
border-right: 1px solid #008037;
border-top: 1px solid #008037;
border-bottom: 1px solid #008037;
}
}
@media (min-width: 641px) {
.service .service-table-area .table-wrap .table-text-item:nth-child(3n+2) {
width: 26%;
border-right: 2px solid #008037;
border-bottom: 2px solid #008037;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-table-area .table-wrap .table-text-item:nth-child(3n) {
width: 100%;
border-right: 1px solid #008037;
border-left: 1px solid #008037;
border-bottom: 1px solid #008037;
margin-bottom: 60px;
}
}
@media (min-width: 641px) {
.service .service-table-area .table-wrap .table-text-item:nth-child(3n) {
width: 46%;
border-bottom: 2px solid #008037;
}
}
.service .service-table-area .table-wrap .table-text-item:last-child {
margin-bottom: 0;
}
.service .service-table-area .table-wrap .table-text-item.table-ttl-item {
background-color: #1F704E;
color: #FFFFFF;
min-height: 54px;
font-weight: bold;
display: -ms-grid;
display: grid;
place-items: center;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-table-area .table-wrap .table-text-item.table-ttl-item:nth-child(3n+1) {
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
.service .service-table-area .table-wrap .table-text-item.table-ttl-item:nth-child(3n+2) {
border-bottom: 1px solid #FFFFFF;
}
.service .service-table-area .table-wrap .table-text-item.table-ttl-item:nth-child(3n) {
margin-bottom: 0;
}
}
@media (min-width: 641px) {
.service .service-table-area .table-wrap .table-text-item.table-ttl-item {
border-right: 2px solid #FFFFFF;
}
}
.service .service-table-area .table-wrap .table-text-item.table-ttl-item:last-of-type {
border: none;
}
.service .service-table-area .table-wrap2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 641px) {
.service .service-table-area .table-wrap2 {
border-left: 2px solid #008037;
border-right: 2px solid #008037;
}
}
.service .service-table-area .table-wrap2 .table-text-item {
padding: 2%;
}
.service .service-table-area .table-wrap2 .table-text-item:nth-child(odd) {
font-weight: bold;
text-align: center;
display: -ms-grid;
display: grid;
place-items: center;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-table-area .table-wrap2 .table-text-item:nth-child(odd) {
width: 50%;
border: 1px solid #008037;
min-height: 80px;
}
}
@media (min-width: 641px) {
.service .service-table-area .table-wrap2 .table-text-item:nth-child(odd) {
width: 50%;
border-right: 2px solid #008037;
border-bottom: 2px solid #008037;
}
}
.service .service-table-area .table-wrap2 .table-text-item:nth-child(even) {
font-weight: bold;
text-align: center;
display: -ms-grid;
display: grid;
place-items: center;
color: #F07D7D;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-table-area .table-wrap2 .table-text-item:nth-child(even) {
width: 50%;
border-right: 1px solid #008037;
border-top: 1px solid #008037;
border-bottom: 1px solid #008037;
}
}
@media (min-width: 641px) {
.service .service-table-area .table-wrap2 .table-text-item:nth-child(even) {
width: 50%;
border-bottom: 2px solid #008037;
}
}
.service .service-table-area .table-wrap2 .table-text-item.table-ttl-item {
background-color: #1F704E;
color: #FFFFFF;
min-height: 54px;
font-weight: bold;
display: -ms-grid;
display: grid;
place-items: center;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-table-area .table-wrap2 .table-text-item.table-ttl-item:nth-child(odd) {
border-right: 1px solid #FFFFFF;
}
.service .service-table-area .table-wrap2 .table-text-item.table-ttl-item:nth-child(even) {
margin-bottom: 0;
}
}
@media (min-width: 641px) {
.service .service-table-area .table-wrap2 .table-text-item.table-ttl-item {
border-right: 2px solid #FFFFFF;
}
}
.service .service-table-area .table-wrap2 .table-text-item.table-ttl-item:last-of-type {
border: none;
}
.service .service-table-area .table-wrap3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 641px) {
.service .service-table-area .table-wrap3 {
border-left: 2px solid #008037;
border-right: 2px solid #008037;
}
}
.service .service-table-area .table-wrap3 .table-text-item {
padding: 2%;
}
.service .service-table-area .table-wrap3 .table-text-item:nth-child(3n+1) {
font-weight: bold;
text-align: center;
display: -ms-grid;
display: grid;
place-items: center;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-table-area .table-wrap3 .table-text-item:nth-child(3n+1) {
width: 100%;
border: 1px solid #008037;
min-height: 80px;
}
}
@media (min-width: 641px) {
.service .service-table-area .table-wrap3 .table-text-item:nth-child(3n+1) {
width: 33%;
border-right: 2px solid #008037;
border-bottom: 2px solid #008037;
}
}
.service .service-table-area .table-wrap3 .table-text-item:nth-child(3n+2) {
font-weight: bold;
text-align: center;
display: -ms-grid;
display: grid;
place-items: center;
color: #F07D7D;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-table-area .table-wrap3 .table-text-item:nth-child(3n+2) {
width: 100%;
border-right: 1px solid #008037;
border-left: 1px solid #008037;
border-bottom: 1px solid #008037;
}
}
@media (min-width: 641px) {
.service .service-table-area .table-wrap3 .table-text-item:nth-child(3n+2) {
width: 34%;
border-right: 2px solid #008037;
border-bottom: 2px solid #008037;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-table-area .table-wrap3 .table-text-item:nth-child(3n) {
width: 100%;
border-right: 1px solid #008037;
border-left: 1px solid #008037;
border-bottom: 1px solid #008037;
margin-bottom: 60px;
}
}
@media (min-width: 641px) {
.service .service-table-area .table-wrap3 .table-text-item:nth-child(3n) {
width: 33%;
border-bottom: 2px solid #008037;
}
}
.service .service-table-area .table-wrap3 .table-text-item.table-ttl-item {
background-color: #1F704E;
color: #FFFFFF;
min-height: 54px;
font-weight: bold;
display: -ms-grid;
display: grid;
place-items: center;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .service-table-area .table-wrap3 .table-text-item.table-ttl-item:nth-child(3n+1) {
border-bottom: 1px solid #FFFFFF;
}
.service .service-table-area .table-wrap3 .table-text-item.table-ttl-item:nth-child(3n+2) {
border-bottom: 1px solid #FFFFFF;
}
.service .service-table-area .table-wrap3 .table-text-item.table-ttl-item:nth-child(3n) {
margin-bottom: 0;
}
}
@media (min-width: 641px) {
.service .service-table-area .table-wrap3 .table-text-item.table-ttl-item {
border-right: 2px solid #FFFFFF;
}
}
.service .service-table-area .table-wrap3 .table-text-item.table-ttl-item:last-of-type {
border: none;
}
.service .btm-spacing {
margin-bottom: 60px;
}
.service .plan-middle-title {
font-weight: bold;
font-size: 2.0rem;
padding-left: 24px;
position: relative;
margin-bottom: 20px;
}
.service .plan-middle-title::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #008037;
border-radius: 50%;
width: 14px;
height: 14px;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .plan-box {
margin-top: -50px;
padding-top: 50px;
}
}
@media (min-width: 641px) {
.service .plan-box {
margin-top: -120px;
padding-top: 120px;
}
}
.service .plan-box .title-area {
font-weight: bold;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 20px;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .plan-box .title-area {
font-size: 2.2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 40px;
}
}
@media (min-width: 641px) {
.service .plan-box .title-area {
font-size: 2.8rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 80px;
}
}
.service .plan-box .title-area::after {
content: "";
position: absolute;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .plan-box .title-area::after {
top: 40px;
}
}
@media (min-width: 641px) {
.service .plan-box .title-area::after {
bottom: 0;
background-color: #67A527;
left: 0;
width: 100%;
height: 4px;
}
}
.service .plan-box .title-area .plan-title {
font-weight: bold;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .plan-box .title-area .plan-title {
text-align: center;
}
}
.service .plan-box .title-area .plan-price {
color: #F07D7D;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .plan-box .title-area .plan-price {
margin-top: 20px;
text-align: center;
font-size: 1.8rem;
border: 2px solid #67A527;
padding: 10px;
}
}
@media (min-width: 641px) {
.service .plan-box .title-area .plan-price {
font-size: 2.4rem;
}
}
.service .plan-box .plan-text {
margin-bottom: 80px;
}
.service .plan-box .plan-detail-box .plan-list-title {
width: 76%;
display: -ms-grid;
display: grid;
place-items: center;
background-color: #67A527;
border-radius: 50px;
color: #FFFFFF;
font-weight: bold;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .plan-box .plan-detail-box .plan-list-title {
font-size: 2.0rem;
min-height: 48px;
margin-bottom: -26px;
padding: 14px;
line-height: 1.2;
text-align: center;
}
}
@media (min-width: 641px) {
.service .plan-box .plan-detail-box .plan-list-title {
font-size: 2.4rem;
height: 60px;
margin-bottom: -30px;
}
}
.service .plan-box .plan-detail-box .plan-list {
border: 4px solid #67A527;
border-radius: 20px;
margin-bottom: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .plan-box .plan-detail-box .plan-list {
padding: 60px 20px 30px;
}
}
@media (min-width: 641px) {
.service .plan-box .plan-detail-box .plan-list {
padding: 80px 30px 30px;
}
}
.service .plan-box .plan-detail-box .plan-list .plan-list-item {
margin-bottom: 10px;
font-weight: bold;
text-indent: -1em;
margin-left: 1em;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .plan-box .plan-detail-box .plan-list .plan-list-item {
width: 100%;
}
}
@media (min-width: 641px) {
.service .plan-box .plan-detail-box .plan-list .plan-list-item {
width: calc(50% - 5px - 1em);
}
}
.service .plan-box .plan-detail-box .plan-list .plan-list-item:nth-child(even) {
margin-right: 10px;
}
.service .plan-box .plan-detail-box .plan-list .plan-list-item-wide {
margin-bottom: 10px;
font-weight: bold;
text-indent: -1em;
margin-left: 1em;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .plan-box .plan-detail-box .plan-list .plan-list-item-wide {
width: 100%;
}
}
@media (min-width: 641px) {
.service .plan-box .plan-detail-box .plan-list .plan-list-item-wide {
width: calc(50% - 5px - 1em);
}
}
@media (min-width: 0px) and (max-width: 640px) {
.service .sec-inn-wrap {
margin-bottom: 80px;
}
}
@media (min-width: 641px) {
.service .sec-inn-wrap {
margin-bottom: 100px;
}
}
.service .kyoninka-btn-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .kyoninka-btn-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 641px) {
.service .kyoninka-btn-list {
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 110px;
}
}
.service .kyoninka-btn-list .btn-item {
border-radius: 30px;
margin-bottom: 20px;
-webkit-transition-duration: .1s;
transition-duration: .1s;
opacity: 1;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .kyoninka-btn-list .btn-item {
width: 100%;
}
}
@media (min-width: 641px) {
.service .kyoninka-btn-list .btn-item {
width: 29%;
min-width: 220px;
}
}
.service .kyoninka-btn-list .btn-item:hover {
opacity: 0.7;
-webkit-transition-duration: .1s;
transition-duration: .1s;
}
.service .kyoninka-btn-list .btn-item a {
font-weight: bold;
font-size: 2.0rem;
line-height: 1.2;
color: #FFFFFF;
display: block;
position: relative;
-webkit-transition-duration: .1s;
transition-duration: .1s;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .kyoninka-btn-list .btn-item a {
padding: 24px 110px 24px 60px;
}
}
@media (min-width: 641px) {
.service .kyoninka-btn-list .btn-item a {
padding: 30px 30px 35px;
}
}
.service .kyoninka-btn-list .btn-item a::before {
content: "";
position: absolute;
width: 23px;
height: 20px;
background-position: center;
background-repeat: no-repeat;
}
@media (min-width: 0px) and (max-width: 640px) {
.service .kyoninka-btn-list .btn-item a::before {
top: 50%;
left: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/btn_icon-arrow.svg);
}
}
@media (min-width: 641px) {
.service .kyoninka-btn-list .btn-item a::before {
bottom: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/kyoninka-arrow.svg);
}
}
.service .kyoninka-btn-list .btn-item a::after {
content: "";
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 30%;
height: 56px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.service .kyoninka-btn-list .btn-item.style01 {
background-color: #DDC53E;
border: 2px solid #DDC53E;
}
.service .kyoninka-btn-list .btn-item.style01 a::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/kyoninka-icon01.png);
}
.service .kyoninka-btn-list .btn-item.style02 {
background-color: #CA4C5F;
border: 2px solid #CA4C5F;
}
.service .kyoninka-btn-list .btn-item.style02 a::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/kyoninka-icon02.png);
}
.service .kyoninka-btn-list .btn-item.style03 {
background-color: #2A546D;
border: 2px solid #2A546D;
}
.service .kyoninka-btn-list .btn-item.style03 a::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/kyoninka-icon03.png);
}
.blog-category-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 90px;
}
.blog-category-area .category-item a {
display: block;
background-color: #008037;
border-radius: 50px;
color: #FFFFFF;
font-size: 2.0rem;
font-weight: bold;
position: relative;
border: 2px solid #008037;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
.blog-category-area .category-item a {
margin-bottom: 10px;
margin-right: 10px;
padding: 6px 22px;
}
}
@media (min-width: 641px) {
.blog-category-area .category-item a {
margin-bottom: 20px;
margin-right: 20px;
padding: 16px 50px 16px 30px;
}
}
.blog-category-area .category-item a::after {
content: "";
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 18px;
height: 16px;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/btn_icon-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media (min-width: 0px) and (max-width: 640px) {
.blog-category-area .category-item a::after {
display: none;
}
}
.blog-category-area .category-item a:hover {
-webkit-transition-duration: .2s;
transition-duration: .2s;
background-color: #FFFFFF;
color: #008037;
}
.blog-category-area .category-item a:hover::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/btn_icon-arrow_o.svg);
}
.blog-detail .date {
text-align: center;
color: #797979;
font-size: 1.6rem;
margin-bottom: 10px;
}
.blog-detail .post-area .post-main-image {
margin-bottom: 80px;
}
.blog-detail .post-area p {
line-height: 1.8;
margin-bottom: 2em;
}
.blog-detail .post-area h2 {
padding-left: 16px;
font-size: 2.4rem;
font-weight: bold;
margin-top: 60px;
margin-bottom: 20px;
position: relative;
}
.blog-detail .post-area h2::before {
content: "";
position: absolute;
top: 9px;
left: 0;
width: 4px;
height: 24px;
background-color: #008037;
}
.blog-detail .post-area h3 {
padding-left: 10px;
font-size: 2.0rem;
font-weight: bold;
margin-top: 60px;
margin-bottom: 20px;
position: relative;
}
.blog-detail .post-area h3::before {
content: "";
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
height: 2px;
background-color: #1F704E;
}
.blog-detail .post-area h4 {
padding-left: 20px;
font-size: 1.8rem;
font-weight: bold;
margin-top: 60px;
margin-bottom: 20px;
position: relative;
}
.blog-detail .post-area h4::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 1px;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #008037;
}
.blog-detail .post-area ul {
margin: 40px 0;
}
.blog-detail .post-area ul li {
padding-left: 20px;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 5px;
line-height: 1.4;
margin-bottom: 10px;
position: relative;
}
.blog-detail .post-area ul li::before {
content: "";
position: absolute;
top: 7px;
left: 0;
margin-top: 1px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #67A527;
}
.blog-detail .post-area table {
margin: 40px 0;
border-left: thin solid #67A527;
border-top: thin solid #67A527;
width: 100%;
}
.blog-detail .post-area table tr th {
background-color: #008037;
color: #FFFFFF;
font-weight: bold;
padding: 6px;
text-align: center;
border-right: thin solid #FFFFFF;
}
.blog-detail .post-area table tr th:last-child {
border-right: thin solid #67A527;
}
.blog-detail .post-area table tr td {
font-weight: bold;
padding: 6px;
text-align: center;
border-right: thin solid #67A527;
border-bottom: thin solid #67A527;
}
.blog-detail .btn-box {
margin-left: auto;
margin-right: auto;
min-width: 300px;
}
.contact .wp-block-table td {
border: none;
}
.contact .form-lead-text {
text-align: center;
margin-top: 40px;
}
@media (min-width: 0px) and (max-width: 640px) {
.contact .form-lead-text {
font-size: 1.4rem;
}
}
.contact .form-lead-text.form-box {
margin-bottom: 170px;
}
.contact .contact-lead {
border: 2px solid #008037;
padding: 30px;
border-radius: 20px;
position: relative;
}
@media (min-width: 0px) and (max-width: 640px) {
.contact .contact-lead {
margin-top: 110px;
}
}
.contact .contact-lead::before {
content: "";
position: absolute;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/contact-image01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 1;
}
@media (min-width: 0px) and (max-width: 640px) {
.contact .contact-lead::before {
top: -112px;
left: 0;
width: 130px;
height: 130px;
}
}
@media (min-width: 641px) {
.contact .contact-lead::before {
top: -138px;
left: 20px;
width: 160px;
height: 160px;
}
}
.contact .contact-lead::after {
content: "";
position: absolute;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/contact-image02.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 1;
}
@media (min-width: 0px) and (max-width: 640px) {
.contact .contact-lead::after {
top: -129px;
right: -20px;
width: 169px;
height: 169px;
}
}
@media (min-width: 641px) {
.contact .contact-lead::after {
top: -169px;
right: 0px;
width: 223px;
height: 223px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems {
margin-top: 40px;
}
}
@media (min-width: 641px) {
.formItems {
margin-top: 60px;
}
}
.formItems .title-text {
font-weight: bold;
font-size: 2.6rem;
text-align: center;
}
.formItems .formItem {
width: 100%;
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .formItem {
margin-top: 40px;
}
}
@media (min-width: 641px) {
.formItems .formItem {
margin-top: 50px;
}
}
.formItems .formItem dt {
font-size: 1.8rem;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: rotateZ(0.03deg);
transform: rotateZ(0.03deg);
}
.formItems .formItem dt.require::after {
content: "必須";
font-size: 1.4rem;
font-weight: bold;
color: #FFFFFF;
background-color: #F07D7D;
border-radius: 4px;
padding: 5px;
line-height: 1;
margin-left: 1em;
}
.formItems .formItem dt.any::after {
content: "任意";
font-size: 1.4rem;
font-weight: bold;
color: #333333;
border-radius: 4px;
border: thin solid #999999;
padding: 5px;
line-height: 1;
margin-left: 1em;
}
.formItems .formItem dd {
margin-top: 15px;
}
.formItems .formItem dd .formTtl {
font-weight: bold;
margin-right: 1em;
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .formItem dd .formTtl {
font-size: 1.4rem;
}
}
.formItems .formItem dd input,
.formItems .formItem dd select {
border: none;
}
.formItems .formItem dd input[type="text"],
.formItems .formItem dd select[type="text"] {
width: 100%;
padding: 10px 20px;
border: thin solid #999999;
border-radius: 4px;
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .formItem dd input[type="text"],
.formItems .formItem dd select[type="text"] {
min-height: 50px;
font-size: 1.6rem;
}
}
@media (min-width: 641px) {
.formItems .formItem dd input[type="text"],
.formItems .formItem dd select[type="text"] {
min-height: 60px;
font-size: 1.8rem;
}
}
.formItems .formItem dd input[type="radio"],
.formItems .formItem dd select[type="radio"] {
display: none;
position: relative;
}
.formItems .formItem dd input[type="radio"]::before,
.formItems .formItem dd select[type="radio"]::before {
width: 23px;
height: 23px;
border-radius: 50%;
background-color: #FFFFFF;
}
.formItems .formItem dd textarea {
border: none;
width: 100%;
min-height: 80px;
padding: 10px 20px;
border: thin solid #999999;
border-radius: 4px;
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .formItem dd textarea {
font-size: 1.6rem;
}
}
@media (min-width: 641px) {
.formItems .formItem dd textarea {
font-size: 1.8rem;
}
}
.formItems .formItem dd select {
border: none;
width: 50%;
height: 70px;
padding: 10px 20px;
border: thin solid #999999;
border-radius: 4px;
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .formItem dd select {
font-size: 1.6rem;
}
}
@media (min-width: 641px) {
.formItems .formItem dd select {
font-size: 1.8rem;
}
}
.formItems .formItem dd .mwform-radio-field {
position: relative;
display: inline-block;
margin-left: 0;
font-weight: bold;
}
@media (min-width: 641px) {
.formItems .formItem dd .mwform-radio-field {
margin-right: 42px;
padding-left: 35px;
font-size: 1.6rem;
margin-top: 16px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .formItem dd .mwform-radio-field {
padding-left: 8.53vw;
margin-right: 7.2vw;
font-size: 4.26667vw;
}
}
@media (min-width: 0px) and (max-width: 640px) and (min-width: 376px) and (max-width: 2500px) {
.formItems .formItem dd .mwform-radio-field {
padding-left: 32px;
margin-right: 28px;
font-size: 1.6rem;
}
}
.formItems .formItem dd .mwform-radio-field label {
cursor: pointer;
font-weight: bold;
}
.formItems .formItem dd .mwform-radio-field input {
width: 100%;
height: 64px;
border: thin solid #dfeded;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.formItems .formItem dd .mwform-radio-field input:checked + .mwform-radio-field-text::after {
content: "";
display: block;
position: absolute;
background: #F07D7D;
border-radius: 50%;
}
@media (min-width: 641px) {
.formItems .formItem dd .mwform-radio-field input:checked + .mwform-radio-field-text::after {
top: 6px;
left: 5px;
width: 13px;
height: 13px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .formItem dd .mwform-radio-field input:checked + .mwform-radio-field-text::after {
top: 1.8vw;
left: 1.6vw;
width: 3.2vw;
height: 3.2vw;
}
}
@media (min-width: 0px) and (max-width: 640px) and (min-width: 376px) and (max-width: 2500px) {
.formItems .formItem dd .mwform-radio-field input:checked + .mwform-radio-field-text::after {
top: 7px;
left: 6px;
width: 12px;
height: 12px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .formItem dd .mwform-radio-field .mwform-radio-field-text {
font-size: 1.4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.formItems .formItem dd .mwform-radio-field .mwform-radio-field-text::before {
content: "";
display: block;
position: absolute;
border: 1px solid #DDDDDD;
background-color: #fff;
border-radius: 50%;
top: 1px;
left: 0;
}
@media (min-width: 641px) {
.formItems .formItem dd .mwform-radio-field .mwform-radio-field-text::before {
width: 23px;
height: 23px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .formItem dd .mwform-radio-field .mwform-radio-field-text::before {
width: 6.4vw;
height: 6.4vw;
}
}
@media (min-width: 0px) and (max-width: 640px) and (min-width: 376px) and (max-width: 2500px) {
.formItems .formItem dd .mwform-radio-field .mwform-radio-field-text::before {
width: 23px;
height: 23px;
}
}
.formItems .formItem.half dt {
width: 100%;
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .formItem.half dd {
width: 100%;
}
}
@media (min-width: 641px) {
.formItems .formItem.half dd input[type="text"] {
width: 50%;
}
}
.formItems .formItem.checkin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.formItems .formItem.checkin dt {
width: 100%;
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .formItem.checkin dd {
width: 48%;
}
.formItems .formItem.checkin dd:last-child {
margin-left: 4%;
}
.formItems .formItem.checkin dd input[type="text"] {
width: 100%;
}
}
@media (min-width: 641px) {
.formItems .formItem.checkin dd {
margin-right: 40px;
}
.formItems .formItem.checkin dd input[type="text"] {
max-width: 180px;
}
}
.formItems .formItem.small {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.formItems .formItem.small dt {
width: 100%;
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .formItem.small dd {
width: 30%;
margin-right: 5%;
}
.formItems .formItem.small dd:last-child {
margin-right: 0;
}
}
@media (min-width: 641px) {
.formItems .formItem.small dd {
width: 25%;
margin-right: 20px;
}
.formItems .formItem.small dd input[type="text"] {
max-width: 180px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .formItem.sp-half dd {
width: 48%;
}
}
.formItems .privacy-area {
margin-top: 100px;
}
.formItems .privacy-area .privacy-title {
font-size: 2.4rem;
font-weight: bold;
text-align: center;
}
.formItems .privacy-area .text-wrap {
background-color: #FFFFFF;
margin-top: 20px;
border-radius: 10px;
border: thin solid #dddddd;
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .privacy-area .text-wrap {
padding: 15px;
}
}
@media (min-width: 641px) {
.formItems .privacy-area .text-wrap {
padding: 25px;
}
}
.formItems .privacy-area .text-wrap .txt-box {
height: 225px;
overflow-y: scroll;
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .privacy-area .text-wrap .txt-box {
padding: 0 5px;
}
}
@media (min-width: 641px) {
.formItems .privacy-area .text-wrap .txt-box {
padding: 0 25px;
}
}
.formItems .privacy-area .text-wrap .txt-box::-webkit-scrollbar {
width: 10px;
}
.formItems .privacy-area .text-wrap .txt-box::-webkit-scrollbar-track {
background-color: #DDDDDD;
border-radius: 5px;
}
.formItems .privacy-area .text-wrap .txt-box::-webkit-scrollbar-thumb {
background-color: #008037;
border-radius: 5px;
}
.formItems .privacy-area .text-wrap .txt-box .privacy-text {
margin-bottom: 24px;
-webkit-transform: rotateZ(0.03deg);
transform: rotateZ(0.03deg);
font-size: 1.6rem;
}
.formItems .privacy-area .text-wrap .txt-box .privacy-text.priv-title {
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 10px;
}
.formItems .btn_agree {
margin-top: 70px;
position: relative;
text-align: left;
line-height: 1.4;
}
.formItems .btn_agree input[type="checkbox"] {
display: none;
}
.formItems .btn_agree > label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.formItems .btn_agree > label a {
font-weight: bold;
letter-spacing: 0.05em;
color: #ff4d1a;
position: relative;
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .btn_agree > label a {
font-size: 1.8rem;
}
}
@media (min-width: 0px) and (max-width: 640px) and (min-width: 376px) and (max-width: 2500px) {
.formItems .btn_agree > label a {
font-size: 1.5rem;
}
}
@media (min-width: 641px) {
.formItems .btn_agree > label a {
font-size: 1.8rem;
}
}
.formItems .btn_agree > label a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #008037;
}
.formItems .btn_agree > label .error {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: -30px;
font-weight: bold;
}
.formItems .btn_agree .mwform-checkbox-field label {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.formItems .btn_agree .mwform-checkbox-field label .mwform-checkbox-field-text {
position: relative;
font-weight: bold;
-webkit-transform: rotateZ(0.03deg);
transform: rotateZ(0.03deg);
}
@media (min-width: 641px) {
.formItems .btn_agree .mwform-checkbox-field label .mwform-checkbox-field-text {
padding-left: 16px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .btn_agree .mwform-checkbox-field label .mwform-checkbox-field-text {
font-size: 1.6rem;
letter-spacing: 0.05em;
padding-left: 30px;
text-align: left;
}
}
.formItems .btn_agree .mwform-checkbox-field label .mwform-checkbox-field-text::before {
content: "";
display: inline-block;
position: absolute;
border: thin solid #dddddd;
background-color: #fff;
left: 0;
border-radius: 5px;
}
@media (min-width: 641px) {
.formItems .btn_agree .mwform-checkbox-field label .mwform-checkbox-field-text::before {
width: 24px;
height: 24px;
top: 2px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .btn_agree .mwform-checkbox-field label .mwform-checkbox-field-text::before {
width: 5.8vw;
height: 5.8vw;
border: solid 1px #dddddd;
top: 3px;
}
}
.formItems .btn_agree .mwform-checkbox-field label .mwform-checkbox-field-text a {
color: #F07D7D;
font-weight: bold;
text-decoration: underline;
}
.formItems .btn_agree .mwform-checkbox-field label input:checked + .mwform-checkbox-field-text::after {
content: "";
width: 24px;
height: 24px;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/icon-contact-checked.svg);
background-color: #008037;
background-position: center;
background-repeat: no-repeat;
display: block;
position: absolute;
left: 0;
border-radius: 5px;
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .btn_agree .mwform-checkbox-field label input:checked + .mwform-checkbox-field-text::after {
top: 3px;
}
}
@media (min-width: 641px) {
.formItems .btn_agree .mwform-checkbox-field label input:checked + .mwform-checkbox-field-text::after {
top: 2px;
}
}
.formItems .contact-end-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 100px;
}
.formItems .submitBtn input[type="submit"] {
margin-left: auto;
margin-right: auto;
background-color: #008037;
border: 2px solid #008037;
color: #FFFFFF;
text-align: center;
font-weight: bold;
border-radius: 50px;
-webkit-transition-duration: .5s;
transition-duration: .5s;
display: block;
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .submitBtn input[type="submit"] {
margin-top: 40px;
padding-top: 4vw;
padding-bottom: 4vw;
font-size: 1.8rem;
width: 90%;
max-width: 320px;
min-width: 160px;
}
}
@media (min-width: 641px) {
.formItems .submitBtn input[type="submit"] {
margin-top: 60px;
padding-top: 20px;
padding-bottom: 20px;
font-size: 2.0rem;
width: 40%;
max-width: 300px;
min-width: 260px;
}
}
.formItems .submitBtn input[type="submit"]:hover {
background-color: #FFFFFF;
color: #008037;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.formItems .backBtn input[type="submit"] {
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
border: 2px solid #008037;
color: #008037;
text-align: center;
font-weight: bold;
border-radius: 50px;
-webkit-transition-duration: .5s;
transition-duration: .5s;
display: block;
}
@media (min-width: 0px) and (max-width: 640px) {
.formItems .backBtn input[type="submit"] {
margin-top: 40px;
padding-top: 3vw;
padding-bottom: 3vw;
font-size: 1.8rem;
width: 60%;
max-width: 240px;
min-width: 160px;
}
}
@media (min-width: 641px) {
.formItems .backBtn input[type="submit"] {
margin-top: 60px;
padding-top: 20px;
padding-bottom: 20px;
font-size: 2.0rem;
width: 40%;
max-width: 300px;
min-width: 260px;
}
}
.formItems .backBtn input[type="submit"]:hover {
background-color: #008037;
color: #FFFFFF;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.formItems.confrim .privacy-area,
.formItems.confrim .btn_agree {
display: none;
}
.formItems.contact .backBtn, .formItems.error .backBtn {
display: none;
}
.mw_wp_form_confirm .privacy-area,
.mw_wp_form_confirm .btn_agree {
display: none;
}
@media (min-width: 0px) and (max-width: 640px) {
.kozinzyouhou .main-area-style02 .entry-content {
margin-top: 80px;
line-height: 1.6;
}
}
.kozinzyouhou .main-area-style02 h2 {
color: #008037;
font-weight: bold;
font-size: 2.0rem;
width: 50%;
max-width: 500px;
text-align: center;
margin-left: auto;
margin-right: auto;
border: 2px solid #008037;
padding: 5px;
margin-bottom: 70px;
}
@media (min-width: 0px) and (max-width: 640px) {
.kozinzyouhou .main-area-style02 h2 {
display: none;
}
}
.kozinzyouhou .main-area-style02 h3 {
padding-left: 40px;
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 40px;
position: relative;
}
@media (min-width: 0px) and (max-width: 640px) {
.kozinzyouhou .main-area-style02 h3 {
margin-top: 80px;
}
}
@media (min-width: 641px) {
.kozinzyouhou .main-area-style02 h3 {
margin-top: 120px;
}
}
.kozinzyouhou .main-area-style02 h3::before {
content: "";
position: absolute;
left: 0;
background-color: #008037;
}
@media (min-width: 0px) and (max-width: 640px) {
.kozinzyouhou .main-area-style02 h3::before {
margin-top: -1px;
width: 22px;
height: 4px;
top: 20px;
}
}
@media (min-width: 641px) {
.kozinzyouhou .main-area-style02 h3::before {
margin-top: 1px;
width: 24px;
height: 3px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.kozinzyouhou .main-area-style02 ol {
list-style: decimal;
}
.kozinzyouhou .main-area-style02 ol li {
margin-left: 1.6em;
line-height: 2em;
}
.kozinzyouhou .main-area-style02 ol li ol {
text-indent: 0;
margin-left: 0;
margin-bottom: 20px;
}
.kozinzyouhou .main-area-style02 p {
margin-bottom: 20px;
}
.tokuteisyoutorihikihou .main-area-style02 .list-item-box {
border-bottom: thin solid #67A527;
font-size: 1.8rem;
}
@media (min-width: 641px) {
.tokuteisyoutorihikihou .main-area-style02 .list-item-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.tokuteisyoutorihikihou .main-area-style02 .list-item-box .item-title {
font-weight: bold;
}
@media (min-width: 0px) and (max-width: 640px) {
.tokuteisyoutorihikihou .main-area-style02 .list-item-box .item-title {
padding-top: 10%;
width: 100%;
}
}
@media (min-width: 641px) {
.tokuteisyoutorihikihou .main-area-style02 .list-item-box .item-title {
padding: 2%;
width: 30%;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.tokuteisyoutorihikihou .main-area-style02 .list-item-box .item-text {
padding-bottom: 10%;
width: 100%;
}
}
@media (min-width: 641px) {
.tokuteisyoutorihikihou .main-area-style02 .list-item-box .item-text {
padding: 2%;
width: 70%;
}
}
.access .address-table-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.access .address-table-wrap .address-table-style {
border-top: thin solid #67A527;
}
@media (min-width: 0px) and (max-width: 640px) {
.access .address-table-wrap .address-table-style {
width: 100%;
margin-top: 30px;
}
}
@media (min-width: 641px) {
.access .address-table-wrap .address-table-style {
width: 70%;
}
}
.access .address-table-wrap .address-table-style .address-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.access .address-table-wrap .address-table-style .address-list .list-title {
background-color: #C2E59E;
font-weight: bold;
line-height: 1.3;
display: -ms-grid;
display: grid;
place-items: center;
border-left: thin solid #67A527;
border-bottom: thin solid #67A527;
border-right: thin solid #67A527;
}
@media (min-width: 0px) and (max-width: 640px) {
.access .address-table-wrap .address-table-style .address-list .list-title {
width: 30%;
padding: 3%;
text-align: center;
}
}
@media (min-width: 641px) {
.access .address-table-wrap .address-table-style .address-list .list-title {
width: 180px;
padding: 2%;
}
}
.access .address-table-wrap .address-table-style .address-list .list-text {
padding: 2%;
border-bottom: thin solid #67A527;
border-right: thin solid #67A527;
}
@media (min-width: 0px) and (max-width: 640px) {
.access .address-table-wrap .address-table-style .address-list .list-text {
width: 70%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.access .address-table-wrap .address-table-style .address-list .list-text .small-text {
font-size: 1.4rem;
}
}
@media (min-width: 641px) {
.access .address-table-wrap .address-table-style .address-list .list-text {
width: calc(100% - 180px);
}
}
.access .address-table-wrap .address-picture {
width: 25%;
}
@media (min-width: 0px) and (max-width: 640px) {
.access .address-table-wrap .address-picture {
display: none;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.access .address-map {
margin-top: 60px;
}
}
@media (min-width: 641px) {
.access .address-map {
margin-top: 100px;
}
}
.access .address-map iframe {
width: 100%;
height: 250px;
}
@media (min-width: 0px) and (max-width: 640px) {
.access .access-station {
margin-top: 70px;
}
}
@media (min-width: 641px) {
.access .access-station {
margin-top: 120px;
}
}
.access .access-station .middle-title {
background-color: #008037;
color: #FFFFFF;
font-weight: bold;
}
@media (min-width: 0px) and (max-width: 640px) {
.access .access-station .middle-title {
padding: 10px 20px;
text-align: center;
font-size: 2.0rem;
}
}
@media (min-width: 641px) {
.access .access-station .middle-title {
padding: 5px 20px;
}
}
.access .access-station .column2-layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 0px) and (max-width: 640px) {
.access .access-station .column2-layout {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 641px) {
.access .access-station .column2-layout {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.access .access-station .column2-layout .text-area {
width: 100%;
margin-top: 20px;
}
}
@media (min-width: 641px) {
.access .access-station .column2-layout .text-area {
width: 50%;
margin-top: 50px;
}
}
.access .access-station .column2-layout .text-area .text-item {
text-indent: -1.4em;
margin-left: 1.4em;
}
.access .access-station .column2-layout .access-picture {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (min-width: 0px) and (max-width: 640px) {
.access .access-station .column2-layout .access-picture {
margin-top: 50px;
width: 100%;
}
}
@media (min-width: 641px) {
.access .access-station .column2-layout .access-picture {
margin-top: 30px;
width: 45%;
}
}
.access .access-station .column2-layout .access-picture .sub-text {
color: #797979;
margin-bottom: 0;
margin-top: 5px;
}
@media (min-width: 0px) and (max-width: 640px) {
.access .access-station .column2-layout .access-picture .sub-text {
font-size: 1.0rem;
}
}
@media (min-width: 641px) {
.access .access-station .column2-layout .access-picture .sub-text {
font-size: 1.4rem;
}
}
.price-table-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 0px) and (max-width: 640px) {
.price-table-wrap {
margin-bottom: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 641px) {
.price-table-wrap {
margin-bottom: 30px;
border-left: 2px solid #008037;
border-right: 2px solid #008037;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.price-table-wrap .price-table-text {
padding: 2% 0.5%;
min-height: 54px;
}
}
@media (min-width: 641px) {
.price-table-wrap .price-table-text {
padding: 2%;
}
}
.price-table-wrap .price-table-text:nth-child(odd) {
font-weight: bold;
text-align: center;
display: -ms-grid;
display: grid;
place-items: center;
}
@media (min-width: 0px) and (max-width: 640px) {
.price-table-wrap .price-table-text:nth-child(odd) {
width: 100%;
border: 1px solid #008037;
}
}
@media (min-width: 641px) {
.price-table-wrap .price-table-text:nth-child(odd) {
width: 42%;
border-right: 2px solid #008037;
border-bottom: 2px solid #008037;
}
}
.price-table-wrap .price-table-text:nth-child(even) {
font-weight: bold;
text-align: center;
display: -ms-grid;
display: grid;
place-items: center;
color: #F07D7D;
}
@media (min-width: 0px) and (max-width: 640px) {
.price-table-wrap .price-table-text:nth-child(even) {
width: 100%;
margin-bottom: 40px;
border-bottom: 1px solid #008037;
border-right: 1px solid #008037;
border-left: 1px solid #008037;
}
}
@media (min-width: 641px) {
.price-table-wrap .price-table-text:nth-child(even) {
width: 58%;
border-bottom: 2px solid #008037;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.price-table-wrap .price-table-text:last-of-type {
margin-bottom: 0;
}
}
.price-table-wrap .price-table-text.price-table-title {
background-color: #1F704E;
color: #FFFFFF;
min-height: 54px;
font-weight: bold;
display: -ms-grid;
display: grid;
place-items: center;
}
@media (min-width: 0px) and (max-width: 640px) {
.price-table-wrap .price-table-text.price-table-title {
margin-bottom: 0;
border-bottom: 1px solid #FFFFFF;
}
}
@media (min-width: 641px) {
.price-table-wrap .price-table-text.price-table-title {
border-right: 2px solid #FFFFFF;
}
}
.price-table-wrap .price-table-text.price-table-title:last-of-type {
border: none;
}
@media (min-width: 0px) and (max-width: 640px) {
.price .sub-text {
margin-bottom: 160px;
}
}
@media (min-width: 641px) {
.price .sub-text {
margin-bottom: 120px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.price .price-lead-text {
margin-top: 80px;
margin-bottom: 120px;
}
}
@media (min-width: 641px) {
.price .price-lead-text {
margin-bottom: 100px;
}
}
.price .price-list-title {
background-color: #008037;
color: #FFFFFF;
font-weight: bold;
}
@media (min-width: 0px) and (max-width: 640px) {
.price .price-list-title {
padding: 10px;
text-align: center;
font-size: 2.0rem;
}
}
@media (min-width: 641px) {
.price .price-list-title {
padding: 5px 20px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.price .list-box {
margin-top: 80px;
}
}
@media (min-width: 641px) {
.price .list-box {
margin-top: 30px;
}
}
.price .list-box .list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 0px) and (max-width: 640px) {
.price .list-box .list-item {
margin-bottom: 140px;
width: 100%;
}
}
@media (min-width: 641px) {
.price .list-box .list-item {
margin-bottom: 80px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding-right: 45%;
}
}
.price .list-box .list-item .list-text-title {
font-weight: bold;
position: relative;
font-size: 2.0rem;
}
@media (min-width: 0px) and (max-width: 640px) {
.price .list-box .list-item .list-text-title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-left: 15px;
margin-bottom: 50px;
}
}
@media (min-width: 641px) {
.price .list-box .list-item .list-text-title {
padding-left: 30px;
margin-bottom: 20px;
}
}
.price .list-box .list-item .list-text-title::before {
content: "";
position: absolute;
background-color: #008037;
}
@media (min-width: 0px) and (max-width: 640px) {
.price .list-box .list-item .list-text-title::before {
top: 50%;
left: 0;
-webkit-transform: translateY(-47%);
transform: translateY(-47%);
height: 24px;
width: 4px;
}
}
@media (min-width: 641px) {
.price .list-box .list-item .list-text-title::before {
top: 50%;
left: 0;
margin-top: 1px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
height: 4px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.price .list-box .list-item .list-text {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-bottom: 20px;
}
}
.price .list-box .list-item .btn-box {
margin-top: 30px;
}
@media (min-width: 0px) and (max-width: 640px) {
.price .list-box .list-item .btn-box {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
.price .list-box .list-item .btn-box .btn-style {
height: 60px;
margin: 0;
}
@media (min-width: 0px) and (max-width: 640px) {
.price .list-box .list-item .btn-box .btn-style {
width: 100%;
font-size: 1.8rem;
}
}
@media (min-width: 641px) {
.price .list-box .list-item .btn-box .btn-style {
width: 380px;
}
}
.price .list-box .list-item .btn-box .btn-style.arrow-edit::after {
right: 10px;
}
@media (min-width: 0px) and (max-width: 640px) {
.price .list-box .list-item .list-picture {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
margin-bottom: 40px;
}
}
@media (min-width: 641px) {
.price .list-box .list-item .list-picture {
position: absolute;
top: 0;
right: 0;
width: 40%;
}
}
.voice .lead-text {
margin-bottom: 20px;
}
.voice .vioce-list-box .voice-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 0px) and (max-width: 640px) {
.voice .vioce-list-box .voice-list-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 60px;
}
}
@media (min-width: 641px) {
.voice .vioce-list-box .voice-list-item {
margin-bottom: 80px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 641px) {
.voice .vioce-list-box .voice-list-item:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.voice .vioce-list-box .voice-list-item .voice-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 0px) and (max-width: 640px) {
.voice .vioce-list-box .voice-list-item .voice-icon {
width: 55px;
margin-bottom: 20px;
}
}
@media (min-width: 641px) {
.voice .vioce-list-box .voice-list-item .voice-icon {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 14%;
padding: 2%;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.voice .vioce-list-box .voice-list-item .voice-icon .name {
margin-left: 20px;
white-space: nowrap;
font-size: 1.8rem;
}
}
@media (min-width: 641px) {
.voice .vioce-list-box .voice-list-item .voice-icon .name {
margin-top: 10px;
min-width: 110px;
text-align: center;
}
}
.voice .vioce-list-box .voice-list-item .voice-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #67A527;
border-radius: 10px;
}
@media (min-width: 0px) and (max-width: 640px) {
.voice .vioce-list-box .voice-list-item .voice-text {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 5%;
}
}
@media (min-width: 641px) {
.voice .vioce-list-box .voice-list-item .voice-text {
width: 81%;
padding: 30px;
}
}
@media (min-width: 641px) and (max-width: 1000px) {
.voice .vioce-list-box .voice-list-item .voice-text {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.voice .vioce-list-box .voice-list-item .voice-text .voice-text-inn {
width: 100%;
}
}
@media (min-width: 641px) {
.voice .vioce-list-box .voice-list-item .voice-text .voice-text-inn {
margin-right: 20px;
width: 70%;
}
}
@media (min-width: 641px) and (max-width: 1000px) {
.voice .vioce-list-box .voice-list-item .voice-text .voice-text-inn {
width: 100%;
margin-bottom: 20px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.voice .vioce-list-box .voice-list-item .voice-text .voice-text-img {
margin-top: 30px;
width: 100%;
}
}
@media (min-width: 641px) {
.voice .vioce-list-box .voice-list-item .voice-text .voice-text-img {
width: 30%;
min-width: 300px;
}
}
.voice .interview-list-box .interview-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #F7FFEF;
border: thin solid #008037;
border-radius: 20px;
margin-bottom: 100px;
}
@media (min-width: 0px) and (max-width: 640px) {
.voice .interview-list-box .interview-list-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px;
}
}
@media (min-width: 641px) {
.voice .interview-list-box .interview-list-item {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px;
}
}
@media (min-width: 641px) and (max-width: 1000px) {
.voice .interview-list-box .interview-list-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.voice .interview-list-box .interview-list-item .interview-text {
width: 100%;
}
}
@media (min-width: 641px) {
.voice .interview-list-box .interview-list-item .interview-text {
width: 55%;
}
}
@media (min-width: 641px) and (max-width: 1000px) {
.voice .interview-list-box .interview-list-item .interview-text {
width: 100%;
}
}
.voice .interview-list-box .interview-list-item .interview-text .interview-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 50px;
}
@media (min-width: 0px) and (max-width: 640px) {
.voice .interview-list-box .interview-list-item .interview-text .interview-wrap .interview-icon {
width: 40px;
margin-top: 10px;
margin-left: 15px;
}
}
@media (min-width: 641px) {
.voice .interview-list-box .interview-list-item .interview-text .interview-wrap .interview-icon {
width: 60px;
}
}
.voice .interview-list-box .interview-list-item .interview-text .interview-wrap .interview-title {
font-size: 2.0rem;
font-weight: bold;
}
@media (min-width: 0px) and (max-width: 640px) {
.voice .interview-list-box .interview-list-item .interview-text .interview-wrap .interview-title {
margin-left: 20px;
}
}
@media (min-width: 641px) {
.voice .interview-list-box .interview-list-item .interview-text .interview-wrap .interview-title {
margin-left: 30px;
}
}
.voice .interview-list-box .interview-list-item .interview-text .text-q {
font-weight: bold;
margin-bottom: 10px;
}
@media (min-width: 0px) and (max-width: 640px) {
.voice .interview-list-box .interview-list-item .interview-text .text-q {
text-indent: -1.2em;
margin-left: 1.2em;
}
}
@media (min-width: 641px) {
.voice .interview-list-box .interview-list-item .interview-text .text-q {
text-indent: -2em;
margin-left: 2em;
}
}
.voice .interview-list-box .interview-list-item .interview-text .text-a {
text-indent: -1.2em;
margin-left: 1.2em;
}
@media (min-width: 0px) and (max-width: 640px) {
.voice .interview-list-box .interview-list-item .interview-text .text-a {
margin-bottom: 40px;
}
}
@media (min-width: 641px) {
.voice .interview-list-box .interview-list-item .interview-text .text-a {
margin-bottom: 20px;
}
}
.voice .interview-list-box .interview-list-item .interview-img {
display: -ms-grid;
display: grid;
place-items: center;
}
@media (min-width: 0px) and (max-width: 640px) {
.voice .interview-list-box .interview-list-item .interview-img {
width: 100%;
margin: 20px auto 10px;
}
}
@media (min-width: 641px) {
.voice .interview-list-box .interview-list-item .interview-img {
width: 40%;
min-width: 300px;
}
}
@media (min-width: 641px) and (max-width: 1000px) {
.voice .interview-list-box .interview-list-item .interview-img {
margin: 20px auto 10px;
}
}
.greeting .greeting-icon-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .greeting-icon-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 80px;
}
}
@media (min-width: 641px) {
.greeting .greeting-icon-list {
margin-bottom: 100px;
}
}
.greeting .greeting-icon-list .icon {
display: -ms-grid;
display: grid;
place-items: center;
position: relative;
padding-bottom: 50px;
color: #FFFFFF;
font-weight: bold;
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .greeting-icon-list .icon {
width: 33.3%;
height: 30vw;
max-width: 130px;
max-height: 130px;
}
}
@media (min-width: 641px) {
.greeting .greeting-icon-list .icon {
width: 20%;
height: 185px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .greeting-icon-list .icon {
font-size: 1.4rem;
}
}
@media (min-width: 641px) {
.greeting .greeting-icon-list .icon {
font-size: 2.4rem;
}
}
.greeting .greeting-icon-list .icon::before {
content: "";
position: absolute;
left: 0;
width: 100%;
background-color: #FFFFFF;
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .greeting-icon-list .icon::before {
top: 6px;
height: 3px;
}
}
@media (min-width: 641px) {
.greeting .greeting-icon-list .icon::before {
top: 13px;
height: 3px;
}
}
.greeting .greeting-icon-list .icon::after {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 80%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .greeting-icon-list .icon::after {
top: 60px;
height: 36px;
}
}
@media (min-width: 641px) {
.greeting .greeting-icon-list .icon::after {
top: 90px;
height: 62px;
}
}
.greeting .greeting-icon-list .icon.icon01::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/icon_merit01.svg);
}
.greeting .greeting-icon-list .icon.icon02::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/icon_merit02.svg);
}
.greeting .greeting-icon-list .icon.icon03::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/icon_merit03.svg);
}
.greeting .greeting-icon-list .icon.icon04::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/icon_merit04.svg);
}
.greeting .greeting-icon-list .icon.icon05::after {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/icon_merit05.svg);
}
.greeting .greeting-icon-list .icon.icon01 {
background-color: #DDC53E;
}
.greeting .greeting-icon-list .icon.icon02 {
background-color: #ED814C;
}
.greeting .greeting-icon-list .icon.icon03 {
background-color: #CA4C5F;
}
.greeting .greeting-icon-list .icon.icon04 {
background-color: #52ACB4;
}
.greeting .greeting-icon-list .icon.icon05 {
background-color: #2A546D;
}
.greeting .greeting-reason .reason-text {
margin-bottom: 50px;
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .profile-wrap .profile-main-area {
width: 90%;
margin: 0 auto;
}
}
@media (min-width: 641px) {
.greeting .profile-wrap .profile-main-area {
width: 100%;
height: 520px;
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/profile-image.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
}
@media (min-width: 641px) and (max-width: 1080px) {
.greeting .profile-wrap .profile-main-area {
background-position: right -120px center;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .profile-wrap .profile-main-area .profile-image {
width: 100%;
}
}
.greeting .profile-wrap .profile-main-area .profile-main-area-inn {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-bottom: 50px;
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .profile-wrap .profile-main-area .profile-main-area-inn {
width: 100%;
margin-bottom: 0;
}
}
.greeting .profile-wrap .profile-main-area .name {
background-color: #008037;
color: #FFFFFF;
font-weight: bold;
border-radius: 5px;
display: inline;
text-align: center;
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .profile-wrap .profile-main-area .name {
width: 100%;
font-size: 2.4rem;
padding: 15px 20px;
}
}
@media (min-width: 641px) {
.greeting .profile-wrap .profile-main-area .name {
font-size: 3.2vw;
width: 47vw;
padding: 25px 6vw;
}
}
@media (min-width: 641px) and (min-width: 1080px) {
.greeting .profile-wrap .profile-main-area .name {
font-size: 3.6rem;
width: 500px;
padding: 25px 60px;
}
}
.greeting .profile-wrap .profile-main-area .profile-lead-text {
color: #008037;
font-weight: bold;
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .profile-wrap .profile-main-area .profile-lead-text {
margin-top: 40px;
font-size: 2.4rem;
text-align: center;
}
}
@media (min-width: 641px) {
.greeting .profile-wrap .profile-main-area .profile-lead-text {
margin-top: 6vw;
font-size: 3.2vw;
}
}
@media (min-width: 641px) and (min-width: 1080px) {
.greeting .profile-wrap .profile-main-area .profile-lead-text {
margin-top: 80px;
font-size: 3.6rem;
}
}
.greeting .profile-layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .profile-layout {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 641px) {
.greeting .profile-layout {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .profile-layout .profile-data-box {
width: 100%;
margin-bottom: 60px;
}
}
@media (min-width: 641px) {
.greeting .profile-layout .profile-data-box {
width: 34%;
}
}
.greeting .profile-layout .profile-data-box .box-title {
color: #FFFFFF;
font-weight: bold;
font-size: 2.0rem;
background-color: #67A527;
border-radius: 5px;
display: -ms-grid;
display: grid;
place-items: center;
margin-bottom: 30px;
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .profile-layout .profile-data-box .box-title {
height: 42px;
}
}
.greeting .profile-layout .profile-data-box .data-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: thin dashed #67A527;
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .profile-layout .profile-data-box .data-wrap {
padding-bottom: 16px;
margin-bottom: 16px;
}
}
@media (min-width: 641px) {
.greeting .profile-layout .profile-data-box .data-wrap {
padding-bottom: 10px;
margin-bottom: 10px;
}
}
.greeting .profile-layout .profile-data-box .data-wrap .data-title {
font-weight: bold;
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .profile-layout .profile-data-box .data-wrap .data-title {
width: 140px;
}
}
@media (min-width: 641px) {
.greeting .profile-layout .profile-data-box .data-wrap .data-title {
width: 120px;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .profile-layout .profile-data-box .data-wrap .data-text {
width: calc(100% - 140px);
}
}
@media (min-width: 641px) {
.greeting .profile-layout .profile-data-box .data-wrap .data-text {
width: calc(100% - 120px);
}
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .profile-layout .profile-text-area {
width: 100%;
}
}
@media (min-width: 641px) {
.greeting .profile-layout .profile-text-area {
width: 60%;
}
}
.greeting .profile-layout .profile-text-area .text {
margin-bottom: 20px;
}
.greeting .profile-layout .profile-text-area .sign-img {
margin-left: auto;
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .profile-layout .profile-text-area .sign-img {
width: 180px;
}
}
@media (min-width: 641px) {
.greeting .profile-layout .profile-text-area .sign-img {
width: 250px;
}
}
.greeting .security-box {
margin-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .security-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 641px) {
.greeting .security-box {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .security-box .box-item {
width: 100%;
margin-bottom: 80px;
}
}
@media (min-width: 641px) {
.greeting .security-box .box-item {
width: 30%;
}
.greeting .security-box .box-item:nth-child(2) {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.greeting .security-box .box-item:nth-child(3) {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
}
@media (min-width: 0px) and (max-width: 640px) {
.greeting .security-box .box-item .imga-area {
padding-left: 25%;
padding-right: 25%;
margin-bottom: 40px;
}
}
@media (min-width: 641px) {
.greeting .security-box .box-item .imga-area {
padding-left: 10%;
padding-right: 10%;
margin-bottom: 20px;
}
}
.service-top .service-layout .service-layout-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 100px;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-top .service-layout .service-layout-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 641px) {
.service-top .service-layout .service-layout-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.service-top .service-layout .service-layout-item .img-area {
position: relative;
z-index: 0;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-top .service-layout .service-layout-item .img-area {
width: 100%;
}
}
@media (min-width: 641px) {
.service-top .service-layout .service-layout-item .img-area {
width: 60%;
}
}
.service-top .service-layout .service-layout-item .text-box {
position: relative;
z-index: 1;
border-radius: 20px;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-top .service-layout .service-layout-item .text-box {
width: 100%;
}
}
@media (min-width: 641px) {
.service-top .service-layout .service-layout-item .text-box {
width: 58%;
margin-top: 180px;
background-color: rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
padding: 5% 4%;
}
}
.service-top .service-layout .service-layout-item .text-box .small-title {
font-weight: bold;
font-size: 2.4rem;
position: relative;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-top .service-layout .service-layout-item .text-box .small-title {
display: -ms-grid;
display: grid;
place-items: center;
margin-top: 150px;
margin-bottom: 40px;
}
}
@media (min-width: 641px) {
.service-top .service-layout .service-layout-item .text-box .small-title {
margin-bottom: 60px;
padding-left: 150px;
}
}
.service-top .service-layout .service-layout-item .text-box .small-title::before {
content: "";
position: absolute;
width: 90px;
height: 90px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-top .service-layout .service-layout-item .text-box .small-title::before {
top: -120px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (min-width: 641px) {
.service-top .service-layout .service-layout-item .text-box .small-title::before {
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.service-top .service-layout .service-layout-item .text-box .small-title.serv-icon01::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon01.svg);
}
.service-top .service-layout .service-layout-item .text-box .small-title.serv-icon02::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon02.svg);
}
.service-top .service-layout .service-layout-item .text-box .small-title.serv-icon03::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon03.svg);
}
.service-top .service-layout .service-layout-item .text-box .small-title.serv-icon04::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon04.svg);
}
.service-top .service-layout .service-layout-item .text-box .small-title.serv-icon05::before {
background-image: url(//okura-lawjimusho.com/cms/wp-content/themes/ookura/images/service_icon05.svg);
}
.service-top .service-layout .service-layout-item .text-box .text {
margin-bottom: 30px;
}
.service-top .service-layout .service-layout-item .text-box .btn-box .btn-style {
max-width: 380px;
height: auto;
min-height: 60px;
font-size: 2.0rem;
letter-spacing: 0.06;
}
@media (min-width: 0px) and (max-width: 640px) {
.service-top .service-layout .service-layout-item .text-box .btn-box .btn-style {
width: 100%;
}
.service-top .service-layout .service-layout-item .text-box .btn-box .btn-style::after {
right: 16px;
background-size: contain;
}
}
@media (min-width: 641px) {
.service-top .service-layout .service-layout-item .text-box .btn-box .btn-style {
width: 80%;
}
}
.service-top .service-layout .service-layout-item .text-box .btn-box .btn-style.f-style-small {
font-size: 1.8rem;
}
@media (min-width: 641px) {
.service-top .service-layout .service-layout-item:nth-child(odd) .img-area {
margin-left: -10%;
}
.service-top .service-layout .service-layout-item:nth-child(odd) .text-box {
margin-right: -8%;
}
.service-top .service-layout .service-layout-item:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.service-top .service-layout .service-layout-item:nth-child(even) .img-area {
margin-right: -10%;
}
.service-top .service-layout .service-layout-item:nth-child(even) .text-box {
margin-left: -8%;
}
} *,
*::before,
*::after {
box-sizing: border-box
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
html {
-ms-text-size-adjust: 100%;
font-size: 62.5%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-size: 1.8rem;
line-height: 1.6;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
input,button,textarea,select {
font: inherit;
} table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration:none;
}
img {
vertical-align: bottom;
}
ul,ol {
list-style: none;
}
img {
max-width: 100%;
display: block
} .wp-pagenavi {
position: relative;
width:100%;
clear:both;
text-align:center;
font-size:1.8rem;
}
@media screen and (min-width: 0px) and (max-width: 639px) {
.wp-pagenavi {
padding-top: 20px;
padding-bottom: 30px;
margin-top: -5px;
width: auto;
}
}
@media screen and (min-width: 639px) and (max-width: 983px) {
.wp-pagenavi {
padding-top: 20px;
padding-bottom: 35px;
}
}
@media screen and (min-width: 984px) and (max-width: 1199px) {
.wp-pagenavi {
padding-top: 20px;
padding-bottom: 40px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1499px) {
.wp-pagenavi {
padding-top: 20px;
padding-bottom: 10px;
}
}
@media print, screen and (min-width: 1500px)  {
.wp-pagenavi {
padding-top: 20px;
padding-bottom: 80px;
}
}
.wp-pagenavi .first {
display:none;
}
.wp-pagenavi span {
margin-bottom:10px;
}
@media screen and (min-width: 0px) and (max-width: 599px) { .wp-pagenavi .nextpostslink {
width: 30px;
height: 30px;
position: absolute;
top: 22px;
right: 5%;
text-indent: -9999px;
border: 0;
}
.wp-pagenavi .nextpostslink::after {
content: "";
position: absolute;
top: 9px;
right: 10px;
width: 10px;
height: 10px;
display:inline-block;
text-indent: -9999px;
border-right: 2px solid #CCCCCC;
border-top: 2px solid #CCCCCC;
border-left: none;
border-bottom: none;
transform: rotate(45deg);
padding: 0;
} .wp-pagenavi .previouspostslink {
width: 30px;
height: 30px;
position: absolute;
top: 22px;
left: 5%;
text-indent: -9999px;
border: 0;
}
.wp-pagenavi .previouspostslink::after {
content: "";
position: absolute;
top: 9px;
left: 10px;
width: 10px;
height: 10px;
border-left: 2px solid #CCCCCC;
border-top: 2px solid #CCCCCC;
border-bottom: none;
border-right: none;
transform: rotate(-45deg);
padding: 0;
}
}
@media print, screen and (min-width: 600px)  { .wp-pagenavi .nextpostslink {
width: 38px;
height: 38px;
background-image: url(https://okura-lawjimusho.com/cms/wp-content/themes/ookura/images/pagination-next.svg);
position: absolute;
top: 27px;
margin-left: 32px;
display:inline-block;
text-indent: -9999px;
} .wp-pagenavi .previouspostslink {
width: 38px;
height: 38px;
background-image: url(https://okura-lawjimusho.com/cms/wp-content/themes/ookura/images/pagination-prev.svg);
position: absolute;
top: 27px;
margin-left:-62px;
display:inline-block;
text-indent: -9999px;
}
}
.wp-pagenavi a, .wp-pagenavi a:link {
text-decoration: none;
}
.wp-pagenavi a:visited {
text-decoration: none;
}
.wp-pagenavi a:hover {
opacity:0.5;
}
.wp-pagenavi a:active {
text-decoration: none;
}
.wp-pagenavi span.pages {
display:none;
}
@media screen and (min-width: 0px) and (max-width: 599px) { .wp-pagenavi span.current {
width: 33px;
height: 33px;
line-height: 33px;
color: #000000;
text-align:center;
display:inline-block;
margin-left:6px;
margin-right:6px;
text-indent:0;
color: #333333;
border-radius: 50%;
padding: 0;
border: none;
}
.wp-pagenavi span.extend {
display:none;
}
.wp-pagenavi .page {
width: 33px;
height: 33px;
line-height: 33px;
text-align:center;
display:inline-block;
color: #CCCCCC;
margin-left:6px;
margin-right:6px;
text-indent:0;
border-radius: 50%;
padding: 0;
border: none;
}
}
@media print, screen and (min-width: 600px)  { .wp-pagenavi span.current {
width: 50px;
height: 50px;
line-height: 50px;
color: #000000;
text-align:center;
display:inline-block;
margin-left:10px;
margin-right:10px;
text-indent:0;
background-color: #FFFFFF;
color: #333333;
border-radius: 50%;
border: none;
padding: 0;
}
.wp-pagenavi span.extend {
display:none;
}
.wp-pagenavi .page {
width: 30px;
height: 50px;
line-height: 50px;
text-align:center;
display:inline-block;
color: #CCCCCC;
margin-left:10px;
margin-right:10px;
text-indent:0;
border-radius: 50%;
padding: 0;
border: none;
}
}
.wp-pagenavi .page:hover {
color: #67A527;
-moz-transition: all 0.26s ease-out;
-o-transition: all 0.26s ease-out;
-webkit-transition: all 0.26s ease-out;
-ms-transition: all 0.26s ease-out;
}
.wp-pagenavi .last {
display:none;
}
div.wpcf7-mail-sent-ok {
display: none  !important;
border: 2px solid #FFFFFF !important;
}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}