@charset "UTF-8";
@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;
}*,
::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;
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 dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: inherit; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}   svg,
img,
embed,
object,
iframe {
vertical-align: bottom;
}   button,
input,
optgroup,
select,
textarea {
-webkit-appearance: none; appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
background: transparent;
padding: 0;
margin: 0;
border-radius: 0;
text-align: inherit;
text-transform: inherit; } button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
}
button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
cursor: default;
} :-moz-focusring {
outline: auto;
}
select:disabled {
opacity: inherit;
} option {
padding: 0;
} fieldset {
margin: 0;
padding: 0;
min-width: 0;
}
legend {
padding: 0;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } [type="number"] {
-moz-appearance: textfield;
} label[for] {
cursor: pointer;
}   details {
display: block;
} summary {
display: list-item;
} [contenteditable]:focus {
outline: auto;
}   table {
border-color: inherit; border-collapse: collapse;
}
caption {
text-align: left;
}
td,
th {
vertical-align: top;
padding: 0;
}
th {
text-align: left;
font-weight: bold;
}
@media screen and (min-width: 768px) {
.footer {
padding: 56px 0 0;
margin-bottom: 5%!important;
}
}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap");
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
scroll-behavior: smooth;
}
body {
margin: 0;
background: #EEEEEE url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/bg-common.png) center/60px repeat;
color: #000;
font-size: 0.9rem;
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: 400;
letter-spacing: 0;
line-height: 1.7;
overflow-x: hidden;
position: relative;
}
@media screen and (min-width: 390px) {
body {
font-size: 1rem;
}
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
cursor: pointer;
transition: 0.3s;
}
a:hover {
outline-width: 0;
text-decoration: none;
opacity: 0.8;
}
a.underline {
text-decoration: underline;
}
a.underline:hover {
text-decoration: none;
}
a::before, a::after {
transition: 0.3s;
}
img {
max-width: 100%;
height: auto;
border-style: none;
-o-object-fit: contain;
object-fit: contain;
}
img.img {
width: 100%;
display: block;
}
em {
font-style: normal;
}
strong {
font-weight: 700;
} @media screen and (min-width: 576px) {
.disp_xs {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.disp_tab {
display: none !important;
}
.disp_pc {
display: none !important;
}
.disp_notsp {
display: none !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.disp_sp {
display: none !important;
}
.disp_pc {
display: none !important;
}
}
@media screen and (min-width: 1024px) {
.disp_sp {
display: none !important;
}
.disp_tab {
display: none !important;
}
.disp_notpc {
display: none !important;
}
}
.en {
font-family: "Roboto", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.bold {
font-weight: 700;
}
.txt--main {
color: #e92625;
}
.marker--white {
background: linear-gradient(transparent 60%, #fff 60%);
}
@media screen and (min-width: 768px) {
.pcOrder--1 {
order: 1;
}
} .inner {
width: calc(100% - 40px);
max-width: 400px;
margin-left: auto;
margin-right: auto;
position: relative;
}
@media screen and (min-width: 768px) {
.inner {
max-width: 1200px;
}
}
.btn {
width: 100%;
max-width: 320px;
height: 60px;
border: 1px solid transparent;
border-radius: 30px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.btn::before, .btn::after {
content: "";
width: 38px;
height: 38px;
margin: auto 0;
border-radius: 50%;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 9px;
}
.btn::after {
background: url('data:image/svg+xml;charset=utf8,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.3085 6.73633L7.27925 1.70708L8.69347 0.292863L16.1369 7.73633L8.69347 15.1798L7.27925 13.7656L12.3085 8.73633H0V6.73633H12.3085Z" fill="white"/></svg>') center/16px no-repeat;
}
.btn:hover {
opacity: 1;
}
@media screen and (min-width: 768px) {
.btn--wide {
max-width: 530px;
}
}
.btn--gray {
background-color: #3E4851;
border-color: #3E4851;
}
.btn--gray::before {
background: #e92625;
}
.btn--gray:hover {
background-color: #fff;
color: #3E4851;
}
.btn--orange {
background-color: #1e298d;
border-color: #1e298d;
}
.btn--orange::before {
background: linear-gradient(180deg, #3E4851 0%, #212121 100%);
}
.btn--orange:hover {
background-color: #fff;
color: #1e298d;
} .header {
width: 100%;
height: 70px;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 1041;
}
@media screen and (min-width: 1024px) {
.header {
height: 140px;
}
}
.header__lead {
height: 40px;
background-color: #e92625;
color: #fff;
display: flex;
align-items: center;
}
.header__lead > .inner {
width: calc(100% - 40px);
max-width: 100%;
}
.header__lead .txt {
font-size: 87.5%;
line-height: 1.6;
}
.header__inner {
max-width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
@media screen and (min-width: 1024px) {
.header__inner {
width: calc(100% - 40px);
max-width: 1840px;
height: calc(100% - 40px);
}
}
.header__ttlWrap {
width: 100%;
padding: 0 0 0 5px;
display: flex;
align-items: center;
justify-content: space-between;
width: 300px;
}
.header__ttlWrap .ttl__link {
width: 100%;
display: block;
}
.header__ttlWrap .ttl__img {
width: 150px;
display: block;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left center;
object-position: left center;
}
.header__ttlWrap b {
width: calc(100% - 160px);
font-size: 14px;
line-height: 18px;
}
@media screen and (min-width: 1024px) {
.header__ttlWrap {
padding: 0;
}
.header__ttlWrap__img {
max-height: 60px;
}
}
@media screen and (min-width: 1200px) {
.header__ttlWrap {
}
}
@media screen and (min-width: 1440px) {
.header__ttlWrap {
width: 300px;
}
}
.header__btns {
position: fixed;
top: 0;
right: 0;
z-index: 1042;
}
.header__btns .menuBtn {
width: 60px;
height: 70px;
padding-top: 7px;
background: #e92625;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
grid-gap: 4px;
cursor: pointer;
}
.header__btns .menuBtn .bar {
width: 34px;
height: 2px;
background-color: #fff;
display: block;
transition: 0.3s;
}
.header__btns .menuBtn .txt {
width: 100%;
font-size: 10px;
font-weight: 700;
text-align: center;
display: block;
}
.header__btns .menuBtn .txt--close {
display: none;
}
.header__btns .menuBtn.open .bar {
position: absolute;
top: -18px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transform: rotate(45deg);
}
.header__btns .menuBtn.open .bar:nth-child(2) {
transform: rotate(-45deg);
}
.header__btns .menuBtn.open .bar:nth-child(3) {
transform: scale(0);
}
.header__btns .menuBtn.open .txt--menu {
display: none;
}
.header__btns .menuBtn.open .txt--close {
display: block;
position: absolute;
bottom: 15px;
left: 0;
}
@media screen and (min-width: 1024px) {
.header__btns {
display: grid;
grid-gap: 5px;
position: relative;
}
.header__btns .pcBtn {
width: 200px; padding:3px 10px;
background-color: #1e298d;
color: #fff;
font-size: 80%;
display: flex;
align-items: center;
justify-content: center;
}
.header__btns .pcBtn--contact {
grid-gap: 0.5625em;
}
.header__btns .pcBtn--contact::before {
content: "";
width: 1.4375em;
height: 1em;
background: url('data:image/svg+xml;charset=utf8,<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 0.210449H0.919189V17.0772H24V0.210449ZM22.4351 2.17481L12.3898 9.05484L2.47876 2.3645L1.35978 4.02217L12.398 11.4734L23.5652 3.82489L22.4351 2.17481Z" fill="white"/></svg>') center/contain no-repeat;
display: block;
}
.header__btns .pcBtn__txtWrap {
display: flex;
flex-direction: column;
}
.header__btns .pcBtn__txtWrap--area .txt1 {
font-size: 125%;
font-weight: 600;
line-height: 1.45;
}
.header__btns .pcBtn__txtWrap--area .txt2 {
font-size: 10px;
font-weight: 500;
line-height: 1.4167;
}
.header__btns .pcBtn__txtWrap--contact .txt1 {
font-weight: 500;
line-height: 1.4375;
}
.header__btns .pcBtn__txtWrap--contact .txt2 {
font-size: 87.5%;
line-height: 1.4167;
}
}
@media screen and (min-width: 1200px) {
.header__btns {
grid-template-columns: repeat(2, 1fr);
}
.header__btns .pcBtn {
height: 60px;
font-size: 80%;
}
}
@media screen and (min-width: 1440px) {
.header__btns .pcBtn {
width: 210px;
font-size: 100%;
}
}
.header__menu {
width: 0;
height: calc(100vh - 70px);
background: #fff;
position: fixed;
top: 70px;
right: 0;
pointer-events: none;
opacity: 0;
transition: 0.3s;
z-index: 1041;
overflow-y: auto;
}
.header__menu.open {
width: 100%;
opacity: 1;
pointer-events: auto;
}
@media screen and (min-width: 768px) {
.header__menu.open {
width: 428px;
}
}
@media screen and (min-width: 1024px) {
.header__menu {
width: auto;
height: auto;
padding-right: 11px;
position: relative;
top: 0;
pointer-events: auto;
opacity: 1;
overflow: hidden;
}
.header__menu.open {
width: auto;
}
}
.header__menu > .inner {
width: 100%;
}
.header__menu .navWrap {
width: 100%;
}
.header__menu .gnav {
width: 100%;
display: grid;
}
.header__menu .gnav__item {
width: 100%;
height: 78px;
padding: 0 42px;
}
.header__menu .gnav__item:nth-child(odd) {
height: 68px;
background-color: #EEEEEE;
}
.header__menu .gnav__link {
width: 100%;
height: 100%;
color: #333;
font-size: 150%;
font-weight: 700;
letter-spacing: 0.3em;
white-space: nowrap;
display: flex;
align-items: center;
position: relative;
}
.header__menu .gnav__link.active{
color: #1e298d;
transition: all 0s;
}
.header__menu .gnav__link::after {
content: "";
width: 9px;
height: 9px;
margin: auto 0;
border-top: 3px solid #e92625;
border-right: 3px solid #e92625;
display: block;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
right: -14px;
}
.header__menu .gnav__link:hover {
color: #1e298d;
}
.header__menu .gnav__link:hover::after {
border-color: #1e298d;
}
@media screen and (min-width: 1024px) {
.header__menu .gnav {
display: flex;
align-items: center;
grid-gap: 20px;
}
.header__menu .gnav__item {
height: auto;
padding: 0;
position: relative;
}
.header__menu .gnav__item:nth-child(odd) {
height: auto;
background-color: transparent;
}
.header__menu .gnav__item::after {
content: "";
width: 1px;
height: 30px;
margin: auto 0;
background-color: #EEEEEE;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: -10px;
}
.header__menu .gnav__link {
font-size: 87.5%;
letter-spacing: 0;
display: inline-block;
}
.header__menu .gnav__link::after {
display: none;
}
}
@media screen and (min-width: 1600px) {
.header__menu .gnav {
padding-left: 80px;
grid-gap: 50px;
}
.header__menu .gnav__item::after {
right: -25px;
}
}
.header__menu .contactBlk {
width: 100%;
padding: 50px 0;
}
.header__menu .contactBlk > .inner {
width: calc(100% - 20px);
}
.header__menu .contactBlk .secCaseEstimate__ttl .txt2::before, .header__menu .contactBlk .secCaseEstimate__ttl .txt2::after {
height: 48px;
bottom: 6px;
}
.header__menu .contactBlk .secCaseEstimate__ttl .txt2::before {
left: 42px;
}
.header__menu .contactBlk .secCaseEstimate__ttl .txt2::after {
right: 45px;
}
.header__menu .contactBlk .secCaseEstimate__btnsWrap {
align-items: center;
}
.header__menu .contactBlk .secCaseEstimate__btnsWrap .btn--mail {
padding-right: 2em;
}
.header__menu .contactBlk .secCaseEstimate__btnsWrap .btn--tel {
padding-right: 1.5em;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.header__menu .contactBlk .secCaseEstimate__ttl {
margin-bottom: 20px;
grid-gap: 20px;
}
.header__menu .contactBlk .secCaseEstimate__ttl .txt1 {
font-size: 100%;
}
.header__menu .contactBlk .secCaseEstimate__ttl .txt2 {
font-size: 125%;
}
.header__menu .contactBlk .secCaseEstimate__btnsWrap {
flex-direction: column;
grid-gap: 15px;
}
}
.header__menu .policyLink {
width: 100%;
height: 42px;
margin-bottom: 20px;
color: #e92625;
font-size: 87.5%;
display: flex;
align-items: center;
justify-content: center;
} .footer {
padding: 45px 0 50px;
background-color: #000;
color: #fff;
}
@media screen and (min-width: 768px) {
.footer {
padding: 56px 0 0;
}
}
.footer__inner {
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 45px;
}
@media screen and (min-width: 768px) {
.footer__inner {
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
grid-gap: 56px 40px;
}
}
@media screen and (min-width: 1024px) {
.footer__inner {
grid-gap: 56px 60px;
}
}
.footer__infoBlk {
display: flex;
flex-direction: column;
align-items: center;
}
.footer__infoBlk .logo {
width: 100%;
margin-bottom: 41px;
text-align: center;
}
.footer__infoBlk .logo__img {
width: 100%;
max-width: 350px;
max-height: 70px;
display: inline-block;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center top;
object-position: center top;
}
.footer__infoBlk .address {
margin-bottom: 12px;
font-size: 14px;
font-weight: 700;
line-height: 1.6;
display: flex;
align-items: flex-start;
grid-gap: 10px;
}
.footer__infoBlk .address::before {
content: "";
width: 15px;
height: 19px;
margin-top: 4px;
background: url('data:image/svg+xml;charset=utf8,<svg width="29" height="35" viewBox="0 0 29 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 1C7.048 1 1 6.73171 1 13.794C1 15.8666 1.684 18.2548 2.449 19.5428C4.834 23.5516 14.5 34 14.5 34C14.5 34 24.166 23.5601 26.551 19.5428C27.316 18.2548 28 15.8666 28 13.794C28 6.73171 21.952 1 14.5 1Z" stroke="white" stroke-miterlimit="10"/><circle cx="14.5" cy="13.5" r="6" stroke="white"/></svg>') center top/contain no-repeat;
display: block;
flex-shrink: 0;
}
.footer__infoBlk .tel {
padding-right: 1.2em;
font-size: 187.5%;
font-weight: 500;
line-height: 1.4;
display: flex;
align-items: center;
grid-gap: 13px;
}
.footer__infoBlk .tel::before {
content: "";
width: 15px;
height: 18px;
background: url('data:image/svg+xml;charset=utf8,<svg width="25" height="30" viewBox="0 0 25 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.23517 1.27129C-0.00515636 2.60816 -0.445261 6.787 0.40056 10.1929C1.05928 12.8452 2.45977 16.403 4.82135 19.7533C7.04295 22.9051 10.1424 25.7312 12.5058 27.3663C15.5406 29.4658 19.867 30.8003 22.1073 29.4635C23.2402 28.7875 24.9232 26.9405 25 26.6091C25 26.6091 24.0131 25.209 23.7965 24.9017L20.4868 20.2063C20.2409 19.8574 18.6985 20.1763 17.915 20.5846C16.858 21.1357 15.8847 22.6141 15.8847 22.6141C15.16 22.9993 14.5529 22.6155 13.2847 22.0784C11.7259 21.4185 9.9734 19.3682 8.57857 17.5112C7.30462 15.5821 5.98469 13.2736 5.96558 11.695C5.94985 10.4105 5.8165 9.74405 6.4944 9.29229C6.4944 9.29229 8.35849 9.07749 9.33632 8.41433C10.0611 7.92261 11.0066 6.75694 10.7606 6.40796L7.45096 1.71262C7.23438 1.40535 6.24744 0.00519608 6.24744 0.00519608C5.88719 -0.0654093 3.368 0.595293 2.23517 1.27129Z" fill="none" stroke="%23fff"/></svg>') center/contain no-repeat;
display: block;
flex-shrink: 0;
}
.footer__infoBlk .tel:hover {
color: #1e298d;
opacity: 1;
}
.footer__infoBlk .tel:hover::before {
background-image: url('data:image/svg+xml;charset=utf8,<svg width="25" height="30" viewBox="0 0 25 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.23517 1.27129C-0.00515636 2.60816 -0.445261 6.787 0.40056 10.1929C1.05928 12.8452 2.45977 16.403 4.82135 19.7533C7.04295 22.9051 10.1424 25.7312 12.5058 27.3663C15.5406 29.4658 19.867 30.8003 22.1073 29.4635C23.2402 28.7875 24.9232 26.9405 25 26.6091C25 26.6091 24.0131 25.209 23.7965 24.9017L20.4868 20.2063C20.2409 19.8574 18.6985 20.1763 17.915 20.5846C16.858 21.1357 15.8847 22.6141 15.8847 22.6141C15.16 22.9993 14.5529 22.6155 13.2847 22.0784C11.7259 21.4185 9.9734 19.3682 8.57857 17.5112C7.30462 15.5821 5.98469 13.2736 5.96558 11.695C5.94985 10.4105 5.8165 9.74405 6.4944 9.29229C6.4944 9.29229 8.35849 9.07749 9.33632 8.41433C10.0611 7.92261 11.0066 6.75694 10.7606 6.40796L7.45096 1.71262C7.23438 1.40535 6.24744 0.00519608 6.24744 0.00519608C5.88719 -0.0654093 3.368 0.595293 2.23517 1.27129Z" fill="none" stroke="%23FF7A00"/></svg>');
}
@media screen and (min-width: 768px) {
.footer__infoBlk {
width: 40%;
max-width: 350px;
align-items: flex-start;
}
.footer__infoBlk .logo {
margin-bottom: 20px;
}
.footer__infoBlk .logo__img {
-o-object-position: left top;
object-position: left top;
}
}
@media screen and (min-width: 1024px) {
.footer__infoBlk {
width: 30%;
}
}
.footer__navBlk {
width: 100%;
}
.footer__navBlk .list {
line-height: 1;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1.75em;
}
.footer__navBlk .list__link {
width: 100%;
font-size: 14px;
font-weight: 700;
display: block;
position: relative;
}
.footer__navBlk .list__link::after {
content: "";
width: 10px;
height: 10px;
margin: auto 0;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 8px;
transform: rotate(45deg);
}
.footer__navBlk .list__link:hover {
color: #e92625;
}
.footer__navBlk .list__link:hover::after {
border-color: #e92625;
}
@media screen and (min-width: 390px) {
.footer__navBlk {
grid-gap: 1.75em 2.375em;
}
}
@media screen and (min-width: 768px) {
.footer__navBlk {
width: calc(60% - 40px);
padding-top: 20px;
}
}
@media screen and (min-width: 1024px) {
.footer__navBlk {
width: calc(70% - 60px);
}
.footer__navBlk .list {
grid-template-columns: repeat(3, 1fr);
grid-gap: 28px 50px;
}
}
@media screen and (min-width: 1200px) {
.footer__navBlk .list {
grid-template-columns: repeat(auto-fit, minmax(203px, 1fr));
grid-gap: 28px 68px;
}
}
.footer__footerBlk {
padding: 16px 0 26px;
font-size: 75%;
line-height: 1.6;
text-align: center;
}
@media screen and (min-width: 768px) {
.footer__footerBlk {
padding: 0 0 35px;
display: flex;
align-items: center;
grid-gap: 37px;
}
}
.footer__btns {
width: 100%;
height: 50px;
position: fixed;
bottom: 0;
left: 0;
z-index: 1039;
transition: opacity 0.5s linear;
}
.footer__btns .list {
width: 100%;
height: 100%;
display: flex;
}
.footer__btns .listItem--tel {
width: 46.154%;
}
.footer__btns .listItem--contact {
width: 53.856%;
}
.footer__btns .listItem__btn {
width: 100%;
height: 100%;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
grid-gap: 9px;
}
.footer__btns .listItem__btn::before {
content: "";
display: block;
}
.footer__btns .listItem__btn .txtWrap__txt1 {
display: block;
}
.footer__btns .listItem__btn .txtWrap__txt2 {
padding-left: 1px;
font-size: 14px;
line-height: 1.4166;
display: block;
}
.footer__btns .listItem__btn--tel {
background-color: #000;
}
.footer__btns .listItem__btn--tel::before {
width: 25px;
height: 30px;
background: url('data:image/svg+xml;charset=utf8,<svg width="25" height="30" viewBox="0 0 25 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.23517 1.27129C-0.00515636 2.60816 -0.445261 6.787 0.40056 10.1929C1.05928 12.8452 2.45977 16.403 4.82135 19.7533C7.04295 22.9051 10.1424 25.7312 12.5058 27.3663C15.5406 29.4658 19.867 30.8003 22.1073 29.4635C23.2402 28.7875 24.9232 26.9405 25 26.6091C25 26.6091 24.0131 25.209 23.7965 24.9017L20.4868 20.2063C20.2409 19.8574 18.6985 20.1763 17.915 20.5846C16.858 21.1357 15.8847 22.6141 15.8847 22.6141C15.16 22.9993 14.5529 22.6155 13.2847 22.0784C11.7259 21.4185 9.9734 19.3682 8.57857 17.5112C7.30462 15.5821 5.98469 13.2736 5.96558 11.695C5.94985 10.4105 5.8165 9.74405 6.4944 9.29229C6.4944 9.29229 8.35849 9.07749 9.33632 8.41433C10.0611 7.92261 11.0066 6.75694 10.7606 6.40796L7.45096 1.71262C7.23438 1.40535 6.24744 0.00519608 6.24744 0.00519608C5.88719 -0.0654093 3.368 0.595293 2.23517 1.27129Z" fill="%23fff"/></svg>') center/contain no-repeat;
}
.footer__btns .listItem__btn--tel .txtWrap__txt1 {
font-size: 112.5%;
font-weight: 700;
line-height: 1.166;
}
.footer__btns .listItem__btn--contact {
background-color: #1e298d;
}
.footer__btns .listItem__btn--contact::before {
width: 28px;
height: 18px;
margin: 0 0px 0 -7px;
background: url('data:image/svg+xml;charset=utf8,<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 0.210449H0.919189V17.0772H24V0.210449ZM22.4351 2.17481L12.3898 9.05484L2.47876 2.3645L1.35978 4.02217L12.398 11.4734L23.5652 3.82489L22.4351 2.17481Z" fill="white"/></svg>') center/contain no-repeat;
}
.footer__btns .listItem__btn--contact .txtWrap__txt1 {
font-weight: 500;
line-height: 1.4375;
}
@media screen and (min-width: 768px) {
.footer__btns {
pointer-events: none;
}
}
.footer__topBtn {
width: 28px;
height: 40px;
mix-blend-mode: difference;
color: #fff;
font-size: 87.5%;
font-weight: 700;
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 3px;
position: fixed;
bottom: 63px;
right: 10px;
z-index: 1039;
}
.footer__topBtn::before {
content: "";
width: 12px;
height: 12px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
display: block;
transform: rotate(-45deg);
}
.footer__topBtn:hover {
opacity: 0.8;
}
@media screen and (min-width: 768px) {
.footer__topBtn {
bottom: 13%;
right: 40px;
}
}
@media screen and (min-width: 1024px) {
.footer__topBtn {
bottom: 18%;
}
} section {
width: 100%;
position: relative;
}
.pageTtlBlk {
width: 100%;
height: 180px;
margin-top: 70px;
background: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/pagettl_bg-sp.jpg) center/cover no-repeat;
filter: grayscale(1) brightness(1);
}
.pageTtlBlk__inner {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #000000;
font-size: 150%;
font-weight: 700;
line-height: 1.4;
text-align: center;
}
@media screen and (max-width: 768px) {
.pageTtlBlk__inner {
color: #fff;
}
}
@media screen and (min-width: 768px) {
.pageTtlBlk {
height: 295px;
background-image: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/pagettl_bg-pc.jpg);
filter: grayscale(1) brightness(1.5);
}
.pageTtlBlk__inner {
justify-content: flex-start;
font-size: 275%;
}
}
@media screen and (min-width: 1024px) {
.pageTtlBlk {
height: 250px;
margin-top: 140px;
}
}
@media screen and (min-width: 1200px) {
.pageTtlBlk {
height: 300px;
}
}
.breadcrumbBlk {
width: 100%;
padding: 12px 0 0;
margin-bottom: 40px;
color: #B3B3B3;
font-size: 14px;
}
@media screen and (min-width: 1024px) {
.breadcrumbBlk {
padding: 18px 0 0;
margin-bottom: 57px;
font-size: 12px;
}
}
.breadcrumbBlk__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
grid-gap: 4px;
}
.breadcrumbBlk a {
color: #000;
text-decoration: underline;
}
.breadcrumbBlk a:hover {
text-decoration: none;
}
.secTtl {
width: 100%;
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 5px;
}
.secTtl .en {
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000;
font-size: 312.5%;
font-weight: 700;
letter-spacing: 0.07em;
line-height: 1.4;
}
.secTtl .jp {
padding: 2px 6px 4px 7px;
background-color: #e92625;
color: #fff;
font-weight: 700;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
.secTtl {
margin-bottom: 36px;
grid-gap: 1px;
}
.secTtl .en {
font-size: 500%;
font-weight: 500;
letter-spacing: 0.14em;
line-height: 1.4;
}
.secTtl .jp {
padding: 0 12px;
font-size: 125%;
}
}
@media screen and (min-width: 1024px) {
.secTtl .en {
font-size: 687.5%;
}
}
.wp-pagenavi {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
grid-gap: 5px;
}
.wp-pagenavi a, .wp-pagenavi .current, .wp-pagenavi .extend {
width: 40px;
height: 40px;
color: #e92625;
font-size: 20px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
.wp-pagenavi .current {
background-color: #e92625;
border-radius: 50%;
color: #fff;
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
color: transparent;
order: -1;
position: relative;
}
.wp-pagenavi .previouspostslink::after, .wp-pagenavi .nextpostslink::after {
content: "";
width: 20px;
height: 20px;
border-right: 2px solid #e92625;
border-bottom: 2px solid #e92625;
display: block;
transform: rotate(135deg);
}
.wp-pagenavi .nextpostslink {
order: 1;
}
.wp-pagenavi .nextpostslink::after {
transform: rotate(-45deg);
}   @media screen and (min-width: 1366px) {
.footer__btns-pc {
background: #e92625;
height: auto;
padding: .5% 0 0.5% 0;
bottom: 0;
left: 0;
z-index: 999;
line-height: 1;
transition: opacity 0.5s linear;
position: fixed;
width:100%
}
.footer__btns-pc .container {
margin: 0.5% auto 0% auto;
width: 1140px;
display: grid;
grid-template-columns: 200px auto 400px;
}
.footer__btns-pc .box {
font-weight: bold;
text-align: center;
border: 0px solid #e92625;
margin: 0 auto;
line-height: 1;
font-size: 17px;
}
.footer__btns-pc .box img {
width: 96%;
display: inline-grid;
padding-top: 4%;
}
.footer__btns-pc .nowrap {
   white-space:nowrap;
}
.footer__btns-pc .box .number {
font-size: 62px !important;
font-family: system-ui;
font-weight: 800;
font-style: normal;
line-height: 1.2;
}
.footer__btns-pc .text-1-1 {
font-size:34px !important;
}
.footer__btns-pc .text-1-2 {
font-size: 25px !important;
line-height: 1.2;
}
.footer__btns-pc .text-1-3 {
font-size:34px; !important;
}
.footer__btns-pc .mail a {
display: block;
width:100%;
height:100%;
}
.footer__btns-pc .mail {
padding: 2% 0 2% 0;
margin: -3% 0 -1% 0;
background: #fff400;
border-radius: 9px;
display: block;
line-height: 3;
font-size: 1vw;
color: #333;
font-weight: 900;
}
.footer__btns-pc .mail svg {
vertical-align: -webkit-baseline-middle;
margin-right: 0%;
}
.footer__btns-pc .box-3 {
width: 80%;
}
.footer__btns-pc .box-1{
text-align: left;
}
}
@media screen and (min-width: 1025px) and (max-width: 1365px){
.footer__btns-pc {
background: #e92625;
height: auto;
padding: .5% 0 0.5% 0;
bottom: 0;
left: 0;
z-index: 999;
line-height: 1;
transition: opacity 0.5s linear;
position: fixed;
width:100%
}
.footer__btns-pc .container {
margin: 0.5% auto 0% auto;
width: 1140px;
display: grid;
grid-template-columns: 200px auto 400px;
}
.footer__btns-pc .box {
font-weight: bold;
text-align: center;
border: 0px solid #e92625;
margin: 0 auto;
line-height: 1;
font-size: 17px;
}
.footer__btns-pc .box img {
width: 96%;
display: inline-grid;
padding-top: 4%;
}
.footer__btns-pc .nowrap {
   white-space:nowrap;
}
.footer__btns-pc .box .number {
font-size: 62px !important;
font-family: system-ui;
font-weight: 800;
font-style: normal;
line-height: 1.2;
}
.footer__btns-pc .text-1-1 {
font-size:34px !important;
}
.footer__btns-pc .text-1-2 {
font-size: 25px !important;
line-height: 1.2;
}
.footer__btns-pc .text-1-3 {
font-size:34px; !important;
}
.footer__btns-pc .mail a {
display: block;
width:100%;
height:100%;
}
.footer__btns-pc .mail {
padding: 2% 0 2% 0;
margin: -3% 0 -1% 0;
background: #fff400;
border-radius: 9px;
display: block;
line-height: 3;
font-size: 1vw;
color: #333;
font-weight: 900;
}
.footer__btns-pc .mail svg {
vertical-align: -webkit-baseline-middle;
margin-right: 0%;
}
.footer__btns-pc .box-3 {
width: 80%;
}
.footer__btns-pc .box-1{
text-align: left;
}
}
@media screen and (min-width: 768px) and (max-width:1024px) {
.footer__btns-pc {
background:#e92625;
height: auto;
padding: 1.5% 0 1.5% 0;
bottom: 0;
left: 0;
z-index: 999;
line-height:1.3;
transition: opacity 0.5s linear;
position: fixed;
width:100%
}
.footer__btns-pc .container {
margin: 0 auto 0 2%;
width: 80%;
display: grid;
grid-template-columns: 33% 43% 23%;
}
.footer__btns-pc .box {
font-size:1vw;
font-weight: bold;
text-align: center;
border: 0px solid #e92625;
margin: 0 auto;
}
.footer__btns-pc .box-3 {
width: 80%;
}
.footer__btns-pc .box img {
width: 58%;
display: inline-grid;
padding-top: 3%;
}
.footer__btns-pc .nowrap {
   white-space:nowrap;
}
.footer__btns-pc .box .number {
font-size: 62px !important;
font-family: system-ui;
font-weight: 800;
font-style: normal;
line-height: 1.2;
}
.footer__btns-pc .text-1-1 {
font-size:1.7vw !important;
}
.footer__btns-pc .text-1-2 {
font-size:1.4vw !important;
}
.footer__btns-pc .text-1-3 {
font-size:1.7vw !important;
}
.footer__btns-pc .mail a {
display: block;
width:100%;
height:100%;
}
.footer__btns-pc .mail {
padding: 1%;
margin: 0% 0 6% 0;
background: #fff400;
border-radius: 4px;
display: block;
line-height: 3.7;
font-size: 1.2vw;
color: #333;
font-weight: 900;
}
.footer__btns-pc .mail svg {
vertical-align:text-top;
margin-right: 0%;
}
.footer__btns-pc .box-3 {
width: 100%;
}
.footer__btns-pc .box-1{
width: 100%;
text-align: right;
}
}
@media screen and (max-width: 767px) {
.footer__btns-pc { 
display: none;
}
}
.pc-only {display: block;}
.tablet-only {display: none;}
@media screen and (max-width: 1024px) {
.pc-only { display: none;}
.tablet-only { display: block;}
}

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap");
.secMV__img {
width: 100%;
}
.secMV__img img {
width: 100%;
display: block;
}
.secMV__inner {
max-width: 1840px;
height: 100%;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.secMV__contactBlk {
width: 190px;
margin: 20px 0 0 auto;
background-color: rgba(255, 255, 255, 0.78);
border-radius: 4px;
box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.55);
overflow: hidden;
}
.secMV__contactBlk .telWrap {
width: 100%;
padding: 7px 10px 9px;
font-size: 87.5%;
display: flex;
flex-direction: column;
align-items: center;
}
.secMV__contactBlk .telWrap__tel {
color: #e92625;
font-weight: 500;
line-height: 1.4;
}
.secMV__contactBlk .telWrap__tel strong {
font-size: 130%;
font-weight: 900;
}
.secMV__contactBlk .telWrap__opentime {
line-height: 1.4;
}
.secMV__contactBlk .creditWrap {
width: 100%;
padding: 8px 5px 9px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.secMV__contactBlk .creditWrap__img {
width: 100%;
max-width: 345px;
}
@media screen and (min-width: 1024px) {
.secMV__contactBlk {
width: 300px;
}
.secMV__contactBlk .telWrap {
padding: 11px 20px 16px;
font-size: 100%;
}
.secMV__contactBlk .telWrap__tel {
font-size: 115%;
}
.secMV__contactBlk .telWrap__tel strong {
font-size: 163.63%;
}
.secMV__contactBlk .creditWrap {
padding: 12px 20px 13px;
}
}
@media screen and (min-width: 1600px) {
.secMV__contactBlk {
width: 410px;
}
.secMV__contactBlk .telWrap__tel {
font-size: 137.5%;
}
}
.secNews {
padding: 30px 0 40px;
font-size: 14px;
}
@media screen and (min-width: 768px) {
.secNews {
height: 60px;
padding: 42px 0 85px;
}
}
.secNews__inner {
border-radius: 10px;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.secNews__inner {
max-width: 950px;
background-color: #fff;
border-radius: 30px;
display: flex;
justify-content: space-between;
}
}
.secNews__header {
height: 30px;
padding: 0 20px;
background-color: #e92625;
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
}
.secNews__header .ttl {
font-weight: 700;
line-height: 1.4;
}
.secNews__header .link {
font-weight: 500;
display: flex;
align-items: center;
grid-gap: 7px;
}
.secNews__header .link::before {
content: "";
width: 16px;
height: 12px;
filter: brightness(0);
background: url('data:image/svg+xml;charset=utf8,<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" width="12" height="2" fill="%23fff"/><rect x="4" y="5" width="12" height="2" fill="%23fff"/><rect x="4" y="10" width="12" height="2" fill="%23fff"/><rect width="2" height="2" fill="%23fff"/><rect y="5" width="2" height="2" fill="%23fff"/><rect y="10" width="2" height="2" fill="%23fff"/></svg>') center/contain no-repeat;
display: block;
}
@media screen and (min-width: 768px) {
.secNews__header {
display: contents;
}
.secNews__header .ttl {
width: 140px;
background-color: #e92625;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.secNews__header .link {
width: 164px;
padding: 0 50px 0 20px;
color: #e92625;
flex-shrink: 0;
order: 1;
}
.secNews__header .link::before {
background-image: url('data:image/svg+xml;charset=utf8,<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" width="12" height="2" fill="%23007AEC"/><rect x="4" y="5" width="12" height="2" fill="%23007AEC"/><rect x="4" y="10" width="12" height="2" fill="%23007AEC"/><rect width="2" height="2" fill="%23007AEC"/><rect y="5" width="2" height="2" fill="%23007AEC"/><rect y="10" width="2" height="2" fill="%23007AEC"/></svg>');
}
}
.secNews__body {
padding: 11px 20px 14px;
background-color: #fff;
}
.secNews__body .newsTxt {
width: 100%;
}
.secNews__body .newsTxt__link {
color: #e92625;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.secNews__body {
width: 100%;
padding: 17px 20px 20px;
}
}
.secIntro__inner {
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 30px;
}
@media screen and (min-width: 768px) {
.secIntro__inner {
flex-direction: row;
align-items: center;
grid-gap: 25px;
}
}
@media screen and (min-width: 1024px) {
.secIntro__inner {
grid-gap: 65px;
}
}
.secIntro__ttl {
margin-bottom: 0.55em;
font-size: 150%;
font-weight: 700;
line-height: 1.4;
}
.secIntro__ttl span {
margin-bottom: 0.5em;
color: #e92625;
font-size: 83.333%;
font-weight: 700;
display: block;
}
@media screen and (min-width: 768px) {
.secIntro__ttl {
margin-bottom: 1.423em;
font-size: 162.5%;
line-height: 1.8;
}
.secIntro__ttl span {
font-size: 65%;
}
}
.secIntro__fukidashi {
width: 100%;
padding: 25px 24px 30px;
margin: 30px 0 50px;
background-color: #e92625;
border-radius: 4px;
color: #fff;
font-size: 125%;
font-weight: 700;
line-height: 1.6;
position: relative;
}
.secIntro__fukidashi::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-color: #e92625 transparent transparent transparent;
border-width: 31px 50px 0px 0px;
display: block;
position: absolute;
bottom: -26px;
right: 114px;
transform: skewX(-20deg);
}
@media screen and (min-width: 768px) {
.secIntro__fukidashi {
padding: 21px 20px;
text-align: center;
}
.secIntro__fukidashi::after {
right: calc(50% - 30px);
}
}
.secIntro__txt {
font-size: 125%;
line-height: 2;
}
.secIntro__feature {
width: 100%;
max-width: 350px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
grid-gap: 27px 30px;
position: relative;
}
.secIntro__feature::before {
content: "";
width: min(57vw, 200px);
height: min(57vw, 200px);
border: 21px solid #fff;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.secIntro__feature .listItem {
width: calc(50% - 15px);
padding-top: calc(50% - 15px);
background-color: #fff;
border-radius: 50%;
position: relative;
z-index: 1;
}
.secIntro__feature .listItem::after {
content: "";
width: 100%;
height: 100%;
border: 4px solid #e92625;
border-radius: 50%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.secIntro__feature .listItem__txt {
width: 100%;
height: 100%;
padding-top: 0.4em;
color: #e92625;
font-weight: 700;
line-height: 1.5;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
}
@media screen and (min-width: 768px) {
.secIntro__feature {
margin: 0;
flex-shrink: 0;
}
}
.secIntro__img {
width: calc(100% + 40px);
max-width: 390px;
margin: 0 auto;
transform: translateX(-20px);
}
@media screen and (min-width: 768px) {
.secIntro__img {
width: 40%;
margin: 0;
flex-shrink: 0;
}
}
@media screen and (min-width: 1024px) {
.secIntro__img {
width: 100%;
}
}
.secIntro__worryList {
padding: 17px 0 0;
color: #e92625;
font-size: 112.5%;
font-weight: 700;
}
.secIntro__worryList li {
padding: 5px 0;
}
@media screen and (min-width: 768px) {
.secIntro__worryList {
width: 100%;
max-width: 750px;
margin: 0 auto;
font-size: 120%;
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-gap: 24px 49px;
}
.secIntro__worryList li {
padding: 0;
}
}
.navInpage {
width: 100%;
padding: 26px 0 66px;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.navInpage {
padding: 35px 0 50px;
}
}
.navInpage__list {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
grid-gap: 16px 30px;
}
.navInpage__list .listItem {
width: 100%;
}
.navInpage__list .listItem--half {
width: calc(50% - 15px);
}
.navInpage__list a {
width: 100%;
height: 100%;
padding: 14px 16px 14px 0;
border-bottom: 2px solid #e92625;
color: #e92625;
font-weight: 700;
display: flex;
align-items: center;
position: relative;
}
.navInpage__list a::after {
content: "";
width: 9px;
height: 9px;
margin: auto 0;
border-right: 3px solid #e92625;
border-bottom: 3px solid #e92625;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
.navInpage__list {
display: grid;
}
.navInpage__list--childItem-2 {
grid-template-columns: repeat(2, 1fr);
grid-gap: 60px;
}
.navInpage__list--childItem-3 {
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.navInpage__list .listItem,
.navInpage__list .listItem--half {
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.navInpage__list--childItem-3 {
grid-gap: 10px;
}
}
@media screen and (min-width: 1200px) {
.navInpage__list--childItem-3 {
grid-gap: 30px;
}
}
.makerSlide {
padding: 41px 0 62px;
position: relative;
}
.makerSlide::before {
content: "MAKER";
color: #fff;
font-size: 100px;
font-weight: 700;
font-family: "Roboto", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: 0.2em;
position: absolute;
top: 47%;
left: 53%;
transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
.makerSlide {
padding: 164px 0 30px;
}
.makerSlide::before {
font-size: 230px;
letter-spacing: 0.03em;
line-height: 0.68;
top: auto;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
}
}
@media screen and (min-width: 1024px) {
.makerSlide {
padding-bottom: 53px;
}
.makerSlide::before {
font-size: 320px;
}
}
@media screen and (min-width: 1200px) {
.makerSlide::before {
font-size: 400px;
}
}
@keyframes loop1 {
0% {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
@keyframes loop2 {
0% {
transform: translateX(0);
}
to {
transform: translateX(-200%);
}
}
.makerSlide__slideWrap {
display: flex;
overflow: hidden;
}
.makerSlide__slide {
width: calc(100% + 20px);
padding-right: 20px;
padding-bottom: 15px;
display: flex;
grid-gap: 20px;
flex-shrink: 0;
}
.makerSlide__slide--slide1 {
animation: loop1 20s -10s infinite linear;
}
.makerSlide__slide--slide2 {
animation: loop2 20s infinite linear;
}
.makerSlide__slide--reverse {
animation-direction: reverse;
}
.makerSlide__slide li {
display: flex;
align-items: center;
justify-content: center;
}
.makerSlide__slide li.mini {
grid-column: 1/3;
}
@media screen and (max-width: 767px) {
.makerSlide__slide li img {
width: 100%;
max-width: 80px;
}
.makerSlide__slide li.mini img {
max-width: 150px;
}
}
@media screen and (min-width: 768px) {
.makerSlide__slide {
width: calc(50% + 40px);
grid-gap: 30px;
}
.makerSlide__slide li.mini {
grid-column: 1/3;
}
}
@media screen and (min-width: 1440px) {
.makerSlide__slide {
grid-gap: 70px;
}
}
@media screen and (min-width: 1600px) {
.makerSlide__slide {
grid-gap: 40px;
}
.makerSlide__slide li {
padding: 0 34px;
}
.makerSlide__slide li.mini img {
height: 70%;
}
}
.secMaker {
padding: 45px 0 0;
background-color: #fff;
}
.secMaker__ttl {
width: 100%;
padding: 0 0 27px;
color: #1e298d;
font-size: 162.5%;
font-weight: 500;
line-height: 2;
text-align: center;
position: relative;
z-index: 1;
}
.secMaker__ttl::before {
content: "";
width: 100%;
height: 20px;
background: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 20.5"><polyline points="0 0 149 0 175 20 201 0 350 0" stroke="%23FF7A00" stroke-width="1.5px" fill="none" /></svg>') center top/contain no-repeat;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.secMaker .makerSlide {
padding: 14px 0 21px;
}
.secMaker .makerSlide::before {
color: #EEEEEE;
}
.secMaker__txt {
font-size: 140%;
}
@media screen and (min-width: 768px) {
.secMaker {
padding: 100px 0 110px;
}
.secMaker__ttl {
font-size: 250%;
}
.secMaker__ttl::before {
background: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 520 20.5"><polyline points="0 0 234 0 260 20 286 0 520 0" stroke="%23FF7A00" stroke-width="1.5px" fill="none" /></svg>') center top/contain no-repeat;
}
.secMaker .makerSlide {
padding: 74px 0;
}
.secMaker__txt {
text-align: center;
}
}
.imageSlide {
background-color: #fff;
}
.imageSlide .swiper-wrapper {
transition-timing-function: linear !important;
}
.imageSlide__inner {
padding-top: 0.9375em;
}
.imageSlide__txt {
font-size: 14px;
line-height: 1.8;
}
@media screen and (min-width: 768px) {
.imageSlide {
padding: 30px 0 0;
}
.imageSlide__txt {
margin-top: 1.2em;
font-size: 100%;
}
}
.secExample {
padding: 0 0 60px;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.secExample {
padding: 95px 0 84px;
}
}
.secExample__img {
width: calc(100% + 40px);
height: 270px;
margin-left: -20px;
}
.secExample__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
@media screen and (min-width: 400px) {
.secExample__img {
width: 100vw;
margin-left: calc(-50vw + 200px);
}
}
@media screen and (min-width: 768px) {
.secExample__img {
width: 100%;
height: auto;
margin: 0;
}
}
.secExample__box {
width: 100%;
padding: 50px 15px 47px;
margin-top: -62px;
background-color: #FAFAFA;
border-radius: 10px;
position: relative;
z-index: 1;
}
.secExample__box .boxContents {
width: 100%;
max-width: 320px;
margin: 0 auto;
}
.secExample__box .boxContents__txt {
padding: 0 5px;
margin-bottom: 1.125em;
font-weight: 500;
}
.secExample__box .boxContents .btn {
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.secExample__box {
max-width: 512px;
padding: 50px 20px 58px;
margin: -156px 89px 0 auto;
}
.secExample__box .boxContents {
max-width: 364px;
}
.secExample__box .boxContents__txt {
padding: 0;
margin-bottom: 0.7em;
font-size: 125%;
}
}
.secSolution__inner--blk1 {
width: 100%;
}
@media screen and (min-width: 768px) {
.secSolution__inner--blk1 {
max-width: 1920px;
display: flex;
align-items: center;
grid-gap: 35px;
}
.secSolution__inner--blk2 {
max-width: 700px;
}
}
@media screen and (min-width: 1200px) {
.secSolution__inner--blk1 {
grid-gap: 52px;
}
}
.secSolution__blk1 {
background-color: #fff;
}
@media screen and (min-width: 768px) {
.secSolution__blk1 {
padding: 38px 0 40px;
}
}
.secSolution__blk2 {
padding: 22px 0 30px;
background-color: #e92625;
}
@media screen and (min-width: 768px) {
.secSolution__blk2 {
padding: 50px 0;
}
}
.secSolution__img {
width: 100%;
}
@media screen and (min-width: 400px) {
.secSolution__img {
width: 100vw;
margin-left: calc(-50vw + 200px);
}
}
@media screen and (min-width: 768px) {
.secSolution__img {
width: 45%;
max-width: 1000px;
margin-left: 0;
flex-shrink: 0;
}
}
@media screen and (min-width: 1200px) {
.secSolution__img {
width: 50%;
}
}
@media screen and (min-width: 1920px) {
.secSolution__img {
width: 54%;
}
}
.secSolution__txtWrap {
padding: 20px 20px 32px;
}
.secSolution__txtWrap .ttl {
margin-bottom: 1.166em;
color: #e92625;
font-size: 150%;
font-weight: 700;
line-height: 1.4;
}
.secSolution__txtWrap .txt {
line-height: 2;
}
.secSolution__txtWrap .txt strong {
color: #e92625;
}
@media screen and (min-width: 768px) {
.secSolution__txtWrap {
padding: 16px 0 0 0;
margin-right: 20px;
}
.secSolution__txtWrap .ttl {
font-size: 150%;
}
}
@media screen and (min-width: 1200px) {
.secSolution__txtWrap .ttl {
font-size: 187.5%;
}
.secSolution__txtWrap .txt {
font-size: 125%;
}
}
@media screen and (min-width: 1240px) {
.secSolution__txtWrap {
margin-right: min(50vw - 600px, 360px);
}
}
.secSolution__txt {
margin-bottom: 0.5em;
color: #fff;
font-size: 162.5%;
font-weight: 500;
line-height: 1.5;
text-align: center;
}
@media screen and (min-width: 1024px) {
.secSolution__txt {
margin-bottom: 0.6em;
font-size: 187.5%;
}
}
.secSolution__box {
width: 100%;
max-width: 700px;
padding: 21px 18px 22px;
margin: 0 auto;
background-color: #fff;
border-radius: 10px;
}
.secSolution__box .list {
width: 100%;
margin-bottom: 17px;
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-gap: 25px 13px;
}
.secSolution__box .list li:nth-child(1) {
padding-right: 10px;
}
.secSolution__box .list li:nth-child(2) {
padding-left: 10px;
}
.secSolution__box .list__img {
width: 5.24em;
height: 61px;
margin: 0 auto 6px;
display: block;
-o-object-fit: contain;
object-fit: contain;
}
.secSolution__box .list__img.mini {
width: 120px;
}
.secSolution__box .list__txt {
font-size: 14px;
line-height: 1;
text-align: center;
display: block;
}
.secSolution__box .txt {
color: #e92625;
font-size: 14px;
font-weight: 700;
line-height: 2;
text-align: center;
}
.secSolution__box .txt__marker {
background: linear-gradient(transparent 60%, #EEEEEE 60%);
}
@media screen and (min-width: 768px) {
.secSolution__box {
padding: 36px 18px 25px;
}
.secSolution__box .list {
margin-bottom: 22px;
grid-gap: 16px;
}
.secSolution__box .list li:nth-child(1) {
padding: 0;
}
.secSolution__box .list li:nth-child(2) {
padding: 0;
order: 1;
}
.secSolution__box .txt {
font-size: 112.5%;
}
}
.secValue {
padding: 68px 0 51px;
background-color: #fff;
}
.secValue .secTtl {
grid-gap: 8px;
}
.secValue .secTtl .en {
letter-spacing: 0.14em;
}
@media screen and (min-width: 768px) {
.secValue {
padding: 79px 0 51px;
}
.secValue .secTtl {
grid-gap: 0px;
}
}
.secValue__txt {
margin-bottom: 2.125em;
font-weight: 500;
}
@media screen and (min-width: 768px) {
.secValue__txt {
margin-bottom: 1.5em;
font-size: 150%;
font-weight: 700;
line-height: 1.5;
}
}
@media screen and (min-width: 1024px) {
.secValue__txt {
font-size: 200%;
}
}
@media screen and (min-width: 1200px) {
.secValue__txt {
font-size: 250%;
}
}
.secValue__slideBlk {
width: 100%;
}
@media screen and (min-width: 768px) {
.secValue__slideBlk {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
}
.secValue .slideArrow {
margin-bottom: 24px;
}
.secValue .slideArrow__list {
width: 102px;
height: 40px;
margin-left: auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 22px;
}
.secValue .slideArrow__arrow {
width: 100%;
height: 100%;
padding-left: 7px;
background-color: rgba(0, 122, 236, 0.8);
border-radius: 50%;
color: transparent;
display: flex;
align-items: center;
justify-content: center;
}
.secValue .slideArrow__arrow:hover {
background-color: #e92625;
opacity: 1;
}
.secValue .slideArrow__arrow::before {
content: "";
width: 14px;
height: 14px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
display: block;
}
.secValue .slideArrow__arrow--prev {
transform: scale(-1, 1);
}
.secValue__slider .listItem {
padding: 10px 17px 0 10px;
position: relative;
}
.secValue__slider .listItem.swiper-slide-active {
padding: 10px 19px 0 8px;
}
.secValue__slider .listItem__price {
color: #1e298d;
display: flex;
align-items: flex-start;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.secValue__slider .listItem__price::before {
content: "";
width: 86px;
height: 73px;
background: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/value_img01.png) left top/contain no-repeat;
display: block;
}
.secValue__slider .listItem__price span {
padding: 5px 13px;
border: 2px solid #3E4851;
background: #fff;
font-size: 93.75%;
position: relative;
}
.secValue__slider .listItem__price span::before,
.secValue__slider .listItem__price span::after {
content: "";
width: 0;
height: 0;
border-style: solid;
position: absolute;
}
.secValue__slider .listItem__price span::before {
border-width: 11px 12px 2px 12px;
border-color: transparent #3E4851 transparent transparent;
bottom: 7px;
left: -25px;
}
.secValue__slider .listItem__price span::after {
border-width: 11px 12px 1px 12px;
border-color: transparent #fff transparent transparent;
bottom: 9px;
left: -20px;
}
.secValue__slider .listItem__price span strong {
font-size: 106.66%;
}
.secValue__slider .listItem__img {
width: 100%;
padding-top: 122%;
margin-bottom: -22px;
position: relative;
overflow: hidden;
}
.secValue__slider .listItem__img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.secValue__slider .listItem__txtWrap {
padding-left: 10px;
position: relative;
z-index: 1;
}
.secValue__slider .listItem__txtWrap .ttl {
margin-bottom: 10px;
color: #e92625;
font-weight: 500;
display: flex;
flex-direction: column;
grid-gap: 6px;
}
.secValue__slider .listItem__txtWrap .ttl .en {
font-size: 250%;
letter-spacing: 0.14em;
line-height: 0.9;
}
.secValue__slider .listItem__txtWrap .ttl .jp {
line-height: 2;
}
.secValue__slider .listItem__txtWrap .txt {
margin-bottom: 8px;
font-size: 14px;
font-weight: 500;
line-height: 2;
}
.secValue__slider .listItem__txtWrap .txt__s {
text-decoration: line-through;
}
.secValue__slider .listItem__txtWrap .price {
font-weight: 500;
}
.secValue__slider .listItem__txtWrap .price__number {
color: #1e298d;
font-size: 187.5%;
font-weight: 700;
line-height: 1.5;
display: block;
}
@media screen and (min-width: 768px) {
.secValue__slider {
width: calc(100% - 40px);
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
.secValue__slider .listItem {
padding: 10px 0 0 12px;
position: relative;
}
.secValue__slider .listItem__img {
max-width: 280px;
padding-top: min(141.666%, 340px);
margin-bottom: -148px;
}
.secValue__slider .listItem__txtWrap {
width: 100%;
max-width: 200px;
padding: 30px 15px 10px;
margin: 0 0 0 auto;
background-color: rgba(255, 255, 255, 0.9);
}
.secValue__slider .listItem__txtWrap .ttl .en {
font-size: 180%;
}
.secValue__slider .listItem__txtWrap .ttl .jp {
font-size: 87.5%;
}
.secValue__slider .listItem__txtWrap .price__number {
font-size: 150%;
}
}
@media screen and (min-width: 1024px) {
.secValue__slider .listItem__txtWrap {
max-width: 280px;
padding: 40px 30px 10px;
}
.secValue__slider .listItem__txtWrap .ttl .en {
font-size: 200%;
}
.secValue__slider .listItem__txtWrap .ttl .jp {
font-size: 100%;
}
.secValue__slider .listItem__txtWrap .price__number {
font-size: 187.5%;
}
}
@media screen and (min-width: 1200px) {
.secValue__slider {
grid-gap: 30px;
}
.secValue__slider .listItem__txtWrap .ttl .en {
font-size: 250%;
}
}
.secFlow {
padding: 0 0 60px;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.secFlow {
padding: 0 0 100px;
}
}
.secFlow .secTtl {
margin-bottom: 28px;
grid-gap: 8px;
}
@media screen and (min-width: 768px) {
.secFlow .secTtl {
margin-bottom: 35px;
grid-gap: 0;
}
}
.secFlow__inner--wide {
width: 100%;
}
.secFlow__txt {
margin-bottom: 30px;
font-size: 14px;
}
@media screen and (min-width: 768px) {
.secFlow__txt {
margin-bottom: 1.25em;
font-size: 150%;
font-weight: 700;
line-height: 1.5;
}
}
@media screen and (min-width: 1024px) {
.secFlow__txt {
font-size: 200%;
}
}
@media screen and (min-width: 1200px) {
.secFlow__txt {
font-size: 250%;
}
}
.secFlow__img {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.secFlow__img img {
width: 50%;
}
.secFlow__img img:last-of-type {
width: 100%;
}
@media screen and (min-width: 768px) {
.secFlow__img {
margin-bottom: 50px;
}
.secFlow__img img {
width: 25%;
}
.secFlow__img img:last-of-type {
width: 50%;
}
}
.secFlow__list {
padding: 52px 20px 40px 50px;
display: grid;
grid-gap: 20px;
position: relative;
counter-reset: list 0;
}
.secFlow__list::before {
content: "";
width: 80px;
height: 100%;
background: linear-gradient(180deg, #3E4851 0%, #8CA2B7 100%);
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 42px), 50% 100%, 0 calc(100% - 42px));
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 42px), 50% 100%, 0 calc(100% - 42px));
display: block;
position: absolute;
top: 0;
left: 0;
}
.secFlow__list .listItem {
background-color: #EEEEEE;
border-radius: 10px;
position: relative;
z-index: 1;
}
.secFlow__list .listItem::before {
counter-increment: list 1;
content: "STEP" counter(list);
color: #fff;
font-size: 112.5%;
font-weight: 700;
font-family: "Roboto", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.4;
display: inline-block;
transform: rotate(90deg);
transform-origin: top left;
position: absolute;
top: 2px;
left: -10px;
}
.secFlow__list .listItem:not(:last-child)::after {
content: "";
width: 58px;
height: 58px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
display: block;
transform: rotate(45deg);
position: absolute;
bottom: 6px;
left: -40px;
}
.secFlow__list .listItem__header {
height: 90px;
padding: 0 20px 0 50px;
background-color: #EEEEEE;
border-radius: 10px;
font-size: 112.5%;
font-weight: 700;
line-height: 1.5;
display: flex;
align-items: center;
position: relative;
z-index: 1;
}
.secFlow__list .listItem__body {
padding: 15px 22px 35px 50px;
background-color: #fff;
border-radius: 0 0 10px 10px;
position: relative;
z-index: 1;
}
.secFlow__list .listItem__body p {
font-size: 87.5%;
line-height: 1.5;
}
.secFlow__list .listItem__body p+p {
margin-top: 1.5em;
}
.secFlow__list .listItem__body p strong {
font-size: 114.286%;
}
.secFlow__list .listItem__body ol {
margin-left: 1.4em;
line-height: 1.5;
}
.secFlow__list .listItem__body ol:not(:first-child) {
margin-top: 20px;
}
.secFlow__list .listItem__body ol li {
list-style-type: decimal;
}
.secFlow__list .listItem__body ul {
font-size: 14px;
line-height: 1.5;
}
.secFlow__list .listItem__body ul:not(:first-child) {
margin-top: 24px;
}
.secFlow__list .listItem__body ul li {
padding-left: 1.5em;
position: relative;
}
.secFlow__list .listItem__body ul li::before {
content: "※";
position: absolute;
top: 0;
left: 0;
}
@media screen and (min-width: 768px) {
.secFlow__list {
padding: 53px 33px 0 13px;
}
.secFlow__list::before {
width: 100%;
height: 80px;
background: linear-gradient(90deg, #3E4851 0%, #8CA2B7 100%);
-webkit-clip-path: polygon(0 0, calc(100% - 42px) 0, 100% 50%, calc(100% - 42px) 100%, 0 100%);
clip-path: polygon(0 0, calc(100% - 42px) 0, 100% 50%, calc(100% - 42px) 100%, 0 100%);
}
.secFlow__list .listItem::before {
transform: rotate(0deg);
transform-origin: top left;
position: absolute;
top: -37px;
left: 50%;
transform: translateX(-60%);
}
.secFlow__list .listItem:not(:last-child)::after {
transform: rotate(-45deg);
top: -42px;
bottom: auto;
left: auto;
right: 0;
}
.secFlow__list .listItem__header {
padding: 0 12px;
font-size: 14px;
justify-content: center;
}
.secFlow__list .listItem__body ol:not(:first-child) {
margin-top: 12px;
}
}
@media screen and (min-width: 1200px) {
.secFlow__list .listItem__header {
padding: 0 18px;
font-size: 16px;
}
}
.secPromise {
padding: 66px 0 100px;
background-color: #e92625;
color: #fff;
}
@media screen and (min-width: 768px) {
.secPromise {
padding: 130px 0;
}
}
.secPromise .secTtl .en {
letter-spacing: 0.14em;
-webkit-text-stroke-color: #fff;
}
.secPromise .secTtl .jp {
background-color: #fff;
color: #e92625;
}
.secPromise__txt {
margin-bottom: 55px;
font-size: 14px;
font-weight: 500;
line-height: 1.8;
}
@media screen and (min-width: 768px) {
.secPromise__txt {
margin-bottom: 122px;
font-size: 150%;
font-weight: 700;
line-height: 1.5;
}
}
@media screen and (min-width: 1024px) {
.secPromise__txt {
font-size: 200%;
}
}
@media screen and (min-width: 1200px) {
.secPromise__txt {
font-size: 250%;
}
}
.secPromise__list {
display: grid;
grid-gap: 68px;
counter-reset: promise-list 0;
}
.secPromise__list .listItem {
display: flex;
flex-direction: column;
grid-gap: 15px;
position: relative;
}
.secPromise__list .listItem::after {
counter-increment: promise-list 1;
content: counter(promise-list, decimal-leading-zero);
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
font-size: 750%;
font-weight: 500;
font-family: "Roboto", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.4;
position: absolute;
top: -0.6em;
right: -0.03em;
}
.secPromise__list .listItem__img {
width: 100%;
}
.secPromise__list .listItem__ttl {
width: 100%;
margin-bottom: 8px;
font-size: 155%;
font-weight: 700;
display: flex;
align-items: center;
grid-gap: 12px;
position: relative;
margin-top: 20px;
}
.secPromise__list .listItem__ttl::before {
content: "";
width: 67px;
height: 46px;
background: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/promise_img04_2.png) center/contain no-repeat;
display: block;
position: absolute;
left: 0;
top: -59px;
}
.secPromise__list .listItem__txt {
width: 100%;
font-size: 87.5%;
}
@media screen and (min-width: 768px) {
.secPromise__list {
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.secPromise__list .listItem {
grid-gap: 10px;
}
.secPromise__list .listItem::after {
font-size: 600%;
}
.secPromise__list .listItem__ttl {
margin-bottom: 13px;
font-size: 100%;
}
.secPromise__list .listItem__ttl::before { }
}
@media screen and (min-width: 1024px) {
.secPromise__list .listItem::after {
font-size: 750%;
}
.secPromise__list .listItem__ttl {
font-size: 112.5%;
}
}
@media screen and (min-width: 1200px) {
.secPromise__list {
grid-gap: 70px;
}
}
.secPoint {
padding: 75px 0 35px;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.secPoint {
padding: 130px 0 120px;
}
}
.secPoint__inner--wide {
width: 100%;
}
.secPoint__txt {
margin-bottom: 24px;
font-weight: 500;
}
@media screen and (min-width: 768px) {
.secPoint__txt {
margin-bottom: 70px;
font-size: 150%;
font-weight: 700;
line-height: 1.5;
}
}
@media screen and (min-width: 1024px) {
.secPoint__txt {
font-size: 200%;
}
}
@media screen and (min-width: 1440px) {
.secPoint__txt {
font-size: 250%;
}
}
.secPoint__priceBlk {
padding: 50px 0;
background: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/point-price_bg-sp.jpg) center/cover no-repeat;
color: #fff;
}
.secPoint__priceBlk>.inner {
display: flex;
flex-direction: column;
align-items: center;
}
.secPoint__priceBlk .ttl {
padding-bottom: 20px;
margin-bottom: 12px;
font-size: 162.5%;
font-weight: 700;
text-align: center;
line-height: 2;
position: relative;
}
.secPoint__priceBlk .ttl::before {
content: "";
width: 100%;
height: 22px;
background: url('data:image/svg+xml;charset=utf8,<svg width="321" height="23" viewBox="0 0 321 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 1H134.5L161 21.5L187.5 1H320.5" stroke="white" stroke-width="2"/></svg>') center top/contain no-repeat;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.secPoint__priceBlk .ttl span {
border-bottom: 2px solid #fff;
display: inline-block;
}
.secPoint__priceBlk .priceTxt {
font-weight: 500;
display: flex;
flex-direction: column;
align-items: center;
}
.secPoint__priceBlk .priceTxt__price {
margin: 0.175em 0 0.3em;
font-size: 250%;
font-weight: 700;
font-family: "Roboto", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1;
text-align: center;
}
.secPoint__priceBlk .priceTxt__price strong {
margin-left: 6px;
font-size: 150%;
display: inline-block;
}
@media screen and (min-width: 768px) {
.secPoint__priceBlk {
padding: 75px 0;
background-image: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/point-price_bg-pc.jpg);
}
.secPoint__priceBlk>.inner {
max-width: 954px;
flex-direction: row;
}
.secPoint__priceBlk .ttl {
width: 50%;
height: 220px;
padding: 0 1.8em;
margin: 0;
border-left: 2px solid #fff;
font-size: 140%;
text-align: left;
display: flex;
flex-direction: column;
justify-content: center;
}
.secPoint__priceBlk .ttl::before {
width: 23px;
height: 100%;
background: url('data:image/svg+xml;charset=utf8,<svg width="23" height="220" viewBox="0 0 23 220" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 220L0.999999 136L21.5 109.5L0.999996 83L0.99999 0" stroke="white" stroke-width="2"/></svg>') center top/contain no-repeat;
bottom: 0;
left: auto;
right: -7px;
}
.secPoint__priceBlk .ttl span {
border-bottom: 0;
}
.secPoint__priceBlk .priceTxt {
width: 50%;
padding-left: 2.3em;
font-size: 100%;
line-height: 2.5;
align-items: flex-start;
}
.secPoint__priceBlk .priceTxt__price {
margin: 0.175em;
font-size: 333.33%;
}
.secPoint__priceBlk .priceTxt__price strong {
margin-left: 3px;
font-size: 133.33%;
}
}
@media screen and (min-width: 1024px) {
.secPoint__priceBlk .ttl {
font-size: 187.5%;
}
.secPoint__priceBlk .priceTxt {
padding-left: 5.3em;
font-size: 112.5%;
}
}
.secPoint__pointBlk {
padding: 50px 0 74px;
margin-bottom: 42px;
background-color: #e92625;
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), 50% 100%, 0 calc(100% - 50px));
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), 50% 100%, 0 calc(100% - 50px));
color: #fff;
position: relative;
}
.secPoint__pointBlk::before {
content: "";
width: 100%;
height: 100%;
background: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/point-point_bg-sp.png) center top/100% no-repeat;
mix-blend-mode: multiply;
display: block;
position: absolute;
top: 0;
left: 0;
}
.secPoint__pointBlk>.inner {
display: flex;
flex-direction: column;
align-items: center;
z-index: 1;
}
.secPoint__pointBlk .ttl {
padding-bottom: 20px;
margin-bottom: 1.2em;
font-size: 162.5%;
font-weight: 700;
text-align: center;
line-height: 2;
position: relative;
}
.secPoint__pointBlk .ttl::before {
content: "";
width: 100%;
height: 22px;
background: url('data:image/svg+xml;charset=utf8,<svg width="321" height="23" viewBox="0 0 321 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 1H134.5L161 21.5L187.5 1H320.5" stroke="white" stroke-width="2"/></svg>') center top/contain no-repeat;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.secPoint__pointBlk .ttl span {
border-bottom: 2px solid #fff;
display: inline-block;
}
.secPoint__pointBlk .ttl img {
width: 0.7em;
transform: translate(0.15em, -0.7em);
}
.secPoint__pointBlk .exampleList {
display: flex;
flex-direction: column;
grid-gap: 2.7em;
}
.secPoint__pointBlk .exampleList__ttl {
margin-bottom: 1.25em;
color: #FAFF00;
font-size: 112.5%;
font-weight: 600;
line-height: 2.1;
display: flex;
align-items: center;
grid-gap: 20px;
}
.secPoint__pointBlk .exampleList__ttl span {
white-space: nowrap;
}
.secPoint__pointBlk .exampleList__ttl img {
width: 100px;
border: 2px solid #fff;
border-radius: 50%;
display: block;
flex-shrink: 0;
}
.secPoint__pointBlk .exampleList__txt {
font-size: 14px;
}
.secPoint__pointBlk .listTtl {
margin-bottom: 1.75em;
color: #FAFF00;
line-height: 1.6;
text-align: center;
}
.secPoint__pointBlk .listTtl span {
padding: 0 20px;
position: relative;
display: inline-block;
}
.secPoint__pointBlk .listTtl span::before,
.secPoint__pointBlk .listTtl span::after {
content: "";
width: 0;
height: 0;
display: block;
position: absolute;
}
.secPoint__pointBlk .listTtl span::before {
border-bottom: 13px solid transparent;
border-left: 13px solid #FAFF00;
top: 0;
left: 0;
}
.secPoint__pointBlk .listTtl span::after {
border-top: 13px solid transparent;
border-right: 13px solid #FAFF00;
bottom: 0;
right: 0;
}
.secPoint__pointBlk .list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.secPoint__pointBlk .list__img {
width: 100%;
padding: 0px 20px 0 5px;
}
.secPoint__pointBlk .list__img img {
border: 2px solid #fff;
border-radius: 50%;
}
.secPoint__pointBlk .list__txt {
margin-top: 0.8em;
font-weight: 600;
text-align: center;
display: block;
line-height: 1.6;
}
.secPoint__pointBlk .etcBlk {
width: 100%;
padding-top: 14px;
}
.secPoint__pointBlk .etcBlk__ttl {
margin-bottom: 1rem;
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FAFF00;
font-size: 262.5%;
font-weight: 700;
letter-spacing: 0.14em;
line-height: 1.4;
text-align: center;
}
.secPoint__pointBlk .etcBlk__list {
width: 100%;
max-width: 360px;
margin: 0 auto 25px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 19px;
}
.secPoint__pointBlk .etcBlk__list li {
padding-top: 100%;
background-color: #fff;
border-radius: 50%;
position: relative;
}
.secPoint__pointBlk .etcBlk__list img {
width: 74px;
display: block;
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
}
.secPoint__pointBlk .etcBlk__list span {
width: 100%;
color: #e92625;
font-size: 112.5%;
font-weight: 700;
text-align: center;
display: block;
position: absolute;
bottom: 30%;
left: 0;
}
.secPoint__pointBlk .etcBlk__txt {
color: #FAFF00;
font-size: 162.5%;
font-weight: 700;
letter-spacing: 0.3em;
line-height: 1.5;
text-align: center;
}
@media screen and (min-width: 768px) {
.secPoint__pointBlk {
padding: 20px 0 110px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), calc(50% + 96px) calc(100% - 50px), 50% 100%, calc(50% - 96px) calc(100% - 50px), 0 calc(100% - 50px));
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), calc(50% + 96px) calc(100% - 50px), 50% 100%, calc(50% - 96px) calc(100% - 50px), 0 calc(100% - 50px));
}
.secPoint__pointBlk::before {
background-image: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/point-point_bg-pc.png);
background-size: cover;
}
.secPoint__pointBlk>.inner {
max-width: 855px;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
grid-gap: 0 50px;
}
.secPoint__pointBlk .ttl {
margin: 40px;
font-size: 200%;
}
.secPoint__pointBlk .ttl::before {
content: "";
width: 100%;
height: 23px;
background: url('data:image/svg+xml;charset=utf8,<svg width="704" height="23" viewBox="0 0 704 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H329.046L355.556 21.5077L382.066 1H704" stroke="white" stroke-width="2"/></svg>') center top/contain no-repeat;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.secPoint__pointBlk .ttl span {
border-bottom: 0;
}
.secPoint__pointBlk .txt {
margin-bottom: 0;
}
.secPoint__pointBlk .exampleList {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px;
}
.secPoint__pointBlk .exampleList li {
padding-left: 10px;
}
.secPoint__pointBlk .exampleList__ttl {
margin-bottom: 1.5em;
}
.secPoint__pointBlk .listTtl {
margin: 50px 0;
font-size: 150%;
}
.secPoint__pointBlk .listTtl span {
padding: 0 38px;
}
.secPoint__pointBlk .listTtl span::before {
border-bottom: 20px solid transparent;
border-left: 20px solid #FAFF00;
}
.secPoint__pointBlk .listTtl span::after {
border-top: 20px solid transparent;
border-right: 20px solid #FAFF00;
}
.secPoint__pointBlk .list {
width: 100%;
max-width: 740px;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
.secPoint__pointBlk .list__txt {
min-height: 3.2em;
display: flex;
align-items: center;
}
.secPoint__pointBlk .etcBlk {
padding-top: 34px;
}
.secPoint__pointBlk .etcBlk__ttl {
margin-bottom: 2.3rem;
}
.secPoint__pointBlk .etcBlk__list {
margin-bottom: 36px;
}
.secPoint__pointBlk .etcBlk__txt {
font-size: 180%;
}
}
@media screen and (min-width: 1024px) {
.secPoint__pointBlk .ttl {
font-size: 225%;
}
.secPoint__pointBlk .etcBlk__txt {
font-size: 200%;
}
}
.secPoint__contentsBlk {
display: flex;
flex-direction: column;
grid-gap: 37px;
}
.secPoint__contentsBlk .contentsRow {
display: flex;
flex-direction: column;
grid-gap: 20px;
}
.secPoint__contentsBlk .contentsBox--txtWrap {
padding: 0 20px;
}
.secPoint__contentsBlk .contentsBox__txt {
font-size: 87.5%;
}
.secPoint__contentsBlk .contentsBox__txt strong {
color: #e92625;
font-weight: 500;
}
.secPoint__contentsBlk .contentsBox__txt+.contentsBox__txt {
margin-top: 1.7em;
}
.secPoint__contentsBlk .inspectionBox {
width: calc(100% + 20px);
margin: -150px 0 20px -10px;
position: relative;
z-index: 1;
}
.secPoint__contentsBlk .inspectionBox__header {
width: 100%;
height: 32px;
background-color: #e92625;
border-radius: 10px 10px 0 0;
color: #fff;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
}
.secPoint__contentsBlk .inspectionBox__body {
padding: 17px 20px;
background-color: #FAFAFA;
border-radius: 0 0 10px 10px;
}
.secPoint__contentsBlk .inspectionBox__body .list {
font-size: 14px;
display: grid;
position: relative;
overflow: hidden;
}
.secPoint__contentsBlk .inspectionBox__body .list--col2 {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.secPoint__contentsBlk .inspectionBox__body .list>li {
width: 100%;
}
.secPoint__contentsBlk .inspectionBox__body .list__list {
width: 100%;
}
.secPoint__contentsBlk .inspectionBox__body .list__list li {
padding: 0.3em 0 0.3em 28px;
line-height: 1.4;
position: relative;
}
.secPoint__contentsBlk .inspectionBox__body .list__list li::before {
content: "";
width: 16px;
height: 16px;
background: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/icon_checkbox.svg) center/contain no-repeat;
display: block;
position: absolute;
top: 0.5em;
left: 0;
}
@media screen and (min-width: 768px) {
.secPoint__contentsBlk {
padding: 10px 0 0;
grid-gap: 50px;
}
.secPoint__contentsBlk .contentsRow {
flex-direction: row;
align-items: center;
grid-gap: 0;
}
.secPoint__contentsBlk .contentsBox {
width: 50%;
}
.secPoint__contentsBlk .contentsBox--imgWrap {
padding: 0 28px 0 0;
}
.secPoint__contentsBlk .contentsBox--imgWrapLarge {
width: calc(50% + 57px);
padding: 0;
margin: 0 -57px 0 0;
}
.secPoint__contentsBlk .contentsBox--imgWrapLarge.pcReverse {
margin: 0 0 0 -57px;
order: 1;
}
.secPoint__contentsBlk .contentsBox--txtWrap {
padding: 0 0 0 28px;
position: relative;
z-index: 1;
}
.secPoint__contentsBlk .contentsBox--txtWrapLarge {
width: calc(50% + 128px);
margin: 0 0 0 -128px;
padding: 0;
}
.secPoint__contentsBlk .contentsBox--txtWrapLarge.pcReverse {
margin: 0 -128px 0 0;
}
.secPoint__contentsBlk .contentsBox__txt {
padding: 0 65px;
}
.secPoint__contentsBlk .contentsBox__txt--pcLarge {
padding: 0;
font-size: 125%;
line-height: 2;
}
.secPoint__contentsBlk .inspectionBox {
width: 100%;
margin: 0;
}
.secPoint__contentsBlk .inspectionBox__header {
height: 40px;
font-size: 125%;
}
.secPoint__contentsBlk .inspectionBox__body {
padding: 31px 20px 28px;
}
.secPoint__contentsBlk .inspectionBox__body .list {
font-size: 100%;
line-height: 2.2;
grid-template-columns: repeat(2, 1fr);
}
.secPoint__contentsBlk .inspectionBox__body .list>li:nth-child(2) {
padding-left: 14px;
}
.secPoint__contentsBlk .inspectionBox__body .list__list li {
padding-left: 20px;
}
}
@media screen and (min-width: 1200px) {
.secPoint__contentsBlk .inspectionBox__body {
padding: 31px 30px 28px;
}
.secPoint__contentsBlk .inspectionBox__body .list>li:nth-child(2) {
padding-left: 24px;
}
.secPoint__contentsBlk .inspectionBox__body .list__list li {
padding-left: 28px;
}
}
.secFeature {
padding: 0 0 70px;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.secFeature {
padding: 0 0 40px;
}
}
.secFeature .secTtl {
padding: 93px 0 40px;
align-items: center;
position: relative;
}
.secFeature .secTtl .en {
color: #EEEEEE;
font-size: 500%;
font-weight: 500;
-webkit-text-stroke-width: 0;
letter-spacing: 0.14em;
position: absolute;
top: 0.3em;
left: 50%;
transform: translateX(-50%);
}
.secFeature .secTtl .jp {
position: relative;
z-index: 1;
}
@media screen and (min-width: 768px) {
.secFeature .secTtl {
padding: 188px 0 123px;
}
.secFeature .secTtl .en {
font-size: 970%;
top: 0.6em;
left: 51%;
}
}
@media screen and (min-width: 1024px) {
.secFeature .secTtl .en {
font-size: 1283.6%;
top: 0.3em;
left: 51.5%;
}
}
@media screen and (min-width: 1200px) {
.secFeature .secTtl .en {
font-size: 1523.6%;
top: 0.15em;
left: 52.5%;
}
}
.secFeature__list {
width: calc(100% + 40px);
margin: 0 0 95px -20px;
display: grid;
grid-gap: 40px;
counter-reset: feature-list 0;
}
.secFeature__list .listItem {
padding: 0 20px 0 80px;
border-top: 1px solid #EEEEEE;
position: relative;
}
.secFeature__list .listItem::before {
counter-increment: feature-list 1;
content: counter(feature-list, decimal-leading-zero);
width: 60px;
color: #e92625;
font-size: 250%;
font-weight: 500;
font-family: "Roboto", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align: center;
position: absolute;
top: 7px;
left: 13px;
}
.secFeature__list .listItem::after {
content: "";
width: 1px;
height: 100%;
background-color: #EEEEEE;
display: block;
position: absolute;
top: 0;
left: 80px;
}
.secFeature__list .listItem__txtWrap {
padding: 0 0 0 23px;
}
.secFeature__list .listItem__ttl {
padding: 19px 0 17px;
margin-bottom: 8px;
font-size: 125%;
font-weight: 700;
line-height: 1.5;
position: relative;
}
@media screen and (min-width: 768px) {
.secFeature__list .listItem__ttl {
font-size: 140%;
}
}
.secFeature__list .listItem__ttl::before {
content: "";
width: 1px;
height: 100%;
background-color: #e92625;
display: block;
position: absolute;
top: 0;
left: -23px;
z-index: 1;
}
.secFeature__list .listItem__txt {
margin-bottom: 24px;
font-size: 14px;
}
.secFeature__list .listItem__img {
width: 100%;
}
@media screen and (min-width: 768px) {
.secFeature__list {
grid-template-columns: repeat(2, 1fr);
grid-gap: 0;
}
.secFeature__list .listItem {
padding-left: 80px;
margin-bottom: 50px;
display: grid;
grid-template-rows: subgrid;
grid-row: span 3;
}
.secFeature__list .listItem::before {
width: 80px;
left: 2px;
}
.secFeature__list .listItem::after {
left: 80px;
}
.secFeature__list .listItem__txtWrap {
display: grid;
grid-template-rows: subgrid;
grid-row: span 3;
}
.secFeature__list .listItem__txt {
margin-bottom: 44px;
}
}
@media screen and (min-width: 1024px) {
.secFeature__list .listItem:nth-child(odd) {
padding-right: 20px;
}
.secFeature__list .listItem:nth-child(even) {
padding-left: 100px;
}
.secFeature__list .listItem:nth-child(even)::before {
width: 100px;
padding-left: 20px;
}
.secFeature__list .listItem:nth-child(even)::after {
left: 100px;
}
}
.secSupport {
background-color: #fff;
}
.secSupport__inner {
width: calc(100% - 20px);
padding: 86px 10px 41px;
background: #e92625;
color: #fff;
z-index: 1;
}
.secSupport__inner::before {
content: "";
width: 100%;
height: 100%;
background: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/support_bg.png) center top/100% no-repeat;
mix-blend-mode: multiply;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.secSupport__ttl {
margin-bottom: 54px;
color: #fff;
font-size: 137.5%;
font-weight: 700;
text-align: center;
}
.secSupport__ttl strong {
width: 100%;
padding: 0 20px;
color: #FAFF00;
font-size: 118.18%;
font-weight: 700;
line-height: 1.5;
text-align: center;
display: inline-block;
position: relative;
}
.secSupport__ttl strong::before,
.secSupport__ttl strong::after {
content: "";
width: 0;
height: 0;
display: block;
position: absolute;
}
.secSupport__ttl strong::before {
border-bottom: 20px solid transparent;
border-left: 20px solid #FAFF00;
top: 0;
left: 0;
}
.secSupport__ttl strong::after {
border-top: 20px solid transparent;
border-right: 20px solid #FAFF00;
bottom: 0;
right: 0;
}
.secSupport__subTtl {
margin-bottom: 1.55em;
font-size: 112.5%;
font-weight: 500;
}
.secSupport__txt {
width: 100%;
margin-bottom: 40px;
font-size: 87.5%;
}
.secSupport__btns {
display: grid;
grid-gap: 20px;
}
.secSupport__btns .btn {
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.secSupport {
padding-bottom: 92px;
}
.secSupport__inner {
padding: 87px 10px 80px;
}
.secSupport__inner::before { }
.secSupport__ttl strong {
width: auto;
}
.secSupport__subTtl {
max-width: 800px;
margin: 0 auto 20px;
}
.secSupport__txt {
max-width: 800px;
margin: 0 auto 54px;
}
.secSupport__btns {
width: 100%;
max-width: 680px;
margin: 0 auto;
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
}
.secSupport__btns .btn {
margin: 0;
}
}
.secWorks {
padding: 0 0 70px;
background-color: #fff;
}
.secWorks::before {
content: "";
width: 100%;
height: calc(100% - 142px);
background-color: #EEEEEE;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
@media screen and (min-width: 768px) {
.secWorks {
padding: 0 0 122px;
}
.secWorks::before {
height: calc(100% - 289px);
}
}
.secWorks .secTtl {
padding: 93px 0 21px;
align-items: center;
position: relative;
}
.secWorks .secTtl .en {
color: #EEEEEE;
font-size: 625%;
font-weight: 500;
-webkit-text-stroke-width: 0;
letter-spacing: 0.14em;
position: absolute;
bottom: -0.4em;
left: 52%;
transform: translateX(-50%);
}
.secWorks .secTtl .jp {
position: relative;
z-index: 1;
}
@media screen and (min-width: 768px) {
.secWorks .secTtl {
padding: 173px 0 73px;
}
.secWorks .secTtl .en {
font-size: 1255%;
bottom: -0.45em;
left: 52%;
}
.secWorks .secTtl .jp {
padding: 0 1.5em 0.2em;
font-size: 162.5%;
}
}
@media screen and (min-width: 1024px) {
.secWorks .secTtl .en {
font-size: 1875%;
left: 51%;
}
}
.secWorks__inner {
z-index: 1;
}
@media screen and (min-width: 768px) {
.secWorks__inner {
display: flex;
flex-wrap: wrap;
grid-gap: 15px 26px;
justify-content: center;
}
}
.secWorks__blkTtl {
margin-bottom: 17px;
color: #e92625;
font-size: 125%;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
grid-gap: 12px;
}
.secWorks__blkTtl::before {
content: "";
width: 19px;
height: 29px;
margin: 3px 0px 0 3px;
background: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/icon_search.svg) center/contain no-repeat;
display: block;
}
@media screen and (min-width: 768px) {
.secWorks__blkTtl {
margin-bottom: 30px;
}
}
.secWorks__inportedBlk {
width: 100%;
padding: 18px 0 0;
}
@media screen and (min-width: 768px) {
.secWorks__inportedBlk {
width: 100%;
padding-top: 40px;
}
}
@media screen and (min-width: 1024px) {
.secWorks__inportedBlk {
padding-top: 70px;
}
}
.secWorks__domesticBlk {
width: 100%;
padding: 30px 0 0;
}
@media screen and (min-width: 768px) {
.secWorks__domesticBlk {
width: calc(50% - 13px);
padding-top: 40px;
}
}
@media screen and (min-width: 1024px) {
.secWorks__domesticBlk {
padding-top: 70px;
}
}
.secWorks__makerList {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 4px 3px;
}
.secWorks__makerList .listItem {
width: 100%;
height: 74px;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }
.secWorks__makerList .listItem__img {
width: auto;
height: 40px;
}
.secWorks__makerList .listItem__txt {
font-size: 12px;
line-height: 2;
text-align: center;
}
@media screen and (min-width: 768px) {
.secWorks__makerList {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1024px) {
.secWorks__makerList {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 1200px) {
.secWorks__makerList {
grid-template-columns: repeat(5, 1fr);
}
}
.secWorks__typeBlk {
width: 100%;
padding: 42px 0 0;
}
@media screen and (min-width: 768px) {
.secWorks__typeBlk {
padding: 66px 0 0;
}
}
.secWorks__typeList {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.secWorks__typeList .listItem {
width: 100%;
padding: 0 10px;
background-color: #fff;
line-height: 50px;
display: block;
font-size: 14px;
white-space: nowrap;
}
@media screen and (min-width: 768px) {
.secWorks__typeList {
grid-template-columns: repeat(3, 1fr);
max-width: 750px;
margin-right: auto;
margin-left: auto;
}
.secWorks__typeList li:first-child {
grid-column: 1/4;
}
.secWorks__typeList .listItem {
padding: 0 18px;
font-size: 16px;
}
} .secWorks__exampleBlk {
width: 100%;
padding: 45px 0 0;
margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
.secWorks__exampleBlk {
margin-bottom: 5px;
}
}
.secWorks__exampleList {
width: 100%;
max-width: 400px;
margin: 0 auto 40px;
display: grid;
grid-gap: 10px;
}
.secWorks__exampleList .listItem {
width: 100%;
}
.secWorks__exampleList .listItem__link {
padding: 20px 35px 16px 20px;
background-color: #fff;
border: 1px solid #3E4851;
display: flex;
align-items: center;
position: relative;
}
.secWorks__exampleList .listItem__link::before,
.secWorks__exampleList .listItem__link::after {
content: "";
display: block;
position: absolute;
}
.secWorks__exampleList .listItem__link::before {
width: calc(100% + 2px);
height: calc(100% + 2px);
background-color: #fff;
top: -1px;
left: -1px;
z-index: 2;
opacity: 0;
}
.secWorks__exampleList .listItem__link::after {
width: 20px;
height: 20px;
margin: auto 0;
border-top: 1px solid #000;
border-right: 1px solid #000;
transform: rotate(45deg);
top: 0;
bottom: 0;
right: 20px;
z-index: 1;
}
.secWorks__exampleList .listItem__link:hover {
opacity: 1;
}
.secWorks__exampleList .listItem__link:hover::before {
opacity: 0.5;
}
.secWorks__exampleList .listItem__img {
width: 80px;
height: 80px;
flex-shrink: 0;
}
.secWorks__exampleList .listItem__img img,
.secWorks__exampleList .listItem__img .noimage {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.secWorks__exampleList .listItem__img .noimage {
background-color: #3E4851;
color: #fff;
font-size: 87.5%;
display: flex;
align-items: center;
justify-content: center;
}
.secWorks__exampleList .listItem__txtWrap {
width: 100%;
padding: 0 0 0 18px;
line-height: 1.6;
display: flex;
flex-wrap: wrap;
grid-gap: 5px 2px;
}
.secWorks__exampleList .listItem__txtWrap .heading {
width: 50px;
color: #e92625;
font-weight: 400;
}
.secWorks__exampleList .listItem__txtWrap .content {
width: calc(100% - 52px);
}
@media screen and (min-width: 1024px) {
.secWorks__exampleList {
max-width: 100%;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
.secWorks__exampleList .listItem__link::after {
width: 10px;
height: 10px;
right: 15px;
}
.secWorks__exampleList .listItem__txtWrap {
padding: 0 0 0 10px;
}
}
@media screen and (min-width: 1200px) {
.secWorks__exampleList {
grid-gap: 15px;
}
.secWorks__exampleList .listItem__link::after {
width: 20px;
height: 20px;
right: 20px;
}
.secWorks__exampleList .listItem__img {
width: 90px;
}
.secWorks__exampleList .listItem__txtWrap {
padding: 0 0 0 18px;
}
}
.secWorks__btn {
margin: 0 auto;
}
.secCompany {
padding: 0 0 80px;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.secCompany {
padding-bottom: 120px;
}
}
.secCompany .secTtl {
grid-gap: 8px;
}
.secCompany .secTtl .en {
letter-spacing: 0.14em;
}
@media screen and (min-width: 768px) {
.secCompany .secTtl {
grid-gap: 0;
}
}
.secCompany__subTtl {
margin-bottom: 10px;
font-weight: 700;
line-height: 1.7;
}
@media screen and (min-width: 768px) {
.secCompany__subTtl {
margin-bottom: 20px;
font-size: 150%;
line-height: 1.5;
}
}
@media screen and (min-width: 1024px) {
.secCompany__subTtl {
font-size: 200%;
}
}
@media screen and (min-width: 1200px) {
.secCompany__subTtl {
font-size: 250%;
}
}
.secCompany__txt {
margin-bottom: 24px;
font-size: 87.5%;
}
@media screen and (min-width: 768px) {
.secCompany__txt {
margin-bottom: 83px;
}
}
.secCompany__table {
width: calc(100% + 40px);
max-width: 390px;
margin: 0 auto;
transform: translateX(-20px);
}
.secCompany__table tr {
height: 70px;
}
.secCompany__table tr:nth-child(odd) {
background-color: #EEEEEE;
}
.secCompany__table th {
width: 120px;
height: 100%;
padding-left: 20px;
color: #e92625;
font-weight: 700;
line-height: 70px;
}
.secCompany__table td {
padding: 20px 20px 20px 10px;
line-height: 30px;
}
.secCompany__table td .link {
margin: 10px 0 6px;
}
@media screen and (min-width: 768px) {
.secCompany__table {
width: 100%;
max-width: 100%;
transform: translateX(0);
}
.secCompany__table th {
width: 220px;
padding: 0 70px 0 50px;
}
.secCompany__table td {
padding-left: 20px;
}
}
.secCTA {
padding: 73px 0 70px;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.secCTA {
padding: 0;
margin-top: -41px;
background-color: transparent;
position: relative;
z-index: 1;
}
.secCTA::before {
content: "";
width: 100%;
height: calc(100% - 41px);
background-color: #FAFAFA;
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
}
}
@media screen and (min-width: 768px) and (min-width: 768px) {
.secCTA::before {
height: calc(100% - 90px);
}
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
.secCTA::before {
height: calc(100% - 70px);
}
}
@media screen and (min-width: 768px) and (min-width: px) {
.secCTA::before {
height: calc(100% - 41px);
}
}
.secCTA__inner {
width: 100%;
max-width: 100%;
padding: 0 20px 55px;
display: flex;
flex-direction: column;
z-index: 1;
}
.secCTA__inner::before {
content: "";
width: 100%;
height: calc(100% - 203px);
padding: 0;
background-color: #FAFAFA;
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
@media screen and (min-width: 768px) {
.secCTA__inner {
width: calc(100% - 40px);
max-width: 1200px;
padding-bottom: 35px;
flex-direction: row;
align-items: center;
grid-gap: 30px;
}
.secCTA__inner::before {
display: none;
}
}
@media screen and (min-width: 1024px) {
.secCTA__inner {
padding-bottom: 75px;
grid-gap: 55px;
}
}
@media screen and (max-width: 767px) {
.secCTA__blk1 {
display: contents;
}
}
@media screen and (min-width: 768px) {
.secCTA__blk1 {
width: calc(50% + 12px);
padding-bottom: 25px;
margin: 0 -12px 0 0;
}
}
@media screen and (max-width: 767px) {
.secCTA__blk2 {
display: contents;
}
}
@media screen and (min-width: 768px) {
.secCTA__blk2 {
width: 50%;
padding-top: 105px;
order: -1;
}
}
.secCTA__services {
margin-bottom: 63px;
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-gap: 0 18px;
}
.secCTA__services .listItem {
width: 116px;
height: 116px;
background: #e92625;
border-radius: 50%;
color: #fff;
font-weight: 700;
line-height: 1.4;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
grid-gap: 7px;
position: relative;
}
.secCTA__services .listItem__img {
width: 70px;
display: block;
}
.secCTA__services .listItem:nth-child(1) {
margin: 0 calc((100% - 152px) / 2);
}
@media screen and (min-width: 768px) {
.secCTA__services {
margin-bottom: 45px;
justify-content: flex-start;
flex-wrap: nowrap;
grid-gap: 30px;
}
.secCTA__services .listItem {
width: 95px;
height: 95px;
}
.secCTA__services .listItem:nth-child(1) {
margin: 0;
}
.secCTA__services .listItem__img {
width: 50px;
}
}
@media screen and (min-width: 1024px) {
.secCTA__services .listItem {
width: 135px;
height: 135px;
}
.secCTA__services .listItem__img {
width: 70px;
}
}
@media screen and (min-width: 1200px) {
.secCTA__services {
grid-gap: 40px;
}
.secCTA__services .listItem {
width: 152px;
height: 152px;
}
.secCTA__services .listItem__img {
width: 90px;
}
}
.secCTA__features {
width: 100%;
max-width: 390px;
margin: 0 auto 34px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.secCTA__features .listItem__dt {
padding: 0 11px;
color: #fff;
font-size: 125%;
font-weight: 700;
line-height: 1.4;
white-space: nowrap;
text-align: center;
}
.secCTA__features .listItem__dt--satisfaction {
background-color: #1e298d;
letter-spacing: -0.05em;
}
.secCTA__features .listItem__dt--repeat {
background-color: #3E4851;
}
.secCTA__features .listItem__dd {
line-height: 1.25;
white-space: nowrap;
}
.secCTA__features .listItem__dd--satisfaction {
margin: 0 -0.05em 0 -0.02em;
color: #1e298d;
font-size: 531.25%;
font-weight: 500;
letter-spacing: -0.02em;
}
.secCTA__features .listItem__dd--satisfaction .dot {
letter-spacing: -0.1em;
}
.secCTA__features .listItem__dd--repeat {
color: #3E4851;
font-size: 506.25%;
font-weight: 700;
letter-spacing: -0.07em;
}
.secCTA__features .listItem__dd--repeat small {
margin-left: -0.3em;
font-size: 55.55%;
display: inline-block;
position: relative;
z-index: 1;
}
.secCTA__features .listItem__dd--repeat small::before {
content: "%";
-webkit-text-stroke-width: 3px;
-webkit-text-stroke-color: #FAFAFA;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
@media screen and (min-width: 768px) {
.secCTA__features {
max-width: 500px;
margin: 0 0 12px;
grid-gap: 20px;
}
.secCTA__features .listItem {
font-size: 80%;
}
.secCTA__features .listItem__dt {
width: 100%;
}
.secCTA__features .listItem__dt--satisfaction {
width: calc(100% - 15px);
}
.secCTA__features .listItem__dd {
font-size: 650%;
line-height: 1.1;
}
.secCTA__features .listItem__dd--satisfaction {
letter-spacing: 0em;
}
.secCTA__features .listItem__dd--satisfaction .dot {
letter-spacing: -0.15em;
}
.secCTA__features .listItem__dd--repeat small {
margin-left: -0.1em;
font-size: 65.2%;
transform: translateY(8px);
}
.secCTA__features .listItem__dd--repeat small::before {
-webkit-text-stroke-width: 10px;
}
}
@media screen and (min-width: 1024px) {
.secCTA__features .listItem {
font-size: 100%;
}
.secCTA__features .listItem__dt--satisfaction {
width: calc(100% - 35px);
}
}
@media screen and (min-width: 1200px) {
.secCTA__features .listItem__dd {
font-size: 720%;
}
}
.secCTA__txt {
font-size: 125%;
line-height: 2;
text-align: center;
order: 1;
}
.secCTA__txt span {
border-bottom: 1px dashed #000;
}
@media screen and (min-width: 768px) {
.secCTA__txt {
font-size: 150%;
text-align: left;
}
.secCTA__txt span {
padding-bottom: 5px;
border-bottom: 3px dotted #000;
}
}
@media screen and (min-width: 1024px) {
.secCTA__txt {
font-size: 200%;
}
}
@media screen and (min-width: 1440px) {
.secCTA__txt {
font-size: 250%;
}
}
.secCTA__areaWrap {
margin-bottom: 17px;
display: flex;
flex-direction: column;
align-items: center;
}
.secCTA__areaWrap .areaTxt {
width: 100%;
max-width: 335px;
padding: 0 20px;
margin: 0 auto 13px;
color: #e92625;
font-size: 150%;
line-height: 1.8;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-gap: 0 0.9em;
position: relative;
}
.secCTA__areaWrap .areaTxt::before,
.secCTA__areaWrap .areaTxt::after {
content: "";
width: 3px;
height: 48px;
background-color: #e92625;
display: block;
position: absolute;
bottom: -7px;
transform-origin: center bottom;
}
.secCTA__areaWrap .areaTxt::before {
left: 30px;
transform: rotate(-38deg);
}
.secCTA__areaWrap .areaTxt::after {
right: 30px;
transform: rotate(38deg);
}
.secCTA__areaWrap .img {
width: 318px;
display: block;
}
@media screen and (min-width: 768px) {
.secCTA__areaWrap {
margin-bottom: 0;
}
.secCTA__areaWrap .areaTxt {
max-width: 452px;
padding: 0 40px 0 30px;
margin-bottom: 20px;
font-size: 120%;
font-weight: 700;
align-self: flex-end;
}
.secCTA__areaWrap .areaTxt::before {
transform: rotate(-20deg);
}
.secCTA__areaWrap .areaTxt::after {
transform: rotate(20deg);
}
.secCTA__areaWrap .img {
width: 335px;
}
}
@media screen and (min-width: 1024px) {
.secCTA__areaWrap .areaTxt {
margin: 0 16px 20px auto;
font-size: 162.5%;
}
.secCTA__areaWrap .areaTxt::before,
.secCTA__areaWrap .areaTxt::after {
height: 88px;
bottom: 10px;
}
}
@media screen and (min-width: 1200px) {
.secCTA__areaWrap .img {
margin: 0 0 0 80px;
}
}
.secService {
padding: 0 0 63px;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.secService {
padding: 74px 0 63px;
}
}
.secService .secTtl .en {
letter-spacing: 0.12em;
}
@media screen and (min-width: 768px) {
.secService .secTtl {
grid-gap: 0;
}
.secService .secTtl .en {
letter-spacing: 0.14em;
}
}
.secService__inner {
max-width: 1200px;
}
.secService__txt {
margin-bottom: 2.65em;
font-size: 14px;
font-weight: 500;
}
@media screen and (min-width: 768px) {
.secService__txt {
margin-bottom: 1.65em;
font-size: 150%;
font-weight: 700;
line-height: 1.5;
}
}
@media screen and (min-width: 1024px) {
.secService__txt {
font-size: 200%;
}
}
@media screen and (min-width: 1200px) {
.secService__txt {
font-size: 240%;
}
}
@media screen and (min-width: 1440px) {
.secService__txt {
font-size: 250%;
}
}
.secService__features {
width: 100%;
display: grid;
grid-gap: 10px;
}
.secService__features .listItem {
background-color: #FAFAFA;
display: flex;
align-items: center;
}
.secService__features .listItem__img {
width: 141px;
height: 141px;
flex-shrink: 0;
}
.secService__features .listItem__img img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
.secService__features .listItem__txtWrap {
width: 100%;
padding: 10px;
}
.secService__features .listItem__txtWrap .ttl {
padding-left: 18px;
margin-bottom: 4px;
font-size: 112.5%;
font-weight: 700;
position: relative;
}
.secService__features .listItem__txtWrap .ttl::before {
content: "";
width: 8px;
height: 8px;
border-top: 3px solid #e92625;
border-right: 3px solid #e92625;
display: block;
position: absolute;
top: 0.65em;
left: 0.1em;
transform: rotate(45deg);
}
.secService__features .listItem__txtWrap .txt {
padding-left: 3px;
font-size: 14px;
line-height: 1.8;
}
@media screen and (min-width: 768px) {
.secService__features {
grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
grid-gap: 12px 13px;
}
.secService__features .listItem__img {
width: 100px;
height: 100px;
}
.secService__features .listItem__txtWrap {
width: 100%;
padding: 10px;
}
.secService__features .listItem__txtWrap .ttl {
padding-left: 14px;
font-size: 87.5%;
}
.secService__features .listItem__txtWrap .ttl::before {
width: 6px;
height: 6px;
top: 0.65em;
}
.secService__features .listItem__txtWrap .txt {
min-height: 4.5em;
padding-left: 2px;
font-size: 75%;
line-height: 1.5;
}
}
@media screen and (min-width: 1200px) {
.secService__features {
grid-template-columns: repeat(4, 1fr);
}
}
.secReason {
padding: 59px 0 63px;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.secReason {
padding-bottom: 126px;
}
}
.secReason__ttl {
margin-bottom: 27px;
position: relative;
z-index: 1;
}
.secReason__ttl .jp {
font-size: 150%;
font-weight: 700;
text-align: center;
line-height: 1.4;
display: block;
}
.secReason__ttl .en {
width: 100vw;
background-image: linear-gradient(180deg, #EEEEEE, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 500%;
font-weight: 700;
letter-spacing: 0.22em;
line-height: 1.6;
text-align: center;
position: absolute;
top: -0.9em;
left: 50%;
right: 0;
transform: translateX(-50%);
z-index: -1;
}
@media screen and (min-width: 768px) {
.secReason__ttl {
padding-top: 10.6em;
margin-bottom: 2em;
}
.secReason__ttl .jp {
font-size: 150%;
}
.secReason__ttl .en {
font-size: 930%;
top: -0.2em;
left: 51.5%;
}
}
@media screen and (min-width: 1024px) {
.secReason__ttl .jp {
font-size: 200%;
}
.secReason__ttl .en {
font-size: 1250%;
}
}
@media screen and (min-width: 1200px) {
.secReason__ttl .jp {
font-size: 250%;
}
.secReason__ttl .en {
font-size: 1440%;
}
}
.secReason__txt {
margin-bottom: 34px;
line-height: 2;
text-align: center;
}
@media screen and (min-width: 768px) {
.secReason__txt {
margin-bottom: 2.6em;
font-size: 125%;
line-height: 2.4;
}
}
.secReason__img {
width: calc(100% + 40px);
margin-left: -20px;
}
.secReason__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
@media screen and (min-width: 768px) {
.secReason__img {
width: 100%;
margin: 0;
}
}
.secReason__box {
width: 100%;
padding: 35px 15px;
margin-top: -32px;
background-color: #FAFAFA;
border-radius: 10px;
position: relative;
z-index: 1;
}
.secReason__box .boxContents {
width: 100%;
max-width: 320px;
margin: 0 auto;
}
.secReason__box .boxContents__txt {
padding: 0 5px;
margin-bottom: 1.125em;
font-weight: 500;
}
@media screen and (min-width: 768px) {
.secReason__box {
max-width: 760px;
padding: 40px 20px 46px;
margin: -118px auto 0 auto;
}
.secReason__box .boxContents {
max-width: 664px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
}
.secReason__box .boxContents__txt {
text-align: center;
}
}
.secAccess {
padding: 0 0 80px;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.secAccess {
padding: 0 0 130px;
}
}
.secAccess .secTtl {
margin-bottom: 30px;
align-items: center;
}
.secAccess .secTtl .en {
letter-spacing: 0.14em;
}
@media screen and (min-width: 768px) {
.secAccess .secTtl {
margin-bottom: 45px;
align-items: flex-start;
grid-gap: 15px;
}
.secAccess .secTtl .en {
line-height: 1;
}
}
.secAccess__inner {
display: flex;
flex-direction: column;
z-index: 1;
}
@media screen and (min-width: 768px) {
.secAccess__inner {
flex-direction: row;
align-items: flex-start;
grid-gap: 30px;
}
}
@media screen and (min-width: 1024px) {
.secAccess__inner {
grid-gap: 60px;
}
}
@media screen and (min-width: 1200px) {
.secAccess__inner {
grid-gap: 80px;
}
}
@media screen and (min-width: 1440px) {
.secAccess__inner {
grid-gap: 100px;
}
}
@media screen and (max-width: 767px) {
.secAccess__blk1 {
display: contents;
}
}
@media screen and (min-width: 768px) {
.secAccess__blk1 {
width: 55%;
}
}
@media screen and (max-width: 767px) {
.secAccess__blk2 {
display: contents;
}
}
@media screen and (min-width: 768px) {
.secAccess__blk2 {
width: 45%;
padding-top: 15px;
flex-shrink: 0;
order: -1;
}
}
.secAccess__txtWrap {
order: 1;
}
.secAccess__txtWrap .address {
margin-bottom: 0.7em;
color: #e92625;
font-size: 125%;
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.6;
}
.secAccess__txtWrap .info {
line-height: 2;
display: flex;
flex-wrap: wrap;
}
.secAccess__txtWrap .info__dt {
width: 115px;
font-weight: 500;
}
.secAccess__txtWrap .info__dd {
width: calc(100% - 115px);
font-weight: 500;
}
@media screen and (min-width: 768px) {
.secAccess__txtWrap {
font-size: 80%;
}
.secAccess__txtWrap .address {
margin-bottom: 0.25em;
font-size: 150%;
}
.secAccess__txtWrap .info {
font-size: 125%;
}
}
@media screen and (min-width: 1024px) {
.secAccess__txtWrap {
font-size: 100%;
}
}
@media screen and (min-width: 1200px) {
.secAccess__txtWrap .address {
font-size: 200%;
}
}
.secAccess__mapWrap {
width: 100%;
margin-bottom: 21px;
position: relative;
}
.secAccess__mapWrap .map {
width: 100%;
padding-top: 84.5%;
border: 2px solid #3E4851;
position: relative;
overflow: hidden;
}
.secAccess__mapWrap .map iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.secAccess__mapWrap .appLink {
width: 100px;
height: 100px;
background-color: #3E4851;
border-radius: 50%;
color: #fff;
font-size: 75%;
font-weight: 500;
line-height: 1.3;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
grid-gap: 6px;
position: absolute;
bottom: -30px;
right: -10px;
}
.secAccess__mapWrap .appLink__img {
width: 27px;
}
@media screen and (min-width: 768px) {
.secAccess__mapWrap {
margin: 0;
}
}
.secContact {
padding: 32px 0 37px;
background: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/contact_bg-sp.jpg) center/cover no-repeat;
color: #fff;
}
@media screen and (min-width: 768px) {
.secContact {
padding: 64px 0 60px;
background-image: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/contact_bg-pc.jpg);
}
}
.secContact .secTtl {
margin-bottom: 15px;
align-items: center;
}
.secContact .secTtl .en {
padding-left: 0.5em;
-webkit-text-stroke-color: #fff;
letter-spacing: 0.14em;
}
.secContact .secTtl .jp {
background-color: #fff;
color: #3E4851;
}
@media screen and (min-width: 768px) {
.secContact .secTtl {
grid-gap: 14px;
}
.secContact .secTtl .en {
padding-left: 0;
line-height: 1;
}
}
.secContact__txt {
margin-bottom: 30px;
font-weight: 500;
text-align: center;
}
@media screen and (min-width: 768px) {
.secContact__txt {
font-size: 150%;
font-weight: 700;
}
}
@media screen and (min-width: 1024px) {
.secContact__txt {
font-size: 200%;
}
}
@media screen and (min-width: 1200px) {
.secContact__txt {
font-size: 250%;
}
}
.secContact__telWrap {
width: 100%;
max-width: 572px;
padding: 17px 0 28px;
margin: 0 auto;
border-top: 1px dashed #fff;
border-bottom: 1px dashed #fff;
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 10px;
}
.secContact__telWrap .telTxt {
font-size: 250%;
font-weight: 500;
line-height: 1.4;
display: flex;
align-items: center;
grid-gap: 10px;
}
.secContact__telWrap .telTxt::before {
content: "";
width: 25px;
height: 30px;
background: url('data:image/svg+xml;charset=utf8,<svg width="25" height="30" viewBox="0 0 25 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.23517 1.27129C-0.00515636 2.60816 -0.445261 6.787 0.40056 10.1929C1.05928 12.8452 2.45977 16.403 4.82135 19.7533C7.04295 22.9051 10.1424 25.7312 12.5058 27.3663C15.5406 29.4658 19.867 30.8003 22.1073 29.4635C23.2402 28.7875 24.9232 26.9405 25 26.6091C25 26.6091 24.0131 25.209 23.7965 24.9017L20.4868 20.2063C20.2409 19.8574 18.6985 20.1763 17.915 20.5846C16.858 21.1357 15.8847 22.6141 15.8847 22.6141C15.16 22.9993 14.5529 22.6155 13.2847 22.0784C11.7259 21.4185 9.9734 19.3682 8.57857 17.5112C7.30462 15.5821 5.98469 13.2736 5.96558 11.695C5.94985 10.4105 5.8165 9.74405 6.4944 9.29229C6.4944 9.29229 8.35849 9.07749 9.33632 8.41433C10.0611 7.92261 11.0066 6.75694 10.7606 6.40796L7.45096 1.71262C7.23438 1.40535 6.24744 0.00519608 6.24744 0.00519608C5.88719 -0.0654093 3.368 0.595293 2.23517 1.27129Z" fill="%23fff"/></svg>') center/contain no-repeat;
display: block;
}
@media screen and (min-width: 768px) {
.secContact__telWrap {
padding: 44px 0 52px;
grid-gap: 16px;
}
.secContact__telWrap .btn {
max-width: 530px;
font-size: 112.5%;
}
}
.secForm {
padding: 0 0 70px;
}
.secForm__formWrap {
display: grid;
grid-gap: 30px;
}
.secForm__inputWrap {
width: 100%;
display: grid;
grid-gap: 5px;
}
.secForm__inputWrap .inputHeader {
color: #3E4851;
font-weight: 700;
line-height: 1.5;
display: flex;
align-items: center;
justify-content: space-between;
}
.secForm__inputWrap .inputHeader__required {
color: #1e298d;
font-size: 87.5%;
}
.secForm__inputWrap .inputBody input[type=text],
.secForm__inputWrap .inputBody input[type=tel],
.secForm__inputWrap .inputBody input[type=email],
.secForm__inputWrap .inputBody input[type=select],
.secForm__inputWrap .inputBody.item_1,
.secForm__inputWrap .inputBody textarea {
width: 100%;
height: 50px;
padding: 10px;
background-color: #fff;
border: 1px solid #3E4851;
}
.secForm__inputWrap .inputBody input[type=checkbox] {
width: 1em;
height: 1em;
margin: -4px 12px 0 -16px;
background-color: #fff;
border: 1px solid #3E4851;
display: inline-block;
}
.secForm__inputWrap .inputBody input[type=checkbox]:checked {
background: #e92625 url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/icon_checkbox.svg) center/contain no-repeat;
}
.secForm__inputWrap .inputBody textarea {
height: auto;
}
.secForm__inputWrap .inputBody--file {
position: relative;
}
.secForm__inputWrap .inputBody--file input[type=file] {
width: 175px;
height: 50px;
color: transparent;
font-size: 87.5%;
line-height: 50px;
}
.secForm__inputWrap .inputBody--file input[type=file].dataExist {
width: 100%;
color: #000;
}
.secForm__inputWrap .inputBody--file input[type=file]::file-selector-button,
.secForm__inputWrap .inputBody--file input[type=file]::-webkit-file-upload-button {
width: 175px;
height: 50px;
background-color: #E1E3E1;
border-radius: 25px;
border: 0;
color: #000;
}
.secForm__inputWrap .inputBody--policy {
padding-top: 15px;
font-size: 112.5%;
}
.secForm__inputWrap .inputBody .policyTxt {
margin: 35px 0 0;
font-size: 14px;
}
.secForm__inputWrap .inputBody--submit {
padding-top: 27px;
}
.secForm__inputWrap .inputBody--submit p {
display: contents;
}
.secForm__inputWrap .inputBody--submit .btn {
margin: 0 auto;
}
.secForm__inputWrap .inputBody--submit input[type=submit] {
width: 100%;
height: 100%;
border-radius: 30px;
text-align: center;
position: absolute;
top: 0;
left: 0;
}
@media screen and (min-width: 768px) {
.secForm {
padding-bottom: 240px;
}
.secForm__inner {
max-width: 800px;
}
.secForm__inputWrap .inputBody--file input[type=file] {
width: 288px;
}
.secForm__inputWrap .inputBody--file input[type=file]::file-selector-button,
.secForm__inputWrap .inputBody--file input[type=file]::-webkit-file-upload-button {
width: 288px;
}
.secForm__inputWrap .inputBody--submit {
padding-top: 50px;
}
}
.secComplete {
padding: 0 0 104px;
}
.secComplete__inner {
padding: 80px 15px 67px;
background-color: #fff;
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 14px;
}
.secComplete__ttl {
color: #e92625;
font-size: 125%;
font-weight: 700;
line-height: 1.4;
text-align: center;
}
.secComplete__txt {
font-size: 87.5%;
line-height: 2;
}
.secComplete__btn {
margin: 20px auto 0;
}
@media screen and (min-width: 768px) {
.secComplete {
padding: 45px 0 180px;
}
}
.secPolicy {
padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
.secPolicy {
padding: 35px 0 120px;
}
}
@media screen and (min-width: 1024px) {
.secPolicy {
padding: 66px 0 210px;
}
}
.secPolicy__intro {
margin-bottom: 53px;
line-height: 2;
}
@media screen and (min-width: 768px) {
.secPolicy__intro {
margin-bottom: 47px;
font-size: 120%;
}
}
.secPolicy__heading {
margin-bottom: 13px;
color: #3E4851;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.secPolicy__heading {
margin-bottom: 11px;
font-size: 120%;
}
}
.secPolicy__txt {
margin-bottom: 30px;
font-size: 14px;
}
@media screen and (min-width: 768px) {
.secPolicy__txt {
margin-bottom: 50px;
}
}
.secPolicy__list {
margin-bottom: 28px;
display: grid;
grid-gap: 10px;
}
.secPolicy__list li {
padding-left: 26px;
font-size: 14px;
position: relative;
}
.secPolicy__list li::before {
content: "";
width: 12px;
height: 12px;
background-color: #e92625;
display: block;
position: absolute;
top: 4px;
left: 0;
}
@media screen and (min-width: 768px) {
.secPolicy__list {
margin: -20px 0 46px;
}
}
.sec404 {
padding: 0 0 83px;
}
.sec404__inner {
padding: 36px 15px 67px;
background-color: #fff;
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 16px;
}
.sec404__ttl {
color: #e92625;
font-size: 312.5%;
font-weight: 700;
line-height: 1.4;
text-align: center;
}
.sec404__txt {
font-size: 87.5%;
line-height: 2;
}
.sec404__btn {
margin: 17px auto 0;
}
@media screen and (min-width: 768px) {
.sec404 {
padding: 0 0 180px;
}
.sec404__inner {
padding: 52px 15px 51px;
}
}
.secCaseDetail__ttl {
margin-bottom: 0.7em;
font-size: 150%;
font-weight: 700;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
.secCaseDetail__ttl {
margin-bottom: 0.75em;
font-size: 250%;
}
}
.secCaseDetail__tags {
margin-bottom: 1.75em;
display: flex;
flex-wrap: wrap;
grid-gap: 10px;
}
.secCaseDetail__tags li {
padding: 0 1.14em;
border-radius: 15px;
background-color: #3E4851;
color: #fff;
font-size: 87.5%;
line-height: 30px;
}
@media screen and (min-width: 768px) {
.secCaseDetail__tags {
margin-bottom: 3.125em;
}
}
.secCaseDetail__infoBlk {
width: calc(100% + 20px);
margin-left: -10px;
}
.secCaseDetail__infoBlk .image {
width: 100%;
padding-top: 80.162%;
border-radius: 10px 10px 0 0;
position: relative;
overflow: hidden;
}
.secCaseDetail__infoBlk .image img,
.secCaseDetail__infoBlk .image .noimage {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.secCaseDetail__infoBlk .image .noimage {
background-color: #3E4851;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.secCaseDetail__infoBlk .txtWrap {
width: 100%;
padding: 19px 10px 42px;
background-color: #fff;
border-radius: 0 0 10px 10px;
}
.secCaseDetail__infoBlk .txtWrap__table {
width: 100%;
}
.secCaseDetail__infoBlk .txtWrap__table th {
width: 124px;
color: #e92625;
font-weight: 700;
line-height: 40px;
}
.secCaseDetail__infoBlk .txtWrap__table td {
line-height: 30px;
vertical-align: middle;
}
@media screen and (min-width: 768px) {
.secCaseDetail__infoBlk {
width: 100%;
margin: 0;
display: flex;
}
.secCaseDetail__infoBlk .image {
width: 46.58%;
padding-top: 37.333%;
border-radius: 10px 0 0 10px;
flex-shrink: 0;
}
.secCaseDetail__infoBlk .txtWrap {
padding: 20px 40px;
display: flex;
align-items: center;
}
}
.secCaseContents {
padding: 30px 0 64px;
}
@media screen and (min-width: 768px) {
.secCaseContents {
padding: 50px 0;
}
}
.secCaseContents__inner {
display: flex;
flex-direction: column;
grid-gap: 20px;
}
@media screen and (min-width: 768px) {
.secCaseContents__inner {
flex-direction: row;
align-items: center;
grid-gap: 60px;
}
}
.secCaseContents__img {
width: calc(100% + 20px);
margin-left: -10px;
}
@media screen and (min-width: 768px) {
.secCaseContents__img {
width: 31%;
flex-shrink: 0;
order: 1;
}
}
.secCaseContents__txtWrap {
width: 100%;
line-height: 1.875;
}
.secCaseFlow {
padding: 0 0 70px;
}
@media screen and (min-width: 768px) {
.secCaseFlow {
padding-bottom: 80px;
}
}
.secCaseFlow__ttl {
margin-bottom: 1.875em;
text-align: center;
}
.secCaseFlow__ttl span {
padding: 2px 50px 4px;
background-color: #e92625;
color: #fff;
font-weight: 700;
line-height: 1.4;
display: inline-block;
}
@media screen and (min-width: 768px) {
.secCaseFlow__ttl {
margin-bottom: 3em;
}
}
.secCaseFlow__list {
width: calc(100% + 20px);
margin-left: -10px;
display: grid;
grid-gap: 42px;
counter-reset: case_list 0;
}
.secCaseFlow__list .listItem {
background-color: #fff;
border-radius: 10px;
position: relative;
}
.secCaseFlow__list .listItem:not(:last-child)::after {
content: "";
width: 0;
height: 0;
margin: 0 auto;
border-top: 25px solid #fff;
border-right: 46px solid transparent;
border-left: 46px solid transparent;
display: block;
position: absolute;
bottom: -24px;
left: 0;
right: 0;
}
.secCaseFlow__list .listItem__ttl {
width: 100%;
height: 32px;
background-color: #e92625;
border-radius: 10px 10px 0 0;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.secCaseFlow__list .listItem__ttl::before {
counter-increment: case_list 1;
content: "STEP" counter(case_list) " ";
}
.secCaseFlow__list .listItem__img {
width: 100%;
padding-top: 80%;
position: relative;
overflow: hidden;
}
.secCaseFlow__list .listItem__img img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.secCaseFlow__list .listItem__txtWrap {
padding: 23px 12px 32px;
font-size: 14px;
}
@media screen and (min-width: 768px) {
.secCaseFlow__list {
width: 100%;
margin-left: 0;
grid-template-columns: repeat(3, 1fr);
grid-gap: 34px;
}
.secCaseFlow__list .listItem {
z-index: 1;
}
.secCaseFlow__list .listItem:nth-child(3n+1)::after,
.secCaseFlow__list .listItem:nth-child(3n+2)::after {
margin: auto 0;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-left: 27px solid #fff;
border-right: 0;
top: 0;
bottom: 0;
left: auto;
right: -26px;
z-index: -1;
}
.secCaseFlow__list .listItem:nth-child(3n+3)::after {
display: none;
}
}
.secCaseEstimate {
padding: 53px 0 72px;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.secCaseEstimate {
padding: 80px 0 60px;
}
}
.secCaseEstimate__ttl {
margin-bottom: 20px;
font-weight: 700;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 20px;
}
.secCaseEstimate__ttl .txt1 {
color: #3E4851;
font-size: 100%;
line-height: 1.4;
display: block;
}
.secCaseEstimate__ttl .txt2 {
width: 100%;
padding: 0 20px;
color: #e92625;
font-size: 125%;
line-height: 1.4;
display: block;
position: relative;
}
.secCaseEstimate__ttl .txt2::before,
.secCaseEstimate__ttl .txt2::after {
content: "";
width: 3px;
height: 48px;
background-color: #e92625;
display: block;
position: absolute;
bottom: 0;
transform-origin: center bottom;
}
.secCaseEstimate__ttl .txt2::before {
left: 30px;
transform: rotate(-38deg);
}
.secCaseEstimate__ttl .txt2::after {
right: 30px;
transform: rotate(38deg);
}
.secCaseEstimate__ttl .txt2 strong {
color: #1e298d;
}
@media screen and (min-width: 768px) {
.secCaseEstimate__ttl {
margin-bottom: 55px;
grid-gap: 40px;
}
.secCaseEstimate__ttl .txt1 {
font-size: 150%;
}
.secCaseEstimate__ttl .txt2 {
max-width: 600px;
font-size: 127.5%;
}
.secCaseEstimate__ttl .txt2::before,
.secCaseEstimate__ttl .txt2::after {
height: 88px;
}
.secCaseEstimate__ttl .txt2::before {
left: calc(50% - 7.1em);
}
.secCaseEstimate__ttl .txt2::after {
right: calc(50% - 7.1em);
}
}
@media screen and (min-width: 1024px) {
.secCaseEstimate__ttl .txt1 {
font-size: 200%;
}
.secCaseEstimate__ttl .txt2 {
font-size: 170%;
}
}
@media screen and (min-width: 1200px) {
.secCaseEstimate__ttl .txt1 {
font-size: 250%;
}
.secCaseEstimate__ttl .txt2 {
font-size: 212.5%;
}
}
.secCaseEstimate__btnsWrap {
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 15px;
}
.secCaseEstimate__btnsWrap .btn {
width: 320px;
font-weight: 700;
}
.secCaseEstimate__btnsWrap .btn--mail {
padding-right: 3.5em;
grid-gap: 14px;
}
.secCaseEstimate__btnsWrap .btn--mail .mailIcon {
width: 25px;
height: 22px;
margin: 6px 0 0 16px;
background: url('data:image/svg+xml;charset=utf8,<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 0.210449H0.919189V17.0772H24V0.210449ZM22.4351 2.17481L12.3898 9.05484L2.47876 2.3645L1.35978 4.02217L12.398 11.4734L23.5652 3.82489L22.4351 2.17481Z" fill="white"/></svg>') center/contain no-repeat;
display: block;
}
.secCaseEstimate__btnsWrap .btn--tel {
padding-right: 40px;
background-color: #fff;
border-width: 2px;
color: #e92625;
grid-gap: 11px;
}
.secCaseEstimate__btnsWrap .btn--tel:hover {
background-color: #3E4851;
color: #fff;
}
.secCaseEstimate__btnsWrap .btn--tel .telIcon {
width: 24px;
height: 26px;
margin: 2px 0px 0 16px;
background: url('data:image/svg+xml;charset=utf8,<svg width="25" height="30" viewBox="0 0 25 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.23517 1.27129C-0.00515636 2.60816 -0.445261 6.787 0.40056 10.1929C1.05928 12.8452 2.45977 16.403 4.82135 19.7533C7.04295 22.9051 10.1424 25.7312 12.5058 27.3663C15.5406 29.4658 19.867 30.8003 22.1073 29.4635C23.2402 28.7875 24.9232 26.9405 25 26.6091C25 26.6091 24.0131 25.209 23.7965 24.9017L20.4868 20.2063C20.2409 19.8574 18.6985 20.1763 17.915 20.5846C16.858 21.1357 15.8847 22.6141 15.8847 22.6141C15.16 22.9993 14.5529 22.6155 13.2847 22.0784C11.7259 21.4185 9.9734 19.3682 8.57857 17.5112C7.30462 15.5821 5.98469 13.2736 5.96558 11.695C5.94985 10.4105 5.8165 9.74405 6.4944 9.29229C6.4944 9.29229 8.35849 9.07749 9.33632 8.41433C10.0611 7.92261 11.0066 6.75694 10.7606 6.40796L7.45096 1.71262C7.23438 1.40535 6.24744 0.00519608 6.24744 0.00519608C5.88719 -0.0654093 3.368 0.595293 2.23517 1.27129Z" fill="%23007AEC"/></svg>') center/contain no-repeat;
display: block;
}
.secCaseEstimate__btnsWrap .timeTxt {
margin-top: 5px;
font-size: 87.5%;
text-align: center;
}
@media screen and (min-width: 768px) {
.secCaseEstimate__btnsWrap {
flex-direction: row;
grid-gap: 30px;
align-items: flex-start;
justify-content: center;
}
}
.caseNavigation {
background-color: #fff;
}
@media screen and (min-width: 768px) {
.caseNavigation {
padding-bottom: 130px;
}
}
.caseNavigation__inner {
width: 100%;
padding: 16px 20px;
background-color: #EEEEEE;
}
@media screen and (min-width: 768px) {
.caseNavigation__inner {
width: calc(100% - 40px);
}
}
.caseNavigation__list {
display: flex;
align-items: center;
justify-content: space-between;
}
.caseNavigation__list .link {
color: #e92625;
font-weight: 700;
line-height: 1.4;
position: relative;
}
.caseNavigation__list .link::before {
content: "";
margin: auto 0;
display: block;
position: absolute;
top: 0;
bottom: 0;
}
.caseNavigation__list .link--list {
padding-left: 35px;
}
.caseNavigation__list .link--list::before {
width: 26px;
height: 20px;
background: url('data:image/svg+xml;charset=utf8,<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" width="12" height="2" fill="%2300A7FF"/><rect x="4" y="5" width="12" height="2" fill="%2300A7FF"/><rect x="4" y="10" width="12" height="2" fill="%2300A7FF"/><rect width="2" height="2" fill="%2300A7FF"/><rect y="5" width="2" height="2" fill="%2300A7FF"/><rect y="10" width="2" height="2" fill="%2300A7FF"/></svg>') center/contain no-repeat;
left: 0;
}
.caseNavigation__list .link--prev {
padding-right: 33px;
}
.caseNavigation__list .link--prev::before {
width: 20px;
height: 20px;
border-top: 2px solid #e92625;
border-right: 2px solid #e92625;
display: block;
transform: rotate(45deg);
right: 0;
} @media screen and (min-width: 768px) {
.page--top main {
margin-top: 70px;
}
}
@media screen and (min-width: 1024px) {
.page--top main {
margin-top: 140px;
}
}
.page--top .secIntro .secTtl {
margin-bottom: 3px;
}
@media screen and (min-width: 768px) {
.page--top .secIntro {
padding: 78px 0 0;
}
.page--top .secIntro__inner {
max-width: 1100px;
grid-gap: 44px;
}
.page--top .secIntro__blk1 {
flex-shrink: 0;
}
.page--top .secIntro .secTtl {
margin: -14px 10px 14px -10px;
grid-gap: 23px;
}
.page--top .secIntro .secTtl .en {
font-size: 600%;
letter-spacing: 0.07em;
line-height: 0.8;
text-align: right;
}
.page--top .secIntro .secTtl .jp {
margin-left: auto;
font-size: 100%;
}
.page--top .secIntro__ttl {
margin-bottom: 0.8em;
font-size: 180%;
}
}
@media screen and (min-width: 1024px) {
.page--top .secIntro .secTtl .en {
font-size: 700%;
}
.page--top .secIntro__ttl {
font-size: 250%;
}
}
@media screen and (min-width: 1200px) {
.page--top .secIntro .secTtl .en {
font-size: 812.5%;
}
}
.page--top .secTopFeature {
padding: 50px 0;
background: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/top-feature_bg-sp.jpg) center/cover no-repeat;
}
@media screen and (min-width: 768px) {
.page--top .secTopFeature {
padding: 75px 0 110px;
background-image: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/top-feature_bg-pc.jpg);
}
}
.page--top .secTopFeature .secTtl {
margin-bottom: 24px;
}
.page--top .secTopFeature .secTtl .en {
-webkit-text-stroke-color: #fff;
letter-spacing: 0.14em;
}
.page--top .secTopFeature .secTtl .jp {
background-color: #fff;
color: #3E4851;
}
@media screen and (min-width: 768px) {
.page--top .secTopFeature .secTtl {
margin-bottom: 28px;
}
}
.page--top .secTopFeature__txt {
margin-bottom: 1.45em;
color: #fff;
font-size: 150%;
font-weight: 700;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
.page--top .secTopFeature__txt {
margin-bottom: 1.25em;
font-size: 150%;
}
}
@media screen and (min-width: 1024px) {
.page--top .secTopFeature__txt {
font-size: 200%;
}
}
@media screen and (min-width: 1200px) {
.page--top .secTopFeature__txt {
font-size: 250%;
}
}
.page--top .secTopFeature__list {
display: grid;
grid-gap: 27px;
counter-reset: top_feature_list 0;
}
.page--top .secTopFeature__list .listItem {
background-color: #fff;
}
.page--top .secTopFeature__list .listItem__ttl {
min-height: 94px;
padding: 0 20px 0 20px;
display: flex;
grid-gap: 6px;
}
.page--top .secTopFeature__list .listItem__ttl .number {
width: 95px;
position: relative;
flex-shrink: 0;
}
.page--top .secTopFeature__list .listItem__ttl .number::before {
counter-increment: top_feature_list 1;
content: counter(top_feature_list, decimal-leading-zero) ".";
margin: -2px 0 0 3px;
background-image: linear-gradient(180deg, #e92625, #2d000a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 456.25%;
font-weight: 500;
font-family: "Roboto", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: -0.06em;
line-height: 1.4;
display: block;
}
.page--top .secTopFeature__list .listItem__ttl .txtWrap {
width: 100%;
padding: 16px 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
grid-gap: 4px;
}
.page--top .secTopFeature__list .listItem__ttl .txtWrap .en {
color: #e92625;
font-size: 87.5%;
font-weight: 500;
line-height: 1;
order: -1;
}
.page--top .secTopFeature__list .listItem__ttl .txtWrap .jp {
font-size: 125%;
font-weight: 700;
line-height: 1.4;
}
.page--top .secTopFeature__list .listItem__img {
width: 100%;
}
.page--top .secTopFeature__list .listItem__txt {
padding: 19px 25px 24px;
font-size: 14px;
}
@media screen and (min-width: 768px) {
.page--top .secTopFeature__list {
grid-template-columns: repeat(3, 1fr);
grid-gap: 15px;
}
.page--top .secTopFeature__list .listItem__ttl {
min-height: 104px;
padding: 0 10px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.page--top .secTopFeature__list {
grid-gap: 14px;
}
.page--top .secTopFeature__list .listItem__ttl .number {
width: 72px;
padding: 8px 0;
display: flex;
align-items: flex-end;
}
.page--top .secTopFeature__list .listItem__ttl .number::before {
font-size: 350%;
line-height: 48px;
}
.page--top .secTopFeature__list .listItem__ttl .txtWrap {
padding: 8px 0;
}
.page--top .secTopFeature__list .listItem__ttl .txtWrap .jp {
min-height: 2.8em;
font-size: 120%;
display: flex;
align-items: flex-end;
}
.page--top .secTopFeature__list .listItem__ttl .txtWrap .en {
min-height: 2.8em;
font-size: 67.5%;
display: flex;
align-items: flex-end;
white-space: nowrap;
}
}
@media screen and (min-width: 1024px) {
.page--top .secTopFeature__list {
grid-gap: 27px;
}
.page--top .secTopFeature__list .listItem__ttl {
padding: 0 10px;
}
.page--top .secTopFeature__list .listItem__ttl .number::before {
font-size: 456.25%;
}
.page--top .secTopFeature__list .listItem__ttl .txtWrap {
padding: 24px 0;
}
}
@media screen and (min-width: 1200px) {
.page--top .secTopFeature__list .listItem__ttl {
padding: 0 16px;
grid-gap: 11px;
}
.page--top .secTopFeature__list .listItem__ttl .txtWrap .jp {
font-size: 137.5%;
}
}
.page--top .secTopService {
padding: 80px 0 70px;
background-color: #FAFAFA;
}
.page--top .secTopService .secTtl {
grid-gap: 10px;
}
.page--top .secTopService .secTtl .en {
letter-spacing: 0.14em;
}
@media screen and (min-width: 768px) {
.page--top .secTopService {
padding: 68px 0 200px;
}
.page--top .secTopService .secTtl {
margin-bottom: 34px;
grid-gap: 0px;
}
}
.page--top .secTopService__ttl {
margin-bottom: 13px;
font-weight: 500;
}
@media screen and (min-width: 768px) {
.page--top .secTopService__ttl {
margin-bottom: 28px;
font-size: 200%;
line-height: 1.5;
}
}
@media screen and (min-width: 1200px) {
.page--top .secTopService__ttl {
font-size: 250%;
}
}
.page--top .secTopService__txt {
margin-bottom: 2.571em;
font-size: 14px;
}
@media screen and (min-width: 768px) {
.page--top .secTopService__txt {
margin-bottom: 3.25em;
font-size: 125%;
line-height: 2.4;
}
}
.page--top .secTopService__list {
display: grid;
grid-gap: 20px;
}
.page--top .secTopService__list .listItem {
background-color: #e92625;
color: #fff;
display: block;
position: relative;
}
.page--top .secTopService__list .listItem__img {
width: 100%;
padding-top: 51.429%;
position: relative;
}
.page--top .secTopService__list .listItem__img img {
position: absolute;
}
.page--top .secTopService__list .listItem__img img.img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.page--top .secTopService__list .listItem__img img.icon {
width: 80px;
height: 80px;  -o-object-fit: contain;
object-fit: contain;
bottom: 10px;
right: 10px;
}
.page--top .secTopService__list .listItem__txtWrap {
padding: 30px 20px;
}
.page--top .secTopService__list .listItem__txtWrap .ttl {
margin-bottom: 17px;
display: flex;
flex-direction: column;
grid-gap: 18px;
}
.page--top .secTopService__list .listItem__txtWrap .ttl .jp {
font-size: 125%;
font-weight: 700;
line-height: 0.9;
order: 1;
}
.page--top .secTopService__list .listItem__txtWrap .ttl .en {
font-size: 187.5%;
font-weight: 700;
line-height: 0.9;
}
.page--top .secTopService__list .listItem__txtWrap .txt {
margin-bottom: 15px;
font-size: 14px;
line-height: 1.8;
}
.page--top .secTopService__list .listItem__txtWrap .linkTxt {
height: 38px;
font-size: 14px;
font-weight: 500;
display: inline-flex;
align-items: center;
grid-gap: 16px;
}
.page--top .secTopService__list .listItem__txtWrap .linkTxt__arrow {
width: 38px;
height: 38px;
background: #e92625;
border-radius: 50%;
display: block;
position: relative;
}
.page--top .secTopService__list .listItem__txtWrap .linkTxt__arrow::after {
content: "";
width: 100%;
height: 100%;
background: url('data:image/svg+xml;charset=utf8,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.3085 6.73633L7.27925 1.70708L8.69347 0.292863L16.1369 7.73633L8.69347 15.1798L7.27925 13.7656L12.3085 8.73633H0V6.73633H12.3085Z" fill="white"/></svg>') center/16px no-repeat;
display: block;
position: absolute;
top: 0;
left: 0;
}
.page--top .secTopService__list .listItem .listItem__link::before {
content: "";
width: 100%;
height: 100%;
background-color: #fff;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 2;
pointer-events: none;
opacity: 0;
}
.page--top .secTopService__list .listItem .listItem__link:hover {
opacity: 1;
}
.page--top .secTopService__list .listItem .listItem__link:hover::before {
opacity: 0.4;
}
@media screen and (min-width: 768px) {
.page--top .secTopService__list {
grid-template-columns: repeat(3, 1fr);
grid-gap: 0 16px;
}
.page--top .secTopService__list .listItem {
display: grid;
grid-template-rows: subgrid;
grid-row: span 4;
}
.page--top .secTopService__list .listItem__img img.icon {
width: 60px;
height: 60px;
bottom: -35px;
right: 5px;
}
.page--top .secTopService__list .listItem__txtWrap {
padding: 50px 20px 30px;
display: grid;
grid-template-rows: subgrid;
grid-row: span 3;
}
.page--top .secTopService__list .listItem__txtWrap .ttl {
font-size: 80%;
grid-gap: 1.12em;
}
}
@media screen and (min-width: 1024px) {
.page--top .secTopService__list .listItem {
display: grid;
grid-template-rows: subgrid;
grid-row: span 4;
}
.page--top .secTopService__list .listItem__img img.icon {
width: 80px;
height: 80px;
bottom: -35px;
right: 5px;
}
.page--top .secTopService__list .listItem__txtWrap {
padding: 30px 20px;
}
.page--top .secTopService__list .listItem__txtWrap .ttl {
font-size: 100%;
}
}
@media screen and (min-width: 1200px) {
.page--top .secTopService__list .listItem__img img.icon {
width: 100px;
height: 100px;
bottom: -75px;
right: 30px;
}
}
.page--customer .secIntro__blk2 {
margin-top: -30px;
}
.page--customer .secIntro__blk3 {
margin-bottom: -13px;
}
@media screen and (min-width: 768px) {
.page--customer .secIntro__inner {
flex-wrap: wrap;
grid-gap: 28px 61px;
}
.page--customer .secIntro__blk1 {
width: calc(62.25% - 61px);
}
.page--customer .secIntro__blk2 {
width: 37.75%;
margin-top: 0;
}
.page--customer .secIntro__blk3 {
width: 100%;
text-align: center;
}
.page--customer .secIntro__ttl {
margin-bottom: 1em;
}
}
.page--customer .imageSlide {
padding-bottom: 55px;
background-color: transparent;
}
.page--customer .imageSlide__inner {
padding-top: 2.3em;
}
.page--customer .imageSlide__txt {
line-height: 1.7;
}
@media screen and (min-width: 768px) {
.page--customer .imageSlide {
width: calc(100% - 40px);
max-width: 1200px;
padding-bottom: 60px;
margin: 0 auto;
}
.page--customer .imageSlide__inner {
padding-top: 2em;
}
.page--customer .imageSlide .swiper-wrapper {
padding: 10px 0 0 30px;
display: flex;
}
.page--customer .imageSlide .swiper-slide {
width: calc(33.3333333333% + 22px);
margin: 0 -20px;
}
.page--customer .imageSlide__txt {
line-height: 2;
text-align: center;
}
}
.page--customer .secFeature {
padding: 0 0 10px;
}
@media screen and (min-width: 768px) {
.page--customer .secFeature {
padding-bottom: 100px;
}
}
.page--customer .secFeature .secTtl {
padding: 143px 0 35px;
}
.page--customer .secFeature .secTtl .en {
top: 0.9em;
}
@media screen and (min-width: 768px) {
.page--customer .secFeature .secTtl {
padding: 208px 0 120px;
}
.page--customer .secFeature .secTtl .en {
top: 0.2em;
}
}
.page--customer .secFeature__list {
grid-gap: 91px;
margin-bottom: 50px;
}
.page--customer .secFeature__list .listItem::after {
width: 0;
height: 0;
background-color: transparent;
border-top: 15px solid #e92625;
border-right: 11.5px solid transparent;
border-left: 11.5px solid transparent;
top: auto;
bottom: -55px;
left: 50%;
transform: translateX(-50%);
}
.page--customer .secFeature__list .listItem--last::after {
display: none;
}
.page--customer .secFeature__list .listItem__txtWrap {
position: relative;
}
.page--customer .secFeature__list .listItem__txtWrap::before {
content: "";
width: 1px;
height: 100%;
background-color: #EEEEEE;
display: block;
position: absolute;
top: 0;
left: 0;
}
.page--customer .secFeature__list .listItem__txt {
margin-bottom: 30px;
}
.page--customer .secFeature__list .listItem .secCaseEstimate {
width: calc(100% + 60px);
padding: 41px 0 10px;
margin-left: -60px;
}
.page--customer .secFeature__list .listItem .secCaseEstimate__ttl .txt2::before {
left: calc(50% - 7.1em);
}
.page--customer .secFeature__list .listItem .secCaseEstimate__ttl .txt2::after {
right: calc(50% - 7.1em);
}
.page--customer .secFeature__list .credit {
margin: -50px 0 0;
}
.page--customer .secFeature__list .credit__ttl {
padding: 19px 20px;
margin-bottom: 24px;
background-color: #EEEEEE;
color: #3E4851;
font-weight: 700;
line-height: 1.4;
text-align: center;
}
.page--customer .secFeature__list .credit__img {
width: 100%;
margin-bottom: 20px;
}
.page--customer .secFeature__list .credit__txt {
margin-bottom: 25px;
font-size: 14px;
}
.page--customer .secFeature__list .credit__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.page--customer .secFeature__list .credit__list .creditListItem {
height: 70px;
padding: 0 24px;
background-position: center; background-repeat: no-repeat;
color: #e92625;
font-size: 14px;
font-weight: 700;
display: flex;
align-items: center;
position: relative;
}
.page--customer .secFeature__list .credit__list .creditListItem::after {
content: "";
width: 100%;
height: 100%;
border: 4px solid #e92625;
display: block;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.page--customer .secFeature__list .credit__list .creditListItem--1 {
background-image: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/credit_img01.svg);
background-position: right 29px bottom;
}
.page--customer .secFeature__list .credit__list .creditListItem--2 {
background-image: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/credit_img02.svg);
background-position: right 22px center;
}
.page--customer .secFeature__list .credit__list .creditListItem--3 {
background-image: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/credit_img03.svg);
background-position: right 15px center;
}
.page--customer .secFeature__list .credit__list .creditListItem--4 {
background-image: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/credit_img04.svg);
background-position: right 22px center;
}
.page--customer .secFeature__list .credit__list .creditListItem__txt {
text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
}
@media screen and (min-width: 768px) {
.page--customer .secFeature__list {
width: 100%;
max-width: 980px;
margin: 0 auto;
grid-template-columns: repeat(1, 1fr);
grid-gap: 60px;
}
.page--customer .secFeature__list .listItem {
display: block;
}
.page--customer .secFeature__list .listItem:nth-child(odd) {
padding-right: 20px;
}
.page--customer .secFeature__list .listItem:nth-child(even) {
padding-left: 80px;
}
.page--customer .secFeature__list .listItem:nth-child(even)::before {
width: 80px;
padding-left: 0;
}
.page--customer .secFeature__list .listItem::after {
border-width: 27px 22px 0;
bottom: -72px;
}
.page--customer .secFeature__list .listItem__txtWrap {
display: flex;
align-items: flex-start;
grid-gap: 30px;
grid-row: auto;
}
.page--customer .secFeature__list .listItem__img {
width: 46.5%;
padding-top: 20px;
flex-shrink: 0;
}
.page--customer .secFeature__list .credit {
margin: -58px 0 0;
}
.page--customer .secFeature__list .credit__inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 45px 0;
}
.page--customer .secFeature__list .credit__ttl {
font-size: 120%;
}
.page--customer .secFeature__list .credit__img {
margin: 0;
}
.page--customer .secFeature__list .credit__txt {
padding-left: 45px;
margin: 0;
}
.page--customer .secFeature__list .credit__list {
grid-template-columns: repeat(4, 1fr);
grid-column: span 2;
}
.page--customer .secFeature__list .credit__list .creditListItem {
font-size: 112.5%;
}
.page--customer .secFeature__list .credit__list .creditListItem__txt {
min-width: 5.5em;
text-align: center;
display: inline-block;
}
}
.page--customer .secSupport__inner {
width: 100%;
padding: 35px 20px 60px;
}
.page--customer .secSupport__ttl {
margin-bottom: 32px;
}
.page--customer .secSupport__ttl strong {
margin-top: 15px;
}
.page--customer .secSupport__txt-1 {
font-size: 112.5%;
font-weight: 500;
text-align: center;
}
.page--customer .secSupport__txt-2 {
font-size: 14px;
}
.page--customer .secSupport .inspectionBox {
width: calc(100% + 20px);
margin: 20px 0 20px -10px;
position: relative;
z-index: 1;
}
.page--customer .secSupport .inspectionBox__header {
width: 100%;
height: 32px;
background-color: #fff;
border-radius: 10px 10px 0 0;
color: #e92625;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
}
.page--customer .secSupport .inspectionBox__body {
padding: 17px 20px;
background-color: #FAFAFA;
border-radius: 0 0 10px 10px;
}
.page--customer .secSupport .inspectionBox__body .list {
color: #000;
font-size: 14px;
display: grid;
position: relative;
overflow: hidden;
}
.page--customer .secSupport .inspectionBox__body .list>li {
width: 100%;
}
.page--customer .secSupport .inspectionBox__body .list__list {
width: 100%;
}
.page--customer .secSupport .inspectionBox__body .list__list li {
padding: 0.3em 0 0.3em 28px;
line-height: 1.4;
position: relative;
}
.page--customer .secSupport .inspectionBox__body .list__list li::before {
content: "";
width: 16px;
height: 16px;
background: url(//depost-gaisha-shaken.jp/wp-content/themes/gracebody/images/icon_checkbox.svg) center/contain no-repeat;
display: block;
position: absolute;
top: 0.5em;
left: 0;
}
@media screen and (min-width: 768px) {
.page--customer .secSupport {
padding-bottom: 2px;
}
.page--customer .secSupport__inner {
padding: 65px 20px 95px;
}
.page--customer .secSupport__ttl {
margin-bottom: 24px;
}
.page--customer .secSupport__ttl span {
font-size: 112.5%;
}
.page--customer .secSupport__ttl strong {
padding: 0 50px;
margin-top: 20px;
}
.page--customer .secSupport__txt-1 {
font-size: 120%;
}
.page--customer .secSupport__txt-2 {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.page--customer .secSupport .inspectionBox {
width: 100%;
max-width: 450px;
margin: 30px auto 37px;
}
.page--customer .secSupport .inspectionBox__header {
height: 40px;
font-size: 125%;
}
.page--customer .secSupport .inspectionBox__body {
padding: 20px 15px 20px;
}
.page--customer .secSupport .inspectionBox__body .list {
width: 100%;
max-width: 280px;
margin: 0 auto;
}
}
.page--customer .secCaseEstimate {
padding: 64px 0 20px;
}
.page--customer .secCaseEstimate__txt {
margin-top: 30px;
font-size: 14px;
}
@media screen and (min-width: 768px) {
.page--customer .secCaseEstimate {
padding-bottom: 170px;
}
.page--customer .secCaseEstimate__txt {
text-align: center;
}
}
@media screen and (min-width: 768px) {
.page--customer .secCTA {
margin-top: -91px;
}
}
@media screen and (min-width: 1024px) {
.page--customer .secCTA {
padding-top: 30px;
margin-top: -71px;
}
}
.page--inspection .secIntro {
padding-bottom: 62px;
}
.page--inspection .secIntro__ttl {
margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
.page--inspection .secIntro {
padding: 0 0 100px;
}
.page--inspection .secIntro__ttl {
margin-bottom: 1.5em;
}
.page--inspection .secIntro__feature {
padding-top: 16px;
}
}
.page--inspection .navInpage {
padding: 45px 0 75px;
}
.page--inspection .secFlow__list .listItem--transparent {
background-color: transparent;
}
.page--inspection .secFlow__list .listItem__header--transparent {
background-color: transparent;
}
.page--inspection .secFlow__list .listItem__child {
padding-top: 25px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 12px;
position: relative;
z-index: 1;
}
.page--inspection .secFlow__list .listItem__child .childItem {
position: relative;
}
.page--inspection .secFlow__list .listItem__child .childItem::before {
content: "";
width: 0;
height: 0;
margin: 0 auto;
border-top: 15px solid #e92625;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
display: block;
position: absolute;
top: -26px;
left: 0;
right: 0;
}
.page--inspection .secFlow__list .listItem__child .childItem__header {
height: 36px;
background-color: #e92625;
border-radius: 10px 10px 0 0;
color: #fff;
font-size: 112.5%;
font-weight: 700;
line-height: 1.5;
display: flex;
align-items: center;
justify-content: center;
}
.page--inspection .secFlow__list .listItem__child .childItem__body {
padding: 24px 0 35px;
background-color: #EEEEEE;
border-radius: 0 0 10px 10px;
font-size: 112.5%;
font-weight: 700;
line-height: 1.5;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 768px) {
.page--inspection .secFlow__list {
padding-bottom: 155px;
display: flex;
grid-gap: 10px;
}
.page--inspection .secFlow__list .listItem {
height: 228px;
font-size: 87.5%;
}
.page--inspection .secFlow__list .listItem:nth-child(1),
.page--inspection .secFlow__list .listItem:nth-child(4) {
width: 13%;
flex-shrink: 0;
}
.page--inspection .secFlow__list .listItem:nth-child(2),
.page--inspection .secFlow__list .listItem:nth-child(3) {
width: 11.25%;
flex-shrink: 0;
}
.page--inspection .secFlow__list .listItem:nth-child(5) {
width: 100%;
}
.page--inspection .secFlow__list .listItem:nth-last-child(-n+2) {
width: 11.26%;
flex-shrink: 0;
}
.page--inspection .secFlow__list .listItem__header {
height: 100%;
}
.page--inspection .secFlow__list .listItem__header--transparent {
background-color: #EEEEEE;
}
.page--inspection .secFlow__list .listItem__body {
padding: 23px 0 0;
position: absolute;
bottom: 0;
transform: translateY(100%);
}
.page--inspection .secFlow__list .listItem__body ol {
display: flex;
}
.page--inspection .secFlow__list .listItem__body ol li {
margin-right: 1.5em;
}
.page--inspection .secFlow__list .listItem__body ul {
font-size: 75%;
white-space: nowrap;
}
.page--inspection .secFlow__list .listItem__child {
padding: 0 0 0 34px;
grid-template-columns: auto;
grid-template-rows: repeat(2, 1fr);
grid-gap: 10px;
}
.page--inspection .secFlow__list .listItem__child .childItem::before {
margin: auto 0;
top: 0;
bottom: 0;
left: -34px;
right: 0;
transform: rotate(-90deg);
}
.page--inspection .secFlow__list .listItem__child .childItem__body {
padding: 10px 0 20px;
font-size: 100%;
}
}
@media screen and (min-width: 1024px) {
.page--inspection .secFlow__list .listItem {
font-size: 100%;
}
.page--inspection .secFlow__list .listItem__child .childItem__body {
padding: 20px 0 30px;
}
}
.page--inspection .secPoint {
padding: 75px 0 15px;
}
.page--inspection .secPoint .secTtl {
grid-gap: 7px;
}
.page--inspection .secPoint .secTtl .en {
letter-spacing: 0.14em;
}
@media screen and (min-width: 768px) {
.page--inspection .secPoint {
padding: 125px 0 120px;
}
.page--inspection .secPoint .secTtl {
margin-bottom: 32px;
}
.page--inspection .secPoint__inner--wide {
padding-top: 30px;
}
}
.page--inspection .secPoint__contentsBlk {
grid-gap: 42px;
}
.page--inspection .secPoint__contentsBlk .contentsRow:last-child {
margin-top: 1.5em;
}
.page--inspection .secPoint__contentsBlk .inspectionBox__body {
padding-bottom: 19px;
}
@media screen and (min-width: 768px) {
.page--inspection .secPoint__contentsBlk {
grid-gap: 72px;
}
.page--inspection .secPoint__contentsBlk .contentsRow:last-child {
margin-top: 3em;
}
.page--inspection .secPoint__contentsBlk .contentsRow:last-child .contentsBox--txtWrapLarge {
margin-top: -8em;
}
.page--inspection .secPoint__contentsBlk .inspectionBox {
margin-bottom: 2em;
}
.page--inspection .secPoint__contentsBlk .inspectionBox__body {
padding: 17px 30px 34px;
}
.page--inspection .secPoint__contentsBlk .inspectionBox__body .list__list--col2 {
grid-gap: 0;
}
.page--inspection .secPoint__contentsBlk .inspectionBox__body .list__list li {
padding-top: 0.4em;
padding-bottom: 0.4em;
}
.page--inspection .secPoint__contentsBlk .inspectionBox__body .list__list li::before {
top: 0.65em;
}
}
.page--maintenance .secIntro {
padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
.page--maintenance .secIntro {
padding-bottom: 100px;
}
}
@media screen and (min-width: 1440px) {
.page--maintenance .secIntro__ttl br.disp_pc {
display: none;
}
}
.page--maintenance .secPoint {
padding: 0 0 16px;
}
.page--maintenance .secPoint__txt {
margin-bottom: 42px;
}
@media screen and (min-width: 768px) {
.page--maintenance .secPoint {
padding: 30px 0 16px;
}
.page--maintenance .secPoint .secTtl {
margin-bottom: 31px;
}
.page--maintenance .secPoint__txt {
margin-bottom: 51px;
}
}
.page--maintenance .secFeature {
margin-bottom: -90px;
}
.page--insurance .secIntro__inner {
grid-gap: 44px;
}
.page--insurance .secIntro__ttl {
margin-bottom: 1.45em;
}
@media screen and (min-width: 768px) {
.page--insurance .secIntro__inner {
grid-gap: 65px;
}
.page--insurance .secIntro__ttl {
margin-bottom: 1.2em;
line-height: 1.4;
}
}
.page--insurance .secPoint {
padding: 0;
margin-top: 65px;
}
.page--insurance .secPoint__pointBlk {
padding: 58px 0 105px;
margin-bottom: 0;
}
.page--insurance .secPoint__pointBlk .txt {
padding: 0 6px;
margin-bottom: 1.8em;
font-size: 14px;
}
@media screen and (min-width: 768px) {
.page--insurance .secPoint {
margin-top: 105px;
}
.page--insurance .secPoint__pointBlk {
padding: 20px 0 135px;
margin-bottom: 0;
}
.page--insurance .secPoint__pointBlk .ttl {
margin: 37px;
}
.page--insurance .secPoint__pointBlk .txt {
width: 100%;
max-width: 810px;
margin-bottom: 0;
}
}
.page--insurance .navInpage {
padding: 47px 0 40px;
}
@media screen and (min-width: 768px) {
.page--insurance .navInpage {
padding: 33px 0 17px;
}
}
.page--insurance .secFeature {
padding-bottom: 12px;
}
@media screen and (min-width: 768px) {
.page--insurance .secFeature__list {
margin-bottom: 28px;
}
}
.page--insurance .secFlow {
padding-bottom: 90px;
}
.page--insurance .secFlow__list::before {
height: calc(100% - 150px);
}
.page--insurance .secFlow__list .listItem__header {
height: auto;
padding: 30px 20px 25px 50px;
}
.page--insurance .secFlow__list .listItem__body {
padding: 32px 22px 30px 50px;
border-radius: 0;
}
.page--insurance .secFlow__list .listItem__body__body p {
font-size: 100%;
}
.page--insurance .secFlow__list .listItem__img {
width: 100%;
border-radius: 0 0 10px 10px;
overflow: hidden;
position: relative;
z-index: 1;
}
.page--insurance .secFlow__list .listItem__img img {
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 768px) {
.page--insurance .secFlow {
padding-bottom: 120px;
}
.page--insurance .secFlow__list {
padding: 48px 0 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 0 20px;
}
.page--insurance .secFlow__list::before {
height: 80px;
}
.page--insurance .secFlow__list .listItem {
display: grid;
grid-template-rows: subgrid;
grid-row: span 3;
}
.page--insurance .secFlow__list .listItem__header {
padding: 27px 20px 20px 20px;
}
.page--insurance .secFlow__list .listItem__body {
padding: 20px 18px;
}
}
.page--insurance .secSupport__inner {
padding: 34px 10px 18px;
}
.page--insurance .secSupport__ttl {
margin-bottom: 28px;
}
.page--insurance .secSupport__ttl strong {
margin: 16px 0 44px;
}
@media screen and (min-width: 768px) {
.page--insurance .secSupport {
padding-bottom: 0;
}
.page--insurance .secSupport__inner {
padding: 68px 10px 15px;
}
.page--insurance .secSupport__ttl {
margin-bottom: 40px;
}
.page--insurance .secSupport__ttl strong {
margin: 22px 0 16px;
}
}
.page--insurance .secWorks {
padding: 40px 0 60px;
}
.page--insurance .secWorks::before {
height: calc(100% - 182px);
}
.page--insurance .secWorks .secTtl {
margin-bottom: -2px;
}
@media screen and (min-width: 768px) {
.page--insurance .secWorks {
padding-bottom: 110px;
}
.page--insurance .secWorks::before {
height: calc(100% - 330px);
}
.page--insurance .secWorks .secTtl {
margin-bottom: 50px;
}
}
.page--insurance .secCTA {
padding-top: 120px;
}
@media screen and (min-width: 768px) {
.page--insurance .secCTA {
padding-top: 30px;
margin-top: -75px;
}
}
.page--bodyworks .secIntro {
padding: 0 0 62px;
}
@media screen and (min-width: 768px) {
.page--bodyworks .secIntro {
padding-bottom: 100px;
}
}
.page--bodyworks .navInpage {
padding-top: 46px;
}
@media screen and (min-width: 768px) {
.page--bodyworks .navInpage {
padding: 93px 0 80px;
}
}
.page--bodyworks .secPoint {
padding: 0 0 30px;
}
.page--bodyworks .secPoint .secTtl {
grid-gap: 7px;
}
.page--bodyworks .secPoint .secTtl .en {
letter-spacing: 0.14em;
}
@media screen and (min-width: 768px) {
.page--bodyworks .secPoint .secTtl {
margin-bottom: 33px;
grid-gap: 0;
}
.page--bodyworks .secPoint .secTtl .en {
letter-spacing: 0.07em;
}
}
.page--bodyworks .secPoint__ttl {
margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
.page--bodyworks .secPoint__txt {
margin-bottom: 1.25em;
}
}
.page--bodyworks .secPoint__pointBlk {
padding: 0 0 107px;
margin-bottom: 50px;
background-color: #fff;
-webkit-clip-path: none;
clip-path: none;
}
.page--bodyworks .secPoint__pointBlk::before {
height: 52px;
background: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -3 390 52"><polyline points="0 0 195 47 390 -3" stroke="%23007AEC" stroke-width="3px" fill="none" /></svg>') center bottom/100% no-repeat;
top: auto;
bottom: 0;
}
.page--bodyworks .secPoint__pointBlk .etcBlk {
padding-top: 0;
}
.page--bodyworks .secPoint__pointBlk .etcBlk__ttl {
-webkit-text-stroke-color: #e92625;
}
.page--bodyworks .secPoint__pointBlk .etcBlk__list li {
background-color: #EEEEEE;
}
.page--bodyworks .secPoint__pointBlk .etcBlk__txt {
color: #e92625;
}
@media screen and (min-width: 400px) {
.page--bodyworks .secPoint__pointBlk::before {
background: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -3 192 52"><polyline points="0 0 96 47 192 -3" stroke="%23007AEC" stroke-width="3px" fill="none" /></svg>') center bottom/192px no-repeat;
}
}
@media screen and (min-width: 768px) {
.page--bodyworks .secPoint__pointBlk {
background-image: none;
}
.page--bodyworks .secPoint__pointBlk::before {
background: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -3 192 52"><polyline points="0 0 96 47 192 -3" stroke="%23007AEC" stroke-width="3px" fill="none" /></svg>') center bottom/192px no-repeat;
}
.page--bodyworks .secPoint__pointBlk .etcBlk__ttl {
margin-bottom: 3rem;
}
}
@media screen and (min-width: 768px) {
.page--bodyworks .secPoint__contentsBlk {
padding-top: 0;
}
}
@media screen and (min-width: 768px) {
.page--bodyworks .secFeature {
padding-bottom: 100px;
}
}
.page--bodyworks .secFeature .secTtl {
padding: 91px 0 35px;
}
@media screen and (min-width: 768px) {
.page--bodyworks .secFeature .secTtl {
padding: 176px 0 120px;
}
.page--bodyworks .secFeature .secTtl .en {
top: 0.1em;
}
}
.page--bodyworks .secFeature__list {
margin-bottom: 20px;
}
.page--bodyworks .secFeature__list .listItem {
padding-bottom: 10px;
}
.page--bodyworks .secFeature__list .listItem--order-1 {
order: 1;
}
.page--bodyworks .secFeature__list .listItem__ttl {
padding: 20px 0 17px;
margin-bottom: 11px;
}
.page--bodyworks .secFeature .detail {
width: 100%;
padding: 41px 20px 38px;
margin: 0 0 0 0;
background-color: #EEEEEE;
}
.page--bodyworks .secFeature .detail__ttl {
margin-bottom: 10px;
font-size: 125%;
font-weight: 700;
letter-spacing: -0.05em;
text-align: center;
}
.page--bodyworks .secFeature .detail__ttl span {
padding: 0 0.5em;
background: #FAFF00;
}
.page--bodyworks .secFeature .detail__img {
width: 100%;
max-width: 406px;
margin: 0 auto 30px;
}
.page--bodyworks .secFeature .detail__txtWrap {
width: 100%;
max-width: 406px;
margin: 0 auto;
}
.page--bodyworks .secFeature .detail__txtWrap p {
font-size: 14px;
}
.page--bodyworks .secFeature .detail__txtWrap p+p {
margin-top: 1.7em;
}
@media screen and (max-width: 767px) {
.page--bodyworks .secFeature .detail__txtWrap {
max-height: 234px;
overflow: hidden;
position: relative;
transition: 1s;
cursor: pointer;
}
.page--bodyworks .secFeature .detail__txtWrap::before {
content: "";
width: 100%;
height: 165px;
background: linear-gradient(180deg, transparent 0%, #EEEEEE 100%);
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
.page--bodyworks .secFeature .detail__txtWrap a {
width: 100%;
font-weight: 700;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
grid-gap: 15px;
bottom: 0;
left: 0;
z-index: 2;
}
.page--bodyworks .secFeature .detail__txtWrap a::after {
content: "";
width: 8px;
height: 8px;
border-bottom: 3px solid #e92625;
border-right: 3px solid #e92625;
display: block;
transform: rotate(45deg);
}
.page--bodyworks .secFeature .detail__txtWrap.open {
max-height: 1000px;
cursor: auto;
pointer-events: none;
}
.page--bodyworks .secFeature .detail__txtWrap.open::before {
display: none;
}
.page--bodyworks .secFeature .detail__txtWrap.open a {
display: none;
}
}
@media screen and (min-width: 768px) {
.page--bodyworks .secFeature__list .listItem {
margin-bottom: 40px;
}
.page--bodyworks .secFeature__list .listItem:nth-child(odd) {
padding-right: 20px;
}
.page--bodyworks .secFeature__list .listItem__txt {
margin-bottom: 18px;
}
.page--bodyworks .secFeature .detail {
width: 100%;
padding: 70px 20px 70px;
margin: 0 0 0 0px;
grid-row: span 6;
}
.page--bodyworks .secFeature .detail__flex {
display: flex;
justify-content: center;
align-items: center;
column-gap: 5%;
margin: 20px auto 0;
width: 1100px;
max-width: 100%;
}
.page--bodyworks .secFeature .detail__ttl {
font-size: 130%;
}
.page--bodyworks .secFeature .detail__img {
margin: 0;
flex-shrink: 0;
max-width: 500px;
width: 50%;
}
.page--bodyworks .secFeature .detail__txtWrap {
margin: 0;
max-width: none;
}
}
@media screen and (min-width: 1024px) {
.page--bodyworks .secFeature .detail__ttl {
font-size: 150%;
}
}
.page--bodyworks .secWorks {
padding-bottom: 60px;
}
.page--bodyworks .secWorks::before {
height: calc(100% - 170px);
}
.page--bodyworks .secWorks .secTtl {
padding: 121px 0 18px;
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.page--bodyworks .secWorks {
padding-bottom: 110px;
margin-bottom: -70px;
}
.page--bodyworks .secWorks::before {
height: calc(100% - 235px);
}
.page--bodyworks .secWorks .secTtl {
padding-bottom: 68px;
margin-bottom: 50px;
}
}
.page--bodyworks .secCTA {
padding-top: 120px;
}
@media screen and (min-width: 768px) {
.page--bodyworks .secCTA {
padding-top: 30px;
}
}
.page--company .secIntro__inner {
grid-gap: 44px;
}
.page--company .secIntro__ttl {
margin-bottom: 0.8em;
}
.page--company .secIntro__txt {
font-size: 100%;
}
@media screen and (min-width: 768px) {
.page--company .secIntro {
padding: 0 0 110px;
}
.page--company .secIntro__ttl {
font-size: 150%;
line-height: 1.4;
}
.page--company .secIntro__ttl span {
margin-bottom: 0.3em;
}
.page--company .secIntro__txt {
font-size: 125%;
}
.page--company .secIntro__img {
margin: 0 -20px 0 0;
}
}
@media screen and (min-width: 1024px) {
.page--company .secIntro__ttl {
font-size: 200%;
}
}
@media screen and (min-width: 1200px) {
.page--company .secIntro__ttl {
font-size: 250%;
}
}
.page--company .navInpage {
padding-bottom: 53px;
}
.page--company .navInpage__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
.page--company .navInpage {
padding-bottom: 80px;
}
}
.page--company .secAccess--company {
padding: 56px 0 80px;
background-color: #e92625;
color: #fff;
}
@media screen and (min-width: 768px) {
.page--company .secAccess--company {
padding: 65px 0 80px;
}
}
.page--company .secAccess--company .secTtl {
margin-bottom: 16px;
align-items: flex-start;
grid-gap: 8px;
}
.page--company .secAccess--company .secTtl .en {
-webkit-text-stroke-color: #fff;
}
.page--company .secAccess--company .secTtl .jp {
background-color: #fff;
color: #e92625;
}
@media screen and (min-width: 768px) {
.page--company .secAccess--company .secTtl {
margin-bottom: 32px;
grid-gap: 23px;
}
.page--company .secAccess--company .secTtl .en {
font-size: 500%;
}
.page--company .secAccess--company .secTtl .jp {
font-size: 100%;
line-height: 1.75;
}
}
@media screen and (min-width: 1024px) {
.page--company .secAccess--company .secTtl .en {
font-size: 687.5%;
}
}
.page--company .secAccess--company .secAccess__inner {
grid-gap: 14px;
}
.page--company .secAccess--company .secAccess__subTtl {
margin-bottom: 20px;
font-size: 160%;
font-weight: 700;
line-height: 1.4;
}
.page--company .secAccess--company .secAccess__txt {
font-size: 16px;
}
@media screen and (min-width: 768px) {
.page--company .secAccess--company .secAccess__blk1 {
width: 100%;
}
.page--company .secAccess--company .secAccess__blk2 {
width: 46.5%;
order: 0;
}
.page--company .secAccess--company .secAccess__subTtl {
margin-bottom: 30px;
}
}
@media screen and (min-width: 768px) {
.page--company .secAccess--company .secAccess__subTtl {
font-size: 170%;
}
.page--company .secMaker .makerSlide::before {
font-size: 185px;
letter-spacing: 0.2em;
bottom: 0.2em;
left: 52%;
}
}
@media screen and (min-width: 1024px) {
.page--company .secAccess--company .secAccess__subTtl {
font-size: 200%;
}
.page--company .secMaker::before {
font-size: 235px;
left: 51.5%;
}
}
@media screen and (min-width: 1200px) {
.page--company .secMaker::before {
font-size: 285.24px;
}
}
.page--company .secCTA {
padding-top: 45px;
}
@media screen and (min-width: 768px) {
.page--company .secCTA {
padding-top: 30px;
background-color: #fff;
}
}
.page--contact .secIntro {
padding: 0 0 30px;
}
.page--contact .secIntro__inner {
align-items: center;
grid-gap: 0;
}
.page--contact .secIntro__ttl {
color: #e92625;
font-size: 125%;
text-align: center;
}
.page--contact .secIntro__ttl strong {
color: #1e298d;
}
.page--contact .secIntro__txt {
font-size: 100%;
}
.page--contact .secIntro__btn {
max-width: 350px;
padding-right: 50px;
margin-top: 20px;
background-color: #fff;
border-width: 2px;
color: #e92625;
font-size: 125%;
font-weight: 700;
grid-gap: 4px;
}
.page--contact .secIntro__btn:hover {
background-color: #3E4851;
color: #fff;
}
.page--contact .secIntro__btn::before,
.page--contact .secIntro__btn::after {
right: 22px;
}
.page--contact .secIntro__btn .telIcon {
width: 25px;
height: 30px;
filter: brightness(0);
background: url('data:image/svg+xml;charset=utf8,<svg width="25" height="30" viewBox="0 0 25 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.23517 1.27129C-0.00515636 2.60816 -0.445261 6.787 0.40056 10.1929C1.05928 12.8452 2.45977 16.403 4.82135 19.7533C7.04295 22.9051 10.1424 25.7312 12.5058 27.3663C15.5406 29.4658 19.867 30.8003 22.1073 29.4635C23.2402 28.7875 24.9232 26.9405 25 26.6091C25 26.6091 24.0131 25.209 23.7965 24.9017L20.4868 20.2063C20.2409 19.8574 18.6985 20.1763 17.915 20.5846C16.858 21.1357 15.8847 22.6141 15.8847 22.6141C15.16 22.9993 14.5529 22.6155 13.2847 22.0784C11.7259 21.4185 9.9734 19.3682 8.57857 17.5112C7.30462 15.5821 5.98469 13.2736 5.96558 11.695C5.94985 10.4105 5.8165 9.74405 6.4944 9.29229C6.4944 9.29229 8.35849 9.07749 9.33632 8.41433C10.0611 7.92261 11.0066 6.75694 10.7606 6.40796L7.45096 1.71262C7.23438 1.40535 6.24744 0.00519608 6.24744 0.00519608C5.88719 -0.0654093 3.368 0.595293 2.23517 1.27129Z" fill="%23007AEC"/></svg>') center/contain no-repeat;
display: block;
}
.page--contact .secIntro__timeTxt {
margin-top: 5px;
font-size: 87.5%;
}
@media screen and (min-width: 768px) {
.page--contact .secIntro {
padding: 5px 0 80px;
}
.page--contact .secIntro__inner {
flex-direction: column;
}
.page--contact .secIntro__ttl {
margin-bottom: 0.75em;
font-size: 150%;
line-height: 1.4;
}
.page--contact .secIntro__txt {
margin-bottom: 1em;
font-size: 125%;
text-align: center;
}
.page--contact .secIntro__btn {
max-width: 350px;
}
}
@media screen and (min-width: 1024px) {
.page--contact .secIntro__ttl {
font-size: 200%;
}
}
@media screen and (min-width: 1200px) {
.page--contact .secIntro__ttl {
font-size: 250%;
}
}
@media screen and (min-width: 768px) {
.page--contact .secCTA {
padding: 30px 0 0;
margin-top: -70px;
background-color: #fff;
}
}
@media screen and (min-width: 768px) {
.page--thanks .secCTA {
padding-top: 120px;
background-color: #fff;
}
.page--thanks .secCTA::before {
height: calc(100% - 160px);
}
}
.page--privacypolicy .secCTA {
padding-top: 100px;
}
@media screen and (min-width: 768px) {
.page--privacypolicy .secCTA {
padding-top: 0;
margin-top: -91px;
}
}
@media screen and (min-width: 1024px) {
.page--privacypolicy .secCTA {
padding-top: 30px;
margin-top: -71px;
}
}
.page--404 main {
margin-top: 70px;
}
.page--404 .breadcrumbBlk {
padding-top: 22px;
}
.page--404 .secCTA {
padding-top: 98px;
}
@media screen and (min-width: 768px) {
.page--404 .secCTA {
padding-top: 120px;
background-color: #fff;
}
.page--404 .secCTA::before {
height: calc(100% - 160px);
}
}
@media screen and (min-width: 1024px) {
.page--404 main {
margin-top: 140px;
}
.page--404 .breadcrumbBlk {
margin-bottom: 97px;
}
}
.archive--news .secNewsArchive {
padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
.archive--news .secNewsArchive {
padding: 65px 0 150px;
}
}
.archive--news .secNewsArchive__inner {
width: calc(100% - 20px);
}
.archive--news .secNewsArchive__list {
display: grid;
grid-gap: 20px;
}
.archive--news .secNewsArchive__list .listItem {
padding: 14px 20px 20px;
background-color: #fff;
}
.archive--news .secNewsArchive__list .listItem__a {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
grid-gap: 16px 0;
}
.archive--news .secNewsArchive__list .listItem__img {
width: 80px;
height: 80px;
margin-top: 6px;
flex-shrink: 0;
}
.archive--news .secNewsArchive__list .listItem__img img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
.archive--news .secNewsArchive__list .listItem__txtWrap {
width: 100%;
display: contents;
}
.archive--news .secNewsArchive__list .listItem__txtWrap .ttlWrap {
width: calc(100% - 80px);
padding-left: 20px;
}
.archive--news .secNewsArchive__list .listItem__txtWrap .ttlWrap__date {
color: #e92625;
font-weight: 500;
line-height: 1.9;
}
.archive--news .secNewsArchive__list .listItem__txtWrap .ttlWrap__date .new {
padding-left: 0.5em;
color: #1e298d;
}
.archive--news .secNewsArchive__list .listItem__txtWrap .ttlWrap__ttl {
font-weight: 700;
line-height: 1.6;
}
.archive--news .secNewsArchive__list .listItem__txt {
width: 100%;
margin-bottom: 4px;
font-size: 14px;
}
@media screen and (min-width: 768px) {
.archive--news .secNewsArchive__list .listItem {
padding: 30px;
}
.archive--news .secNewsArchive__list .listItem__a {
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
.archive--news .secNewsArchive__list .listItem__img {
width: 200px;
height: 200px;
margin-top: 0;
}
.archive--news .secNewsArchive__list .listItem__txtWrap {
padding: 0 40px;
display: block;
}
.archive--news .secNewsArchive__list .listItem__txtWrap .ttlWrap {
width: 100%;
padding-left: 0;
margin-bottom: 16px;
}
.archive--news .secNewsArchive__list .listItem__txtWrap .ttlWrap__ttl {
font-size: 162.5%;
}
.archive--news .secNewsArchive__list .listItem__txt {
font-size: 100%;
}
.archive--news .secNewsArchive__list .listItem .btn {
width: 38px;
height: 38px;
background: #e92625;
border-radius: 50%;
border: 0;
flex-shrink: 0;
}
.archive--news .secNewsArchive__list .listItem .btn::before {
display: none;
}
.archive--news .secNewsArchive__list .listItem .btn::after {
right: 0;
}
.archive--news .secNewsArchive__list .listItem .btn:hover {
opacity: 0.8;
}
}
.archive--news .secNewsArchive .wp-pagenavi {
padding: 40px 0 0;
}
@media screen and (min-width: 768px) {
.archive--news .secNewsArchive .wp-pagenavi {
padding: 80px 0 0;
}
}
.archive--news .secCTA {
padding-top: 80px;
}
@media screen and (min-width: 768px) {
.archive--news .secCTA {
padding-top: 0;
}
}
@media screen and (min-width: 1024px) {
.archive--news .secCTA {
padding-top: 30px;
}
}
.archive--case .secIntro {
padding-bottom: 20px;
}
.archive--case .secIntro__ttl {
margin-bottom: 1em;
}
.archive--case .secIntro__txt {
font-size: 100%;
}
@media screen and (min-width: 768px) {
.archive--case .secIntro {
padding-bottom: 26px;
}
.archive--case .secIntro__ttl {
margin-bottom: 1.5em;
line-height: 1.4;
}
.archive--case .secIntro__txt {
font-size: 125%;
}
}
.archive--case .secWorks {
padding-bottom: 30px;
background-color: transparent;
}
@media screen and (min-width: 768px) {
.archive--case .secWorks {
padding-bottom: 85px;
}
}
.archive--case .secWorks::before {
display: none;
}
@media screen and (min-width: 768px) {
.archive--case .secWorks__blkTtl {
margin-bottom: 28px;
}
}
.archive--case .secWorks__typeBlk {
padding-top: 46px;
}
.archive--case .secWorks__exampleBlk {
padding-top: 58px;
}
.archive--case .secWorks__exampleBlk .nopost {
text-align: center;
}
@media screen and (min-width: 768px) {
.archive--case .secWorks__exampleBlk {
padding-top: 78px;
}
}
@media screen and (min-width: 768px) {
.archive--case .secWorks__exampleList {
max-width: 100%;
margin-bottom: 80px;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
}
@media screen and (min-width: 1024px) {
.archive--case .secWorks__exampleList .listItem__link {
padding: 28px 50px 28px 33px;
}
.archive--case .secWorks__exampleList .listItem__link::after {
right: 35px;
}
.archive--case .secWorks__exampleList .listItem__img {
width: 135px;
height: 120px;
}
.archive--case .secWorks__exampleList .listItem__txtWrap {
padding-left: 33px;
}
}
@media screen and (min-width: 768px) {
.archive--case .secCTA {
padding-top: 30px;
}
}
@media screen and (min-width: 768px) {
.single--post .secNewsPost {
padding: 65px 0 0;
}
}
.single--post .secNewsPost__inner {
width: calc(100% - 20px);
background-color: #fff;
border-radius: 0;
padding: 28px 20px 60px;
}
@media screen and (min-width: 768px) {
.single--post .secNewsPost__inner {
padding: 60px 60px 60px 60px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
grid-gap: 18px 0;
}
}
.single--post .secNewsPost__header {
width: 100%;
}
@media screen and (min-width: 768px) {
.single--post .secNewsPost__header {
width: 57%;
padding-left: 35px;
}
}
.single--post .secNewsPost__date {
margin-bottom: 14px;
color: #e92625;
font-weight: 500;
line-height: 1.9;
}
.single--post .secNewsPost__date .new {
padding-left: 0.5em;
color: #1e298d;
}
@media screen and (min-width: 768px) {
.single--post .secNewsPost__date {
font-size: 120%;
}
}
.single--post .secNewsPost__ttl {
margin-bottom: 30px;
font-size: 26px;
font-weight: 600;
line-height: 1.6;
}
@media screen and (min-width: 768px) {
.single--post .secNewsPost__ttl {
font-size: 150%;
line-height: 1.4;
}
}
@media screen and (min-width: 1024px) {
.single--post .secNewsPost__ttl {
font-size: 200%;
}
}
@media screen and (min-width: 1200px) {
.single--post .secNewsPost__ttl {
font-size: 250%;
}
}
.single--post .secNewsPost__img {
width: 100%;
margin-bottom: 32px;
}
.single--post .secNewsPost__img img {
width: 100%;
display: block;
}
@media screen and (min-width: 768px) {
.single--post .secNewsPost__img {
width: 43%;
flex-shrink: 0;
order: -1;
}
}
.single--post .secNewsPost__txtWrap {
width: 100%;
font-size: 14px;
}
.single--post .secNewsPost__txtWrap h2,
.single--post .secNewsPost__txtWrap h3,
.single--post .secNewsPost__txtWrap h4,
.single--post .secNewsPost__txtWrap h5,
.single--post .secNewsPost__txtWrap h6 {
margin-bottom: 1.5rem;
font-weight: 500;
}
.single--post .secNewsPost__txtWrap figure {
margin-bottom: 1.5rem;
}
.single--post .secNewsPost__txtWrap figcaption {
font-size: 90%;
opacity: 0.8;
}
.single--post .secNewsPost__txtWrap ul,
.single--post .secNewsPost__txtWrap ol {
margin-left: 1rem;
margin-bottom: 1.5rem;
}
.single--post .secNewsPost__txtWrap ul li {
list-style-type: disc;
}
.single--post .secNewsPost__txtWrap ol li {
list-style: decimal;
}
.single--post .secNewsPost__txtWrap a {
color: #1e298d;
text-decoration: underline;
}
.single--post .secNewsPost__txtWrap a:hover {
text-decoration: none;
}
@media screen and (min-width: 768px) {
.single--post .secNewsPost__txtWrap {
font-size: 100%;
}
}
.single--post .newsNavigation {
padding: 50px 0 147px;
}
.single--post .newsNavigation .btn {
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.single--post .newsNavigation {
padding-top: 70px;
}
}
.single--post .secCTA {
padding-top: 13px;
}
@media screen and (min-width: 768px) {
.single--post .secCTA {
padding-top: 0;
}
}
@media screen and (min-width: 1024px) {
.single--post .secCTA {
padding-top: 30px;
}
}
@media screen and (min-width: 768px) {
.single--case .secCTA {
padding: 30px 0 0;
margin-top: -71px;
}
span.marker {
background: linear-gradient(transparent 50% , rgba(230, 0, 57, 0.35) 50% 50%);
}
}