@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:normal;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:.001s!important;animation-duration:.001s!important}#cookie-notice .cookie-notice-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin:-10px 0 0 0;width:15px;height:15px;opacity:.5;padding:10px;border:none;outline:none;background:none;box-shadow:none;cursor:pointer}.cn-close-icon:hover{opacity:1}.cn-close-icon:before,.cn-close-icon:after{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:rgba(128,128,128,1)}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:normal;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0 0 0 10px;text-align:center;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:none;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px 0}.cn-text-container,.cn-buttons-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}
   *,
::before,
::after {
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; }   body {
margin: 0;
} main {
display: block;
}  p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}  h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
margin: 0;
}  ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}  dt {
font-weight: bold;
}
dd {
margin-left: 0;
}   hr {
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] {
text-decoration: underline; 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;
}   img,
embed,
object,
iframe {
vertical-align: bottom;
}   button,
input,
optgroup,
select,
textarea {
-webkit-appearance: none;
appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
background: transparent;
padding: 0;
margin: 0;
outline: 0;
border-radius: 0;
text-align: inherit;
} [type="checkbox"] {
-webkit-appearance: checkbox;
appearance: checkbox;
}
[type="radio"] {
-webkit-appearance: radio;
appearance: radio;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
cursor: default;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} select::-ms-expand {
display: none;
} option {
padding: 0;
} fieldset {
margin: 0;
padding: 0;
min-width: 0;
} legend {
color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } 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] {
outline: none;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
caption {
text-align: left;
}
td,
th {
vertical-align: top;
padding: 0;
}
th {
text-align: left;
font-weight: bold;
}   template {
display: none;
} [hidden] {
display: none;
}
body {
min-height: 100vh;
}
a:not([class]) {
text-decoration-skip-ink: auto;
}
input,
button,
textarea,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
a {
transition: 0.3s;
}
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
footer {
margin-top: auto;
}
html,
body {
font-size: 16px;
}
body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
background: #fff;
color: #0e3263;
word-wrap: break-word;
overflow-wrap: break-word;
font-weight: 400;
line-height: 1;
overflow-x: hidden;
}
body.fixed {
width: 100%;
height: 100%;
position: fixed;
}
@media screen and (max-width: 840px) {
.pconly {
display: none !important;
}
}
@media screen and (min-width: 841px) {
.sponly {
display: none !important;
}
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
dt,
dd,
th,
td {
line-height: 1.25;
}
p {
line-height: 1.75;
}
p + p {
margin-top: 1em;
}
::selection {
background: #0e3263;
color: #fff;
}
.animate {
opacity: 0;
visibility: hidden;
transition: all 1s;
}
.animate-bottom {
transform: translateY(50px);
}
.animate-left {
transform: translateX(-50px);
}
.animate-right {
transform: translateX(50px);
}
.animate.is-show {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
}
.bg02 {
background: #f0f0f0;
}
.bg-gradient {
background: #0e3263;
background: linear-gradient(to right, #0e3263, #244c84);
}
.inner {
width: 100%;
max-width: 1304px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 841px) {
.inner {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media screen and (max-width: 840px) {
.inner {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
strong {
background: #fff600;
padding: 0.25rem;
color: #0e3263;
}
.link-btn {
display: inline-block;
padding: 1rem 1rem 0.75rem;
border: 2px solid #0e3263;
min-width: 10rem;
text-align: center;
font-size: 1.25rem;
font-weight: 600;
font-family: "League Spartan";
line-height: 1;
}
@media screen and (min-width: 841px) {
.link-btn:hover {
background: #0e3263;
color: #fff;
}
}
.link-btn.type02 {
border: 2px solid #fff;
color: #fff;
}
@media screen and (min-width: 841px) {
.link-btn.type02:hover {
background: #fff;
color: #0e3263;
}
}
.flexBox-spacebetween {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 840px) {
.flexBox-spacebetween {
flex-direction: column;
}
}
.flexBox-spacebetween .flexBox-item {
width: 48%;
}
@media screen and (max-width: 840px) {
.flexBox-spacebetween .flexBox-item {
width: 100%;
}
}
.flexBox-spacebetween.row-reverse {
flex-direction: row-reverse;
}
.img-objectfit-cover {
width: 100%;
height: 100%;
object-fit: cover;
}
.wpcf7-not-valid-tip {
color: #ff053a;
}
.header__inner {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (min-width: 841px) {
.header__inner {
flex-direction: column;
padding-top: 3rem;
padding-bottom: 2rem;
}
}
@media screen and (max-width: 840px) {
.header__inner {
position: relative;
padding-top: 2.6vw;
padding-bottom: 2.6vw;
padding-left: 1rem;
}
}
@media screen and (min-width: 841px) {
.header__inner .menu {
display: flex;
margin-top: 2.5rem;
}
.header__inner .menu .menu-item {
font-size: 1.25rem;
font-weight: 700;
}
.header__inner .menu .menu-item a {
position: relative;
padding: 1rem 1.5rem;
}
.header__inner .menu .menu-item a::after {
content: "";
position: absolute;
bottom: 0;
left: 5%;
width: 90%;
height: 1px;
background: #0e3263;
transition: 0.5s;
transform: scale(0, 1);
transform-origin: left top;
}
.header__inner .menu .menu-item a:hover::after {
transform: scale(1, 1);
}
.header__inner .menu .menu-item.current-menu-item a::after {
transform: scale(1, 1);
}
}
@media screen and (min-width: 841px) {
.header__logo {
width: 100px;
text-align: center;
}
}
@media screen and (max-width: 840px) {
.header__logo {
width: 45vw;
}
}
@media screen and (max-width: 840px) {
.menu-global-nav-container .menu {
display: flex;
flex-direction: column;
}
}
@media screen and (min-width: 841px) {
.menu-global-nav-container .sp-btn {
display: none;
}
}
@media screen and (max-width: 840px) {
.menu-global-nav-container .sp-btn {
display: inline-block;
width: 100%;
max-width: 200px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 0.5rem 0.5rem 0.25rem;
border: 2px solid #fff;
margin-top: 2rem;
}
.menu-global-nav-container .sp-btn a {
font-size: 1.25rem !important;
font-weight: 600;
font-family: "League Spartan";
}
}
@media screen and (max-width: 840px) {
.logged-in .drawer-btn {
top: calc(8.1vw + 32px);
}
}
@media screen and (max-width: 840px) and (max-width: 782px) {
.logged-in .drawer-btn {
top: calc(8.1vw + 46px);
}
}
@media screen and (max-width: 840px) {
.logged-in.page.recruit .drawer-btn.active {
top: calc(50% + 32px);
}
}
@media screen and (max-width: 840px) and (max-width: 782px) {
.logged-in.page.recruit .drawer-btn.active {
top: calc(50% + 46px);
}
}
.page-top {
position: fixed;
bottom: 1rem;
right: 1rem;
}
.page-top a {
display: inline-block;
}
@media screen and (min-width: 841px) {
.page-top a {
width: 58px;
height: 58px;
}
}
@media screen and (max-width: 840px) {
.page-top a {
width: 36px;
height: 36px;
}
}
.fixed__area {
position: fixed;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 64px;
}
@media screen and (max-width: 1360px) {
.fixed__area {
width: 48px;
}
}
.fixed__area .fixed-item {
width: 100%;
}
.fixed__area .fixed-recruit,
.fixed__area .fixed-contact {
display: block;
width: 100%;
writing-mode: vertical-rl;
color: #fff;
padding: 2rem 1.5rem;
font-weight: 700;
}
@media screen and (max-width: 1360px) {
.fixed__area .fixed-recruit,
.fixed__area .fixed-contact {
padding-left: 1rem;
padding-right: 1rem;
}
}
.fixed__area .fixed-recruit {
background: #0075b6;
}
.fixed__area .fixed-recruit:hover {
background: #0096e9;
}
.fixed__area .fixed-contact {
background: #0e3263;
}
.fixed__area .fixed-contact:hover {
background: #144990;
}
.footer__area-blog {
background-color: #f8f8f8 !important;
}
.footer__area {
background: #fff;
padding-top: 10rem;
}
.footer__area .footer__cta {
background: #0e3263;
background: linear-gradient(to right, #0e3263, #244c84);
display: flex;
width: 100%;
}
@media screen and (min-width: 841px) {
.footer__area .footer__cta a:hover {
opacity: 0.7;
}
}
@media screen and (max-width: 840px) {
.footer__area .footer__cta {
flex-direction: column;
}
}
@media screen and (min-width: 841px) {
.footer__area .footer__cta .contact,
.footer__area .footer__cta .recruit {
width: 50%;
height: 10rem;
}
}
@media screen and (max-width: 840px) {
.footer__area .footer__cta .contact,
.footer__area .footer__cta .recruit {
width: 100%;
height: 8.75rem;
}
}
.footer__area .footer__cta .contact .footer__cta-btn,
.footer__area .footer__cta .recruit .footer__cta-btn {
width: 100%;
height: 100%;
display: flex;
color: #fff;
justify-content: center;
align-items: center;
font-size: 1.25rem;
font-weight: 700;
}
.footer__area .footer__cta .contact {
position: relative;
}
.footer__area .footer__cta .contact .icon {
width: 20px;
margin-right: 0.5rem;
padding-bottom: 4px;
}
.footer__area .footer__cta .contact::after {
content: "";
display: block;
background: #fff;
position: absolute;
}
@media screen and (min-width: 841px) {
.footer__area .footer__cta .contact::after {
width: 2px;
height: 96px;
right: 0;
top: 50%;
transform: translateY(-50%);
}
}
@media screen and (max-width: 840px) {
.footer__area .footer__cta .contact::after {
width: 80%;
height: 2px;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
}
.footer__area .footer__cta .recruit .icon {
width: 24px;
margin-right: 0.5rem;
}
.page.recruit .footer__area {
margin-top: 0;
}
.footer__inner {
padding-top: 5rem;
width: 100%;
max-width: 1304px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 841px) {
.footer__inner {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media screen and (max-width: 840px) {
.footer__inner {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.footer__inner .footer__logo {
width: 60vw;
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
.footer__inner p + p {
margin-top: 0.25rem;
}
.footer__inner .footer-info-nav__wrapper {
margin-top: 5rem;
display: flex;
}
@media screen and (min-width: 1025px) {
.footer__inner .footer-info-nav__wrapper {
justify-content: space-between;
}
}
@media screen and (max-width: 1024px) {
.footer__inner .footer-info-nav__wrapper {
flex-direction: column;
}
}
.footer__inner .footer__info + .footer__info {
margin-top: 3rem;
}
.footer__inner .footer__info .ttl {
font-weight: 700;
line-height: 1.25;
}
.footer__inner .footer__info .link {
font-weight: 700;
color: #0075b6;
}
@media screen and (min-width: 841px) {
.footer__inner .footer__info .link:hover {
color: #0e3263;
}
}
.footer__inner .footer__info .address {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 1078px) {
.footer__inner .footer__info .address {
flex-direction: column;
}
}
.footer__inner .footer__info .address .adress-txt {
margin-right: 0.8rem;
}
.footer__inner .footer__nav__inner-pc {
display: flex;
}
@media screen and (max-width: 1024px) {
.footer__inner .footer__nav__inner-pc {
display: none;
}
}
.footer__inner .footer__nav__inner-pc .footer__nav-right {
margin-left: 8rem;
}
.footer__inner .footer__nav__inner-pc .menu-item a:hover {
color: #0075b6;
}
.footer__inner .footer__nav__inner-pc .menu-item:not(:first-of-type) {
margin-top: 2rem;
}
.footer__inner .footer__nav__inner-sp {
margin-top: 5rem;
margin-right: -2rem;
margin-bottom: -2rem;
}
@media screen and (min-width: 1025px) {
.footer__inner .footer__nav__inner-sp {
display: none;
}
}
.footer__inner .footer__nav__inner-sp .menu {
display: flex;
flex-wrap: wrap;
}
.footer__inner .footer__nav__inner-sp .menu .menu-item {
margin-right: 2rem;
margin-bottom: 2rem;
}
.footer__inner .copyright {
margin-top: 7.5rem;
padding: 0.5rem;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
line-height: 1.5;
}
.footer__inner .copyright .txt01,
.footer__inner .copyright .txt02 {
margin-left: 4px;
margin-right: 4px;
}
@media screen and (max-width: 840px) {
.drawer-btn {
display: block;
position: fixed;
right: 5vw;
top: 8.1vw;
transform: translateY(-50%);
z-index: 9999;
width: 5vw;
height: 5vw;
cursor: pointer;
text-align: center;
}
.drawer-btn span {
display: block;
position: absolute;
width: 6vw;
height: 2px;
background: #0e3263;
transition: 0.3s ease-in-out;
}
.drawer-btn span:nth-of-type(1) {
top: 0;
}
.drawer-btn span:nth-of-type(2) {
top: 2.5vw;
}
.drawer-btn span:nth-of-type(3) {
top: 5vw;
}
.drawer-btn.active span {
background: #fff;
}
.drawer-btn.active span:nth-child(1) {
top: 2.5vw;
transform: rotate(-45deg);
}
.drawer-btn.active span:nth-child(2),
.drawer-btn.active span:nth-child(3) {
top: 2.5vw;
transform: rotate(45deg);
}
.page.recruit .drawer-btn {
position: absolute;
top: 50%;
}
.menu-global-nav__wrapper {
background: #0e3263;
background: linear-gradient(to right, #0e3263, #244c84);
position: fixed;
z-index: 999;
top: 0;
right: -100%;
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
transition: 0.5s;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 100px 2rem;
}
.menu-global-nav__wrapper.active {
right: 0;
}
.menu-global-nav__wrapper .menu {
margin: 0 auto;
padding: 0;
width: 100%;
}
.menu-global-nav__wrapper .menu .menu-item a {
display: inline-block;
color: #fff;
font-size: 1rem;
padding: 0.25rem 1rem;
margin: 0.5rem;
}
.menu-global-nav__wrapper .menu-global-nav__container {
width: 100%;
}
}
.home .home__main__wrapper + .footer__area {
margin-top: 0;
}
.home .home__section {
padding-top: 10rem;
padding-bottom: 10rem;
}
@media screen and (max-width: 840px) {
.home .home__ttl {
text-align: center;
}
}
.home .home__ttl .en {
font-size: 3.75rem;
font-weight: 600;
font-family: "League Spartan";
letter-spacing: 0.02em;
}
@media screen and (max-width: 840px) {
.home .home__ttl .en {
font-size: 3rem;
}
}
@media screen and (max-width: 354px) {
.home .home__ttl .en {
font-size: 12vw;
}
}
.home .home__ttl .jp {
font-size: 1rem;
}
@media screen and (min-width: 1101px) {
.home .home__ttl .jp {
position: relative;
padding-left: 2rem;
margin-left: 2rem;
}
.home .home__ttl .jp::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 2px;
height: 1rem;
background: #0e3263;
}
}
@media screen and (max-width: 1100px) {
.home .home__ttl .jp {
display: block;
}
}
.home .home__ttl + * {
margin-top: 4rem;
}
.home .home__ttl.type02 {
text-align: center;
}
.home .home__ttl.text-white {
color: #fff;
}
.home .home__ttl.text-white .jp::before {
background: #fff;
}
@media screen and (max-width: 840px) {
.home .catchcopy__wrapper {
background: url(//www.whaletech.co.jp/wp-content/themes/whaletech_202302/images/home_img02.png);
background-size: cover;
position: relative;
width: calc(100% + 1.5rem);
margin-left: -1.5rem;
padding-left: 1.5rem;
padding-top: 1.5rem;
padding-bottom: 1rem;
}
.home .catchcopy__wrapper::after {
content: "";
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
}
}
.home .catchcopy {
font-size: 5rem;
font-weight: 600;
font-family: "League Spartan";
line-height: 1;
color: #999;
}
@media screen and (max-width: 840px) {
.home .catchcopy {
font-size: 3.5rem;
color: #fff;
position: relative;
z-index: 10;
}
}
.home #works {
background: #0e3263;
background: linear-gradient(to right, #0e3263, #244c84);
}
.home #works .home__works-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (max-width: 840px) {
.home #works .home__works-list {
flex-direction: column;
}
}
.home #works .home__works-list .works-item {
width: 31%;
}
@media screen and (min-width: 841px) {
.home #works .home__works-list .works-item {
margin-bottom: 3rem;
}
}
@media screen and (max-width: 840px) {
.home #works .home__works-list .works-item {
width: 100%;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.home #works .home__works-list .works-item:not(:first-of-type) {
margin-top: 3.5rem;
}
}
.home #works .home__works-list .works-item .works-item__inner {
color: #fff;
display: inline-block;
}
.home #works .home__works-list .works-item .works-item__inner .thumbnail {
overflow: hidden;
}
.home #works .home__works-list .works-item .works-item__inner .thumbnail img {
width: 100%;
aspect-ratio: 3/2;
object-fit: cover;
transition: 0.3s;
}
.home #works .home__works-list .works-item .works-item__inner .ttl {
margin-top: 1rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.25;
}
.home #works .home__works-list .works-item .works-item__inner .category {
display: flex;
flex-wrap: wrap;
margin-top: 1rem;
margin-bottom: -0.5rem;
}
.home #works .home__works-list .works-item .works-item__inner .category-item {
font-size: 0.75rem;
background: #fff;
border-radius: 999px;
color: #0e3263;
line-height: 1;
padding: 0.25rem 0.5rem;
margin-right: 1rem;
margin-bottom: 1rem;
}
.home
#works
.home__works-list
.works-item
.works-item__inner:hover
.thumbnail
img {
transform: scale(1.1);
}
.home #works .home__works-list::after {
display: block;
content: "";
width: 31%;
height: 0;
}
.home #works .thumbnail__wrapper {
position: relative;
}
.home #works .thumbnail__wrapper .thumbnail {
width: 100%;
aspect-ratio: 3/2;
overflow: hidden;
}
.home #works .thumbnail__wrapper .thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s;
}
.home #service .home__service__wrapper {
position: relative;
}
@media screen and (min-width: 961px) {
.home #service .home__service__wrapper {
padding-bottom: 5rem;
}
}
.home #service #service-list__main .splide__slide {
display: flex;
justify-content: space-between;
height: inherit !important;
}
@media screen and (max-width: 960px) {
.home #service #service-list__main .splide__slide {
flex-direction: column;
}
}
.home #service #service-list__main .splide__slide .thumbnail {
width: 58%;
position: relative;
aspect-ratio: 3/2;
}
.home #service #service-list__main .splide__slide .thumbnail::after {
content: "";
display: block;
padding-top: 60%;
}
@media screen and (max-width: 960px) {
.home #service #service-list__main .splide__slide .thumbnail {
width: 100%;
}
}
.home #service #service-list__main .splide__slide .thumbnail img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.home #service #service-list__main .splide__slide .txt {
margin-left: 2rem;
width: 38%;
}
@media screen and (max-width: 960px) {
.home #service #service-list__main .splide__slide .txt {
margin-left: 0;
margin-top: 2rem;
width: 100%;
}
}
.home #service #service-list__main .splide__slide .ttl {
font-weight: 700;
font-size: 1.25rem;
line-height: 1.25;
}
.home #service #service-list__main .splide__slide .ttl + .txtArea {
margin-top: 1.5rem;
}
.home #service #service-list__main .splide__slide .txtArea {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
}
@media screen and (max-width: 960px) {
.home #service #service-list__main .t-center-sp {
text-align: center;
}
.home #service #service-list__main .splide__arrow {
background: rgb(255, 255, 255);
width: 3.5rem;
height: 3.5rem;
border-radius: 0;
}
.home #service #service-list__main .splide__arrow > svg {
display: none;
}
}
@media screen and (max-width: 960px) and (max-width: 959px) {
.home #service #service-list__main .splide__arrow {
width: 2.25rem;
height: 2.25rem;
}
}
@media screen and (max-width: 960px) {
.home #service #service-list__main .splide__arrow.splide__arrow--prev,
.home #service #service-list__main .splide__arrow.splide__arrow--next {
top: 30.7vw;
}
.home #service #service-list__main .splide__arrow.splide__arrow--prev::after,
.home #service #service-list__main .splide__arrow.splide__arrow--next::after {
content: "";
position: absolute;
top: 20px;
width: 1rem;
height: 1rem;
border-top: 2px solid #0e3263;
border-right: 2px solid #0e3263;
}
}
@media screen and (max-width: 960px) and (max-width: 959px) {
.home #service #service-list__main .splide__arrow.splide__arrow--prev::after,
.home #service #service-list__main .splide__arrow.splide__arrow--next::after {
width: 0.8rem;
height: 0.8rem;
top: 12px;
}
}
@media screen and (max-width: 960px) {
.home #service #service-list__main .splide__arrow.splide__arrow--prev {
left: 0;
}
.home #service #service-list__main .splide__arrow.splide__arrow--prev::after {
transform: rotate(225deg);
left: 24px;
}
}
@media screen and (max-width: 960px) and (max-width: 959px) {
.home #service #service-list__main .splide__arrow.splide__arrow--prev::after {
left: 14px;
}
}
@media screen and (max-width: 960px) {
.home #service #service-list__main .splide__arrow.splide__arrow--next {
right: 0;
}
.home #service #service-list__main .splide__arrow.splide__arrow--next::after {
transform: rotate(45deg);
right: 24px;
}
}
@media screen and (max-width: 960px) and (max-width: 959px) {
.home #service #service-list__main .splide__arrow.splide__arrow--next::after {
right: 14px;
}
}
.home #service #service-list__thumbnail {
margin-top: 1rem;
padding-left: 3.5rem;
padding-right: 3.5rem;
width: 80%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 960px) {
.home #service #service-list__thumbnail {
display: none;
}
}
.home
#service
#service-list__thumbnail
.splide__track--nav
> .splide__list
> .splide__slide {
display: inline-block;
background: #fff;
border: none;
}
.home
#service
#service-list__thumbnail
.splide__track--nav
> .splide__list
> .splide__slide.is-active {
border: 0.25rem solid #0e3263;
}
@media screen and (max-width: 480px) {
.home
#service
#service-list__thumbnail
.splide__track--nav
> .splide__list
> .splide__slide.is-active {
border: 2px solid #0e3263;
}
}
.home
#service
#service-list__thumbnail
.splide__track--nav
> .splide__list
> .splide__slide.is-active
img {
opacity: 1;
}
.home #service #service-list__thumbnail .thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.6;
}
.home #service #service-list__thumbnail .splide__arrow {
background: rgb(255, 255, 255);
width: 3.5rem;
height: 3.5rem;
border-radius: 0;
}
.home #service #service-list__thumbnail .splide__arrow > svg {
display: none;
}
@media screen and (max-width: 959px) {
.home #service #service-list__thumbnail .splide__arrow {
width: 2.25rem;
height: 2.25rem;
}
}
.home #service #service-list__thumbnail .splide__arrow.splide__arrow--prev,
.home #service #service-list__thumbnail .splide__arrow.splide__arrow--next {
top: 50%;
}
.home
#service
#service-list__thumbnail
.splide__arrow.splide__arrow--prev::after,
.home
#service
#service-list__thumbnail
.splide__arrow.splide__arrow--next::after {
content: "";
position: absolute;
top: 20px;
width: 1rem;
height: 1rem;
border-top: 2px solid #0e3263;
border-right: 2px solid #0e3263;
}
@media screen and (max-width: 959px) {
.home
#service
#service-list__thumbnail
.splide__arrow.splide__arrow--prev::after,
.home
#service
#service-list__thumbnail
.splide__arrow.splide__arrow--next::after {
width: 0.8rem;
height: 0.8rem;
top: 12px;
}
}
.home #service #service-list__thumbnail .splide__arrow.splide__arrow--prev {
left: 0;
}
.home
#service
#service-list__thumbnail
.splide__arrow.splide__arrow--prev::after {
transform: rotate(225deg);
left: 24px;
}
@media screen and (max-width: 959px) {
.home
#service
#service-list__thumbnail
.splide__arrow.splide__arrow--prev::after {
left: 14px;
}
}
.home #service #service-list__thumbnail .splide__arrow.splide__arrow--next {
right: 0;
}
.home
#service
#service-list__thumbnail
.splide__arrow.splide__arrow--next::after {
transform: rotate(45deg);
right: 24px;
}
@media screen and (max-width: 959px) {
.home
#service
#service-list__thumbnail
.splide__arrow.splide__arrow--next::after {
right: 14px;
}
}
.home #blog .home__blog-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (max-width: 840px) {
.home #blog .home__blog-list {
flex-direction: column;
}
}
.home #blog .home__blog-list .blog-item {
width: 31%;
}
@media screen and (min-width: 841px) {
.home #blog .home__blog-list .blog-item {
margin-bottom: 3rem;
}
}
@media screen and (max-width: 840px) {
.home #blog .home__blog-list .blog-item {
width: 100%;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.home #blog .home__blog-list .blog-item:not(:first-of-type) {
margin-top: 3.5rem;
}
}
.home #blog .home__blog-list .blog-item .blog-item__inner:hover .thumbnail img {
transform: scale(1.1);
}
.home #blog .home__blog-list .blog-item .blog-item__inner .info {
margin-top: 1rem;
}
.home #blog .home__blog-list .blog-item .blog-item__inner .info .post-info {
font-size: 0.875rem;
}
.home #blog .home__blog-list .blog-item .blog-item__inner .info .week {
margin-left: 0.25rem;
}
.home #blog .home__blog-list .blog-item .blog-item__inner .info .ttl {
font-weight: 700;
margin-top: 1rem;
line-height: 1.25;
}
.home #blog .home__blog-list .blog-item .blog-item__inner .info .author {
margin-top: 0.75rem;
display: inline-flex;
justify-content: center;
align-items: center;
}
.home #blog .home__blog-list .blog-item .blog-item__inner .info .author .img {
margin-right: 0.5rem;
}
.home #blog .home__blog-list::after {
display: block;
content: "";
width: 31%;
height: 0;
}
.home #blog .thumbnail__wrapper {
position: relative;
}
.home #blog .thumbnail__wrapper .thumbnail {
width: 100%;
aspect-ratio: 3/2;
overflow: hidden;
}
.home #blog .thumbnail__wrapper .thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s;
}
.home #blog .thumbnail__wrapper .category {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-wrap: wrap;
padding: 0.5rem;
background: #0e3263;
color: #fff;
}
.home
#blog
.thumbnail__wrapper
.category
.category-item:not(:first-of-type)::before {
content: "・";
}
.home__main_visual {
position: relative;
}
.home__main_visual .home__main__copy {
position: absolute;
font-family: "Zen Kaku Gothic New";
font-weight: 700;
color: #fff;
}
@media screen and (max-width: 1240px) {
.home__main_visual {
padding-left: 0;
padding-right: 0;
}
}
.home__main__copy {
letter-spacing: 4px;
bottom: 2.5vw;
right: calc(4vw + 2rem);
font-size: 1.75rem;
text-align: right;
line-height: 1.5;
}
@media screen and (min-width: 747px) and (max-width: 1240px) {
.home__main__copy {
right: 3.5rem;
bottom: 1.5rem;
}
}
@media screen and (min-width: 747px) {
.home__main_visual-sp {
display: none;
}
.home__main_visual__image-pc {
min-width: 100%;
max-height: 800px;
object-fit: cover;
}
}
@media screen and (max-width: 746px) {
.home__main_visual-pc {
display: none;
}
.home__main__copy {
bottom: 5.6vw;
text-align: center;
text-shadow: 0 0 4vw rgba(0, 0, 0, 0.8);
left: 50%;
transform: translateX(-50%);
width: 100%;
font-size: 5.6vw;
}
}
.breadcrumb {
width: 100%;
max-width: 1304px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 841px) {
.breadcrumb {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media screen and (max-width: 840px) {
.breadcrumb {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.breadcrumb .breadcrumb__lists {
display: flex;
padding-top: 0.5rem;
margin-bottom: -0.5rem;
overflow-x: auto;
flex-wrap: wrap;
}
.breadcrumb .breadcrumb__item {
position: relative;
margin-bottom: 0.5rem;
}
.breadcrumb .breadcrumb__item a {
text-decoration: none !important;
color: #0e3263 !important;
}
@media screen and (min-width: 841px) {
.breadcrumb .breadcrumb__item a:hover {
opacity: 0.7;
}
}
.breadcrumb .breadcrumb__item:not(:first-of-type) {
padding-left: 1.4rem;
display: inline-flex;
}
.breadcrumb .breadcrumb__item:not(:first-of-type)::before {
content: "";
vertical-align: middle;
position: absolute;
top: calc(50% - 4px);
left: 0;
width: 8px;
height: 8px;
border-top: 1px solid #0e3263;
border-right: 1px solid #0e3263;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.breadcrumb .breadcrumb__item:not(:last-of-type) {
margin-right: 0.6rem;
}
.breadcrumb .breadcrumb__item-home::before {
content: url(//www.whaletech.co.jp/wp-content/themes/whaletech_202302/images/home-icon.svg);
display: inline-block;
width: 16px;
height: 16px;
position: relative;
top: 1px;
margin-right: 0.5rem;
}
.single .page__ttl__wrapper,
.page .page__ttl__wrapper,
.archive .page__ttl__wrapper,
.error404 .page__ttl__wrapper {
background: #0e3263;
background: linear-gradient(to right, #0e3263, #244c84);
padding: 9rem 1rem;
text-align: center;
}
@media screen and (max-width: 840px) {
.single .page__ttl__wrapper,
.page .page__ttl__wrapper,
.archive .page__ttl__wrapper,
.error404 .page__ttl__wrapper {
padding: 4rem 0.25rem;
}
}
.single .page__ttl,
.page .page__ttl,
.archive .page__ttl,
.error404 .page__ttl {
color: #fff;
}
.single .page__ttl .en,
.page .page__ttl .en,
.archive .page__ttl .en,
.error404 .page__ttl .en {
font-size: 5.625rem;
font-weight: 600;
font-family: "League Spartan";
letter-spacing: 0.12em;
}
@media screen and (max-width: 840px) {
.single .page__ttl .en,
.page .page__ttl .en,
.archive .page__ttl .en,
.error404 .page__ttl .en {
font-size: 2.725rem;
}
}
@media screen and (max-width: 480px) {
.single .page__ttl .en,
.page .page__ttl .en,
.archive .page__ttl .en,
.error404 .page__ttl .en {
font-size: 10vw;
}
}
.single .page__ttl .jp,
.page .page__ttl .jp,
.archive .page__ttl .jp,
.error404 .page__ttl .jp {
display: block;
font-size: 2rem;
}
@media screen and (max-width: 840px) {
.single .page__ttl .jp,
.page .page__ttl .jp,
.archive .page__ttl .jp,
.error404 .page__ttl .jp {
font-size: 1.5rem;
}
}
@media screen and (max-width: 480px) {
.single .page__ttl .jp,
.page .page__ttl .jp,
.archive .page__ttl .jp,
.error404 .page__ttl .jp {
font-size: 5vw;
}
}
.single .category_title,
.page .category_title,
.archive .category_title,
.error404 .category_title {
color: #fff;
margin-top: 0.5rem;
font-size: 1.25rem;
}
.single__article {
background-color: #f8f8f8 !important;
}
.single__article h3:not([class]) {
background: #e0e0e0 !important;
}
.single__article .breadcrumb {
max-width: 864px;
}
.single__article .wp-block-image {
text-align: left !important;
}
.single__header-inner {
max-width: 864px;
text-align: left;
}
.single__header-inner .ttl {
font-weight: 700;
font-size: 2rem;
line-height: 1.25;
color: #fff;
}
.single__header-inner .category {
display: flex;
flex-wrap: wrap;
margin-right: -1rem;
}
.single__header-inner .category .category-item {
background: #fff;
padding: 0.5rem 1rem;
border-radius: 999px;
margin-right: 1rem;
margin-bottom: 1rem;
line-height: 1;
}
.single__header-inner .post-info {
margin-top: 0.8rem;
color: #b3c1d5;
}
.single__header-inner .post-info .week {
margin-left: 0.4rem;
}
.single__inner {
width: 100%;
max-width: 1304px;
margin-left: auto;
margin-right: auto;
max-width: 864px;
padding-top: 10rem;
}
@media screen and (min-width: 841px) {
.single__inner {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media screen and (max-width: 840px) {
.single__inner {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.single-service__article .page__ttl {
font-weight: 700;
}
@media screen and (min-width: 841px) {
.single-service__article .page__ttl {
font-size: 3rem;
}
}
@media screen and (max-width: 840px) {
.single-service__article .page__ttl {
font-size: 2rem;
}
}
.single-service__inner {
margin-top: 5rem;
}
.single__article .wp-block-button,
.single-works__article .wp-block-button,
.single-service__article .wp-block-button {
text-align: center;
width: 100%;
margin-top: 3rem;
}
.single__article .wp-block-button__link,
.single-works__article .wp-block-button__link,
.single-service__article .wp-block-button__link {
display: inline-block;
padding: 1rem 1rem 0.75rem;
border: 2px solid #0e3263;
color: #0e3263;
border-radius: 0;
background: none;
min-width: 10rem;
text-align: center;
font-size: 1.25rem;
font-weight: 600;
font-family: "League Spartan";
line-height: 1;
}
@media screen and (min-width: 841px) {
.single__article .wp-block-button__link:hover,
.single-works__article .wp-block-button__link:hover,
.single-service__article .wp-block-button__link:hover {
background: #0e3263;
color: #fff;
}
}
.single__article .wp-block-button__link.type02,
.single-works__article .wp-block-button__link.type02,
.single-service__article .wp-block-button__link.type02 {
border: 2px solid #fff;
color: #fff;
}
@media screen and (min-width: 841px) {
.single__article .wp-block-button__link.type02:hover,
.single-works__article .wp-block-button__link.type02:hover,
.single-service__article .wp-block-button__link.type02:hover {
background: #fff;
color: #0e3263;
}
}
.single__article * + .wp-block-media-text,
.single-works__article * + .wp-block-media-text,
.single-service__article * + .wp-block-media-text {
margin-top: 2rem;
}
.single__article .wp-block-media-text + .wp-block-media-text,
.single-works__article .wp-block-media-text + .wp-block-media-text,
.single-service__article .wp-block-media-text + .wp-block-media-text {
margin-top: 3rem;
}
.single__article .wp-block-media-text__content,
.single-works__article .wp-block-media-text__content,
.single-service__article .wp-block-media-text__content {
align-self: inherit;
}
@media screen and (min-width: 601px) {
.single__article .wp-block-media-text__content,
.single-works__article .wp-block-media-text__content,
.single-service__article .wp-block-media-text__content {
padding-right: 0;
}
}
@media screen and (max-width: 600px) {
.single__article .wp-block-media-text__content,
.single-works__article .wp-block-media-text__content,
.single-service__article .wp-block-media-text__content {
padding: 0;
margin-top: 1rem;
}
}
.single__article .wp-block-media-text__media,
.single-works__article .wp-block-media-text__media,
.single-service__article .wp-block-media-text__media {
align-self: inherit;
}
.single__article a:not([class]),
.single-works__article a:not([class]),
.single-service__article a:not([class]) {
text-decoration: underline;
color: #0075b6;
}
.single__article a:not([class]):hover,
.single-works__article a:not([class]):hover,
.single-service__article a:not([class]):hover {
text-decoration: none;
}
.single__article h2:not([class]),
.single-works__article h2:not([class]),
.single-service__article h2:not([class]) {
font-size: 2rem;
font-weight: 700;
padding-bottom: 0.75rem;
position: relative;
}
.single__article h2:not([class])::before,
.single__article h2:not([class])::after,
.single-works__article h2:not([class])::before,
.single-works__article h2:not([class])::after,
.single-service__article h2:not([class])::before,
.single-service__article h2:not([class])::after {
content: "";
display: block;
position: absolute;
bottom: 0;
height: 2px;
}
.single__article h2:not([class])::before,
.single-works__article h2:not([class])::before,
.single-service__article h2:not([class])::before {
width: 100%;
background: #b3c1d5;
}
.single__article h2:not([class])::after,
.single-works__article h2:not([class])::after,
.single-service__article h2:not([class])::after {
width: 5rem;
background: #0e3263;
}
.single__article h2:not([class]):not(:first-child),
.single-works__article h2:not([class]):not(:first-child),
.single-service__article h2:not([class]):not(:first-child) {
margin-top: 6rem;
}
.single__article h2:not([class]) + *,
.single-works__article h2:not([class]) + *,
.single-service__article h2:not([class]) + * {
margin-top: 3rem;
}
.single__article h3:not([class]),
.single-works__article h3:not([class]),
.single-service__article h3:not([class]) {
font-size: 1.5rem;
font-weight: 700;
padding: 0.5rem 1rem 0.5rem 1rem;
background: #f0f0f0;
}
.single__article h3:not([class]):not(:first-child),
.single-works__article h3:not([class]):not(:first-child),
.single-service__article h3:not([class]):not(:first-child) {
margin-top: 3rem;
}
.single__article h3:not([class]) + *,
.single-works__article h3:not([class]) + *,
.single-service__article h3:not([class]) + * {
margin-top: 2rem;
}
.single__article h4:not([class]),
.single-works__article h4:not([class]),
.single-service__article h4:not([class]) {
font-size: 1.5rem;
font-weight: 700;
position: relative;
padding-bottom: 1rem;
}
.single__article h4:not([class])::after,
.single-works__article h4:not([class])::after,
.single-service__article h4:not([class])::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 2.5rem;
height: 4px;
background: #0e3263;
}
.single__article h4:not([class]):not(:first-child),
.single-works__article h4:not([class]):not(:first-child),
.single-service__article h4:not([class]):not(:first-child) {
margin-top: 3rem;
}
.single__article h4:not([class]) + *,
.single-works__article h4:not([class]) + *,
.single-service__article h4:not([class]) + * {
margin-top: 1.5rem;
}
.single__article h5:not([class]),
.single-works__article h5:not([class]),
.single-service__article h5:not([class]) {
font-size: 1.25rem;
font-weight: 700;
}
.single__article h5:not([class]):not(:first-child),
.single-works__article h5:not([class]):not(:first-child),
.single-service__article h5:not([class]):not(:first-child) {
margin-top: 1.5rem;
}
.single__article h6:not([class]),
.single-works__article h6:not([class]),
.single-service__article h6:not([class]) {
font-size: 1rem;
font-weight: 700;
}
.single__article h5:not([class]) + *,
.single__article h6:not([class]) + *,
.single-works__article h5:not([class]) + *,
.single-works__article h6:not([class]) + *,
.single-service__article h5:not([class]) + *,
.single-service__article h6:not([class]) + * {
margin-top: 1.5rem;
margin-top: 20px;
}
.single__article ul:not([class]) li + li:not([class]),
.single__article ol:not([class]) li + li:not([class]),
.single-works__article ul:not([class]) li + li:not([class]),
.single-works__article ol:not([class]) li + li:not([class]),
.single-service__article ul:not([class]) li + li:not([class]),
.single-service__article ol:not([class]) li + li:not([class]) {
margin-top: 16px;
}
.single__article ul:not(:first-child),
.single__article ol:not(:first-child),
.single-works__article ul:not(:first-child),
.single-works__article ol:not(:first-child),
.single-service__article ul:not(:first-child),
.single-service__article ol:not(:first-child) {
margin-top: 20px;
}
.single__article ul:not([class]) > li,
.single-works__article ul:not([class]) > li,
.single-service__article ul:not([class]) > li {
padding-left: 16px;
position: relative;
}
.single__article ul:not([class]) > li::before,
.single-works__article ul:not([class]) > li::before,
.single-service__article ul:not([class]) > li::before {
content: "";
display: block;
background: #0e3263;
width: 0.3rem;
height: 0.3rem;
border-radius: 50%;
position: absolute;
top: 0.45rem;
left: 0.25rem;
}
.single__article ol:not([class]),
.single-works__article ol:not([class]),
.single-service__article ol:not([class]) {
counter-reset: count;
}
.single__article ol:not([class]) > li,
.single-works__article ol:not([class]) > li,
.single-service__article ol:not([class]) > li {
padding-left: 2rem;
position: relative;
}
.single__article ol:not([class]) > li::before,
.single-works__article ol:not([class]) > li::before,
.single-service__article ol:not([class]) > li::before {
position: absolute;
top: -2px;
left: 0;
counter-increment: count;
content: counter(count, decimal);
margin-right: 0.5em;
width: 1.5rem;
height: 1.5rem;
text-align: center;
background: #0e3263;
color: #fff;
font-size: 14px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
}
.single__article .single-note-list,
.single-works__article .single-note-list,
.single-service__article .single-note-list {
margin-top: 32px;
}
.single__article .single-note-list__item,
.single-works__article .single-note-list__item,
.single-service__article .single-note-list__item {
padding-left: 14px;
text-indent: -14px;
}
.single__article .single-note-list__item:not(:first-of-type),
.single-works__article .single-note-list__item:not(:first-of-type),
.single-service__article .single-note-list__item:not(:first-of-type) {
margin-top: 16px;
}
.single__article .single-note-list__item::before,
.single-works__article .single-note-list__item::before,
.single-service__article .single-note-list__item::before {
content: "＊";
width: 16px;
}
.single__article .wp-block-quote,
.single-works__article .wp-block-quote,
.single-service__article .wp-block-quote {
margin-top: 32px;
background: #f0f0f0;
padding: 64px 48px 24px;
position: relative;
}
.single__article .wp-block-quote::before,
.single-works__article .wp-block-quote::before,
.single-service__article .wp-block-quote::before {
content: "”";
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans";
position: absolute;
top: 0px;
left: 16px;
font-size: 120px;
color: #ccc;
}
.single__article .wp-block-quote cite,
.single-works__article .wp-block-quote cite,
.single-service__article .wp-block-quote cite {
display: block;
text-align: right;
margin-top: 16px;
}
.single__article .wp-block-table,
.single-works__article .wp-block-table,
.single-service__article .wp-block-table {
margin-top: 32px;
overflow-x: auto;
overflow-y: hidden;
display: block;
text-align: center;
white-space: nowrap;
width: 100%;
max-width: 100%;
}
.single__article .wp-block-table figcaption,
.single-works__article .wp-block-table figcaption,
.single-service__article .wp-block-table figcaption {
margin-top: 8px;
padding-bottom: 8px;
font-style: italic;
color: #999;
text-align: center;
}
.single__article .wp-block-table tr:nth-child(even),
.single-works__article .wp-block-table tr:nth-child(even),
.single-service__article .wp-block-table tr:nth-child(even) {
background: #fff;
}
.single__article .wp-block-table tr:nth-child(odd),
.single-works__article .wp-block-table tr:nth-child(odd),
.single-service__article .wp-block-table tr:nth-child(odd) {
background: #f0f0f0;
}
.single__article .wp-block-table:not(.is-style-stripes) tr:nth-child(1),
.single-works__article .wp-block-table:not(.is-style-stripes) tr:nth-child(1),
.single-service__article
.wp-block-table:not(.is-style-stripes)
tr:nth-child(1) {
background: #0e3263;
color: #fff;
font-weight: 700;
}
.single__article .wp-block-table td,
.single-works__article .wp-block-table td,
.single-service__article .wp-block-table td {
border: 1px solid #fff;
padding: 12px 12px;
}
.single__article .wp-block-table.is-style-stripes,
.single-works__article .wp-block-table.is-style-stripes,
.single-service__article .wp-block-table.is-style-stripes {
text-align: left;
border-bottom: none;
}
.single__article .wp-block-table.is-style-stripes table,
.single-works__article .wp-block-table.is-style-stripes table,
.single-service__article .wp-block-table.is-style-stripes table {
border-collapse: collapse;
}
.single__article .wp-block-table.is-style-stripes tr td:first-of-type,
.single-works__article .wp-block-table.is-style-stripes tr td:first-of-type,
.single-service__article .wp-block-table.is-style-stripes tr td:first-of-type {
font-weight: 700;
}
.single__article .wp-block-table.is-style-stripes tr:nth-child(even),
.single-works__article .wp-block-table.is-style-stripes tr:nth-child(even),
.single-service__article .wp-block-table.is-style-stripes tr:nth-child(even) {
background: #fff;
}
.single__article .wp-block-table.is-style-stripes tr:nth-child(odd),
.single-works__article .wp-block-table.is-style-stripes tr:nth-child(odd),
.single-service__article .wp-block-table.is-style-stripes tr:nth-child(odd) {
background: #f0f0f0;
}
.single__article .wp-block-image,
.single__article .wp-block-video,
.single-works__article .wp-block-image,
.single-works__article .wp-block-video,
.single-service__article .wp-block-image,
.single-service__article .wp-block-video {
text-align: center;
margin-top: 32px;
}
.single__article .wp-block-image figcaption,
.single__article .wp-block-video figcaption,
.single-works__article .wp-block-image figcaption,
.single-works__article .wp-block-video figcaption,
.single-service__article .wp-block-image figcaption,
.single-service__article .wp-block-video figcaption {
margin-top: 8px;
font-style: italic;
color: #999;
text-align: center;
}
.single__article .block-img-left,
.single__article .block-img-right,
.single-works__article .block-img-left,
.single-works__article .block-img-right,
.single-service__article .block-img-left,
.single-service__article .block-img-right {
display: flex;
margin-top: 32px;
}
@media screen and (max-width: 840px) {
.single__article .block-img-left,
.single__article .block-img-right,
.single-works__article .block-img-left,
.single-works__article .block-img-right,
.single-service__article .block-img-left,
.single-service__article .block-img-right {
flex-direction: column;
}
.single__article .block-img-left .img + .txt,
.single__article .block-img-left .txt + .img,
.single__article .block-img-right .img + .txt,
.single__article .block-img-right .txt + .img,
.single-works__article .block-img-left .img + .txt,
.single-works__article .block-img-left .txt + .img,
.single-works__article .block-img-right .img + .txt,
.single-works__article .block-img-right .txt + .img,
.single-service__article .block-img-left .img + .txt,
.single-service__article .block-img-left .txt + .img,
.single-service__article .block-img-right .img + .txt,
.single-service__article .block-img-right .txt + .img {
margin-top: 16px;
}
.single__article .block-img-left .img,
.single__article .block-img-right .img,
.single-works__article .block-img-left .img,
.single-works__article .block-img-right .img,
.single-service__article .block-img-left .img,
.single-service__article .block-img-right .img {
text-align: center;
}
}
.single__article .block-img-right,
.single-works__article .block-img-right,
.single-service__article .block-img-right {
justify-content: space-between;
}
@media screen and (min-width: 841px) {
.single__article .block-img-right .img,
.single__article .block-img-right .txt,
.single-works__article .block-img-right .img,
.single-works__article .block-img-right .txt,
.single-service__article .block-img-right .img,
.single-service__article .block-img-right .txt {
width: 48%;
}
}
@media screen and (max-width: 840px) {
.single__article .block-img-right .img,
.single__article .block-img-right .txt,
.single-works__article .block-img-right .img,
.single-works__article .block-img-right .txt,
.single-service__article .block-img-right .img,
.single-service__article .block-img-right .txt {
width: 100%;
}
}
.single__article .block-img-left .img,
.single-works__article .block-img-left .img,
.single-service__article .block-img-left .img {
flex-shrink: 0;
}
@media screen and (min-width: 841px) {
.single__article .block-img-left .img,
.single-works__article .block-img-left .img,
.single-service__article .block-img-left .img {
max-width: 48%;
margin-right: 4%;
}
}
.single__article .block-flow .flow__list,
.single-works__article .block-flow .flow__list,
.single-service__article .block-flow .flow__list {
counter-reset: count;
position: relative;
}
.single__article .block-flow .flow__list::before,
.single-works__article .block-flow .flow__list::before,
.single-service__article .block-flow .flow__list::before {
content: "";
display: block;
height: calc(100% - 8px);
position: absolute;
top: 8px;
background: #0075b6;
}
@media screen and (min-width: 841px) {
.single__article .block-flow .flow__list::before,
.single-works__article .block-flow .flow__list::before,
.single-service__article .block-flow .flow__list::before {
left: calc(2.5rem - 2px);
width: 4px;
}
}
@media screen and (max-width: 840px) {
.single__article .block-flow .flow__list::before,
.single-works__article .block-flow .flow__list::before,
.single-service__article .block-flow .flow__list::before {
left: calc(1.5rem - 1px);
width: 2px;
}
}
.single__article .block-flow .flow__list .flow-item,
.single-works__article .block-flow .flow__list .flow-item,
.single-service__article .block-flow .flow__list .flow-item {
position: relative;
min-height: 5rem;
}
@media screen and (min-width: 841px) {
.single__article .block-flow .flow__list .flow-item,
.single-works__article .block-flow .flow__list .flow-item,
.single-service__article .block-flow .flow__list .flow-item {
padding-left: 7.5rem;
padding-top: 1.5rem;
}
}
@media screen and (max-width: 840px) {
.single__article .block-flow .flow__list .flow-item,
.single-works__article .block-flow .flow__list .flow-item,
.single-service__article .block-flow .flow__list .flow-item {
padding-left: 4rem;
padding-top: 0.75rem;
}
}
.single__article .block-flow .flow__list .flow-item::before,
.single-works__article .block-flow .flow__list .flow-item::before,
.single-service__article .block-flow .flow__list .flow-item::before {
position: absolute;
top: -4px;
left: 0;
counter-increment: count;
content: counter(count, decimal-leading-zero);
margin-right: 0.5em;
text-align: center;
background: #0075b6;
color: #fff;
font-weight: 700;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
}
@media screen and (min-width: 841px) {
.single__article .block-flow .flow__list .flow-item::before,
.single-works__article .block-flow .flow__list .flow-item::before,
.single-service__article .block-flow .flow__list .flow-item::before {
width: 5rem;
height: 5rem;
font-size: 1.5rem;
}
}
@media screen and (max-width: 840px) {
.single__article .block-flow .flow__list .flow-item::before,
.single-works__article .block-flow .flow__list .flow-item::before,
.single-service__article .block-flow .flow__list .flow-item::before {
width: 3rem;
height: 3rem;
font-size: 1rem;
}
}
.single__article .block-flow .flow__list .flow-item + .flow-item,
.single-works__article .block-flow .flow__list .flow-item + .flow-item,
.single-service__article .block-flow .flow__list .flow-item + .flow-item {
margin-top: 1rem;
}
.single__article .block-flow .flow__list .ttl,
.single-works__article .block-flow .flow__list .ttl,
.single-service__article .block-flow .flow__list .ttl {
font-weight: 700;
font-size: 1.25rem;
line-height: 1.25;
}
.single__article .block-flow .flow__list .ttl + .txt,
.single-works__article .block-flow .flow__list .ttl + .txt,
.single-service__article .block-flow .flow__list .ttl + .txt {
margin-top: 1rem;
}
.single__article .block-flow .flow__list .txt img,
.single-works__article .block-flow .flow__list .txt img,
.single-service__article .block-flow .flow__list .txt img {
margin-right: 1rem;
margin-bottom: 1rem;
}
.single__article .margin-small,
.single-works__article .margin-small,
.single-service__article .margin-small {
margin-top: 2rem;
}
.single__article .margin-medium,
.single-works__article .margin-medium,
.single-service__article .margin-medium {
margin-top: 4rem;
}
.single__article .margin-large,
.single-works__article .margin-large,
.single-service__article .margin-large {
margin-top: 8rem;
}
.blog__pagination {
margin-top: 10rem;
}
.blog__pagination .link__wrapper {
display: flex;
width: 100%;
}
@media screen and (min-width: 841px) {
.blog__pagination .link__wrapper {
align-items: center;
}
.blog__pagination .link__wrapper:hover {
opacity: 0.6;
}
}
@media screen and (max-width: 840px) {
.blog__pagination .link__wrapper {
position: relative;
}
}
.blog__pagination .link__wrapper .icon {
display: flex;
justify-content: center;
align-items: center;
background: #0e3263;
color: #fff;
}
@media screen and (min-width: 841px) {
.blog__pagination .link__wrapper .icon {
width: 4rem;
height: 4rem;
}
}
@media screen and (max-width: 840px) {
.blog__pagination .link__wrapper .icon {
width: 72px;
height: 20px;
font-size: 0.875rem;
font-weight: 700;
position: absolute;
}
}
.blog__pagination .link__wrapper .date {
font-size: 0.875rem;
}
.blog__pagination .link__wrapper .date .week {
margin-left: 0.4rem;
}
.blog__pagination .link__wrapper .ttl {
line-height: 1.25;
margin-top: 0.5rem;
line-height: 1.25;
}
@media screen and (min-width: 841px) {
.blog__pagination .blog__pagination-new .link__wrapper {
flex-direction: row;
}
}
@media screen and (max-width: 840px) {
.blog__pagination .blog__pagination-new .link__wrapper {
flex-direction: column;
padding: 1rem;
border-top: 1px solid #0e3263;
border-bottom: 1px solid #0e3263;
}
}
@media screen and (min-width: 841px) {
.blog__pagination .blog__pagination-new .link__wrapper .icon {
margin-right: 1rem;
}
}
@media screen and (max-width: 840px) {
.blog__pagination .blog__pagination-new .link__wrapper .icon {
padding-left: 10px;
top: -20px;
left: 0;
}
.blog__pagination .blog__pagination-new .link__wrapper .icon::before {
content: "";
position: absolute;
top: 0;
border-bottom: 20px solid transparent;
right: -19px;
border-left: 20px solid #0e3263;
transform: rotate(-90deg);
}
.blog__pagination .blog__pagination-new .link__wrapper .icon::after {
content: "";
position: absolute;
left: 10px;
width: 6px;
height: 6px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(-135deg);
}
}
@media screen and (min-width: 841px) {
.blog__pagination .blog__pagination-old {
margin-top: 1rem;
}
}
@media screen and (min-width: 841px) {
.blog__pagination .blog__pagination-old .link__wrapper {
flex-direction: row-reverse;
margin-left: auto;
}
}
@media screen and (max-width: 840px) {
.blog__pagination .blog__pagination-old .link__wrapper {
flex-direction: column-reverse;
padding: 1rem;
border-bottom: 1px solid #0e3263;
border-top: 1px solid #0e3263;
}
}
@media screen and (min-width: 841px) {
.blog__pagination .blog__pagination-old .link__wrapper .txt {
text-align: right;
}
}
@media screen and (min-width: 841px) {
.blog__pagination .blog__pagination-old .link__wrapper .icon {
margin-left: 1rem;
}
}
@media screen and (max-width: 840px) {
.blog__pagination .blog__pagination-old .link__wrapper .icon {
padding-right: 10px;
bottom: -20px;
right: 0;
}
.blog__pagination .blog__pagination-old .link__wrapper .icon::before {
content: "";
position: absolute;
top: 0;
border-bottom: 20px solid transparent;
left: -19px;
border-right: 20px solid #0e3263;
}
.blog__pagination .blog__pagination-old .link__wrapper .icon::after {
content: "";
position: absolute;
right: 10px;
width: 6px;
height: 6px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
}
}
@media screen and (max-width: 840px) {
.blog__pagination
.blog__pagination-new
+ .blog__pagination-old
.link__wrapper {
border-top: none;
}
}
.single-works__article {
margin-top: 10rem;
}
.single-works__article .thumbnail + .article__headerTtl {
margin-top: 5rem;
}
.single-works__article .article__headerTtl {
font-size: 3rem;
font-weight: 700;
text-align: center;
}
.single-works__article .category {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.single-works__article .category-item {
background: #0e3263;
color: #fff;
padding: 0.5rem 1rem;
border-radius: 999px;
}
.single-works__article .category-item:not(:last-of-type) {
margin-right: 1rem;
}
.single-works__article .single-works__info {
display: flex;
flex-wrap: wrap;
}
@media screen and (min-width: 841px) {
.single-works__article .single-works__info dt {
width: 160px;
padding-bottom: 1.5rem;
border-bottom: 2px solid #0e3263;
}
.single-works__article .single-works__info dt:not(:last-of-type) {
margin-bottom: 1.5rem;
}
}
@media screen and (max-width: 840px) {
.single-works__article .single-works__info dt {
width: 100%;
padding-left: 1.25rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
border-left: 2px solid #0e3263;
}
.single-works__article .single-works__info dt:not(:first-of-type) {
margin-top: 2px;
}
}
@media screen and (min-width: 841px) {
.single-works__article .single-works__info dd {
width: calc(100% - 160px);
padding-bottom: 1.5rem;
border-bottom: 2px solid #b3c1d5;
}
.single-works__article .single-works__info dd:not(:last-of-type) {
margin-bottom: 1.5rem;
}
}
@media screen and (max-width: 840px) {
.single-works__article .single-works__info dd {
width: 100%;
padding-left: 1.25rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
border-left: 2px solid #b3c1d5;
margin-bottom: 1rem;
}
}
.single-works__contentsFoot {
margin-top: 10rem;
background: #f0f0f0;
padding: 5rem 0;
text-align: center;
}
.single-works__contentsFoot a {
text-decoration: underline;
}
@media screen and (min-width: 841px) {
.single-works__contentsFoot a:hover {
text-decoration: none;
}
}
.single-works__contentsFoot + .footer__area {
margin-top: 0;
}
.single-service__article .thumbnail + .article__headerTtl {
margin-top: 5rem;
}
.single-service__article .article__headerTtl {
font-size: 3rem;
font-weight: 700;
text-align: center;
}
.single-service__article .single-service__info {
display: flex;
flex-wrap: wrap;
}
@media screen and (min-width: 841px) {
.single-service__article .single-service__info dt {
width: 160px;
padding-bottom: 1.5rem;
border-bottom: 2px solid #0e3263;
}
.single-service__article .single-service__info dt:not(:last-of-type) {
margin-bottom: 1.5rem;
}
}
@media screen and (max-width: 840px) {
.single-service__article .single-service__info dt {
width: 100%;
padding-left: 1.25rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
border-left: 2px solid #0e3263;
}
.single-service__article .single-service__info dt:not(:first-of-type) {
margin-top: 2px;
}
}
@media screen and (min-width: 841px) {
.single-service__article .single-service__info dd {
width: calc(100% - 160px);
padding-bottom: 1.5rem;
border-bottom: 2px solid #b3c1d5;
}
.single-service__article .single-service__info dd:not(:last-of-type) {
margin-bottom: 1.5rem;
}
}
@media screen and (max-width: 840px) {
.single-service__article .single-service__info dd {
width: 100%;
padding-left: 1.25rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
border-left: 2px solid #b3c1d5;
margin-bottom: 1rem;
}
}
.single-service__contentsFoot {
margin-top: 10rem;
background: #f0f0f0;
padding: 5rem 0;
text-align: center;
}
.single-service__contentsFoot a {
text-decoration: underline;
}
@media screen and (min-width: 841px) {
.single-service__contentsFoot a:hover {
text-decoration: none;
}
}
.single-service__contentsFoot + .footer__area {
margin-top: 0;
}
.blog__author {
margin-top: 4rem;
padding: 1.5rem;
padding-right: 1.75rem;
background-color: #dee7f2;
border-radius: 0.5rem;
display: inline-block;
width: 100%;
}
.blog__author .author_profile {
display: flex;
align-items: center;
margin-bottom: 1rem;
}
.blog__author .author_profile .img {
width: 48px;
height: 48px;
margin-right: 0.5rem;
}
.blog__author .author_profile .author_name .name {
font-size: 1rem;
font-weight: 700;
margin-bottom: 0.5rem;
}
.blog__author .description {
line-height: 1.5;
}
.pagination {
display: flex;
justify-content: center;
}
@media screen and (min-width: 841px) {
.pagination {
margin-top: 10rem;
}
}
@media screen and (max-width: 840px) {
.pagination {
margin-top: 7.5rem;
}
}
@media screen and (min-width: 841px) {
.pagination .pagination__prev,
.pagination .pagination__next {
width: 64px;
height: 64px;
}
}
@media screen and (max-width: 840px) {
.pagination .pagination__prev,
.pagination .pagination__next {
width: 40px;
height: 40px;
font-size: 0.75rem;
}
}
.pagination .pagination__prev a,
.pagination .pagination__next a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.pagination .pagination__prev {
margin-right: 2px;
}
.pagination .pagination__next {
margin-left: 2px;
}
.pagination .pagination__body {
display: flex;
justify-content: center;
}
.pagination .pagination__body .pagination__body-item + .pagination__body-item {
margin-left: 2px;
}
.pagination .pagination__body .pagination__body-item.notNumbering {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 841px) {
.pagination .pagination__body .pagination__body-item.notNumbering {
width: 32px;
height: 64px;
}
}
@media screen and (max-width: 840px) {
.pagination .pagination__body .pagination__body-item.notNumbering {
width: 24px;
height: 40px;
font-size: 0.75rem;
}
}
.pagination .pagination__body .pagination__body-item > a,
.pagination .pagination__body .current {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 841px) {
.pagination .pagination__body .pagination__body-item > a,
.pagination .pagination__body .current {
width: 64px;
height: 64px;
}
}
@media screen and (max-width: 840px) {
.pagination .pagination__body .pagination__body-item > a,
.pagination .pagination__body .current {
width: 40px;
height: 40px;
font-size: 0.75rem;
}
}
.pagination .pagination__body > .pagination__body-item > a:hover,
.pagination .pagination__prev > a:hover,
.pagination .pagination__next > a:hover,
.pagination .pagination__body > .current {
background: #0e3263;
color: #fff;
}
.archive__blog__wrapper,
.archive__works__wrapper {
padding-top: 10rem;
}
@media screen and (max-width: 840px) {
.archive__blog__wrapper,
.archive__works__wrapper {
padding-top: 5rem;
}
}
.archive__blog__wrapper .archive__category,
.archive__works__wrapper .archive__category {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-right: -1rem;
margin-bottom: -1rem;
}
@media screen and (max-width: 840px) {
.archive__blog__wrapper .archive__category,
.archive__works__wrapper .archive__category {
margin-bottom: -0.8rem;
}
}
.archive__blog__wrapper .archive__category .archive__category--item .link,
.archive__works__wrapper .archive__category .archive__category--item .link {
display: inline-block;
margin-right: 1rem;
margin-bottom: 1rem;
padding: 0.5rem 1rem;
border-radius: 999px;
background: #d1dae7;
}
@media screen and (max-width: 840px) {
.archive__blog__wrapper .archive__category .archive__category--item .link,
.archive__works__wrapper .archive__category .archive__category--item .link {
font-size: 0.85rem;
padding: 0.3rem 0.8rem;
margin-bottom: 0.8rem;
}
}
.archive__blog__wrapper .archive__category .archive__category--item .link.all,
.archive__blog__wrapper
.archive__category
.archive__category--item
.link.current,
.archive__works__wrapper .archive__category .archive__category--item .link.all,
.archive__works__wrapper
.archive__category
.archive__category--item
.link.current {
background: #0e3263;
color: #fff;
}
@media screen and (min-width: 841px) {
.archive__blog__wrapper
.archive__category
.archive__category--item
.link:hover,
.archive__works__wrapper
.archive__category
.archive__category--item
.link:hover {
background: #0e3263;
color: #fff;
}
}
.archive__blog__wrapper .archive__category + *,
.archive__works__wrapper .archive__category + * {
margin-top: 80px;
}
.archive__blog__wrapper .archive__blog-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: -5rem;
}
@media screen and (max-width: 840px) {
.archive__blog__wrapper .archive__blog-list {
flex-direction: column;
}
}
@media screen and (min-width: 841px) {
.archive__blog__wrapper .archive__blog-list .blog-item {
width: 31%;
margin-bottom: 5rem;
}
}
@media screen and (max-width: 840px) {
.archive__blog__wrapper .archive__blog-list .blog-item {
width: 100%;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.archive__blog__wrapper .archive__blog-list .blog-item:not(:first-of-type) {
margin-top: 3.5rem;
}
}
.archive__blog__wrapper
.archive__blog-list
.blog-item
.blog-item__inner:hover
.thumbnail
img {
transform: scale(1.1);
}
.archive__blog__wrapper .archive__blog-list .blog-item .blog-item__inner .info {
margin-top: 1rem;
}
.archive__blog__wrapper
.archive__blog-list
.blog-item
.blog-item__inner
.info
.post-info {
font-size: 0.875rem;
}
.archive__blog__wrapper
.archive__blog-list
.blog-item
.blog-item__inner
.info
.week {
margin-left: 0.25rem;
}
.archive__blog__wrapper
.archive__blog-list
.blog-item
.blog-item__inner
.info
.ttl {
font-weight: 700;
margin-top: 1rem;
line-height: 1.25;
}
.archive__blog__wrapper
.archive__blog-list
.blog-item
.blog-item__inner
.info
.author {
margin-top: 0.75rem;
display: inline-flex;
justify-content: center;
align-items: center;
}
.archive__blog__wrapper
.archive__blog-list
.blog-item
.blog-item__inner
.info
.author
.img {
margin-right: 0.5rem;
}
.archive__blog__wrapper .archive__blog-list::after {
display: block;
content: "";
width: 31%;
height: 0;
}
.archive__blog__wrapper .archive__blog-list .thumbnail__wrapper {
position: relative;
}
.archive__blog__wrapper .archive__blog-list .thumbnail__wrapper .thumbnail {
width: 100%;
aspect-ratio: 3/2;
overflow: hidden;
}
.archive__blog__wrapper .archive__blog-list .thumbnail__wrapper .thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s;
}
.archive__blog__wrapper .archive__blog-list .thumbnail__wrapper .category {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-wrap: wrap;
padding: 0.5rem;
background: #0e3263;
color: #fff;
}
.archive__blog__wrapper
.archive__blog-list
.thumbnail__wrapper
.category
.category-item:not(:first-of-type)::before {
content: "・";
}
.archive__works__wrapper .archive__works-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (min-width: 841px) {
.archive__works__wrapper .archive__works-list {
margin-bottom: -4rem;
}
}
@media screen and (max-width: 840px) {
.archive__works__wrapper .archive__works-list {
flex-direction: column;
}
}
.archive__works__wrapper .archive__works-list .works-item {
width: 48%;
}
@media screen and (min-width: 841px) {
.archive__works__wrapper .archive__works-list .works-item {
margin-bottom: 4rem;
}
}
@media screen and (max-width: 840px) {
.archive__works__wrapper .archive__works-list .works-item {
width: 100%;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.archive__works__wrapper
.archive__works-list
.works-item:not(:first-of-type) {
margin-top: 3.5rem;
}
}
.archive__works__wrapper
.archive__works-list
.works-item
.works-item__inner:hover
.thumbnail
img {
transform: scale(1.1);
}
.archive__works__wrapper
.archive__works-list
.works-item
.works-item__inner
.info {
margin-top: 1.5rem;
}
.archive__works__wrapper
.archive__works-list
.works-item
.works-item__inner
.info
.ttl {
font-weight: 700;
font-size: 1.5rem;
line-height: 1.25;
}
.archive__works__wrapper .archive__works-list .thumbnail__wrapper {
position: relative;
}
.archive__works__wrapper .archive__works-list .thumbnail__wrapper .thumbnail {
width: 100%;
aspect-ratio: 3/2;
overflow: hidden;
}
.archive__works__wrapper
.archive__works-list
.thumbnail__wrapper
.thumbnail
img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s;
}
.archive__works__wrapper .archive__works-list .category {
margin-top: 1.5rem;
display: flex;
flex-wrap: wrap;
margin-right: -0.5rem;
margin-bottom: -0.5rem;
}
.archive__works__wrapper .archive__works-list .category .category-item {
padding: 0.25rem 0.5rem;
font-size: 0.75rem;
background: #0e3263;
border-radius: 999px;
color: #fff;
display: inline-block;
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.archive__service__wrapper {
padding-top: 10rem;
}
@media screen and (max-width: 840px) {
.archive__service__wrapper {
padding-top: 5rem;
}
}
.archive__service__wrapper .archive__service-list {
display: flex;
flex-direction: column;
}
.archive__service__wrapper .archive__service-list .service-item {
width: 100%;
background: #f0f0f0;
display: flex;
}
@media screen and (min-width: 841px) {
.archive__service__wrapper .archive__service-list .service-item {
padding: 1.5rem;
justify-content: space-between;
}
}
@media screen and (max-width: 840px) {
.archive__service__wrapper .archive__service-list .service-item {
padding: 1rem;
flex-direction: column;
}
}
.archive__service__wrapper
.archive__service-list
.service-item:not(:first-of-type) {
margin-top: 1.5rem;
}
.archive__service__wrapper .archive__service-list .thumbnail {
aspect-ratio: 3/2;
}
@media screen and (min-width: 841px) {
.archive__service__wrapper .archive__service-list .thumbnail {
width: 32%;
}
}
@media screen and (max-width: 840px) {
.archive__service__wrapper .archive__service-list .thumbnail {
width: 100%;
}
}
.archive__service__wrapper .archive__service-list .info {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 841px) {
.archive__service__wrapper .archive__service-list .info {
width: 66%;
}
}
@media screen and (max-width: 840px) {
.archive__service__wrapper .archive__service-list .info {
width: 100%;
margin-top: 1rem;
}
}
.archive__service__wrapper .archive__service-list .info .ttl {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.25;
}
.archive__service__wrapper .archive__service-list .info .ttl + .txtArea {
margin-top: 1.25rem;
}
@media screen and (min-width: 841px) {
.archive__service__wrapper .archive__service-list .info .txtArea {
margin-bottom: 2rem;
}
}
@media screen and (min-width: 841px) {
.archive__service__wrapper .archive__service-list .info .servie-item-btn {
margin-top: auto;
}
}
@media screen and (max-width: 840px) {
.archive__service__wrapper .archive__service-list .info .servie-item-btn {
margin-top: 2rem;
}
}
.page__article-company .breadcrumb,
.page__article-company .page__inner,
.page__article-privacy .breadcrumb,
.page__article-privacy .page__inner,
.page__article-small .breadcrumb,
.page__article-small .page__inner {
width: 100%;
max-width: 864px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 841px) {
.page__article-company .breadcrumb,
.page__article-company .page__inner,
.page__article-privacy .breadcrumb,
.page__article-privacy .page__inner,
.page__article-small .breadcrumb,
.page__article-small .page__inner {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media screen and (max-width: 840px) {
.page__article-company .breadcrumb,
.page__article-company .page__inner,
.page__article-privacy .breadcrumb,
.page__article-privacy .page__inner,
.page__article-small .breadcrumb,
.page__article-small .page__inner {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.page__inner {
width: 100%;
max-width: 1304px;
margin-left: auto;
margin-right: auto;
padding-top: 10rem;
}
@media screen and (min-width: 841px) {
.page__inner {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media screen and (max-width: 840px) {
.page__inner {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media screen and (max-width: 840px) {
.page__inner {
padding-top: 5rem;
}
}
.page__inner .page__section + .page__section {
margin-top: 10rem;
}
@media screen and (max-width: 840px) {
.page__inner .page__section + .page__section {
margin-top: 5rem;
}
}
.page__inner .text_link {
text-decoration: underline;
}
.page__inner .text_link:hover {
text-decoration: none;
}
.page__inner h3:not([class]) {
font-size: 2rem;
font-weight: 700;
padding-bottom: 0.75rem;
position: relative;
}
.page__inner h3:not([class])::before,
.page__inner h3:not([class])::after {
content: "";
display: block;
position: absolute;
bottom: 0;
height: 2px;
}
.page__inner h3:not([class])::before {
width: 100%;
background: #b3c1d5;
}
.page__inner h3:not([class])::after {
width: 5rem;
background: #0e3263;
}
.page__inner h3:not([class]):not(:first-child) {
margin-top: 5rem;
}
.page__inner h3:not([class]) + * {
margin-top: 3rem;
}
.page__inner h4:not([class]) {
font-size: 1.5rem;
font-weight: 700;
padding: 0.5rem 0 0.5rem 1rem;
background: #f0f0f0;
}
.page__inner h4:not([class]):not(:first-child) {
margin-top: 3rem;
}
.page__inner h4:not([class]) + * {
margin-top: 32px;
}
.page__inner ul:not([class]) > li {
padding-left: 16px;
position: relative;
}
.page__inner ul:not([class]) > li::before {
content: "";
display: block;
background: #0e3263;
width: 0.3rem;
height: 0.3rem;
border-radius: 50%;
position: absolute;
top: 0.45rem;
left: 0.25rem;
}
.page__inner ul:not([class]) > li + li {
margin-top: 8px;
}
.page__inner ol:not([class]) {
counter-reset: count;
}
.page__inner ol:not([class]) > li {
padding-left: 2rem;
position: relative;
}
.page__inner ol:not([class]) > li::before {
position: absolute;
top: -2px;
left: 0;
counter-increment: count;
content: counter(count, decimal);
margin-right: 0.5em;
width: 1.5rem;
height: 1.5rem;
text-align: center;
background: #0e3263;
color: #fff;
font-size: 14px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
}
.page__inner ol:not([class]) > li + li {
margin-top: 8px;
}
.page__inner .company__list {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 840px) {
.page__inner .company__list {
flex-direction: column;
}
}
.page__inner .company__list .company__list-dt {
padding: 1rem;
background: #0e3263;
color: #fff;
font-weight: bold;
}
@media screen and (min-width: 841px) {
.page__inner .company__list .company__list-dt {
width: 160px;
}
}
@media screen and (max-width: 840px) {
.page__inner .company__list .company__list-dt {
width: 100%;
}
}
.page__inner .company__list .company__list-dt:not(:first-of-type) {
margin-top: 2px;
}
.page__inner .company__list .company__list-dd {
padding: 1rem;
background: #f0f0f0;
color: #0e3263;
}
@media screen and (min-width: 841px) {
.page__inner .company__list .company__list-dd {
width: calc(100% - 162px);
margin-left: 2px;
}
.page__inner .company__list .company__list-dd:not(:first-of-type) {
margin-top: 2px;
}
}
@media screen and (max-width: 840px) {
.page__inner .company__list .company__list-dd {
width: 100%;
}
}
.page__inner .company__list .company__list-dd .txt {
font-weight: 700;
}
.page__inner .company__list p {
line-height: 1.5;
}
.page__inner .company__list p + * {
margin-top: 0;
}
.page__inner .company__map {
width: 100%;
}
@media screen and (min-width: 841px) {
.page__inner .company__map {
height: 480px;
}
}
@media screen and (max-width: 840px) {
.page__inner .company__map {
height: 320px;
}
}
.page__inner .company__map iframe {
width: 100%;
height: 100%;
}
.page__inner .company-histroy__list {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 840px) {
.page__inner .company-histroy__list {
flex-direction: column;
}
}
.page__inner .company-histroy__list::before {
content: "";
display: block;
width: 1rem;
height: 100%;
background: #eee;
position: absolute;
top: 0;
}
@media screen and (min-width: 841px) {
.page__inner .company-histroy__list::before {
left: 132px;
}
}
@media screen and (max-width: 840px) {
.page__inner .company-histroy__list::before {
left: 0;
}
}
@media screen and (min-width: 841px) {
.page__inner .company-histroy__list .company-histroy__list-dt {
width: 112px;
}
}
@media screen and (max-width: 840px) {
.page__inner .company-histroy__list .company-histroy__list-dt {
padding-left: 3rem;
position: relative;
}
.page__inner .company-histroy__list .company-histroy__list-dt::before,
.page__inner .company-histroy__list .company-histroy__list-dt::after {
content: "";
position: absolute;
display: block;
background: #0075b6;
}
.page__inner .company-histroy__list .company-histroy__list-dt::before {
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
left: 4px;
top: 9px;
}
.page__inner .company-histroy__list .company-histroy__list-dt::after {
width: 32px;
height: 2px;
left: 6px;
top: 12px;
}
}
.page__inner .company-histroy__list .company-histroy__list-dt .wrap {
display: flex;
width: 100%;
}
@media screen and (max-width: 840px) {
.page__inner .company-histroy__list .company-histroy__list-dt .wrap {
max-width: 200px;
}
}
@media screen and (max-width: 840px) {
.page__inner .company-histroy__list .company-histroy__list-dt .year + .month {
margin-left: 0.5rem;
}
}
@media screen and (min-width: 841px) {
.page__inner .company-histroy__list .company-histroy__list-dt .month {
margin-left: auto;
}
}
@media screen and (min-width: 841px) {
.page__inner
.company-histroy__list
.company-histroy__list-dt:not(:first-of-type) {
margin-top: 3rem;
}
}
@media screen and (max-width: 840px) {
.page__inner
.company-histroy__list
.company-histroy__list-dt:not(:first-of-type) {
margin-top: 2rem;
}
}
.page__inner .company-histroy__list .company-histroy__list-dd {
padding-left: 4rem;
position: relative;
}
@media screen and (min-width: 841px) {
.page__inner
.company-histroy__list
.company-histroy__list-dd:not(:first-of-type) {
margin-top: 3rem;
}
}
@media screen and (min-width: 841px) {
.page__inner .company-histroy__list .company-histroy__list-dd {
width: calc(100% - 132px);
}
.page__inner .company-histroy__list .company-histroy__list-dd::before,
.page__inner .company-histroy__list .company-histroy__list-dd::after {
content: "";
position: absolute;
display: block;
background: #0075b6;
}
.page__inner .company-histroy__list .company-histroy__list-dd::before {
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
left: 4px;
top: 9px;
}
.page__inner .company-histroy__list .company-histroy__list-dd::after {
width: 48px;
height: 2px;
left: 6px;
top: 12px;
}
}
.page__inner .company-histroy__list .company-histroy__list-dd a {
text-decoration: underline;
font-weight: 700;
}
@media screen and (min-width: 841px) {
.page__inner .company-histroy__list .company-histroy__list-dd a:hover {
text-decoration: none;
}
}
.page__inner .sitemap__wrapper {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 840px) {
.page__inner .sitemap__wrapper {
flex-direction: column;
}
}
@media screen and (min-width: 841px) {
.page__inner .sitemap__list {
width: 31%;
}
}
@media screen and (max-width: 840px) {
.page__inner .sitemap__list {
width: 100%;
}
.page__inner .sitemap__list:not(:first-of-type) {
margin-top: 2.5rem;
}
}
.page__inner .sitemap__list .sitemap__list-item {
padding-left: 20px;
font-size: 1.25rem;
position: relative;
}
.page__inner .sitemap__list .sitemap__list-item::before {
content: "";
position: absolute;
top: 11px;
left: 0;
width: 12px;
height: 1px;
background: #0e3263;
}
.page__inner .sitemap__list .sitemap__list-item:not(:first-of-type) {
margin-top: 2.5rem;
}
.page__inner .sitemap__list__child .sitemap__list__child-item {
font-size: 1rem;
margin-top: 1rem;
}
.page__inner .privacy__ol-list {
padding-left: 1.5rem;
}
.page__inner .privacy__ol-list .privacy__ol-list-item {
list-style-type: decimal;
}
.page__inner .privacy__ol-list .privacy__ol-list-item + .privacy__ol-list-item {
margin-top: 16px;
}
.page__inner .privacy__ul-list {
padding-left: 1.5rem;
}
.page__inner .privacy__ul-list .privacy__ul-list-item {
list-style-type: disc;
}
.page__inner .privacy__ul-list .privacy__ul-list-item + .privacy__ul-list-item {
margin-top: 8px;
}
.page__inner .privacy__box {
display: inline-block;
background: #f0f0f0;
padding: 1rem 2rem;
}
.page__inner .privacy__box .txt {
font-weight: 700;
}
.page__inner .privacy__box p + p {
margin-top: 0;
}
.error404-txt01 {
font-size: 1.5rem;
font-weight: 700;
}
.contact-us .contact__form__wrapper,
.partner .contact__form__wrapper {
margin-top: 5rem;
}
.contact-us .contact__form input[type="text"],
.contact-us .contact__form input[type="tel"],
.contact-us .contact__form input[type="email"],
.contact-us .contact__form textarea,
.partner .contact__form input[type="text"],
.partner .contact__form input[type="tel"],
.partner .contact__form input[type="email"],
.partner .contact__form textarea {
background: #f0f0f0;
border: 1px solid #b3c1d5;
width: 100%;
transition: 0.3s;
padding: 0.5rem 1rem;
color: #0e3263;
}
.contact-us .contact__form input[type="text"]:focus,
.contact-us .contact__form input[type="tel"]:focus,
.contact-us .contact__form input[type="email"]:focus,
.contact-us .contact__form textarea:focus,
.partner .contact__form input[type="text"]:focus,
.partner .contact__form input[type="tel"]:focus,
.partner .contact__form input[type="email"]:focus,
.partner .contact__form textarea:focus {
background: #fff;
}
.contact-us .contact__form .contact__form-dt:not(:first-of-type),
.partner .contact__form .contact__form-dt:not(:first-of-type) {
margin-top: 2rem;
}
.contact-us .contact__form .contact__form-dt .required,
.partner .contact__form .contact__form-dt .required {
background: #ff053a;
color: #fff;
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
margin-left: 1rem;
}
.contact-us .contact__form .contact__form-dd,
.partner .contact__form .contact__form-dd {
margin-top: 0.5rem;
}
.contact-us .contact__form-btn,
.partner .contact__form-btn {
text-align: center;
}
.contact-us .contact__form-btn input[type="submit"],
.partner .contact__form-btn input[type="submit"] {
display: inline-block;
padding: 1rem 1rem 0.75rem;
border: 2px solid #0e3263;
min-width: 10rem;
text-align: center;
font-size: 1.25rem;
font-weight: 600;
font-family: "League Spartan";
line-height: 1;
transition: 0.3s;
}
.contact-us .contact__form-btn input[type="submit"]:disabled,
.partner .contact__form-btn input[type="submit"]:disabled {
background: #ddd;
border: 2px solid #ddd;
color: #888;
}
@media screen and (min-width: 841px) {
.contact-us .contact__form-btn input[type="submit"]:hover,
.partner .contact__form-btn input[type="submit"]:hover {
background: #0e3263;
color: #fff;
}
}
.contact-us div.wpcf7 .wpcf7-spinner,
.partner div.wpcf7 .wpcf7-spinner {
display: none;
}
.contact-us .wpcf7-not-valid-tip,
.partner .wpcf7-not-valid-tip {
color: #ff053a;
margin-top: 8px;
}
.contact-us .wpcf7-response-output,
.partner .wpcf7-response-output {
border: none !important;
display: inline-block;
}
.contact-us .wpcf7-not-valid-tip,
.partner .wpcf7-not-valid-tip {
position: relative;
top: -0.5rem;
font-size: 0.75rem;
font-weight: bold;
}
.contact-us .wpcf7 form.sent .contact__form,
.contact-us .wpcf7 form.sent .contact__form-btn input[type="submit"],
.partner .wpcf7 form.sent .contact__form,
.partner .wpcf7 form.sent .contact__form-btn input[type="submit"] {
display: none;
}
.contact-us .wpcf7 form .wpcf7-response-output,
.partner .wpcf7 form .wpcf7-response-output {
text-align: center;
font-weight: bold;
}
.contact-us .wpcf7 form.sent .wpcf7-response-output,
.partner .wpcf7 form.sent .wpcf7-response-output {
transform: translateY(50px);
opacity: 0;
padding: 1rem;
line-height: 1.4;
border-radius: 5px;
}
.contact-us .wpcf7 form.sent .wpcf7-response-output.tt-show,
.partner .wpcf7 form.sent .wpcf7-response-output.tt-show {
display: block;
transform: translateY(0px);
transition: all 0.5s ease-out;
opacity: 1;
background: #f0f0f0;
}
.contact-us .wpcf7 form.sent .wpcf7-response-output:not(.tt-show),
.partner .wpcf7 form.sent .wpcf7-response-output:not(.tt-show) {
color: red !important;
}
.page.recruit .breadcrumb {
padding-left: 0;
padding-right: 0;
}
.page.recruit .breadcrumb .breadcrumb__item a {
color: #fff !important;
}
.page.recruit .breadcrumb .breadcrumb__item:not(:first-of-type)::before {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.page.recruit .breadcrumb .breadcrumb__item-home::before {
content: url(//www.whaletech.co.jp/wp-content/themes/whaletech_202302/images/home-icon-white.svg);
}
.page.recruit .recruit-list li {
padding-left: 16px;
position: relative;
}
.page.recruit .recruit-list li::before {
content: "";
display: block;
background: #fff;
width: 0.3rem;
height: 0.3rem;
border-radius: 50%;
position: absolute;
top: 0.45rem;
left: 0.25rem;
}
.page.recruit .recruit-list li + li {
margin-top: 16px;
}
.page.recruit .recruit-list.type02 li::before {
content: "";
background: #0e3263;
}
.page.recruit .recruit-list.type02 li + li {
margin-top: 8px;
}
.page.recruit .requirements__list {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 840px) {
.page.recruit .requirements__list {
flex-direction: column;
}
}
.page.recruit .requirements__list .requirements__list-dt {
padding: 1rem;
background: #b3c1d5;
color: #0e3263;
font-weight: bold;
}
@media screen and (min-width: 841px) {
.page.recruit .requirements__list .requirements__list-dt {
width: 160px;
}
}
@media screen and (max-width: 840px) {
.page.recruit .requirements__list .requirements__list-dt {
width: 100%;
}
}
.page.recruit .requirements__list .requirements__list-dt:not(:first-of-type) {
margin-top: 2px;
}
.page.recruit .requirements__list .requirements__list-dd {
padding: 1rem;
background: #fff;
color: #0e3263;
}
@media screen and (min-width: 841px) {
.page.recruit .requirements__list .requirements__list-dd {
width: calc(100% - 162px);
margin-left: 2px;
}
.page.recruit .requirements__list .requirements__list-dd:not(:first-of-type) {
margin-top: 2px;
}
}
@media screen and (max-width: 840px) {
.page.recruit .requirements__list .requirements__list-dd {
width: 100%;
}
}
.page.recruit .requirements__list p {
line-height: 1.5;
}
.page.recruit .requirements__list p + * {
margin-top: 0;
}
.page.recruit .recruit__main__wrapper {
color: #fff;
}
.page.recruit .page-ttl__wrapper {
background: linear-gradient(
#fff 0px,
#fff 160px,
rgba(255, 255, 255, 0) 160px,
rgba(255, 255, 255, 0) 100%
);
}
.page.recruit .page-ttl__inner {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
position: relative;
}
@media screen and (max-width: 840px) {
.page.recruit .page-ttl__inner {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media screen and (min-width: 841px) {
.page.recruit .page-ttl__inner .breadcrumb {
position: absolute;
bottom: 8px;
right: 16px;
}
.page.recruit .page-ttl__inner .breadcrumb .breadcrumb__lists {
justify-content: flex-end;
}
}
.page.recruit .page-ttl {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-size: cover;
}
@media screen and (min-width: 841px) {
.page.recruit .page-ttl {
background-image: url(//www.whaletech.co.jp/wp-content/themes/whaletech_202302/images/recruit/recruit-main3.jpg);
background-position: 50%, 50%;
height: 618px;
}
}
@media screen and (max-width: 840px) {
.page.recruit .page-ttl {
aspect-ratio: 327/208;
background-image: url(//www.whaletech.co.jp/wp-content/themes/whaletech_202302/images/recruit/recruit-main3-sp.jpg);
}
}
.page.recruit .page-ttl::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
}
.page.recruit .page-ttl .ttl {
z-index: 10;
position: relative;
}
.page.recruit .page-ttl .ttl .en,
.page.recruit .page-ttl .ttl .jp {
display: block;
text-align: center;
}
.page.recruit .page-ttl .ttl .en {
font-size: 5rem;
font-weight: 600;
font-family: "League Spartan";
letter-spacing: 0.12em;
}
@media screen and (max-width: 840px) {
.page.recruit .page-ttl .ttl .en {
font-size: 2.75rem;
}
}
.page.recruit .page-ttl .ttl .jp {
margin-top: 1rem;
font-size: 2rem;
}
@media screen and (max-width: 840px) {
.page.recruit .page-ttl .ttl .jp {
font-size: 1.5rem;
}
}
.page.recruit .recruit__nav {
display: flex;
justify-content: center;
padding-top: 2rem;
padding-bottom: 2rem;
}
@media screen and (max-width: 840px) {
.page.recruit .recruit__nav {
flex-direction: column;
align-items: end;
}
}
@media screen and (min-width: 841px) {
.page.recruit .recruit__nav .recruit__nav-item:not(:first-of-type) {
margin-left: 3rem;
}
}
@media screen and (max-width: 840px) {
.page.recruit .recruit__nav .recruit__nav-item:not(:first-of-type) {
margin-top: 1rem;
}
}
.page.recruit .recruit__nav .recruit__nav-item .link {
font-size: 1.25rem;
font-weight: 700;
}
@media screen and (min-width: 841px) {
.page.recruit .recruit__nav .recruit__nav-item .link:hover {
color: #fff600;
}
}
.page.recruit .recruit__section {
margin-top: 10rem;
}
.page.recruit .recruit__section:last-of-type {
padding-bottom: 10rem;
}
.page.recruit .recruit__ttl {
text-align: center;
}
.page.recruit .recruit__ttl .en,
.page.recruit .recruit__ttl .jp {
display: block;
}
.page.recruit .recruit__ttl .en {
font-size: 3.75rem;
font-weight: 600;
font-family: "League Spartan";
letter-spacing: 0.02em;
}
@media screen and (max-width: 840px) {
.page.recruit .recruit__ttl .en {
font-size: 2.5rem;
}
}
@media screen and (max-width: 354px) {
.page.recruit .recruit__ttl .en {
font-size: 11vw;
}
}
.page.recruit .recruit__ttl .jp {
font-size: 1rem;
}
.page.recruit .recruit__ttl + * {
margin-top: 4rem;
}
.page.recruit .recruit__wrap01 {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 840px) {
.page.recruit .recruit__wrap01 {
flex-direction: column;
}
}
.page.recruit .recruit__wrap01 .txt-area,
.page.recruit .recruit__wrap01 .img {
width: 48%;
}
@media screen and (max-width: 840px) {
.page.recruit .recruit__wrap01 .txt-area,
.page.recruit .recruit__wrap01 .img {
width: 100%;
}
}
@media screen and (max-width: 840px) {
.page.recruit .recruit__wrap01 .img {
margin-top: 32px;
}
}
.page.recruit .recruit__wrap01 .txt01 {
font-size: 2rem;
line-height: 1.5;
}
@media screen and (max-width: 840px) {
.page.recruit .recruit__wrap01 .txt01 {
font-size: 1.25rem;
}
}
.page.recruit .recruit__wrap02 {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 840px) {
.page.recruit .recruit__wrap02 {
flex-direction: column;
}
}
.page.recruit .recruit__wrap02 .box {
width: 31%;
}
@media screen and (max-width: 840px) {
.page.recruit .recruit__wrap02 .box {
width: 100%;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.page.recruit .recruit__wrap02 .box + .box {
margin-top: 2rem;
}
}
.page.recruit .recruit__wrap03 .box {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 840px) {
.page.recruit .recruit__wrap03 .box {
flex-direction: column;
}
}
.page.recruit .recruit__wrap03 .box .img-area {
display: inline-block;
width: 320px;
aspect-ratio: 320/400;
position: relative;
}
@media screen and (max-width: 840px) {
.page.recruit .recruit__wrap03 .box .img-area {
width: 100%;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
}
.page.recruit .recruit__wrap03 .box .img-area img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page.recruit .recruit__wrap03 .box .img-area .img {
position: relative;
}
.page.recruit .recruit__wrap03 .box .img-area .img .name {
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
background: #fff;
padding: 0.5rem 0.75rem;
color: #0e3263;
font-weight: 700;
font-size: 1.25rem;
}
.page.recruit .recruit__wrap03 .box .img-area .job-type {
margin-top: 0.5rem;
font-weight: 700;
font-size: 1.25rem;
}
@media screen and (min-width: 841px) {
.page.recruit .recruit__wrap03 .box .txt-area {
width: calc(96% - 320px);
}
}
@media screen and (max-width: 840px) {
.page.recruit .recruit__wrap03 .box .txt-area {
width: 100%;
max-width: 640px;
margin-left: auto;
margin-right: auto;
margin-top: 2rem;
}
}
.page.recruit .recruit__wrap03 .box .txt-area .txt01 {
font-size: 2rem;
line-height: 1.75;
}
.page.recruit .recruit__wrap03 .box .txt-area .txt01 + * {
margin-top: 2.5rem;
}
.page.recruit .recruit__wrap03 .box + .box {
margin-top: 8rem;
}
@media screen and (min-width: 841px) {
.page.recruit .recruit__wrap03 .box:nth-child(even) {
flex-direction: row-reverse;
}
}
.page.recruit .recruit__wrap04 .box {
display: flex;
}
@media screen and (min-width: 841px) {
.page.recruit .recruit__wrap04 .box {
justify-content: space-between;
}
}
@media screen and (max-width: 840px) {
.page.recruit .recruit__wrap04 .box {
flex-direction: column;
}
}
.page.recruit .recruit__wrap04 .box .txt-area,
.page.recruit .recruit__wrap04 .box .img {
width: 48%;
}
@media screen and (max-width: 840px) {
.page.recruit .recruit__wrap04 .box .txt-area,
.page.recruit .recruit__wrap04 .box .img {
width: 100%;
}
}
@media screen and (max-width: 840px) {
.page.recruit .recruit__wrap04 .box .img {
margin-top: 2rem;
}
}
.page.recruit .recruit__wrap04 .box .ttl {
font-size: 2rem;
}
.page.recruit .recruit__wrap04 .box .ttl + * {
margin-top: 2.5rem;
}
.page.recruit .recruit__wrap04 .box + .box {
margin-top: 8rem;
}
@media screen and (min-width: 841px) {
.page.recruit .recruit__wrap04 .box:nth-child(odd) {
flex-direction: row-reverse;
}
}
.page.recruit .recruit__entry input[type="text"],
.page.recruit .recruit__entry input[type="tel"],
.page.recruit .recruit__entry input[type="email"],
.page.recruit .recruit__entry textarea {
background: #f0f0f0;
border: 1px solid #b3c1d5;
width: 100%;
transition: 0.3s;
padding: 0.5rem 1rem;
color: #0e3263;
}
.page.recruit .recruit__entry input[type="text"]:focus,
.page.recruit .recruit__entry input[type="tel"]:focus,
.page.recruit .recruit__entry input[type="email"]:focus,
.page.recruit .recruit__entry textarea:focus {
background: #fff;
}
.page.recruit .recruit__entry input[type="file"] {
display: none;
}
.page.recruit .recruit__entry .recruit__entry-dt:not(:first-of-type) {
margin-top: 2rem;
}
.page.recruit .recruit__entry .recruit__entry-dt .required {
background: #ff053a;
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
margin-left: 1rem;
}
.page.recruit .recruit__entry .recruit__entry-dd {
margin-top: 0.5rem;
}
.page.recruit .recruit__entry .recruit__entry-dd .fileTxt {
display: block;
margin-top: 8px;
}
.page.recruit .recruit__entry .recruit__entry-dd .fileTxt2 {
display: block;
margin-top: 8px;
}
.page.recruit .recruit__entry .recruit__entry-dd .fileBtn {
display: inline-block;
padding: 0.5rem 2rem;
border: 2px solid #fff;
transition: 0.3s;
}
.page.recruit .recruit__entry .recruit__entry-dd .fileBtn:hover {
background: #fff;
color: #0e3263;
}
.page.recruit .entry-btn {
text-align: center;
}
.page.recruit .entry-btn input[type="submit"] {
display: inline-block;
padding: 1rem 1rem 0.75rem;
border: 2px solid #fff;
min-width: 10rem;
text-align: center;
font-size: 1.25rem;
font-weight: 600;
font-family: "League Spartan";
line-height: 1;
transition: 0.3s;
}
@media screen and (min-width: 841px) {
.page.recruit .entry-btn input[type="submit"]:hover {
background: #fff;
color: #0e3263;
}
}
.page.recruit div.wpcf7 .wpcf7-spinner {
display: none;
}
.page.recruit .wpcf7-not-valid-tip {
color: #fff;
margin-top: 8px;
}
.page.recruit .wpcf7-response-output {
border: none !important;
display: inline-block;
}
.page.recruit .wpcf7-not-valid-tip {
position: relative;
top: -0.5rem;
font-size: 1rem;
font-weight: bold;
color: #ff053a;
}
.page.recruit .wpcf7 form.sent .recruit__entry,
.page.recruit .wpcf7 form.sent .entry-btn input[type="submit"] {
display: none;
}
.page.recruit .wpcf7 form .wpcf7-response-output {
text-align: center;
font-weight: bold;
}
.page.recruit .wpcf7 form.sent .wpcf7-response-output {
transform: translateY(50px);
opacity: 0;
padding: 1rem;
line-height: 1.4;
border-radius: 5px;
}
.page.recruit .wpcf7 form.sent .wpcf7-response-output.tt-show {
display: block;
transform: translateY(0px);
transition: all 0.5s ease-out;
opacity: 1;
background: #fff;
color: #0e3263;
}
.page.recruit .wpcf7 form.sent .wpcf7-response-output:not(.tt-show) {
color: red !important;
}
@media screen and (min-width: 841px) {
.page.recruit .footer__entry__wrapper {
display: none;
}
}
@media screen and (max-width: 840px) {
.page.recruit .footer__entry__wrapper {
position: fixed;
left: 0;
bottom: 0;
display: block;
width: 100%;
background: rgba(255, 255, 255, 0.2);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
text-align: center;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
transition: 0.5s;
}
.page.recruit .footer__entry__wrapper .footer__entry-btn {
background: #0075b6;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
border-radius: 999px;
width: 200px;
margin-left: auto;
margin-right: auto;
font-family: "League Spartan";
color: #fff;
font-weight: 600;
padding: 1rem 1rem 0.6rem;
}
.page.recruit .footer__entry__wrapper .footer__entry-btn .jp {
font-size: 0.85rem;
margin-left: 4px;
}
.page.recruit .footer__entry__wrapper.none {
transform: translateY(60px);
}
}
.mt8 {
margin-top: 8px !important;
}
.mr8 {
margin-right: 8px !important;
}
.mb8 {
margin-bottom: 8px !important;
}
.ml8 {
margin-left: 8px !important;
}
.mt16 {
margin-top: 16px !important;
}
.mr16 {
margin-right: 16px !important;
}
.mb16 {
margin-bottom: 16px !important;
}
.ml16 {
margin-left: 16px !important;
}
.mt24 {
margin-top: 24px !important;
}
.mr24 {
margin-right: 24px !important;
}
.mb24 {
margin-bottom: 24px !important;
}
.ml24 {
margin-left: 24px !important;
}
.mt32 {
margin-top: 32px !important;
}
.mr32 {
margin-right: 32px !important;
}
.mb32 {
margin-bottom: 32px !important;
}
.ml32 {
margin-left: 32px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.ml40 {
margin-left: 40px !important;
}
.mt48 {
margin-top: 48px !important;
}
.mr48 {
margin-right: 48px !important;
}
.mb48 {
margin-bottom: 48px !important;
}
.ml48 {
margin-left: 48px !important;
}
.mt56 {
margin-top: 56px !important;
}
.mr56 {
margin-right: 56px !important;
}
.mb56 {
margin-bottom: 56px !important;
}
.ml56 {
margin-left: 56px !important;
}
.mt64 {
margin-top: 64px !important;
}
.mr64 {
margin-right: 64px !important;
}
.mb64 {
margin-bottom: 64px !important;
}
.ml64 {
margin-left: 64px !important;
}
.mt72 {
margin-top: 72px !important;
}
.mr72 {
margin-right: 72px !important;
}
.mb72 {
margin-bottom: 72px !important;
}
.ml72 {
margin-left: 72px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mr80 {
margin-right: 80px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.ml80 {
margin-left: 80px !important;
}
.mt88 {
margin-top: 88px !important;
}
.mr88 {
margin-right: 88px !important;
}
.mb88 {
margin-bottom: 88px !important;
}
.ml88 {
margin-left: 88px !important;
}
.mt96 {
margin-top: 96px !important;
}
.mr96 {
margin-right: 96px !important;
}
.mb96 {
margin-bottom: 96px !important;
}
.ml96 {
margin-left: 96px !important;
}
.mt104 {
margin-top: 104px !important;
}
.mr104 {
margin-right: 104px !important;
}
.mb104 {
margin-bottom: 104px !important;
}
.ml104 {
margin-left: 104px !important;
}
.mt112 {
margin-top: 112px !important;
}
.mr112 {
margin-right: 112px !important;
}
.mb112 {
margin-bottom: 112px !important;
}
.ml112 {
margin-left: 112px !important;
}
.mt120 {
margin-top: 120px !important;
}
.mr120 {
margin-right: 120px !important;
}
.mb120 {
margin-bottom: 120px !important;
}
.ml120 {
margin-left: 120px !important;
}
.mt128 {
margin-top: 128px !important;
}
.mr128 {
margin-right: 128px !important;
}
.mb128 {
margin-bottom: 128px !important;
}
.ml128 {
margin-left: 128px !important;
}
.mt136 {
margin-top: 136px !important;
}
.mr136 {
margin-right: 136px !important;
}
.mb136 {
margin-bottom: 136px !important;
}
.ml136 {
margin-left: 136px !important;
}
.mt144 {
margin-top: 144px !important;
}
.mr144 {
margin-right: 144px !important;
}
.mb144 {
margin-bottom: 144px !important;
}
.ml144 {
margin-left: 144px !important;
}
.mt152 {
margin-top: 152px !important;
}
.mr152 {
margin-right: 152px !important;
}
.mb152 {
margin-bottom: 152px !important;
}
.ml152 {
margin-left: 152px !important;
}
.mt160 {
margin-top: 160px !important;
}
.mr160 {
margin-right: 160px !important;
}
.mb160 {
margin-bottom: 160px !important;
}
.ml160 {
margin-left: 160px !important;
}
.pt8 {
padding-top: 8px !important;
}
.pr8 {
padding-right: 8px !important;
}
.pb8 {
padding-bottom: 8px !important;
}
.pl8 {
padding-left: 8px !important;
}
.pt16 {
padding-top: 16px !important;
}
.pr16 {
padding-right: 16px !important;
}
.pb16 {
padding-bottom: 16px !important;
}
.pl16 {
padding-left: 16px !important;
}
.pt24 {
padding-top: 24px !important;
}
.pr24 {
padding-right: 24px !important;
}
.pb24 {
padding-bottom: 24px !important;
}
.pl24 {
padding-left: 24px !important;
}
.pt32 {
padding-top: 32px !important;
}
.pr32 {
padding-right: 32px !important;
}
.pb32 {
padding-bottom: 32px !important;
}
.pl32 {
padding-left: 32px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pl40 {
padding-left: 40px !important;
}
.pt48 {
padding-top: 48px !important;
}
.pr48 {
padding-right: 48px !important;
}
.pb48 {
padding-bottom: 48px !important;
}
.pl48 {
padding-left: 48px !important;
}
.pt56 {
padding-top: 56px !important;
}
.pr56 {
padding-right: 56px !important;
}
.pb56 {
padding-bottom: 56px !important;
}
.pl56 {
padding-left: 56px !important;
}
.pt64 {
padding-top: 64px !important;
}
.pr64 {
padding-right: 64px !important;
}
.pb64 {
padding-bottom: 64px !important;
}
.pl64 {
padding-left: 64px !important;
}
.pt72 {
padding-top: 72px !important;
}
.pr72 {
padding-right: 72px !important;
}
.pb72 {
padding-bottom: 72px !important;
}
.pl72 {
padding-left: 72px !important;
}
.pt80 {
padding-top: 80px !important;
}
.pr80 {
padding-right: 80px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.pl80 {
padding-left: 80px !important;
}
.mw80 {
width: 100%;
max-width: 80px !important;
}
.mw160 {
width: 100%;
max-width: 160px !important;
}
.mw240 {
width: 100%;
max-width: 240px !important;
}
.mw320 {
width: 100%;
max-width: 320px !important;
}
.mw400 {
width: 100%;
max-width: 400px !important;
}
.mw480 {
width: 100%;
max-width: 480px !important;
}
.mw560 {
width: 100%;
max-width: 560px !important;
}
.mw640 {
width: 100%;
max-width: 640px !important;
}
.mw720 {
width: 100%;
max-width: 720px !important;
}
.mw800 {
width: 100%;
max-width: 800px !important;
}
.t-left {
text-align: left;
}
.t-center {
text-align: center;
}
.t-right {
text-align: right;
}
@media screen and (min-width: 841px) {
.t-left-pc {
text-align: left;
}
.t-center-pc {
text-align: center;
}
.t-right-pc {
text-align: right;
}
}
@media screen and (max-width: 840px) {
.t-left-pc {
text-align: left;
}
.t-center-sp {
text-align: center;
}
.t-right-sp {
text-align: right;
}
}
p.has-background {
padding: 0.25em 1em;
border-radius: 0.5em;
}
.has-black-color {
color: #000 !important;
}
.has-gray-color {
color: #999 !important;
}
.has-white-color {
color: #fff !important;
}
.has-red-color {
color: #ff053a !important;
}
.has-blue-color {
color: #0075b6 !important;
}
.has-bluedarken-color {
color: #0e3263 !important;
}
.has-yellow-color {
color: #fff600 !important;
}
.has-black-background-color {
background-color: #000 !important;
}
.has-gray-background-color {
background-color: #999 !important;
}
.has-white-background-color {
background-color: #fff !important;
}
.has-red-background-color {
background-color: #ff053a !important;
}
.has-blue-background-color {
background-color: #0075b6 !important;
}
.has-bluedarken-background-color {
background-color: #0e3263 !important;
}
.has-yellow-background-color {
background-color: #fff600 !important;
}
.grecaptcha-badge {
bottom: 84px !important;
visibility: hidden;
}
.page-id-124 .grecaptcha-badge,
.page-id-172 .grecaptcha-badge,
.page-id-176 .grecaptcha-badge {
visibility: visible;
} .hcb_wrap {
margin-top: 1rem !important;
}
.hcb_wrap .toolbar {
margin-top: 3px;
}
.hcb_wrap .toolbar .copy-to-clipboard-button {
border: 1px solid #ccc;
background: #f1e767;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#fdfbfb),
to(#ebedee)
);
background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
-webkit-box-shadow: inset 1px 1px 1px #fff;
box-shadow: inset 1px 1px 1px #fff;
font-size: 0.75rem;
padding-left: 6px;
padding-right: 6px;
}
.grecaptcha-badge {
visibility: hidden !important;
} .wp-block-table .has-fixed-layout {
table-layout: auto !important;
}