@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@300;400;500;700&family=Oswald:wght@300;400;500;700&display=swap");
@font-face {
font-family: swiper-icons;
font-style: normal;
font-weight: 400;
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")
}
:root {
--swiper-theme-color: #14B1B9;
}
:host {
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 1;
}
.swiper {
display: block;
list-style: none;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding: 0;
position: relative;
z-index: 1
}
.swiper-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
width: 100%;
z-index: 1
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.swiper-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-slide {
-ms-flex-negative: 0;
display: block;
flex-shrink: 0;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
width: 100%
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform
}
.swiper-backface-hidden .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-3d {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-css-mode>.swiper-wrapper {
-ms-overflow-style: none;
overflow: auto;
scrollbar-width: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
-ms-scroll-snap-type: none;
scroll-snap-type: none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
-ms-flex-negative: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
content: "";
flex-shrink: 0;
order: 9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
height: var(--swiper-centered-offset-after);
min-width: 1px;
width: 100%
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-lazy-preloader {
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top: 4px solid transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 42px;
left: 50%;
margin-left: -21px;
margin-top: -21px;
position: absolute;
top: 50%;
-webkit-transform-origin: 50%;
transform-origin: 50%;
width: 42px;
z-index: 10
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
-webkit-animation: swiper-preloader-spin 1s linear infinite;
animation: swiper-preloader-spin 1s linear infinite
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@-webkit-keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
content: "";
left: 0;
pointer-events: none;
position: absolute;
top: 0
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
height: 1px;
width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
height: var(--swiper-virtual-size);
width: 1px
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: var(--swiper-navigation-size);
justify-content: center;
margin-top: calc(0px - var(--swiper-navigation-size)/2);
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size)/44*27);
z-index: 10
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
cursor: auto;
opacity: .35;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
cursor: auto;
opacity: 0;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next svg,
.swiper-button-prev svg {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transform-origin: center;
transform-origin: center;
width: 100%
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto
}
.swiper-button-lock {
display: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
font-variant: normal;
letter-spacing: 0;
line-height: 1;
text-transform: none !important
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev"
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
left: auto;
right: var(--swiper-navigation-sides-offset, 10px)
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next"
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .3s;
transition: opacity .3s;
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 8px);
left: 0;
top: var(--swiper-pagination-top, auto);
width: 100%
}
.swiper-pagination-bullets-dynamic {
font-size: 0;
overflow: hidden
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
position: relative;
-webkit-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullet {
background: var(--swiper-pagination-bullet-inactive-color, #000);
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
display: inline-block;
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}
button.swiper-pagination-bullet {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 0
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
opacity: var(--swiper-pagination-bullet-opacity, 1)
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
left: var(--swiper-pagination-left, auto);
right: var(--swiper-pagination-right, 8px);
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
display: block;
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: top .2s, -webkit-transform .2s;
transition: top .2s, -webkit-transform .2s;
transition: transform .2s, top .2s;
transition: transform .2s, top .2s, -webkit-transform .2s
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: left .2s, -webkit-transform .2s;
transition: left .2s, -webkit-transform .2s;
transition: transform .2s, left .2s;
transition: transform .2s, left .2s, -webkit-transform .2s
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: right .2s, -webkit-transform .2s;
transition: right .2s, -webkit-transform .2s;
transition: transform .2s, right .2s;
transition: transform .2s, right .2s, -webkit-transform .2s
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top;
width: 100%
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
width: 100%
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
height: 100%;
left: 0;
top: 0;
width: var(--swiper-pagination-progressbar-size, 4px)
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
-ms-touch-action: none;
touch-action: none
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
bottom: var(--swiper-scrollbar-bottom, 4px);
height: var(--swiper-scrollbar-size, 4px);
left: var(--swiper-scrollbar-sides-offset, 1%);
position: absolute;
top: var(--swiper-scrollbar-top, auto);
width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
z-index: 50
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
left: var(--swiper-scrollbar-left, auto);
position: absolute;
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
width: var(--swiper-scrollbar-size, 4px);
z-index: 50
}
.swiper-scrollbar-drag {
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
height: 100%;
left: 0;
position: relative;
top: 0;
width: 100%
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
justify-content: center;
text-align: center;
width: 100%
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-height: 100%;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move;
-ms-touch-action: none;
touch-action: none
}
.swiper .swiper-notification {
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
margin: 0 auto;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-grid>.swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-fade.swiper-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 100%;
pointer-events: none;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
visibility: hidden;
width: 100%;
z-index: 1
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-cube-shadow {
bottom: 0;
height: 100%;
left: 0;
opacity: .6;
position: absolute;
width: 100%;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
background: #000;
bottom: 0;
content: "";
-webkit-filter: blur(50px);
filter: blur(50px);
left: 0;
position: absolute;
right: 0;
top: 0
}
.swiper-cube .swiper-slide-next+.swiper-slide {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 0
}
.swiper-flip {
overflow: visible
}
.swiper-flip .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
pointer-events: none;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 0
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
-webkit-transition-property: opacity, height, -webkit-transform;
transition-property: opacity, height, -webkit-transform;
transition-property: transform, opacity, height;
transition-property: transform, opacity, height, -webkit-transform
}
.swiper-cards {
overflow: visible
}
.swiper-cards .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0
}
:where([hidden]:not([hidden=until-found])) {
display: none !important
}
:where(html) {
-webkit-text-size-adjust: none;
color-scheme: dark light
}
@supports not (min-block-size:100dvb) {
:where(html) {
block-size: 100%
}
}
@media (prefers-reduced-motion:no-preference) {
:where(html:focus-within) {
scroll-behavior: smooth
}
}
:where(body) {
-webkit-font-smoothing: antialiased;
block-size: 100%;
block-size: 100dvb;
font-family: system-ui, sans-serif;
line-height: 1.5
}
:where(input, button, textarea, select) {
color: inherit;
font: inherit
}
:where(textarea) {
resize: vertical;
resize: block
}
:where(button, label, select, summary, [role=button], [role=option]) {
cursor: pointer
}
:where(:disabled) {
cursor: not-allowed
}
:where(label:has(>input:disabled), label:has(+input:disabled)) {
cursor: not-allowed
}
:where(button) {
border-style: solid
}
:where(a) {
text-underline-offset: .2ex
}
:where(ul, ol) {
list-style: none
}
:where(img, svg, video, canvas, audio, iframe, embed, object) {
display: block
}
:where(img, picture, svg) {
block-size: auto;
max-inline-size: 100%
}
:where(p, h1, h2, h3, h4, h5, h6) {
overflow-wrap: break-word
}
:where(h1, h2, h3) {
line-height: calc(1em + .5rem)
}
:where(hr) {
-webkit-border-before: 1px solid;
block-size: 0;
border: none;
border-block-start: 1px solid;
color: inherit;
overflow: visible
}
:where(:focus-visible) {
outline: 2px solid var(--focus-color, Highlight);
outline-offset: 2px
}
:where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
border: 0 !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important
}
#wpadminbar {
display: none
}
html {
scroll-behavior: auto
}
body,
html {
-webkit-font-feature-settings: "palt" on;
font-feature-settings: "palt" on;
color: #0A3436;
font-family: 'M PLUS 2', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 1.75;
margin: 0 auto;
padding: 0
}
body *,
html * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
scroll-margin-top: 0 !important
}
body .f-marugo,
html .f-marugo {
font-family: Zen Maru Gothic, sans-serif
}
div,
span {
margin: 0;
padding: 0
}
address {
font-style: normal
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1em;
font-weight: 500
}
blockquote,
code,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
q,
span {
margin: 0;
padding: 0
}
article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block
}
cite,
code,
dfn,
em,
strong,
var {
font-style: normal;
font-weight: 400
}
del,
ins {
text-decoration: none
}
abbr,
acronym {
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
border: 0;
font-variant: normal
}
sup {
vertical-align: top
}
sub {
vertical-align: baseline
}
img {
border: 0;
vertical-align: bottom;
width: 100%
}
figure {
margin: 0
}
.bold {
font-weight: 700
}
a,
a:active,
a:hover,
a:link,
a:visited {
color: inherit;
outline: 0;
text-decoration: none
}
a.over:hover img,
a.over:hover p {
zoom: 1;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
opacity: .8;
-moz-opacity: .8
}
dd,
dl,
dt,
li,
ol,
ul {
margin: 0;
padding: 0
}
li {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
table,
tbody,
td,
tfoot,
th,
thead,
tr {
margin: 0;
padding: 0
}
caption,
th {
font-weight: 400;
text-align: left
}
.clearfix:after {
clear: both;
content: " ";
display: block;
height: 0;
visibility: hidden
}
main {
overflow-x: hidden
}
@media screen and (max-width:767px) {
body {
font-size: 3.2vw;
line-height: 1.75
}
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 78px;
z-index: 1000;
}
header .inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .08);
box-shadow: 0 0 8px rgba(0, 2px, 0, .08);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 20px;
justify-content: space-between;
margin: 0 auto;
height: 100%;
}
header h1 {
min-width: 171px;
width: 171px;
}
header h1 a {
display: block
}
header .btn_wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 24px;
justify-content: center
}
header .btn_wrapper .header_tel {
width: 214px
}
header .btn_wrapper .header_contact {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: linear-gradient(to right, #15cdaf 0%, #46c8d4 100%);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: 1rem;
font-weight: 700;
justify-content: center;
padding: 10px 0;
width: 250px;
height: 78px;
}
header .btn_wrapper .header_contact::after{
content: "";
display: inline-block;
width: 1.5rem;
height: 1.5rem;
background: url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/contact_arrow.png);
background-size: cover;
margin-left: 7px;
}
.nav.is-sp,
header .btn_wrapper .header_contact_sp,
header .nav_trigger {
display: none
}
.nav ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 0 20px;
justify-content: flex-start;
width: 100%
}
.nav ul .has_child {
position: relative
}
@media (hover:hover) {
.nav ul .has_child:hover .icon {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
.nav ul .has_child:hover .child_nav {
opacity: 1;
pointer-events: visible
}
}
.nav ul .has_child>a {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: flex-start
}
.nav ul .has_child .icon {
display: inline-block;
margin-left: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: .3s;
transition: .3s;
width: 8px
}
.nav ul .has_child .child_nav {
left: 0;
opacity: 0;
padding-top: 16px;
pointer-events: none;
position: absolute;
top: 100%
}
.nav ul .has_child .child_nav dl {
background: #fff;
border-radius: 8px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
padding: 12px 24px 16px 16px;
width: 240px
}
.nav ul .has_child .child_nav dl dt {
color: #14B1B9;
font-size: 1.1428571429rem;
font-weight: 600;
margin-bottom: 12px
}
.nav ul .has_child .child_nav dl ul {
padding-left: 8px
}
.nav ul .has_child .child_nav dl li+li {
margin-top: 12px
}
.nav ul .has_child .child_nav dl li:before {
background: #14B1B9;
content: "";
display: inline-block;
height: 1.5px;
margin-right: 8px;
vertical-align: middle;
width: 8px
}
.nav ul a {
font-size: .875rem;
font-weight: 700;
color: #0a3436;
}
.nav .btn_wrapper {
display: none
}
@media screen and (min-width:1050px) {
header .inner {
justify-content: right;
padding-left: 220px;
}
header h1 {
position: absolute;
left: 0;
margin-left: 1.5rem;
}
}
@media screen and (max-width:1050px) {
header .inner {
padding: 9px 24px
}
header .inner>.btn_wrapper {
gap: 24px;
margin-left: auto
}
header .inner>.btn_wrapper .header_contact {
display: none
}
header .inner>.btn_wrapper .header_contact_sp {
display: block;
width: 21px
}
header .inner>.btn_wrapper .header_tel {
width: 150px;
}
header .btn_wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 24px;
justify-content: center
}
header .btn_wrapper .header_tel {
width: 214px
}
header .btn_wrapper .header_contact {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #ff6c00;
border-radius: 22px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-weight: 600;
justify-content: center;
padding: 10px 0;
width: 200px
}
header .nav_trigger {
background: transparent;
border: none;
display: block;
height: 11px;
position: relative;
width: 16px
}
header .nav_trigger span {
background: #14B1B9;
display: block;
height: 2px;
left: 0;
position: absolute;
-webkit-transition: .3s;
transition: .3s;
width: 100%
}
header .nav_trigger span:first-of-type {
top: 0
}
header .nav_trigger span:nth-of-type(2) {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
header .nav_trigger span:nth-of-type(3) {
bottom: 0
}
header .nav_trigger u {
height: 0;
opacity: 0;
overflow: hidden;
visibility: hidden
}
.nav {
background: #E3F6F7;
height: auto;
opacity: 0;
padding: 22px 20px 56px;
position: fixed;
right: -400px;
top: 0;
-webkit-transition: .3s;
transition: .3s;
width: 375px;
z-index: 1000
}
.nav.is-pc {
display: none
}
.nav.is-sp {
display: block
}
.nav.is-current {
opacity: 1;
right: 0;
height: 100%;
}
.nav .nav_head {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: space-between;
margin-bottom: 66px
}
.nav .nav_head .nav_logo {
display: block;
width: 133px
}
.nav .nav_head .nav_trigger {
background: #fff;
border: none;
border-radius: 8px;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .08);
box-shadow: 0 0 8px rgba(0, 0, 0, .08);
display: block;
height: 33px;
position: relative;
width: 33px
}
.nav .nav_head .nav_trigger span {
background: #14B1B9;
display: block;
height: 2px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: .3s;
transition: .3s;
width: 16px
}
.nav .nav_head .nav_trigger span:first-of-type {
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg)
}
.nav .nav_head .nav_trigger span:nth-of-type(2) {
bottom: unset;
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg)
}
.nav .nav_head .nav_trigger u {
height: 0;
opacity: 0;
overflow: hidden;
visibility: hidden
}
.nav ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
gap: 20px;
justify-content: center;
width: 100%
}
.nav ul .has_child {
position: relative;
text-align: center
}
}
@media screen and (max-width:1050px) and (hover:hover) {
.nav ul .has_child:hover .icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.nav ul .has_child:hover .child_nav {
opacity: 0;
pointer-events: none
}
}
@media screen and (max-width:1050px) {
.nav ul .has_child.is-current .icon {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
.nav ul .has_child.is-current .child_nav {
max-height: 9999px;
opacity: 1 !important;
pointer-events: visible !important
}
.nav ul .has_child>p {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-weight: 700;
justify-content: center
}
.nav ul .has_child .icon {
display: inline-block;
margin-left: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: .3s;
transition: .3s;
width: 8px
}
.nav ul .has_child .child_nav {
left: unset;
max-height: 0;
opacity: 0;
padding-top: 0;
pointer-events: none;
position: relative;
top: unset;
-webkit-transition: .3s;
transition: .3s
}
.nav ul .has_child .child_nav dl {
background: transparent;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 16px 0 0;
width: 100%
}
.nav ul .has_child .child_nav dl dt {
display: none
}
.nav ul .has_child .child_nav dl ul {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: unset;
padding-left: 0
}
.nav ul .has_child .child_nav dl ul li a {
font-size: 1rem;
font-weight: 500;
text-align: left
}
.nav ul a,
.nav ul p {
font-size: 1.125rem
}
.nav .btn_wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 24px;
justify-content: center;
margin-top: 60px
}
.nav .btn_wrapper .header_tel {
width: 214px
}
.nav .btn_wrapper .header_contact {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: linear-gradient(to right, #15cdaf 0%, #46c8d4 100%);
border-radius: 22px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-weight: 600;
justify-content: center;
padding: 10px 0;
width: 200px
}
}
@media screen and (max-width:767px) {
header{
height: 16vw;
}
header .inner {
-webkit-box-shadow: 0 0 2.1333333333vw rgba(0, 0, 0, .08);
box-shadow: 0 0 2.1333333333vw rgba(0, 0, 0, .08);
padding: 2.4vw 14px;
}
header .inner>.btn_wrapper {
gap: 6.4vw
}
header .inner>.btn_wrapper .header_contact_sp {
width: 5.6vw
}
header .inner>.btn_wrapper .header_tel {
width: 31vw;
}
header h1 {
min-width: unset;
width: 35.4666666667vw;
margin-left: 0;
}
header .nav_trigger {
height: 11px;
width: 4.2666666667vw
}
header .nav_trigger span {
height: 2px;
}
.nav {
height: 100vh;
padding: 5.8666666667vw 4.2666666667vw 14.9333333333vw;
right: -100vw;
top: 0;
width: 100vw
}
.nav .nav_head {
margin-bottom: 17.6vw
}
.nav .nav_head .nav_logo {
width: 35.4666666667vw
}
.nav .nav_head .nav_trigger {
-webkit-box-shadow: 0 0 2.1333333333vw rgba(0, 0, 0, .08);
box-shadow: 0 0 2.1333333333vw rgba(0, 0, 0, .08);
height: 8.8vw;
width: 8.8vw
}
.nav .nav_head .nav_trigger span {
height: .5333333333vw;
width: 4.2666666667vw
}
.nav ul {
gap: 5.3333333333vw
}
.nav ul .has_child .icon {
margin-left: 2.1333333333vw;
width: 2.1333333333vw
}
.nav ul .has_child .child_nav dl {
padding: 4.2666666667vw 0 0
}
.nav ul .has_child .child_nav dl li+li {
margin-top: 3.2vw
}
.nav ul .has_child .child_nav dl li:before {
height: .4vw;
margin-right: 2.1333333333vw;
width: 2.1333333333vw
}
.nav ul a {
font-size: 4.8vw
}
.nav .btn_wrapper {
gap: 6.4vw;
margin-top: 16vw
}
.nav .btn_wrapper .header_tel {
width: 57.0666666667vw
}
.nav .btn_wrapper .header_contact {
border-radius: 5.8666666667vw;
font-size: 3.7333333333vw;
padding: 2.6666666667vw 0;
width: 53.3333333333vw
}
}
footer {
background: #14b1b9;
padding: 80px 20px 40px;
position: relative;
z-index: 10;
}
footer * {
color: #fff;
}
footer .inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 20px;
justify-content: space-between;
margin: 0 auto;
max-width: 1280px;
width: 100%
}
footer .left {
width: 27.03125%;
width: 380px;
}
footer .left .footer_logo {
display: block;
margin-bottom: 48px
}
footer .left .footer_logo p {
font-size: .875rem;
font-weight: 600;
margin-bottom: 12px;
text-align: justify;
}
footer .footer_nav {
width: calc(100% - 200px);
width: 57.96875%
}
footer .footer_nav .flex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 9.3359173127%;
justify-content: flex-start;
margin-top: 21px
}
footer .footer_nav .flex ul li+li {
margin-top: 21px
}
footer .footer_nav a {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: 1.125rem;
font-weight: 600;
justify-content: flex-start;
line-height: 1.2
}
footer .footer_nav a:before {
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/icon_footer_menu.png);
background-size: cover;
content: "";
display: inline-block;
height: 24px;
margin-right: 8px;
min-height: 24px;
min-width: 24px;
width: 24px
}
footer small {
display: block;
font-size: .875rem;
font-weight: 600;
margin-top: 80px;
text-align: center;
width: 100%
}
@media screen and (max-width:767px) {
footer {
background: #14B1B9;
padding: 8.2666666667vw 6.4vw 37.3333333333vw;
z-index: 10;
}
footer .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 9.6vw;
justify-content: center
}
footer .left {
min-width: unset;
width: 100%
}
footer .left .footer_logo {
margin-bottom: 5.0666666667vw
}
footer .left .footer_logo p {
font-size: 3.2vw;
margin-bottom: 1.6vw;
text-align: center;
}
footer .footer_nav {
width: 100%
}
footer .footer_nav .flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 2.1333333333vw;
margin-top: 0
}
footer .footer_nav .flex ul li+li {
margin-top: 2.1333333333vw
}
footer .footer_nav a {
font-size: 3.7333333333vw
}
footer .footer_nav a:before {
height: 2.1333333333vw;
margin-right: 1.0666666667vw;
min-height: 2.1333333333vw;
min-width: 2.1333333333vw;
width: 2.1333333333vw
}
footer small {
font-size: 3.2vw;
margin-top: 12.8vw
}
}
.float_btn {
bottom: 40px;
position: fixed;
right: 40px;
z-index: 50
}
.float_btn .back {
display: none !important
}
.float_btn a {
display: block;
width: 332px
}
@media screen and (max-width:767px) {
.float_btn {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background: linear-gradient(to right, #15CDAF 0%, #46C8D4 100%);
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
height: 100px;
justify-content: center;
left: 0;
padding-bottom: 4px;
right: 0;
width: 100vw
}
.float_btn a {
display: block;
width: 327px
}
}
.btn01 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: linear-gradient(to right, #15cdaf 0%, #46c8d4 100%);
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-weight: 600;
height: 48px;
justify-content: center;
line-height: 1;
max-width: 253px;
padding: 12px 50px 12px 36px;
position: relative;
width: 100%
}
.btn01:before {
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/btn_arrow.png);
background-size: cover;
content: "";
display: block;
height: 32px;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 32px;
}
.btn01.no-color{
background: #fff;
border: 1px solid #14B1B9;
color: #14B1B9 !important;
}
.btn01.simple{
background: #14B1B9;
}
.btn01.no-color:before{
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/location/location_arrow.png);
background-size: cover;
}
.btn01.shadow {
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
box-shadow: 0 2px 8px rgba(0, 0, 0, .12)
}
@media (hover:hover) {
.btn01:hover {
background: linear-gradient(to right, #14B1B9 0%, #14B1B9 100%);
color: #fff !important;
opacity: 1;
}
}
@media screen and (max-width:767px) {
.btn01 {
font-size: 3.7333333333vw;
height: 11.7333333333vw;
max-width: 61.3333333333vw;
padding: 3.2vw 12.2666666667vw 3.2vw 9.6vw;
}
.btn01:before {
height: 7.4666666667vw;
right: 2.1333333333vw;
width: 7.4666666667vw;
}
.btn01.shadow {
-webkit-box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .12);
box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .12)
}
.btn01.orange {
border: .2666666667vw solid #ff6c00
}
}
@-webkit-keyframes scroll-left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
to {
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
}
@keyframes scroll-left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
to {
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
}
.is-pc {
display: block
}
.is-sp {
display: none
}
html {
padding: 0 !important
}
body {
background: #e3f6f7;
overflow-x: hidden;
position: relative
}
body.scroll_stop {
height: 100vh !important;
overflow: hidden !important
}
section {
max-width: 100vw
}
.no-tel {
pointer-events: none !important;
text-decoration: none !important
}
.inview {
opacity: 0;
-webkit-transform: translateY(25%);
transform: translateY(25%);
-webkit-transition: .6s;
transition: .6s
}
.inview.is-show {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0)
}
a {
-webkit-transition: .3s;
transition: .3s
}
@media (hover:hover) {
a:hover {
opacity: .7
}
}
.f-green {
color: #14B1B9 !important;
}
.f-pink {
color: #fa227d !important;
}
.f-yellow {
color: #FAFA22 !important;
}
.f-red {
color: #e63131 !important;
}
.f-white {
color: #fff; text-shadow:
1px 1px 0 #14B1B9,
-1px 1px 0 #14B1B9,
1px -1px 0 #14B1B9,
-1px -1px 0 #14B1B9,
2px 0 0 #14B1B9,
-2px 0 0 #14B1B9,
0 2px 0 #14B1B9,
0 -2px 0 #14B1B9,
2px 2px 0 #14B1B9,
-2px 2px 0 #14B1B9,
2px -2px 0 #14B1B9,
-2px -2px 0 #14B1B9,
3px 0 0 #14B1B9,
-3px 0 0 #14B1B9,
0 3px 0 #14B1B9,
0 -3px 0 #14B1B9;
}
.line {
position: relative;
display: inline-block;
}
.line::after {
content: "";
display: inline-block;
position: absolute;
width: 100%;
height: 4px;
left: 0;
bottom: 8px;
border-bottom: 4px solid #fa227d;
}
.flow .line::after {
bottom: 6px;
}
.cta p {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: 2.625rem;
font-weight: 700;
justify-content: center;
line-height: 1;
margin-bottom: 30px;
text-align: center
}
.cta .btn_wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 3.4965034965%;
justify-content: center
}
.cta .btn_wrapper .btn01 {
font-size: 1.375rem;
height: 73px;
max-width: 374px;
padding-left: 5.9440559441%
}
.swiper {
overflow: visible
}
.swiper .swiper-slide {
background: #fff;
border-radius: 8px;
width: 490px;
}
.swiper .swiper-slide a {
display: block;
padding: 24px 24px 19px
}
.works_slider.swiper .swiper-slide a{
padding: 0;
position: relative;
}
.swiper .swiper-slide a .eye_catch {
border-radius: 8px 8px 0 0;
margin-top: 16px;
overflow: hidden;
width: 100%
}
.works_slider.swiper .swiper-slide a .eye_catch {
margin-top: 0;
height: 257px;
}
.swiper .swiper-slide a .eye_catch img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.works_slider.swiper .text_wrap {
padding: 16px 6.027027027% 24px;
}
.swiper .swiper-slide a time {
display: inline-block;
font-size: .875rem;
font-weight: 500;
margin-bottom: 12px
}
.works_slider.swiper .swiper-slide a time {
color: #BFBFBF;
font-family: 'Oswald', sans-serif;
}
.swiper .swiper-slide a .category_list {
margin-left: 12px
}
.swiper .swiper-slide a .title {
border-bottom: 1px dashed #e2e2e2;
color: #14B1B9;
font-size: 1.375rem;
font-weight: 700;
line-height: 1.3636363636;
margin-bottom: 16px;
padding-bottom: 12px;
}
.works_slider.swiper .swiper-slide a .title{
border-bottom: none;
}
.swiper .swiper-slide a .detail dl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 16px;
justify-content: center
}
.works_slider.swiper .swiper-slide a .detail dl {
border-bottom: 1px dashed #E2E2E2;
padding-bottom: 8px;
margin-bottom: 8px;
}
.swiper .swiper-slide a .detail dl+dl {
margin-top: 8px;
}
.works_slider.swiper .swiper-slide a .detail dl+dl {
margin-top: 0;
border-bottom: 1px dashed #e2e2e2;
margin-bottom: 8px;
padding-bottom: 8px;
}
.works_slider.swiper .swiper-slide a .detail dl:last-child{
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.swiper .swiper-slide a .detail dl dt {
background: #E3F6F7;
border-radius: 4px;
display: block;
font-size: .75rem;
font-weight: 500;
min-width: 76px;
padding: 1px .5em 0;
text-align: center
}
.swiper .swiper-slide a .detail dl dd {
font-size: .75rem;
font-weight: 500;
width: calc(100% - 92px)
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
height: 48px;
-webkit-transition: .3s;
transition: .3s;
width: 48px
} .swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
display: none
}
@media (hover:hover) {
.swiper .swiper-button-next:hover,
.swiper .swiper-button-prev:hover {
opacity: .7
}
}
.swiper .swiper-button-prev {
left: 68px
}
.swiper .swiper-button-prev:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.swiper .swiper-button-next {
right: 68px
}
.swiper .swiper-pagination {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
bottom: -64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 8px;
justify-content: center
}
.swiper .swiper-pagination .swiper-pagination-bullet {
background: #e4e4e4;
border-radius: 2px;
height: 4px;
opacity: 1;
width: 20px
}
.swiper .swiper-pagination .swiper-pagination-bullet-active {
background: #14B1B9;
}
.swiper.column_slider .swiper-slide {
background: #fff;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
border: 1px solid #e2e2e2;
}
.swiper.column_slider .swiper-slide a .title {
border-bottom: none;
margin-bottom: 8px;
padding-bottom: 0
}
.swiper.column_slider .swiper-pagination {
display: none
}
.swiper.column_slider+.btn01 {
margin: 60px auto 0;
}
.lower_common_content.bg_lb {
background: #f0f8ff;
margin-top: 240px;
padding: 40px 0 120px;
position: relative
}
.lower_common_content.bg_lb .column_slider .swiper-slide {
background: #fff
}
.category_list {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 16px;
justify-content: flex-start;
}
.category_list li {
background: #14B1B9;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: .75rem;
font-weight: 500;
min-width: 72px;
padding: 1px 17px 0;
border: 1px solid #14B1B9;
}
.works_slider .category_list li {
position: absolute;
top: 0;
left: 0;
}
.category_list li,
.category_list li a {
display: inline-block;
text-align: center;
}
.category_list li a {
width: 100%
}
.faq_list dl {
border-radius: 4px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
overflow: hidden
}
.faq_list dl+dl {
margin-top: 24px
}
.faq_list dl dt {
background: #14B1B9;
color: #fff;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3333333333;
padding: 20px 115px 16px 55px;
position: relative;
cursor: pointer;
}
.faq_list dl dt:before {
content: "Q";
font-size: 2.25rem;
left: 16px;
line-height: 1
}
.faq_list dl dt .icon,
.faq_list dl dt:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.faq_list dl dt .icon {
content: "";
display: block;
height: 28px;
right: 16px;
width: 28px;
}
.faq_list dl dd {
background: #fff;
color: #0a3436;
font-weight: 500;
height: 0;
opacity: 0;
overflow: hidden;
padding: 0 24px;
-webkit-transition: .3s;
transition: .3s
}
.faq_list dl.is-current dt .icon{
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg)
}
.faq_list dl.is-current dd {
height: auto;
opacity: 1;
overflow: visible;
padding: 20px 24px
}
.lower.faq .lower_common_content .sec_column{
background-color: #fff;
padding: 60px 0;
}
.kana_list {
margin: 0 auto;
max-width: 1064px;
width: 100%
}
.kana_list dl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: flex-start;
overflow: hidden
}
.kana_list dl+dl {
margin-top: 16px
}
.kana_list dl dt {
background: #14B1B9;
color: #fff;
font-weight: 700;
min-width: 48px;
padding: 15px;
width: 65px;
display: flex;
align-items: center;
}
.kana_list dl dd {
background: #fff;
padding: 15px;
width: calc(100% - 75px)
}
.kana_list dl dd ul {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 10px 28px;
justify-content: flex-start
}
.kana_list dl dd ul li a{
position: relative;
}
.kana_list dl dd ul li a:after{
content: "";
display: inline-block;
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 1px;
background: #0A3436;
}
.feedback_list,
.kana_list dl dd ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.feedback_list {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 1.3783783784%;
justify-content: space-between;
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.feedback_list>li {
border-radius: 8px;
padding: 16px 2.027027027% 24px;
width: 33.0810810811%;
border: 1px solid #0D4D50;
box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
}
.feedback_list>li time {
font-size: .75rem;
font-weight: 500
}
.feedback_list>li .star {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 16px
}
.feedback_list>li .star img {
display: inline-block;
width: 16px
}
.feedback_list>li .star img+img {
margin-left: 2px
}
.feedback_list>li .title {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3333333333;
margin: 12px 0;
color: #14B1B9;
}
.feedback_list>li .text {
font-weight: 500;
line-height: 1.5
}
.lower .lower_common_content .sec_sns{
padding: 0 20px;
}
.sec_sns .inner {
background: #FAFFFF;
border-radius: 8px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
margin: 0 auto;
max-width: 1184px;
padding: 40px 20px 44px;
width: 100%;
border: 2px solid #14B1B9;
}
.sec_sns .inner p {
color: #14B1B9;
font-size: 1.75rem;
font-weight: 700;
margin-bottom: 48px;
text-align: center
}
.sec_sns .inner .btn_wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: space-between
}
.sec_sns .inner .btn_wrapper a {
display: block;
-webkit-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .08));
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .08))
}
.sec_banner {
padding: 0 20px
}
.sec_banner a {
display: block;
margin: 0 auto;
max-width: 1000px;
width: 100%
}
.area_single .seles-office-wrap,
.service_single .seles-office-wrap {
display: none;
}
.area_single .seles-office-wrap:has(.sec_sales_office),
.service_single .seles-office-wrap:has(.sec_sales_office) {
display: block;
}
.sec_sales_office {
margin: 0 auto;
max-width: 1184px;
width: 100%;
padding: 0 20px;
}
.sec_sales_office ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background: #fff;
border: 2px solid #14b1b9;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 24px 0;
justify-content: flex-start;
padding: 36px 48px;
}
.sec_sales_office ul li:after {
content: "／";
display: inline-block;
margin: 0 8px
}
.sec_sales_office ul li:last-of-type:after {
display: none
}
.sec_sales_office ul li a {
font-weight: 500
}
.price_overview .inner {
margin: 0 auto;
max-width: 1224px;
width: 100%
}
.price_overview h2 .strong-point{
position: relative;
}
.price_overview h2 .strong-point::before{
content: "";
display: inline-block;
width: 8px;
height: 8px;
background-color: #FA227D;
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
}
.price_overview .inner>ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 40px 1.3783783784%;
justify-content: center;
width: 100%
}
.price_overview .inner>ul>li {
background: #fff;
border-radius: 4px;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .16);
box-shadow: 0 0 8px rgba(0, 0, 0, .16);
overflow: hidden;
padding-bottom: 23px;
text-align: center;
width: 32.0810810811%;
}
.price_overview .inner>ul>li dt img {
display: block;
margin-bottom: 18px;
}
.price_overview .inner>ul>li dd h3 {
font-size: 1.75rem;
font-weight: 700;
padding: 0 .25em;
color: #14b1b9;
}
.price_overview .inner>ul>li dd>div {
padding: 0 5.5217391304%;
}
.price_overview .inner>ul>li dd .price {
font-size: 2.625rem;
font-weight: 800;
line-height: 1;
margin-top: 7px;
margin-bottom: 26px;
font-family: 'Oswald', sans-serif;
}
.price_overview .inner>ul>li dd .price .f-24 {
font-size: 1.5rem
}
.price_overview .inner>ul>li dd .price .f-14 {
font-size: .875rem
}
.price_overview .inner>ul>li dd .price .f-28 {
font-size: 1.75rem
}
.price_overview .inner>ul>li dd ul {
margin: 0 auto;
padding: 15px 0 .5em;
}
.price_overview .inner>ul>li dd ul li {
font-weight: 500;
text-align: left;
padding-bottom: 3px;
margin-bottom: 9px;
width: 100%;
border-bottom: 1px dashed #e2e2e2;
}
.price_overview .inner>ul>li dd ul li:before {
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/top/sec01_icon.png);
background-size: cover;
content: "";
display: inline-block;
height: 14px;
margin-right: 6px;
-webkit-transform: translateY(2px);
transform: translateY(2px);
width: 14px
}
.lower.service_single .price_overview .inner>ul>li dd ul li:before{
display: none;
}
.price_overview .inner>ul>li dd .btn01 {
margin: 20px auto 0;
max-width: 100%;
background: #14B1B9;
font-size: 18px;
height: 60px;
}
.price_overview .inner>ul>li dd .btn01:before {
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/service_arrow.png);
background-size: cover;
}
.price_overview .inner .btn01 {
margin: 60px auto
}
.lower.price_detail_category .price_overview .inner>ul,
.lower.service_single .price_overview .inner>ul {
gap: 24px 1.8%;
}
.lower.price_detail_category .price_overview .inner>ul>li,
.lower.service_single .price_overview .inner>ul>li {
width: 31.5%;
}
.lower.price_detail_category .price_overview .inner>ul>li dd .price,
.lower.service_single .price_overview .inner>ul>li dd .price {
margin-bottom: 0;
}
.lower.price_detail_category .price_overview .inner>ul>li dd ul li,
.lower.service_single .price_overview .inner>ul>li dd ul li{
padding-bottom: 20px;
margin-bottom: 16px;
}
.flow,
.top .sec04 {
position: relative;
z-index: 1
}
.lower.service_single .lower_common_content .flow {
margin-top: 0;
}
.flow .inner,
.top .sec04 .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%;
padding-top: 60px;
}
.flow .inner{
border-top: 1px solid #14B1B9;
}
.lower.price_detail_category .lower_common_content .flow .inner{
border-top: none;
}
.lower.service_single .lower_common_content .flow .inner{
border-top: none;
}
.lower.service_single .lower_common_content .sec03 {
margin: 10px 0 20px;
}
.flow .inner p,
.top .sec04 .inner p {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 24px;
text-align: center
}
.lower .flow h2{
margin-bottom: 24px;
}
.flow .inner>div {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: space-between;
}
.flow .inner>div div {
background: #fff;
border-radius: 8px;
position: relative;
width: 22.4662162162%;
box-shadow: 0 0 8px rgba(0, 0, 0, .16);
}
.flow .inner>div div+div:after {
content: "";
display: inline-block;
background: url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/flow_arrow.png) no-repeat;
background-size: cover;
width: 7px;
height: 14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -1.6vw;
}
.flow .inner>div div .title {
color: #14B1B9;
font-size: 28px;
font-weight: 700;
border-bottom: 1px dashed #E2E2E2;
margin: 14px 16px 12px;
padding-bottom: 11px;
text-align: center;
line-height: 1;
}
.flow .inner>div div .text {
font-size: 14px;
font-weight: 500;
line-height: 1.5;
padding: 0 16px 16px;
margin-bottom: 0;
text-align: left;
}
.lower.page_flow .lower_common_content{
padding: 0;
margin-top: 100px;
}
.lower.page_flow .lower_common_content .ten_points{
background-color: #fff;
padding: 140px 20px 100px;
}
.ten_points .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.lower.page_flow .lower_common_content .works_list{
background-color: #fff;
margin-top: 0;
padding-bottom: 80px;
}
.ten_points .inner .dl_wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 24px 2.027027027%;
justify-content: space-between
}
.ten_points .inner .dl_wrapper dl {
background: #E3F6F7;
border-radius: 8px;
padding: 24px;
width: 48.9864864865%
}
.ten_points .inner .dl_wrapper dl dt {
border-bottom: 2px dotted #14B1B9;
color: #14B1B9;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 16px;
padding-bottom: 16px;
text-align: center
}
.ten_points .inner .dl_wrapper dl dd {
font-weight: 500;
}
.about_plumbing_company .inner {
width: 100%
}
.about_plumbing_company .anchor_wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 1.3783783784%;
justify-content: center;
margin: 0 auto 16px;
max-width: 1184px;
width: 100%
}
.about_plumbing_company .content {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.about_plumbing_company .content dl {
background: #E3F6F7;
border-radius: 8px;
padding: 44px 4.0540540541% 48px;
}
.about_plumbing_company .content dl+dl {
margin-top: 16px;
}
.about_plumbing_company .content dl dt {
color: #14B1B9;
font-size: 2.25rem;
font-weight: 700;
}
.about_plumbing_company .content dl dd {
line-height: 2.5;
margin-top: 27px
}
.about_plumbing_company .cta {
margin: 80px auto;
max-width: 900px;
width: 100%;
padding: 45px 20px;
border: 3px solid #14B1B9;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.post_list .inner,
.related_posts .inner,
.sec09 .inner {
margin: 0 auto;
max-width: 1360px;
padding: 0;
width: 100%
}
.related_posts .inner {
padding: 0 20px;
}
.post_list .inner>ul,
.related_posts .inner>ul,
.sec09 .inner>ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 25px 1.8%;
justify-content: center;
margin: 0 auto;
max-width: 1184px;
width: 100%;
}
.post_list .inner>ul>li,
.related_posts .inner>ul>li,
.sec09 .inner>ul>li {
background: #fff;
border-radius: 8px;
width: 32.0810810811%;
padding: 16px 2.027027027% 24px;
}
.post_list .inner>ul>li a,
.related_posts .inner>ul>li a {
display: flex;
flex-direction: column;
height: 100%;
}
.post_list .inner>ul>li a .eye_catch,
.related_posts .inner>ul>li a .eye_catch {
margin-top: auto;
}
.post_list.post_list_works .inner>ul>li{
padding: 0;
}
.post_list .inner>ul>li .eye_catch,
.related_posts .inner>ul>li .eye_catch,
.sec09 .inner>ul>li .eye_catch {
border-radius: 8px;
overflow: hidden;
width: 100%;
}
.post_list.post_list_works .inner>ul>li .text_wrap,
.related_posts .inner>ul>li .text_wrap,
.sec09 .inner>ul>li .text_wrap{
padding: 16px 6.027027027% 24px;
}
.post_list .inner>ul>li .eye_catch img,
.related_posts .inner>ul>li .eye_catch img,
.sec09 .inner>ul>li .eye_catch img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.post_list .inner>ul>li time,
.related_posts .inner>ul>li time,
.sec09 .inner>ul>li time {
font-size: .75rem;
font-weight: 500;
margin-right: 12px
}
.post_list .inner>ul>li .title,
.related_posts .inner>ul>li .title,
.sec09 .inner>ul>li .title {
color: #14B1B9;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3333333333;
margin: 12px 0
}
.post_list .inner>ul>li .text,
.related_posts .inner>ul>li .text,
.sec09 .inner>ul>li .text {
font-weight: 500;
line-height: 1.5;
margin-bottom: 16px;
}
.post_list .inner>ul {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.pagination {
gap: 16px;
margin-top: 60px
}
.pagination,
.pagination .page-numbers {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: center
}
.pagination .page-numbers {
background: #fafafa;
border-radius: 2px;
color: #888;
font-family: 'Oswald', sans-serif;
font-size: 1.125rem;
font-weight: 700;
height: 48px;
line-height: 1;
width: 48px;
}
.pagination .page-numbers[aria-current=page] {
background: #14B1B9;
color: #fff;
}
@media (hover:hover) {
.pagination .page-numbers:hover {
background: #14B1B9;
color: #fff;
opacity: 1
}
}
.pagination .dots {
background: transparent;
pointer-events: none
}
.pagination .next:before,
.pagination .prev:before {
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/icon_pagenation.png);
background-size: cover;
content: "";
display: block;
height: 10.5px;
width: 11px
}
.pagination .next span,
.pagination .prev span {
display: none
}
.pagination .next {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.handling {
margin-left: auto;
margin-right: auto;
max-width: 1040px;
width: 100%
}
.handling * {
text-align: center
}
.handling p {
font-size: 1.125rem;
line-height: 1.5555555556
}
.handling .flex {
-webkit-box-orient: horizontal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 3.8461538462%;
margin: 35px 0 48px
}
.handling .flex,
.handling .flex div {
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center
}
.handling .flex div {
-webkit-box-orient: vertical;
background: #E3F6F7;
border-radius: 8px;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
padding: 32px 2rem;
width: 48.0769230769%
}
.handling .flex div h3 {
color: #14B1B9;
font-size: 1.75rem;
font-weight: 700;
margin-bottom: 15px
}
.handling .flex div p {
font-size: 1rem;
line-height: 1.75rem
}
.reason .inner ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 13px 1.2%;
justify-content: center;
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.reason .inner ul li {
background: #fff;
border-radius: 8px;
border: 2px solid #14B1B9;
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .08);
box-shadow: 0 0 16px rgba(0, 0, 0, .08);
padding: 54px 19px 36px;
position: relative;
width: 32%
}
.reason .inner ul li h3,
.reason .inner ul li p {
text-align: center
}
.reason .inner ul li h3 {
font-size: 1.75rem;
font-weight: 700;
margin-bottom: 4px;
padding-bottom: 16px;
position: relative
}
.reason .inner ul li p {
font-weight: 500;
line-height: 1.75
}
.reason .inner ul li .btn01 {
margin: 32px auto 0;
background: #14B1B9;
}
.sec_staff .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.sec_staff ul{
display: flex;
justify-content: space-between;
width: 100%;
}
.sec_staff ul li {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background: #fff;
border-radius: 8px;
border: 2px solid #14B1B9;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 36px;
justify-content: flex-start;
padding: 24px 36px 24px 24px;
width: 49.5%;
}
.sec_staff ul li img {
width: 35%;
}
.sec_staff ul li .detail .position {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5555555556rem;
margin-bottom: 3px
}
.sec_staff ul li .detail .name {
color: #14B1B9;
font-size: 1.75rem;
font-weight: 700;
border-bottom: 1px dashed #E2E2E2;
line-height: 1.7777777778;
margin-bottom: 10px;
padding-bottom: 10px;
}
.sec_staff ul li .detail .text {
font-size: 0.85rem;
font-weight: 500;
line-height: 1.5555555556rem
}
.sec_staff .btn01 {
margin: 60px auto 0
}
.sec_faq .inner {
margin: 0 auto;
max-width: 1184px;
padding: 0 20px;
width: 100%
}
.sec_faq .btn01 {
margin: 60px auto 0
}
.manufacture .inner,
.on-site_response .inner {
margin: 0 auto;
max-width: 1184px;
padding: 0;
width: 100%
}
.manufacture .img_list .img_list_inner .img_wrap{
display: grid;
grid-template-columns: repeat(6,1fr);
gap: 20px;
}
@media screen and (min-width:768px) {
.manufacture .img_list .img_list_inner .img_wrap:last-child{
display: none;
}
.manufacture .img_list .img_list_inner .img_wrap img:last-child {
display: none;
}
}
.on-site_response {
-webkit-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .08));
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .08))
}
.office_detail h2 {
display: inline-block;
margin: 0 auto 48px
}
.office_detail .flex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 5.7692307692%;
justify-content: flex-start;
margin-bottom: 60px
}
.office_detail .flex .map {
border-radius: 20px;
height: 320px;
overflow: hidden;
width: 54.6153846154%
}
.office_detail .flex .map iframe {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.office_detail .flex .detail {
text-align: left;
width: 39.6153846154%
}
.office_detail .flex .detail h3 {
color: #14B1B9;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 16px
}
.office_detail .flex .detail p {
font-size: 1.125rem;
line-height: 1.5555555556
}
.office_detail .flex+p {
font-size: 1.125rem;
line-height: 1.7777777778
}
.table {
margin-top: 120px
}
.table h3 {
color: #14B1B9;
font-size: 1.75rem;
font-weight: 700;
margin-bottom: 36px;
padding-left: 16px;
position: relative;
text-align: left
}
.table h3:before {
background: #14B1B9;
border-radius: 999px;
content: "";
display: inline-block;
height: 12px;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 12px
}
.table .table_wrapper {
border-radius: 16px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
box-shadow: 0 2px 8px rgba(0, 0, 0, .12)
}
.table .table_wrapper+.table_wrapper {
margin-top: 62px
}
.table .table_wrapper table {
border-radius: 8px;
overflow: hidden;
width: 100%
}
.table .table_wrapper table thead tr:first-of-type th {
background: #C9EAEB;
font-weight: 800;
}
.table .table_wrapper table thead tr:first-of-type th span {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #14B1B9;
border-radius: 4px;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
height: 37px;
justify-content: center;
min-width: 128px
}
.table .table_wrapper table thead tr:nth-of-type(2) th {
background: #E3F6F7;
color: #14B1B9;
}
.table .table_wrapper table td,
.table .table_wrapper table th {
border: 1px solid #E3F6F7;
border-collapse: collapse;
padding: 16px 3.3783783784%
}
.table .table_wrapper table th {
background: #E3F6F7;
font-weight: 700;
text-align: center
}
.table .table_wrapper .table01 {
text-align: center
}
.table .table_wrapper .table01 tbody tr:first-of-type th {
background: #D1F2F4;
}
.table .table_wrapper .table01 tbody tr:nth-of-type(2) th {
background: #BBE9EB;
}
.table .table_wrapper .table01 tbody tr:nth-of-type(3) th {
background: #9CCFD1;
}
.table .table_wrapper .table01 tbody th {
width: 16.8918918919%
}
.table .table_wrapper .table01 tbody td:first-of-type {
width: 33.7837837838%
}
.table .table_wrapper .table01 tbody td:nth-of-type(2) {
width: 20.2702702703%
}
.table .table_wrapper .table01 tbody td:nth-of-type(3) {
width: 28.2094594595%
}
.table .table_wrapper .table02 tbody th {
width: 18.5810810811%
}
.table .table_wrapper .table02 tbody td {
width: 81.4189189189%
}
.compatible_area {
text-align: center
}
.compatible_area h2 {
display: inline-block;
margin-bottom: 48px
}
.compatible_area .related-area {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 16px 1.3513513514%
}
.compatible_area .related-area,
.compatible_area .related-area li {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center
}
.compatible_area .related-area li {
background: #fff;
border: 1px solid #14B1B9;
border-radius: 8px;
color: #14B1B9;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
line-height: 1;
padding: 12px 36px 13px
}
@media screen and (max-width:767px) {
.is-pc {
display: none
}
.is-sp {
display: block
}
.cta {
width: 100%
}
.cta p {
font-size: 5.8666666667vw;
margin-bottom: 5.3333333333vw;
white-space: nowrap
}
.cta p:after,
.cta p:before {
content: "";
display: inline-block;
height: 4.2168vw;
margin-right: 1.8666666667vw;
width: 2.9333333333vw
}
.cta p:after {
margin-left: 0;
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
.cta .btn_wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 3.2vw
}
.cta .btn_wrapper .btn01 {
font-size: 3.7333333333vw;
height: 12.8vw;
max-width: 77.4666666667vw;
padding-left: 9.6vw
}
.swiper .swiper-slide {
border-radius: 8px;
width: 87.2vw;
}
.swiper .swiper-slide a {
padding: 4.2666666667vw 4.2666666667vw 3.7333333333vw
}
.swiper .swiper-slide a .eye_catch {
border-radius: 8px 8px 0 0;
height: 44vw;
}
.swiper .swiper-slide a time {
display: inline-block;
font-size: 3.2vw;
margin-bottom: 3.2vw
}
.swiper .swiper-slide a .category_list {
margin-left: 3.2vw
}
.swiper .swiper-slide a .title {
border-bottom: .2666666667vw dashed #e2e2e2;
font-size: 4.8vw;
line-height: 1.5555555556;
margin-bottom: 3.2vw;
padding-bottom: 3.2vw
}
.swiper .swiper-slide a .detail dl {
gap: 3.2vw
}
.swiper .swiper-slide a .detail dl+dl {
margin-top: 2.1333333333vw
}
.swiper .swiper-slide a .detail dl dt {
border-radius: 2.9333333333vw;
font-size: 3.2vw;
min-width: 20.2666666667vw;
padding: .2666666667vw .5em 0
}
.swiper .swiper-slide a .detail dl dd {
font-size: 3.2vw;
width: calc(100% - 23.46667vw)
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
display: none
}
.swiper .swiper-pagination {
bottom: -8.5333333333vw;
gap: 1.0666666667vw
}
.swiper .swiper-pagination .swiper-pagination-bullet {
border-radius: .5333333333vw;
height: 1.0666666667vw;
width: 3.2vw
}
.swiper.column_slider .swiper-slide {
-webkit-box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08);
box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08);
width: 87.2vw;
}
.swiper.column_slider .swiper-slide a .title {
margin-bottom: 2.1333333333vw;
}
.swiper.column_slider .swiper-pagination {
bottom: -8.5333333333vw;
display: block;
gap: 1.0666666667vw;
}
.swiper.column_slider .swiper-pagination .swiper-pagination-bullet {
border-radius: .5333333333vw;
height: 1.0666666667vw;
width: 3.2vw
}
.swiper+.btn01 {
margin: 16vw auto 0
}
.category_list {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
justify-content: flex-start;
}
.category_list li {
background: #14B1B9;
border-radius: 2px;
color: #fff;
display: inline-block;
font-size: .75rem;
font-weight: 500;
min-width: 72px;
padding: 1px 17px 0
}
.faq_list dl {
border-radius: 8px;
-webkit-box-shadow: none;
box-shadow: none
}
.faq_list dl+dl {
margin-top: 5.3333333333vw
}
.faq_list dl dt {
font-size: 4.2666666667vw;
line-height: 1.5;
padding: 3.2vw 9.6vw 3.2vw 11.2vw;
}
.faq_list dl dt:before {
font-size: 6.4vw;
left: 3.2vw;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.faq_list dl dt .icon {
height: 4.7333333333vw;
right: 3vw;
width: 4.7333333333vw;
}
.faq_list dl dd {
padding: 0 5.3333333333vw
}
.faq_list dl.is-current dd {
padding: 4.2666666667vw 5.3333333333vw
}
.kana_list dl {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
justify-content: center
}
.kana_list dl+dl {
margin-top: 4.2666666667vw
}
.kana_list dl dt {
font-size: 3.7333333333vw;
padding: 1.0666666667vw 0;
text-align: center;
width: 100%;
justify-content: center;
}
.kana_list dl dd {
padding: 4.2666666667vw 4.2666666667vw 4vw;
width: 100%
}
.kana_list dl dd ul {
gap: 4.2666666667vw
}
.kana_list dl dd ul li a {
text-decoration: underline
}
.feedback_list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 4.2666666667vw;
justify-content: center;
margin: 0 auto;
width: 100%
}
.feedback_list>li {
padding: 4.2666666667vw 4.2666666667vw 6.1333333333vw;
width: 100%
}
.feedback_list>li time {
font-size: 3.2vw
}
.feedback_list>li .star {
margin-top: 3.2vw
}
.feedback_list>li .star img {
width: 3.7333333333vw
}
.feedback_list>li .star img+img {
margin-left: .5333333333vw
}
.feedback_list>li .title {
font-size: 4.8vw;
line-height: 1.5555555556;
margin: 2.1333333333vw 0
}
.feedback_list>li .text {
line-height: 1.75
}
.lower.faq .lower_common_content .sec_column{
padding: 0;
}
.sec_sns {
width: 100vw;
margin-left: -4.2666666667vw!important;
}
.lower.column_archive .sec_sns,
.lower.column_single .sec_sns,
.lower.company .sec_sns,
.lower.staff .sec_sns,
.lower.works_single .sec_sns,
.lower.locations_archive .sec_sns,
.lower.area_archive .sec_sns,
.lower.service_archive .sec_sns,
.lower.price_detail_category .sec_sns,
.lower.area_single .sec_sns,
.lower.service_single .sec_sns {
padding:0 4.2666666667vw;
}
.sec_sns .inner {
border-radius: 8px;
-webkit-box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08);
box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08);
padding: 12.8vw 12.2666666667vw;
}
.sec_sns .inner p {
font-size: 5.8666666667vw;
margin-bottom: 6.4vw
}
.sec_sns .inner .btn_wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 3.2vw;
justify-content: center
}
.sec_sns .inner .btn_wrapper a {
display: block;
-webkit-filter: drop-shadow(0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08));
filter: drop-shadow(0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08))
}
.sec_banner{
padding: 0;
}
.lower.payment .sec_banner, .lower.payment .sec_sales_office {
padding-top: 1px;
}
.sec_sales_office{
padding: 0;
}
.sec_sales_office ul {
border: 2 solid #14B1B9;
border-radius: 8px;
gap: 2.9333333333vw 0;
padding: 4.2666666667vw 5.7333333333vw
}
.sec_sales_office ul li:after {
margin: 0 1.0666666667vw
}
.price_overview h2 .strong-point::before{
width: 1.2vw;
height: 1.2vw;
top: -2vw;
}
.price_overview .inner>ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
gap: 5.3333333333vw;
justify-content: center
}
.price_overview .inner>ul>li {
border-radius: 8px;
-webkit-box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08);
box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08);
padding-bottom: 5.3333333333vw;
width: 100%
}
.price_overview .inner>ul>li dt {
font-size: 4.2666666667vw
}
.price_overview .inner>ul>li dt span {
font-size: 6.4vw
}
.price_overview .inner>ul>li dd>div {
padding: 0 4.2666666667vw
}
.price_overview .inner>ul>li dd img {
margin-bottom: 2.1333333333vw
}
.price_overview .inner>ul>li dd .price {
font-size: 8.5333333333vw;
margin-bottom: 3.2vw
}
.price_overview .inner>ul>li dd .price .f-24 {
font-size: 4.2666666667vw
}
.price_overview .inner>ul>li dd .price .f-14 {
font-size: 3.2vw
}
.price_overview .inner>ul>li dd .price .f-28 {
font-size: 6.4vw
}
.price_overview .inner>ul>li dd ul {
padding: 3.2vw 0 2vw;
}
.price_overview .inner>ul>li dd ul li+li {
margin-top: 1.8666666667vw
}
.price_overview .inner>ul>li dd ul li:before {
height: 3.7333333333vw;
margin-right: 1.0666666667vw;
-webkit-transform: translateY(.8vw);
transform: translateY(.8vw);
width: 3.7333333333vw
}
.price_overview .inner>ul>li dd h3{
font-size: 6.5vw;
}
.price_overview .inner>ul>li dd .btn01 {
margin: 5.2666666667vw auto 0;
height: 50px;
font-size: 14px;
}
.price_overview .inner .btn01 {
margin: 9.6vw auto 16vw
}
.flow .inner{
border-top: none;
padding-top: 16vw;
}
.lower.area_single .flow .inner{
padding-top: 0;
}
.lower.company .flow .inner{
padding-top: 6vw;
}
.lower.service_single .flow .inner{
padding-top: 10vw;
}
.flow .inner>div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
justify-content: center
}
.flow .inner>div div {
width: 100%
}
.flow .inner>div div+div {
margin-top: 12.6vw;
}
.flow .inner>div div+div:after {
left: 50%;
top: -6.5vw;
-webkit-transform: translateX(-50%);
transform: rotate(90deg) translateX(-50%);
height: 3.73vw;
width: 2.13vw;
}
.flow .inner>div div .title {
font-size: 6.4vw;
margin-bottom: 4.2666666667vw;
}
.flow .inner>div div img {
margin: 0 0 4.2666666667vw;
}
.flow .inner>div div .text {
font-size: 3.2vw;
line-height: 1.75
}
.line::after{
bottom: -1.5vw;
}
.area_single .line::after{
bottom: -0.1vw;
}
.flow .line::after{
height: 2px;
border-bottom: 2px solid #fa227d;
}
.flow .inner p,
.top .sec04 .inner p {
font-size: 4.2666666667vw;
margin-bottom: 4.2666666667vw
}
.ten_points .inner .dl_wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
gap: 4.2666666667vw;
justify-content: center
}
.ten_points .inner .dl_wrapper dl {
border-radius: 8px;
padding: 4.2666666667vw;
width: 100%
}
.ten_points .inner .dl_wrapper dl dt {
border-bottom: .2666666667vw dashed #14B1B9;
font-size: 6.4vw;
margin-bottom: 4.2666666667vw;
padding-bottom: 2.2666666667vw;
}
.about_plumbing_company h2 {
margin-bottom: 6vw !important;
}
.about_plumbing_company .anchor_wrapper {
display: none
}
.about_plumbing_company .content dl {
padding: 8.5333333333vw 4.2666666667vw
}
.about_plumbing_company .content dl+dl {
margin-top: 8vw;
}
.about_plumbing_company .content dl dt {
font-size: 6.4vw;
line-height: 1.5;
padding-left: 0;
text-align: center
}
.about_plumbing_company .content dl dt .num {
font-size: 6.4vw;
height: 13.3333333333vw;
left: 50%;
position: absolute;
top: -15.2vw;
-webkit-transform: translate(-50%);
transform: translate(-50%);
width: 13.3333333333vw
}
.about_plumbing_company .content dl dd {
line-height: 2.1666666667;
margin-top: 6.4vw
}
.about_plumbing_company .cta {
margin-top: 10.6666666667vw
}
.post_list .inner,
.related_posts .inner,
.sec09 .inner {
padding: 0
}
.post_list .inner>ul,
.related_posts .inner>ul,
.sec09 .inner>ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
gap: 5.3333333333vw;
justify-content: center
}
.post_list .inner>ul>li,
.related_posts .inner>ul>li,
.sec09 .inner>ul>li {
border-radius: 8px;
padding: 4.2666666667vw;
width: 100%;
box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
}
.post_list .inner>ul>li .eye_catch,
.related_posts .inner>ul>li .eye_catch,
.sec09 .inner>ul>li .eye_catch {
border-radius: 4.2666666667vw;
margin-bottom: 3.2vw
}
.post_list .inner>ul>li time,
.related_posts .inner>ul>li time,
.sec09 .inner>ul>li time {
font-size: 3.2vw;
margin-right: 3.2vw
}
.post_list .inner>ul>li .title,
.related_posts .inner>ul>li .title,
.sec09 .inner>ul>li .title {
font-size: 4.8vw;
line-height: 1.5555555556;
margin: 2.1333333333vw 0
}
.post_list .inner>ul>li .text,
.related_posts .inner>ul>li .text,
.sec09 .inner>ul>li .text {
line-height: 1.75
}
.pagination {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 4.2666666667vw 4.776119403%;
margin-top: 9.6vw
}
.pagination .page-numbers {
font-size: 3.4666666667vw;
height: 9.8666666667vw;
width: 9.8666666667vw
}
.pagination .next:before,
.pagination .prev:before {
height: 1.696vw;
width: 1.9386666667vw
}
.handling p {
font-size: 4.2666666667vw;
line-height: 1.5
}
.handling .flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 4.2666666667vw;
margin: 6.4vw 0
}
.handling .flex div {
border-radius: 4.2666666667vw;
padding: 6.4vw 1rem;
width: 100%
}
.handling .flex div h3 {
font-size: 6.4vw;
margin-bottom: 4.2666666667vw
}
.handling .flex div p,
.handling .flex+p {
font-size: 3.7333333333vw;
line-height: 1.7142857143
}
.reason .inner ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 5.0666666667vw;
}
.reason .inner ul li {
-webkit-box-shadow: 0 0 4.2666666667vw rgba(0, 0, 0, .08);
box-shadow: 0 0 4.2666666667vw rgba(0, 0, 0, .08);
padding: 9.8666666667vw 3.2vw 6.4vw;
width: 100%
}
.reason .inner ul li h3 {
font-size: 6.4vw;
margin-bottom: 4.2666666667vw;
padding-bottom: 3.2vw
}
.reason .inner ul li p {
font-size: 3.7333333333vw;
line-height: 1.7142857143
}
.reason .inner ul li .btn01 {
margin: 6.4vw auto 0
}
.sec_staff ul{
display: block;
}
.sec_staff ul li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background: #fff;
-webkit-box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08);
box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08);
display: -webkit-box;
display: -ms-flexbox;
display: block;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 4.2666666667vw;
justify-content: flex-start;
padding: 4.2666666667vw 4.2666666667vw 4vw;
position: relative;
width: 100%;
}
.sec_staff ul li+li {
margin-top: 4.2666666667vw
}
.sec_staff ul li img {
width: 39.4666666667vw;
margin: 0 auto 1vw;
}
.sec_staff ul li .detail .position {
font-size: 3.2vw;
line-height: 2.3333333333;
margin-bottom: 0;
}
.sec_staff ul li .detail .name {
font-size: 6.4vw;
line-height: 1.3333333333;
margin-bottom: 1vw;
}
.sec_staff ul li .detail .text {
font-size: 3.2vw;
line-height: 1.75rem
}
.sec_staff .btn01 {
margin: 9.6vw auto 0
}
.sec_faq .inner {
padding: 0
}
.sec_faq .btn01 {
margin: 9.6vw auto 0
}
.manufacture .inner,
.on-site_response .inner {
padding: 0
}
.manufacture {
margin-left: -4.2666666667vw;
width: 100vw
}
.manufacture,.manufacture .img_list {
overflow:hidden;
}
.manufacture .img_list+.img_list {
margin-top:3.2vw
}
.manufacture .img_list .img_list_inner {
display: flex;
width: max-content;
animation: scroll-left 30s linear infinite;
grid-auto-rows: unset;
grid-template-columns: unset;
grid-template-rows: unset;
}
.manufacture .img_list .img_list_inner .img_wrap {
flex-wrap: wrap;
grid-template-columns: repeat(9,1fr);
}
.manufacture .img_list .img_list_inner .img_wrap:last-child {
margin-left: 20px;
}
.manufacture .img_list .img_wrap img {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
margin-right:2.1333333333vw;
width:20vw;
will-change:transform;
}
.on-site_response {
-webkit-filter: drop-shadow(0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08));
filter: drop-shadow(0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08))
}
.office_detail h2 {
margin-bottom: 9.6vw
}
.office_detail .flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 6.4vw;
margin-bottom: 12.8vw
}
.office_detail .flex .map {
border-radius: 4.2666666667vw;
height: 51.7333333333vw;
width: 100%
}
.office_detail .flex .detail {
width: 100%
}
.office_detail .flex .detail h3 {
font-size: 6.4vw;
margin-bottom: 4.2666666667vw
}
.office_detail .flex .detail p,
.office_detail .flex+p {
font-size: 3.7333333333vw;
line-height: 1.7142857143
}
.table {
margin-top: 16vw
}
.table h3 {
font-size: 6.4vw;
line-height: 1.5;
margin-bottom: 4.2666666667vw;
padding-left: 3.2vw
}
.table h3:before {
height: 2.1333333333vw;
width: 2.1333333333vw
}
.table .table_wrapper {
border-radius: 4.2666666667vw;
-webkit-box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .12);
box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .12);
overflow: scroll
}
.table .table_wrapper+.table_wrapper {
margin-top: 16vw
}
.table .table_wrapper table {
border-radius: 4.2666666667vw;
font-size: 4.2666666667vw
}
.table .table_wrapper table thead tr:first-of-type th span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 4.2666666667vw;
height: 7.4666666667vw;
min-width: unset;
padding: 0 4.2666666667vw
}
.table .table_wrapper table td,
.table .table_wrapper table th {
padding: 4.2666666667vw 0
}
.table .table_wrapper .table01 {
padding-top: 61px;
min-width: 500px;
}
.table .table_wrapper .table01 tbody th {
width: 64px
}
.table .table_wrapper .table01 tbody td:first-of-type {
width: 188px
}
.table .table_wrapper .table01 tbody td:nth-of-type(2) {
width: 134px
}
.table .table_wrapper .table01 tbody td:nth-of-type(3) {
width: 168px
}
.table .table_wrapper .table02 tbody tr {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
justify-content: center
}
.table .table_wrapper .table02 tbody tr:first-of-type td:nth-of-type(3) {
row-span: 1
}
.table .table_wrapper .table02 tbody td,
.table .table_wrapper .table02 tbody th {
border: 0;
padding: 4.2666666667vw;
text-align: center
}
.table .table_wrapper .table02 tbody td,
.table .table_wrapper .table02 tbody th {
width: 100%
}
.compatible_area h2 {
margin-bottom: 9.6vw
}
.compatible_area .related-area {
gap: 4.2666666667vw
}
.compatible_area .related-area li {
border: .2666666667vw solid #14B1B9;
border-radius: 8px;
padding: 1.6vw 4.8vw 1.7333333333vw
}
}
.top .mv {
padding: 115px 40px 50px;
background-color: #fff;
}
.top h2 {
font-size: 2.875rem;
font-weight: 700;
line-height: 1.5217391304;
margin-bottom: 48px;
text-align: center;
color: #555555;
}
.top .sec01 {
padding: 15px 40px 0;
background-color: #fff;
z-index: 1;
}
.top .sec01 .inner {
padding: 60px 20px
}
.top .sec02 {
background: url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/top/top_sec02_bg.jpg) no-repeat;
background-size: cover;
background-position: center;
padding: 100px 20px;
}
.top .sec02 .inner {
color: #fff;
margin: 0 auto;
max-width: 1184px;
overflow: hidden;
width: 100%
}
.top .sec02 .inner article {
padding: 0 20px;
}
.top .sec02 .inner article h2 {
color: #fff;
}
.top .sec02 .text {
font-size: 1.125rem;
font-weight: 500;
line-height: 2.2222222222rem;
margin: 0 auto 60px;
max-width: 900px;
width: 100%
}
.top .sec02 .text span {
font-weight: 700
}
.top .sec02 .text+img {
margin: 0 auto 60px;
max-width: 900px;
width: 100%
}
.top .sec02 .cta {
background: #fff;
padding: 45px 55px;
max-width: 900px;
margin: 0 auto;
border-radius: 8px;
box-shadow: 0 0 6px rgba(0, 0, 0, .16);
color: #0A3436;
}
.top .sec03 {
background: #fff;
padding: 80px 20px;
}
.top .sec03 .inner {
margin: 0 auto;
max-width: 1224px;
width: 100%
}
.top .bg_lb {
padding: 0 0 80px;
position: relative
}
.top .sec04,
.top .sec05 {
padding: 0 20px
}
.top .sec04 {
margin-bottom: 78px
}
.top .bg_b {
background: #c6e9ff
}
.top .sec06 {
background: #fff;
padding: 80px 20px;
}
.top .sec07 {
background: #BDEFF2;
overflow: hidden;
padding: 60px 0 78px;
}
.top .sec07 .btn01 {
margin: 112px auto 0
}
.top .sec08 {
padding: 0 20px;
background: #fff;
}
.top .sec08 .inner {
margin: 0 auto;
max-width: 1360px;
padding: 80px 0;
width: 100%
}
.top .sec08 .btn01 {
margin: 60px auto 0;
}
.top .sec08 .banner {
display: block;
margin: 120px auto 0;
max-width: 1002px;
width: 100%
}
.top .sec_sns {
margin-top: 80px;
}
.top .sec_sns .inner{
padding: 40px 20px 44px;
width: 100%;
max-width: 1184px;
}
@media screen and (max-width: 767px) {
.top {
margin-top: 16vw;
}
.top .sec_sns {
padding: 0 4.2666666667vw;
margin-top: 11vw;
margin-left: -4.2666666667vw !important;
width: 96vw;
}
.top .sec08 .sec_sns .inner {
padding: 10.8vw 10.2666666667vw;
border-radius: 8px;
}
}
.top .sec09 {
padding: 80px 20px;
}
.top .sec09 .column_wrapper .column_left_right {
display: flex;
width: 100%;;
justify-content: space-between;
}
.top .sec09 .column_wrapper .column_left {
width: 37.5%;
}
.top .sec09 .column_wrapper .column_right {
width: 61.56%;
display: flex;
flex-direction: column;
}
.top .column_wrapper .column_left li,
.top .column_wrapper .column_right li {
background-color: #fff;
border-radius: 8px;
}
.top .sec09 .column_wrapper .column_left a{
display: block;
padding: 24px;
}
.top .sec09 .column_wrapper .column_left a .text {
margin-bottom: 20px;
}
.top .column_wrapper .column_left a .title.tablet-only,
.top .column_wrapper .column_left a .text.tablet-only {
display: none;
}
.top .column_wrapper a time {
color: #BFBFBF;
font-family: 'Oswald', sans-serif;
}
.top .column_wrapper a .title {
color: #14B1B9;
border-bottom: 1px dashed #e2e2e2;
line-height: 1.5;
padding-bottom: 12px;
margin-bottom: 12px;
}
.top .column_wrapper .column_left a .title {
font-size: 24px;
} 
.top .column_wrapper .column_right a .title {
font-size: 20px;
} 
.top .column_wrapper .category_list li {
background-color: #14B1B9;
border-radius: 4px ;
box-sizing: border-box;
color: #fff;
font-size: .75rem;
font-weight: 500;
min-width: 72px;
padding: 1px 10px 0;
}
.top .sec09 .column_wrapper .column_left ul,
.top .sec09 .column_wrapper .column_right ul {
list-style: none;
padding: 0;
margin: 0;
}
.top .column_wrapper .column_right li {
flex: 1; margin-bottom: 10px;
}
.top .column_wrapper .column_right li:last-child {
margin-bottom: 0;
}
.top .column_wrapper .column_right li a{
display: flex;
padding: 16px;
justify-content: space-between;
}
.top .column_wrapper .column_right li a .eye_catch{
width: 27.5%;
}
.top .column_wrapper li a .eye_catch img {
border-radius: 8px;
}
.top .column_wrapper .column_right li a .left_wrap {
width: 70%;
}
@media screen and (max-width:1399px){
.top .sec09 .column_wrapper .column_left_right {
display: block;
}
.top .sec09 .column_wrapper .column_left {
width: 100%;
margin-bottom: 10px;
}
.top .sec09 .column_wrapper .column_left a {
display: flex;
justify-content: space-between;
padding: 16px;
}
.top .sec09 .column_wrapper .column_left a .left_wrap{
width: 70%;
}
.top .column_wrapper .column_left a .title {
font-size: 20px;
}
.top .sec09 .column_wrapper .column_left a .text {
margin-bottom: 0;
}
.top .column_wrapper .column_left a .title.pc-only,
.top .column_wrapper .column_left a .text.pc-only {
display: none;
}
.top .column_wrapper .column_left a .title.tablet-only,
.top .column_wrapper .column_left a .text.tablet-only {
display: block;
}
.top .sec09 .column_wrapper .column_left a .eye_catch,
.top .column_wrapper .column_right li a .eye_catch {
width: 20.5%;
}
.top .sec09 .column_wrapper .column_right {
width: 100%;
}
}
@media screen and (max-width:1000px) {
.top .sec09 .column_wrapper .column_left a .eye_catch,
.top .column_wrapper .column_right li a .eye_catch{
width: 27.5%;
}
}
@media screen and (max-width:767px) {
.top .sec09 .column_wrapper .column_left a,
.top .column_wrapper .column_right li a {
display: block;
padding: 4.2667vw;
}
.top .sec09 .column_wrapper .column_left a .left_wrap,
.top .column_wrapper .column_right li a .left_wrap {
width: 100%;
}
.top .column_wrapper .column_left a .text.tablet-only {
display: none;
}
.top .sec09 .column_wrapper .column_left a .eye_catch,
.top .column_wrapper .column_right li a .eye_catch {
width: 100%;
}
.top .column_wrapper a .title {
padding-bottom: 1.8667vw;
margin-bottom: 1.8667vw;
}
.top .column_wrapper a time {
font-size: 3.2vw;
}
.top .column_wrapper .category_list li {
font-size: 2.6667vw;
}
.top .column_wrapper .column_left>ul>li,
.top .column_wrapper .column_right li {
margin-bottom: 5.3333vw;
}
.top .column_wrapper .column_right ul li:last-child{
display: none;
}
.top .column_wrapper .column_right a .title {
font-size: 5.3333vw;
}
.top .sec09 .column_wrapper .column_left a .text,
.top .sec09 .column_wrapper .column_right a .text {
margin-bottom: 10px;
font-size: 3.2vw;
}
}
.top .sec09 .btn01 {
margin: 60px auto 0
}
.top .sec10 {
background: #fff;
padding: 80px 20px;
}
.top .sec11 .inner,
.top .sec12 .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%;
padding: 80px 20px;
}
.top .sec11 .btn01,
.top .sec12 .btn01 {
margin: 60px auto 0
}
.top .sec11 {
background: #EFEFEF;
}
.top .sec12 {
background: #fff;
}
.top .sec13 {
padding: 60px 20px;
}
.top .sec13 .inner {
margin: 0 auto;
max-width: 1360px;
width: 100%
}
.top .sec13 .btn01 {
margin: 60px auto 0
}
.top .sec14 {
background: #fff;
padding: 80px 20px;
}
@media screen and (max-width:767px) {
.top .mv {
padding: 0 0 10vw;
}
.top h2 {
font-size: 7.4666666667vw;
line-height: 1.2857142857;
margin-bottom: 6.4vw
}
.top .sec01 {
padding: 8.5333333333vw 0
}
.top .sec01:before {
border-radius: 5.3333333333vw;
-webkit-box-shadow: 0 0 2.1333333333vw rgba(0, 0, 0, .08);
box-shadow: 0 0 2.1333333333vw rgba(0, 0, 0, .08);
right: 0
}
.top .sec01 .inner,
.top .sec02 {
padding: 0 4.2666666667vw;
}
.top .sec02 {
padding-bottom: 20.6666666667vw;
}
.top .sec02:after,
.top .sec02:before {
height: 17.8666666667vw
}
.top .sec02:before {
background: top no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_blue01_sp.png);
background-size: cover;
top: -17.8666666667vw
}
.top .sec02:after {
background: bottom no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_blue02_sp.png);
background-size: cover;
bottom: -17.8666666667vw
}
.top .sec02 .inner {
padding: 12.5333333333vw 0 0;
}
.top .sec02 .inner article {
padding: 0 4.2666666667vw
}
.top .sec02 .text {
font-size: 3.2vw;
line-height: 1.8rem;
}
.top .sec02 .text,
.top .sec02 .text+img {
margin: 0 auto 8.5333333333vw
}
.top .sec02 .cta {
padding: 9.6vw 2.6666666667vw;
}
.top .sec03 {
padding: 10vw 4.2666666667vw;
}
.top .sec03 .inner {
padding: 8.5333333333vw 0;
}
.top .sec03 .inner h2 {
margin-bottom: 13.0666666667vw
}
.top .sec03 .inner ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 5vw;
}
.top .sec03 .inner ul li {
-webkit-box-shadow: 0 0 4.2666666667vw rgba(0, 0, 0, .08);
box-shadow: 0 0 4.2666666667vw rgba(0, 0, 0, .08);
padding: 9.8666666667vw 3.2vw 6.4vw;
width: 100%
}
.top .sec03 .inner ul li:first-of-type:after,
.top .sec03 .inner ul li:first-of-type:before,
.top .sec03 .inner ul li:nth-of-type(2):after,
.top .sec03 .inner ul li:nth-of-type(2):before,
.top .sec03 .inner ul li:nth-of-type(3):after,
.top .sec03 .inner ul li:nth-of-type(4):before,
.top .sec03 .inner ul li:nth-of-type(5):before {
display: none
}
.top .sec03 .inner ul li .num {
border: .5333333333vw solid #ff6c00;
font-size: 6.4vw;
height: 13.3333333333vw;
top: -6.6666666667vw;
width: 13.3333333333vw
}
.top .sec03 .inner ul li h3 {
font-size: 6.4vw;
margin-bottom: 4.2666666667vw;
padding-bottom: 3.2vw
}
.top .sec03 .inner ul li h3:after {
height: .5333333333vw;
width: 16vw
}
.top .sec03 .inner ul li p {
font-size: 3.7333333333vw;
line-height: 1.7142857143
}
.top .sec03 .inner ul li .btn01 {
margin: 6.4vw auto 0
}
.top .bg_lb {
padding: 0 0 12vw;
}
.top .bg_lb .wave {
height: 5.3333333333vw
}
.top .sec04,
.top .sec05 {
padding: 0 4.2666666667vw
}
.top .sec04 {
margin-bottom: 6.4666666667vw
}
.top .sec06 {
padding: 16vw 6.4vw 20vw;
}
.top .sec07 {
padding: 16vw 0 20vw;
}
.top .sec07 .btn01 {
margin: 16vw auto 0
}
.top .sec08 {
background: #fff;
padding: 0;
}
.top .sec08 .inner {
border-radius: 5.3333333333vw 5.3333333333vw 0 0;
padding: 8.5333333333vw 6.4vw 15.2vw
}
.top .sec08 .btn01 {
margin: 9.6vw auto 0
}
.top .sec08 .banner {
margin: 16vw auto 0
}
.top .sec09 {
margin-top: 0;
padding: 0;
}
.top .sec09 .inner {
padding: 16vw 4.2666666667vw;
}
.top .sec09 .btn01 {
margin: 9.6vw auto 0
}
.top .sec10 {
padding: 16vw 4.2666666667vw;
}
.top .sec11,
.top .sec12 {
padding: 0;
}
.top .sec11 .inner {
padding: 16vw 4.2666666667vw;
}
.top .sec12 .inner {
padding: 16vw 0;
}
.top .sec11 .btn01,
.top .sec12 .btn01 {
margin: 9.6vw auto 0
}
.top .sec11 h2 {
margin-bottom: 4.6vw;
}
.top .sec11 picture {
display: block;
-webkit-filter: drop-shadow(0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08));
filter: drop-shadow(0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08))
}
.top .sec12 {
margin-left: 0;
}
.top .sec12:after {
background: bottom no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_white_02_sp.png);
background-size: cover;
bottom: -17.8666666667vw;
height: 17.8666666667vw
}
.top .sec13 {
margin-top: 0;
padding: 0
}
.top .sec13 .inner {
padding: 16vw 4.2666666667vw;
}
.top .sec13 .btn01 {
margin: 9.6vw auto 0
}
.top .sec14 {
margin-top: 0;
padding-top: 16vw;
padding-bottom: 1px;
}
}
.lower .breadcrumb {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-start;
margin: 0 auto 48px;
max-width: 1400px;
padding: 0 20px
}
.lower .breadcrumb *+:before {
color: #06121f;
content: ">";
display: inline-block;
margin: 0 8px
}
.lower .breadcrumb a,
.lower .breadcrumb p {
font-size: .875rem
}
.lower .breadcrumb a {
color: hsla(0, 0%, 53%, .7);
text-decoration: underline
}
.lower .breadcrumb p {
color: #06121f
}
.lower h1 {
font-size: 3.75rem;
line-height: 1.1666666667;
color: #14B1B9;
}
.lower h1,
.lower h2 {
font-weight: 700;
text-align: center;
}
.lower h2 {
font-size: 2.875rem;
line-height: 1.5217391304;
margin-bottom: 48px;
color: #0d4d50;
}
.lower .mv {
background: bottom no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/lower_mv_bg.jpg);
background-position: top;
background-size: cover;
padding: 124px 20px 96px;
}
.lower .mv+section {
background: #e3f6f7;
position: relative;
z-index: 1
}
.lower .lower_common_content {
padding: 234px 20px 120px;
}
.lower.faq .lower_common_content{
padding: 100px 0 120px;
}
.lower.payment .lower_common_content,
.lower.company .lower_common_content,
.lower.locations_archive .lower_common_content,
.lower.locations_single .lower_common_content,
.lower.service_archive .lower_common_content,
.lower.works_single .lower_common_content,
.lower.staff .lower_common_content,
.lower.service_single .lower_common_content,
.lower.area_single .lower_common_content {
background-color: #fff;
padding: 60px 20px;
margin-top: 100px;
}
.lower .lower_common_content+.lower_common_content {
margin-top: 80px !important;
}
.lower.service_single .lower_common_content+.lower_common_content {
margin-top: 20px !important;
}
.lower .lower_common_content+.lower_common_content:not(.bg_lb) {
background: #fff;
margin-top: 0 !important;
padding: 40px 0 120px;
position: relative;
z-index: 1
}
.lower .lower_common_content section+section {
margin-top: 120px;
}
.lower .lower_common_content .flow{
margin-top: 60px;
}
.lower.area_single .lower_common_content .flow{
margin-top: 80px;
}
.lower.price_detail_category .lower_common_content .flow {
margin-top: 0;
}
.lower .lower_common_content section>.inner>.btn01 {
height: 60px;
max-width: 352px;
}
.lower .lower_common_content.bg_lb {
background: #E3F6F7;
margin-top: 240px;
padding: 0 0 120px;
position: relative;
z-index: 1;
}
.lower.area_single .lower_common_content.bg_lb {
margin-top: 140px;
}
.lower.works_archive .lower_common_content.bg_lb {
margin-top: 100px;
}
.lower.service_single .lower_common_content.bg_lb {
padding: 0 20px 120px;
}
.lower .lower_common_content.bg_lb .column_slider .swiper-slide {
background: #fff
}
@media screen and (max-width:767px) {
.lower .breadcrumb {
margin: 0 auto 9.6vw;
padding: 0
}
.lower .breadcrumb *+:before {
content: ">";
display: inline-block;
margin: 0 2.1333333333vw
}
.lower .breadcrumb a,
.lower .breadcrumb p {
font-size: 2.6666666667vw
}
.lower h1,
.lower h2 {
font-size: 7vw;
}
.lower h2 {
line-height: 1.2857142857;
margin-bottom: 9.6vw;
}
.lower .mv {
background: bottom no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/lower_mv_bg_sp.png);
background-size: cover;
padding: 20.5333333333vw 4.2666666667vw 11.7333333333vw
}
.lower .mv+section:before {
background: bottom no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_light_blue01_02_sp.png);
background-size: cover;
bottom: -17.8666666667vw;
height: 17.8666666667vw
}
.lower .lower_common_content {
padding: 26.6666666667vw 4.2666666667vw 21.3333333333vw;
}
.lower.faq .lower_common_content,
.lower.company .lower_common_content,
.lower.locations_archive .lower_common_content,
.lower.service_archive .lower_common_content,
.lower.works_single .lower_common_content,
.lower.service_single .lower_common_content {
padding: 16vw 4.2666666667vw 21.3333333333vw;
background-color: #fff;
}
.lower.payment .lower_common_content {
padding: 16vw 4.2666666667vw 21.3333333333vw;
margin-top: 0;
background-color: #E3F6F7;
}
.lower.locations_single .lower_common_content {
padding: 16vw 4.2666666667vw 5vw;
}
.lower.staff .lower_common_content {
padding: 16vw 4.2666666667vw 21.3333333333vw;
margin-top: 0;
}
.lower.page_flow .lower_common_content .ten_points{
padding: 16vw 4.2666666667vw 27vw;
}
.lower .lower_common_content+.lower_common_content {
margin-top: 12.5333333333vw !important
}
.lower .lower_common_content+.lower_common_content:not(.bg_lb) {
padding: 16.6666666667vw 4.2666666667vw 21.3333333333vw;
position: relative
}
.lower.contact .lower_common_content+.lower_common_content:not(.bg_lb){
margin-top: 0 !important;
}
.lower .lower_common_content+.lower_common_content:not(.bg_lb):before {
background: top no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_white_01_sp.png);
background-size: cover;
height: 17.8666666667vw;
top: -17.8666666667vw
}
.lower .lower_common_content section+section {
margin-top: 16vw;
}
.lower .lower_common_content section>.inner>.btn01 {
height: 12.8vw;
max-width: 72.1333333333vw;
width: 72.1333333333vw;
}
.lower .lower_common_content.lower_common_content.bg_lb {
margin-top: 33.8666666667vw;
padding: 0 4.2666666667vw 21.8666666667vw;
}
.lower.area_single .lower_common_content.lower_common_content.bg_lb {
margin-top: 20.8666666667vw;
padding: 13vw 4.2666666667vw 21.8666666667vw;
}
.lower.works_archive .lower_common_content.lower_common_content.bg_lb{
margin-top: 20vw;
}
.lower.company .lower_common_content.lower_common_content.bg_lb, .lower.service_single .lower_common_content.lower_common_content.bg_lb{
background: transparent;
}
.lower .lower_common_content.lower_common_content.bg_lb:before {
background: bottom no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_light_blue01_01_sp.png);
background-size: cover;
height: 17.8666666667vw;
top: -17.8666666667vw
}
}
.faq .main_content {
padding: 100px 20px 6px
}
.faq .main_content .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.faq .main_content .inner>p {
font-size: 1.25rem;
font-weight: 500;
line-height: 1.5555555556;
margin-bottom: 35px;
color: #0d4d50;
}
.payment .main_content {
padding: 100px 20px 6px
}
.payment .main_content .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.payment .main_content .inner>p {
font-size: 1.125rem;
font-weight: 500;
line-height: 1.5555555556;
margin-bottom: 48px;
text-align: center
}
.payment .main_content .inner .wrapper {
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
gap:15px 0;
justify-content:space-between;
margin:0 auto;
max-width:840px;
width:100%
}
.payment .main_content .inner .wrapper div {
background:#fff;
border-radius:8px;
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type) {
width:49%
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type) img {
margin:0 auto;
max-width:188px
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type) p {
color:#0D4D50;
font-weight:700;
text-align:center
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type) p.title {
font-size:32px;
line-height:1.4375;
color: #14B1B9;
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type) p.text {
font-size:14px;
line-height:1.4285714286
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):first-of-type,.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):nth-of-type(2) {
padding:44px 10px
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):first-of-type img,.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):nth-of-type(2) img {
margin:0 auto 24px
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):nth-of-type(3),.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):nth-of-type(4) {
padding:26px 10px
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):nth-of-type(3) img,.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):nth-of-type(4) img {
margin:0 auto 12px
}
.payment .main_content .inner .wrapper div:last-of-type {
display:grid;
gap:24px;
grid-template-columns:15.2631578947% 81.5789473684%;
grid-template-rows:1fr 2fr;
padding:35px 4.7619047619%;
width:100%
}
.payment .main_content .inner .wrapper div:last-of-type picture {
grid-column:1/2;
grid-row:1/3
}
.payment .main_content .inner .wrapper div:last-of-type .title {
color:#081755;
font-size:31px;
font-weight:700;
grid-column:2/3;
grid-row:1/2;
line-height:1.4375;
}
.payment .main_content .inner .wrapper div:last-of-type p+picture {
grid-column:2/3;
grid-row:2/3;
max-width:324px;
width:100%
}
@media screen and (max-width:767px) {
.payment .main_content {
padding:11.7333333333vw 4.2666666667vw 5.3333333333vw
}
.payment .main_content .inner>p {
font-size:4.2666666667vw;
line-height:1.5;
margin-bottom:6.4vw
}
.payment .main_content .inner .wrapper {
gap:2.2666666667vw 2.5333333333vw
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type) {
width:44.4666666667vw
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type) img {
max-width:36.5333333333vw
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type) p.title {
font-size:4.2666666667vw;
line-height:1.5
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type) p.text {
font-size:2.6666666667vw;
line-height:1.5
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):first-of-type,.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):nth-of-type(2) {
padding:2.6666666667vw 3.4666666667vw 8vw
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):first-of-type img,.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):nth-of-type(2) img {
margin:0 auto 7.5733333333vw
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):nth-of-type(3),.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):nth-of-type(4) {
padding:2.6666666667vw 3.4666666667vw 4.2666666667vw
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):nth-of-type(3) img,.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type):nth-of-type(4) img {
margin:0 auto 2.1333333333vw
}
.payment .main_content .inner .wrapper div:last-of-type {
gap:4vw 6.4vw;
grid-template-columns:15.2vw 57.0666666667vw;
grid-template-rows:20vw 22.1333333333vw;
padding:6.4vw 5.8666666667vw 6.6666666667vw 6.9333333333vw;
width:100%
}
.payment .main_content .inner .wrapper div:last-of-type picture {
display:block;
grid-column:1/2;
grid-row:1/2;
height:100%;
width:auto;
margin: 0 auto;
}
.payment .main_content .inner .wrapper div:last-of-type picture img {
width: auto;
height: 100%;
max-width: auto;
}
.payment .main_content .inner .wrapper div:last-of-type .title {
font-size:5.3333333333vw;
line-height:1.45
}
.payment .main_content .inner .wrapper div:last-of-type p+picture {
grid-column:1/3;
grid-row:2/3;
max-width:unset;
width:78.6666666667vw;
}
}
@media screen and (max-width:767px) {
.faq .main_content {
padding: 11.7333333333vw 4.2666666667vw 16vw;
}
.faq .main_content .inner>p {
font-size: 4.2666666667vw;
line-height: 1.5;
margin-bottom: 6.4vw
}
}
.page_flow .main_content {
padding: 100px 20px 6px
}
.page_flow .main_content .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.page_flow .main_content .inner ol li {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 5.0675675676%;
justify-content: space-between;
position: relative;
box-shadow: 0 0 8px rgba(0,0,0,.16);
}
.page_flow .main_content .inner ol li+li {
margin-top: 72px
}
.page_flow .main_content .inner ol li+li:before {
content: "";
background: url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/flow/flow_arrow.png);
background-size: cover;
display: block;
height: 12px;
width: 24px;
left: 50%;
position: absolute;
top: -41px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.page_flow .main_content .inner ol li .left {
width: 58.5454545455%;
padding: 24px 0 24px 5.0675675676%;
}
.page_flow .main_content .inner ol li .left h3 {
-webkit-box-pack: start;
-ms-flex-pack: start;
border-bottom: 1px solid #e3e3e3;
color: #14B1B9;
font-size: 2rem;
gap: 12px;
justify-content: flex-start;
margin-bottom: 24px;
padding-bottom: 24px;
font-weight: 700;
}
.page_flow .main_content .inner ol li>img {
width: 36%;
border-radius: 0 8px 8px 0;
}
.page_flow .main_content .inner .btn01 {
height: 60px;
margin: 60px auto 0;
max-width: 300px;
}
.page_flow .lower_common_content .works_list .btn01 {
margin: 112px auto 0
}
.page_flow .works_slider .swiper-slide {
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}
@media screen and (max-width:767px) {
.page_flow .main_content {
padding: 11.7333333333vw 4.2666666667vw 5.3333333333vw
}
.page_flow .main_content .inner ol li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
border-radius: 8px;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 0;
flex-direction: column-reverse;
}
.page_flow .main_content .inner ol li+li {
margin-top: 12.5333333333vw;
}
.page_flow .main_content .inner ol li+li:before {
height: 2.5vw;
top: -7.2666666667vw;
width: 4.8vw;
}
.page_flow .main_content .inner ol li .left {
width: 100%;
padding: 4.4vw 4.2666666667vw;
}
.page_flow .main_content .inner ol li .left h3 {
border-bottom: .2666666667vw dashed #e3e3e3;
font-size: 5.4vw;
margin-bottom: 2.2666666667vw;
padding-bottom: 2.2666666667vw;
text-align: center;
}
.page_flow .main_content .inner ol li .left h3 .num {
font-size: 4.2666666667vw;
height: 9.6vw;
width: 9.6vw
}
.page_flow .main_content .inner ol li>img {
width: 100%;
border-radius: 8px 8px 0 0;
}
.page_flow .main_content .inner .btn01 {
height: 12.8vw;
margin: 9.6vw auto 0;
max-width: 67.4666666667vw
}
.page_flow .lower_common_content .works_list .btn01 {
margin: 16vw auto 0
}
}
.staff .main_content {
padding: 80px 20px 6px;
}
.staff .main_content .inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 12px 1%;
justify-content: space-between;
margin: 0 auto;
max-width: 1280px;
width: 100%;
}
.staff .main_content .inner .content {
background: #fff;
border-radius: 8px;
padding: 24px;
width: 49.5%;
border: 2px solid #14B1B9;
box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
}
.staff .main_content .inner .content .content_head {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 4.0038910506%;
justify-content: space-between;
}
.staff .main_content .inner .content .content_head img {
border-radius: 4px;
width: 35.0194552529%
}
.staff .main_content .inner .content .content_head div {
width: 62.2568093385%
}
.staff .main_content .inner .content .content_head div .position {
font-size: 1.125rem;
font-weight: 700
}
.staff .main_content .inner .content .content_head div .name {
color: #14B1B9;
font-size: 1.75rem;
font-weight: 700;
border-bottom: 1px dashed #E2E2E2;
margin-bottom: 12px;
}
.staff .main_content .inner .content .text {
font-size: 0.88rem;
line-height: 1.7777777778;
}
@media screen and (max-width:767px) {
.staff .main_content {
padding: 11.7333333333vw 4.2666666667vw 5.3333333333vw
}
.staff .main_content .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 5.3333333333vw;
justify-content: center
}
.staff .main_content .inner .content {
padding: 4.2666666667vw;
width: 100%;
}
.staff .main_content .inner .content .content_head {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6.4vw;
margin: 0 0 4.2666666667vw;
display: block;
}
.staff .main_content .inner .content .content_head img {
border-radius: 4.2666666667vw;
width: 39.4666666667vw;
margin: 0 auto 4vw;
}
.staff .main_content .inner .content .content_head div {
width: 100%;
}
.staff .main_content .inner .content .content_head div .position {
font-size: 3.2vw
}
.staff .main_content .inner .content .content_head div .name {
font-size: 6.4vw
}
.staff .main_content .inner .content .text {
font-size: 3.2vw;
line-height: 1.75
}
}
.about {
overflow: hidden
}
.about .main_content {
padding: 100px 20px 76px
}
.about .main_content section+section {
margin-top: 120px !important
}
.about .main_content .sec01 {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.about .main_content .sec01 h2 {
line-height: 1.5
}
.about .main_content .sec01 p .f-orange {
font-weight: 700
}
.about .main_content .sec01 .btn_wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 3.3783783784%;
justify-content: center;
margin: 60px auto 0
}
.about .main_content .sec01 .btn_wrapper .btn01{
height: 70px;
justify-content: flex-start;
max-width: 374px;
}
.about .main_content .sec02 {
margin: 0 auto;
max-width: 1280px;
width: 100%
}
.about .main_content .sec02 ol li {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 5.0675675676%;
justify-content: space-between;
background: #fff;
border-radius: 8px;
}
.about .main_content .sec02 ol li+li {
margin-top: 60px
}
.about .main_content .sec02 ol li:nth-of-type(2):before {
border-radius: 30px 0 0 40px;
left: 72px;
right: unset
}
.about .main_content .sec02 ol li>img {
border-radius: 0 8px 8px 0;
width: 42.5675675676%
}
.about .main_content .sec02 ol li:nth-child(2)>img{
border-radius: 8px 0 0 8px;
} 
.about .main_content .sec02 .text_wrapper {
width: 53.6756756757%;
padding: 40px 0 0 40px;
}
.about .main_content .sec02 ol li:nth-child(2) .text_wrapper{
padding: 40px 40px 0 0;
}
.about .main_content .sec02 .text_wrapper h3 {
-webkit-box-pack: start;
-ms-flex-pack: start;
color: #14B1B9;
font-size: 2rem;
gap: 12px;
justify-content: flex-start;
margin-bottom: 24px;
}
.about .main_content .sec02 .text_wrapper h3,
.about .main_content .sec02 .text_wrapper h3 .num {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-weight: 700
}
.about .main_content .sec02 .text_wrapper h3 .num {
-webkit-box-pack: center;
-ms-flex-pack: center;
background: #14B1B9;
border-radius: 2px;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 1.5rem;
height: 48px;
justify-content: center;
line-height: 1;
width: 48px;
}
.about .main_content .sec02 .text_wrapper p {
font-weight: 500;
line-height: 2;
}
.about .main_content .sec02 .text_wrapper .btn01 {
height: 60px;
margin: 48px 0 0 0;
max-width: 352px;
background: #14B1B9;
}
.about .lower_common_content.bg_lb {
margin-top: 0
}
.about .lower_common_content.bg_lb:before {
display: none
}
@media screen and (max-width:767px) {
.about .main_content {
padding: 11.7333333333vw 4.2666666667vw 16vw;
}
.about .main_content section+section {
margin-top: 16vw !important
}
.about .main_content .sec01 .btn_wrapper {
gap: 4.5333333333vw;
margin: 9.3333333333vw auto 0
}
.about .main_content .sec01 .btn_wrapper .btn01{
height: 13.5vw;
width: 90%;
max-width: 100%;
}
.about .main_content .sec01 .btn_wrapper,
.about .main_content .sec02 ol li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
.about .main_content .sec02 ol li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
gap: 0;
padding: 6.4vw 4.2666666667vw 8.5333333333vw;
box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
}
.about .main_content .sec02 ol li+li {
margin-top: 5.3333333333vw
}
.about .main_content .sec02 ol li:before,
.about .main_content .sec02 ol li>img {
display: none
}
.about .main_content .sec02 .text_wrapper {
width: 100%;
padding: 0;
}
.about .main_content .sec02 ol li:nth-child(2) .text_wrapper{
padding: 0;
}
.about .main_content .sec02 .text_wrapper h3 {
font-size: 6.4vw;
gap: 2.1333333333vw;
margin-bottom: 6.4vw
}
.about .main_content .sec02 .text_wrapper h3 .num {
font-size: 5.3333333333vw;
height: 10.6666666667vw;
min-width: 10.6666666667vw;
width: 10.6666666667vw
}
.about .main_content .sec02 .text_wrapper p {
line-height: 1.5;
margin-left: 0
}
.about .main_content .sec02 .text_wrapper .img {
height: auto;
margin-top: 6.1333333333vw;
overflow: hidden;
width: 100%
}
.about .main_content .sec02 .text_wrapper .img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.about .main_content .sec02 .text_wrapper .btn01 {
height: 12.8vw;
margin: 10.1333333333vw auto 0;
max-width: 67.8666666667vw;
padding-left: 6.9333333333vw
}
.about .lower_common_content {
margin-top: 8vw !important
}
.about .lower_common_content.bg_lb {
margin-top: 0
}
.about .lower_common_content.bg_lb:before {
display: none
}
}
.privacy_policy {
overflow: hidden
}
.privacy_policy .main_content {
padding: 100px 20px 76px
}
.privacy_policy .main_content .inner {
background: #fff;
border-radius: 8px;
margin: 0 auto;
max-width: 1184px;
padding: 48px;
width: 100%
}
.privacy_policy .main_content .inner section+section {
margin-top: 36px
}
.privacy_policy .main_content .inner h2 {
color: #14B1B9;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.45;
margin-bottom: 16px;
text-align: left
}
.privacy_policy .main_content .inner p+p {
margin-top: 1em
}
.privacy_policy .lower_common_content.bg_lb {
margin-top: 0
}
.privacy_policy .lower_common_content.bg_lb:before {
display: none
}
@media screen and (max-width:767px) {
.privacy_policy .main_content {
padding: 11.7333333333vw 4.2666666667vw 5.3333333333vw
}
.privacy_policy .main_content .inner {
padding: 6.4vw 4.2666666667vw
}
.privacy_policy .main_content .inner section+section {
margin-top: 6.1333333333vw
}
.privacy_policy .main_content .inner h2 {
font-size: 4.2666666667vw;
line-height: 1.625;
margin-bottom: 4.2666666667vw
}
.privacy_policy .lower_common_content {
margin-top: 8vw !important
}
.privacy_policy .lower_common_content.bg_lb {
margin-top: 0
}
.privacy_policy .lower_common_content.bg_lb:before {
display: none
}
}
.company .main_content {
padding: 100px 20px 6px
}
.company .main_content .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.company .main_content .inner .sec01 {
background: #fff;
border-radius: 8px;
padding: 16px 48px
}
.company .main_content .inner .sec01 dl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: flex-start;
padding: 32px 0 31px
}
.company .main_content .inner .sec01 dl+dl {
border-top: 1px solid #e2e2e2
}
.company .main_content .inner .sec01 dl dt {
color: #14B1B9;
font-weight: 500;
width: 17.2794117647%;
}
.company .main_content .inner .sec01 dl dd {
width: 82.7205882353%
}
.company .main_content .inner .sec02 {
margin-top: 120px
}
.company .main_content .inner .sec02 .flex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 5.0675675676%;
justify-content: center
}
.company .main_content .inner .sec02 .flex .map {
background: #fff;
border-radius: 8px;
display: block;
height: 320px;
overflow: hidden;
width: 47.972972973%
}
.company .main_content .inner .sec02 .flex .right h3 {
color: #14B1B9;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 16px
}
.company .main_content .inner .sec02 .flex .right p {
font-weight: 500
}
.company .main_content .inner .sec02 .flex .right p+h3 {
margin-top: 38px
}
.company .lower_common_content .inner>.btn01 {
height: 70px;
max-width: 352px
}
@media screen and (max-width:767px) {
.company .main_content {
padding: 11.7333333333vw 4.2666666667vw 5.3333333333vw
}
.company .main_content .inner .sec01 {
padding: 2.1333333333vw 4.2666666667vw
}
.company .main_content .inner .sec01 dl {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
padding: 4.2666666667vw 0
}
.company .main_content .inner .sec01 dl+dl {
border-top: .2666666667vw solid #e2e2e2
}
.company .main_content .inner .sec01 dl dt {
width: 100%
}
.company .main_content .inner .sec01 dl dd {
margin-top: 2.1333333333vw;
width: 100%
}
.company .main_content .inner .sec02 {
margin-top: 16vw
}
.company .main_content .inner .sec02 .flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 5.3333333333vw
}
.company .main_content .inner .sec02 .flex .map {
display: block;
height: 56.5333333333vw;
width: 100%
}
.company .main_content .inner .sec02 .flex .right {
padding: 0 2.1333333333vw;
width: 100%
}
.company .main_content .inner .sec02 .flex .right h3 {
font-size: 5.3333333333vw;
margin-bottom: 2.1333333333vw
}
.company .main_content .inner .sec02 .flex .right p {
font-size: 3.7333333333vw;
line-height: 22/14
}
.company .main_content .inner .sec02 .flex .right p+h3 {
margin-top: 6.4vw
}
.company .lower_common_content .inner>.btn01 {
height: 12.8vw;
max-width: 70.1333333333vw
}
}
.urgent .main_content {
padding: 100px 20px 6px
}
.urgent .main_content .inner {
margin: 0 auto;
max-width: 1184px;
text-align: center;
width: 100%
}
.urgent .main_content .inner>.text {
font-size: 1.125rem;
font-weight: 500;
line-height: 2
}
.urgent .main_content .inner .btn01 {
font-size: 1.25rem;
height: 73px;
margin: 60px auto 0;
max-width: 412px;
padding-right: 65px;
}
.urgent .main_content .inner .btn01:before {
height: 38px;
right: 19px;
width: 38px
}
.urgent .main_content .inner .box {
background: #fff;
border-radius: 8px;
margin-top: 120px;
padding: 60px 6.7567567568%;
width: 100%
}
.urgent .main_content .inner .box .line {
color: #0D4D50;
font-size: 2.875rem;
font-weight: 700;
margin-bottom: 16px;
}
.urgent .main_content .inner .box .text {
font-size: 1.125rem;
font-weight: 500;
line-height: 2;
margin-bottom: 26px;
}
.urgent .main_content .inner .box img {
margin: 0 auto 48px;
max-width: 420px
}
.urgent .main_content .inner .box dl {
text-align: left
}
.urgent .main_content .inner .box dl dt {
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 24px
}
.urgent .main_content .inner .box dl dd {
color: #081755;
font-size: 1.125rem;
line-height: 1.5
}
.urgent .main_content .inner .box dl dd li {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: flex-start
}
.urgent .main_content .inner .box dl dd li+li {
margin-top: 11px
}
.urgent .main_content .inner .box dl dd li .num {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #14B1B9;
border-radius: 2px;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-family: 'Oswald', sans-serif;
font-size: .875rem;
font-weight: 700;
height: 24px;
justify-content: center;
line-height: 1;
margin: 0 4px -2px 0;
min-width: 24px;
width: 24px
}
.urgent .lower_common_content.bg_lb {
margin-top: 70px
}
.urgent .lower_common_content.bg_lb:before {
display: none
}
@media screen and (max-width:767px) {
.urgent .main_content {
padding: 11.7333333333vw 4.2666666667vw 5.3333333333vw
}
.urgent .main_content .inner>.text {
font-size: 3.2vw;
line-height: 2.1666666667
}
.urgent .main_content .inner .btn01 {
font-size: 3.4666666667vw;
height: 12.8vw;
margin: 9.3333333333vw auto 0;
max-width: 67.4666666667vw;
padding: 3.2vw 9.266667vw 3.2vw 3.6vw;
}
.urgent .main_content .inner .btn01:before {
height: 6.9333333333vw;
right: 3.4666666667vw;
width: 6.9333333333vw
}
.urgent .main_content .inner .box {
margin-top: 16vw;
padding: 6.4vw 4.2666666667vw 6.1333333333vw
}
.urgent .main_content .inner .box .line {
display: inline-block;
font-size: 6.4vw;
line-height: 1.2857142857rem;
margin-bottom: 6.4vw
}
.urgent .main_content .inner .box .text {
font-size: 3.2vw;
line-height: 1.75;
margin-bottom: 2.9333333333vw
}
.urgent .main_content .inner .box img {
margin: 0 auto 9.6vw;
max-width: 69.8666666667vw
}
.urgent .main_content .inner .box dl dt {
font-size: 3.7333333333vw;
line-height: 1.7142857143rem;
margin-bottom: 4.2666666667vw;
text-align: center
}
.urgent .main_content .inner .box dl dd {
font-size: 3.2vw;
line-height: 1.75
}
.urgent .main_content .inner .box dl dd li+li {
margin-top: 2.9333333333vw
}
.urgent .main_content .inner .box dl dd li .num {
font-size: 3.2vw;
height: 5.3333333333vw;
margin: 0 1.0666666667vw -.2666666667vw 0;
min-width: 5.3333333333vw;
width: 5.3333333333vw
}
.urgent .lower_common_content {
margin-top: 8vw !important
}
.urgent .lower_common_content.bg_lb {
margin-top: 0
}
.urgent .lower_common_content.bg_lb:before {
display: none
}
}
.column_single {
overflow: hidden
}
.column_single .mv h1 {
margin-left: auto;
margin-right: auto;
max-width: 1144px;
width: 100%
}
.column_single .main_content {
padding: 100px 20px 76px
}
.column_single .main_content .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.column_single .main_content .inner .post_head {
margin-bottom: 60px
}
.column_single .main_content .inner .post_head .category_list {
margin-right: 24px
}
.column_single .main_content .inner .single_thumbnail {
margin-bottom: 48px
}
.column_single .main_content .inner #toc_container {
background: #fff;
border: none;
border-radius: 20px;
margin: 79px 0 120px;
padding: 60px 5.0675675676%;
width: 100%
}
.column_single .main_content .inner #toc_container .toc_title {
color: #081755;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 48px
}
.column_single .main_content .inner #toc_container .toc_list>li {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
justify-content: flex-start
}
.column_single .main_content .inner #toc_container .toc_list>li+li {
margin-top: 59px
}
.column_single .main_content .inner #toc_container .toc_list>li>a {
font-size: 1.25rem;
font-weight: 500;
padding-left: 44px;
position: relative
}
.column_single .main_content .inner #toc_container .toc_list>li>a .toc_number {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #14B1B9;
border-radius: 2px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-family: 'Oswald', sans-serif;
font-weight: 700;
height: 36px;
justify-content: center;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 36px
}
.column_single .main_content .inner #toc_container .toc_list>li li {
padding-left: 24px;
position: relative
}
.column_single .main_content .inner #toc_container .toc_list>li>ul {
margin-top: 1em;
}
.column_single .main_content .inner #toc_container .toc_list>li li+li {
margin-top: 11px
}
.column_single .main_content .inner #toc_container .toc_list>li li:before {
background: #14B1B9;
content: "";
display: block;
height: 2px;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 16px
}
.column_single .main_content .inner #toc_container .toc_list>li li a {
font-size: 1.125rem;
font-weight: 500
}
.column_single .main_content .inner #toc_container .toc_list>li li a .toc_number:after {
content: "."
}
.column_single .main_content .inner .single_content strong{
font-weight: 700;
}
.column_single .main_content .inner .single_content h2 {
background: #fff;
border-radius: 4px;
color: #14B1B9;
font-size: 2rem;
font-weight: 700;
margin-bottom: 24px;
padding: 16px 84px;
position: relative;
text-align: left
}
.column_single .main_content .inner .single_content h2 .num {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #14B1B9;
border-radius: 4px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-family: 'Oswald', sans-serif;
font-size: 1.5rem;
font-weight: 700;
height: 48px;
justify-content: center;
left: 24px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 48px
}
.column_single .main_content .inner .single_content h3 {
border-bottom: 1px dotted #14B1B9;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.1428571429;
margin-bottom: 16px;
padding-bottom: 16px
}
.column_single .main_content .inner .single_content h3 .num {
margin-right: .5em
}
.column_single .main_content .inner .single_content h3 .num:after {
content: "."
}
.column_single .main_content .inner .single_content h4 .num,
.column_single .main_content .inner .single_content h5 .num,
.column_single .main_content .inner .single_content h6 .num {
display: none;
}
.column_single .main_content .inner .single_content p {
font-size: 1.125rem;
font-weight: 500;
line-height: 1.7777777778rem
}
.column_single .main_content .inner .single_content p+p {
margin-top: 23px
}
.column_single .main_content .inner .single_content p+h2 {
margin-top: 79px
}
.column_single .main_content .inner .single_content p+h3 {
margin-top: 47px
}
.column_single .main_content .inner .single_content h4 {
margin-top:30px;
font-size: 24px;
font-weight: 700;
}
.column_single .main_content .inner .single_content h5 {
margin-top:24px;
font-size: 20px;
font-weight: 700;
}
.column_single .main_content .inner .single_content h6 {
margin-top:18px;
font-size: 18px;
font-weight: 700;
}
.column_single .main_content .inner .single_content h4 + p>img,
.column_single .main_content .inner .single_content h5 + p>img,
.column_single .main_content .inner .single_content h6 + p>img{
margin-top: 7px;
}
.column_single .lower_common_content.bg_lb {
margin-top: 0
}
.column_single .lower_common_content.bg_lb:before {
display: none
}
@media screen and (max-width:767px) {
.column_single .main_content {
padding: 11.7333333333vw 4.2666666667vw 5.3333333333vw
}
.column_single .main_content .inner .post_head {
margin-bottom: 6.4vw
}
.column_single .main_content .inner .post_head .category_list {
margin-right: 3.2vw
}
.column_single .main_content .inner .single_thumbnail {
margin-bottom: 6.4vw
}
.column_single .main_content .inner #toc_container {
border-radius: 4.2666666667vw;
margin: 12.5333333333vw 0 12.8vw;
padding: 6.4vw 4.2666666667vw 6.1333333333vw;
width: 100%
}
.column_single .main_content .inner #toc_container .toc_title {
font-size: 6.4vw;
margin-bottom: 5.8666666667vw
}
.column_single .main_content .inner #toc_container .toc_list>li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
justify-content: flex-start
}
.column_single .main_content .inner #toc_container .toc_list>li+li {
margin-top: 6.1333333333vw
}
.column_single .main_content .inner #toc_container .toc_list>li>a {
font-size: 4.2666666667vw;
margin-bottom: 4.2666666667vw;
padding-left: 7.4666666667vw
}
.column_single .main_content .inner #toc_container .toc_list>li>a .toc_number {
height: 6.4vw;
width: 6.4vw
}
.column_single .main_content .inner #toc_container .toc_list>li li {
padding-left: 6.6666666667vw
}
.column_single .main_content .inner #toc_container .toc_list>li li+li {
margin-top: 3.2vw
}
.column_single .main_content .inner #toc_container .toc_list>li li:before {
background: #14B1B9;
height: .5333333333vw;
top: 2.5333333333vw;
-webkit-transform: translateY(0);
transform: translateY(0);
width: 4.2666666667vw
}
.column_single .main_content .inner #toc_container .toc_list>li li a {
font-size: 3.2vw
}
.column_single .main_content .inner .single_content h2 {
border-radius: 8px;
font-size: 4.8vw;
margin-bottom: 4.2666666667vw;
padding: 4.5333333333vw 4.2666666667vw 4.2666666667vw 11.7333333333vw
}
.column_single .main_content .inner .single_content h2 .num {
font-size: 3.7333333333vw;
height: 6.4vw;
left: 4.2666666667vw;
width: 6.4vw
}
.column_single .main_content .inner .single_content h3 {
border-bottom: .5333333333vw dashed #14B1B9;
font-size: 4.2666666667vw;
line-height: 1.3125;
margin-bottom: 3.2vw;
padding-bottom: 3.2vw
}
.column_single .main_content .inner .single_content p {
font-size: 3.73vw;
line-height: 1.75
}
.column_single .main_content .inner .single_content p+p {
margin-top: 5.6vw
}
.column_single .main_content .inner .single_content p+h3 {
margin-top: 9.3333333333vw
}
.column_single .main_content .inner .single_content p+h2 {
margin-top: 12.5333333333vw
}
.column_single .lower_common_content {
margin-top: 8vw !important
}
.column_single .lower_common_content.bg_lb {
margin-top: 0
}
.column_single .lower_common_content.bg_lb:before {
display: none
}
}
.column_archive {
overflow: hidden
}
.column_archive .main_content {
padding: 100px 20px 76px
}
.column_archive .main_content .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.column_archive .main_content .inner>.category_list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
display: flex;
justify-content: center;
}
.column_archive .main_content .inner>.category_list+p{
margin-top: 40px;
}
.column_archive .main_content .inner>.category_list li {
background: #fff;
color: #14B1B9;
min-width: 118px;
padding: 2px 17px;
-webkit-transition: .3s;
transition: .3s
}
.column_archive .main_content .inner>.category_list li.is-current {
background: #14B1B9;
color: #fff
}
@media (hover:hover) {
.column_archive .main_content .inner>.category_list li:hover {
background: #14B1B9;
color: #fff
}
.column_archive .main_content .inner>.category_list li:hover a {
opacity: 1
}
}
.column_archive .main_content .inner>.category_list li a {
font-size: 1rem
}
.column_archive .main_content .inner .post_list {
margin: 48px auto 60px
}
.column_archive .lower_common_content.bg_lb {
margin-top: -56px
}
.column_archive .lower_common_content.bg_lb:before {
display: none
}
@media screen and (max-width:767px) {
.column_archive .main_content {
padding: 11.7333333333vw 4.2666666667vw 5.3333333333vw;
}
.column_archive .main_content .inner>.category_list {
gap: 3.2vw 2.1333333333vw;
justify-content: left;
}
.column_archive .main_content .inner>.category_list li {
min-width: 19.2vw;
padding: 0 4.9333333333vw
}
.column_archive .main_content .inner>.category_list li a {
font-size: 3.2vw
}
.column_archive .main_content .inner .post_list {
margin: 9.6vw auto
}
.column_archive .lower_common_content {
margin-top: 8vw !important
}
.column_archive .lower_common_content.bg_lb {
margin-top: 0
}
.column_archive .lower_common_content.bg_lb:before {
display: none
}
}
.contact {
overflow: hidden;
}
.contact .main_content {
padding: 100px 0 0;
}
.contact .main_content section+section {
margin-top: 120px !important
}
.contact .main_content .sec01 {
margin: 0 auto;
max-width: 1184px;
padding: 0 20px 106px;
width: 100%;
}
.contact .main_content .sec01 .box {
background: #fff;
border-radius: 8px;
padding: 60px 6.7567567568%;
text-align: center;
width: 100%
}
.contact .main_content .sec01 .box .line {
color: #081755;
font-size: 2.875rem;
font-weight: 700;
margin-bottom: 24px
}
.contact .main_content .sec01 .box .text {
font-size: 1.125rem;
font-weight: 500;
line-height: 2;
margin-bottom: 35px
}
.contact .main_content .sec01 .box img {
margin: 0 auto 48px;
max-width: 420px
}
.contact .main_content .sec01 .box dl {
text-align: left
}
.contact .main_content .sec01 .box dl dt {
color: #14B1B9;
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 24px
}
.contact .main_content .sec01 .box dl dd {
color: #081755;
font-size: 1.125rem;
line-height: 1.5
}
.contact .main_content .sec01 .box dl dd li {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: flex-start
}
.contact .main_content .sec01 .box dl dd li+li {
margin-top: 11px
}
.contact .main_content .sec01 .box dl dd li .num {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #14B1B9;
border-radius: 2px;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-family: 'Oswald', sans-serif;
font-size: .875rem;
font-weight: 700;
height: 24px;
justify-content: center;
line-height: 1;
margin: 0 4px -2px 0;
min-width: 24px;
width: 24px
}
.contact .main_content .sec02 {
background: #fff;
margin-top: 0 !important;
margin-bottom: 60px;
padding: 60px 20px;
position: relative;
z-index: 1
}
.contact .main_content .sec02 .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.contact .main_content .sec02 .form dl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px dashed #e2e2e2;
border-top: 1px dashed #e2e2e2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 24px;
justify-content: flex-start;
padding: 24px 0
}
.contact .main_content .sec02 .form dl:first-of-type {
border-top: none
}
.contact .main_content .sec02 .form dl.textarea_wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.contact .main_content .sec02 .form dl.textarea_wrapper dt {
margin-top: 17px
}
.contact .main_content .sec02 .form dl dt {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #14B1B9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: 1.25rem;
justify-content: space-between;
min-width: 280px;
width: 256px
}
.contact .main_content .sec02 .form dl dt span {
background: #f03512;
border-radius: 4px;
color: #fff;
font-size: .875rem;
font-weight: 500;
line-height: 1;
padding: 5px 6px
}
.contact .main_content .sec02 .form dl dd {
width: calc(100% - 256px)
}
.contact .main_content .sec02 .form dl dd input,
.contact .main_content .sec02 .form dl dd textarea {
background: #f5f5f5;
border: none;
border-radius: 4px;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.3;
padding: 18px 24px 17px;
width: 100%
}
.contact .main_content .sec02 .form dl dd input::-webkit-input-placeholder,
.contact .main_content .sec02 .form dl dd textarea::-webkit-input-placeholder {
color: #ccc
}
.contact .main_content .sec02 .form dl dd input::-moz-placeholder,
.contact .main_content .sec02 .form dl dd textarea::-moz-placeholder {
color: #ccc
}
.contact .main_content .sec02 .form dl dd input:-ms-input-placeholder,
.contact .main_content .sec02 .form dl dd textarea:-ms-input-placeholder {
color: #ccc
}
.contact .main_content .sec02 .form dl dd input::-ms-input-placeholder,
.contact .main_content .sec02 .form dl dd textarea::-ms-input-placeholder {
color: #ccc
}
.contact .main_content .sec02 .form dl dd input::placeholder,
.contact .main_content .sec02 .form dl dd textarea::placeholder {
color: #ccc
}
.contact .main_content .sec02 .form dl dd input:focus,
.contact .main_content .sec02 .form dl dd textarea:focus {
outline: none
}
.contact .main_content .sec02 .form .contact_privacy_policy {
margin: 24px 0 40px
}
.contact .main_content .sec02 .form .contact_privacy_policy>p {
color: #14B1B9;
font-size: 1.25rem;
margin-bottom: 24px;
text-align: left
}
.contact .main_content .sec02 .form .contact_privacy_policy .inner {
border: 2px solid #0D4D50;
border-radius: 8px;
height: 252px;
overflow-y: scroll;
padding: 24px 4.0540540541%;
width: 100%
}
.contact .main_content .sec02 .form .contact_privacy_policy .inner section+section {
margin-top: 36px !important
}
.contact .main_content .sec02 .form .contact_privacy_policy .inner h3 {
color: #14B1B9;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.45;
margin-bottom: 16px;
text-align: left
}
.contact .main_content .sec02 .form .contact_privacy_policy .inner p+p {
margin-top: 1em
}
.contact .main_content .sec02 .form .checkbox_wrapper {
text-align: center
}
.contact .main_content .sec02 .form .btn01 {
margin: 39px auto 0;
position: relative;
-webkit-transition: .3s;
transition: .3s
}
.contact .main_content .sec02 .form .btn01 input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0
}
.contact .main_content .sec02 .form .btn01 .wpcf7-spinner {
display: none
}
.contact .main_content+.lower_common_content.bg_lb {
margin-top: 0
}
.confirm .main_content {
padding: 100px 20px 120px
}
.confirm .main_content:before {
display: none !important
}
.confirm .main_content .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.confirm .main_content .inner>.sec01>.inner>p{
text-align: center;
margin-bottom: 25px;
}
.confirm .main_content .form dl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px dashed #e2e2e2;
border-top: 1px dashed #e2e2e2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 24px;
justify-content: flex-start;
padding: 24px 0
}
.confirm .main_content .form dl:first-of-type {
border-top: none
}
.confirm .main_content .form dl dt {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #14B1B9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: 1.25rem;
justify-content: space-between;
min-width: 280px;
width: 256px
}
.confirm .main_content .form dl dd {
font-size: 1.125rem;
font-weight: 500;
line-height: 200%;
width: calc(100% - 256px)
}
.confirm .main_content .form .btn01 {
margin: 39px auto 0;
position: relative;
-webkit-transition: .3s;
transition: .3s
}
.confirm .main_content .form .btn01 input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0
}
.confirm .main_content .form .btn01 .wpcf7-spinner {
display: none;
}
.confirm .main_content .sec01 .form .btn01.sending {
color: #fff !important;
background: linear-gradient(to right, #999 0%, #999 100%);
box-shadow: none;
}
.confirm .main_content .sec01 .form .btn01.sending::before{
display: none;
}
.confirm .main_content .form a.back {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: 1.125rem;
font-weight: 500;
gap: 8px;
justify-content: center;
margin-top: 36px
}
.confirm .main_content .form a.back:before {
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/icon_back.png);
background-size: cover;
content: "";
display: block;
height: 21px;
width: 21px
}
.complete .main_content {
padding: 100px 20px 120px
}
.complete .main_content:before {
display: none !important
}
.complete .main_content .inner {
margin: 0 auto;
max-width: 1184px;
text-align: center;
width: 100%
}
.complete .main_content .inner p {
font-size: 1.125rem;
font-weight: 500;
line-height: 2rem;
margin-bottom: 23px
}
.complete .main_content .inner .banner {
display: block;
margin: 0 auto 60px;
max-width: 522px;
width: 100%
}
.complete .main_content .inner .btn01 {
margin: 0 auto
}
@media screen and (max-width:767px) {
.contact .main_content {
padding: 11.7333333333vw 0 5.3333333333vw
}
.contact .main_content section+section {
margin-top: 16vw !important
}
.contact .main_content .sec01 {
padding-bottom: 0;
padding-left: 4.2666666667vw;
padding-right: 4.2666666667vw
}
.contact .main_content .sec01 .box {
border-radius: 5.3333333333vw;
margin-top: 0;
padding: 6.4vw 4.2666666667vw 6.1333333333vw
}
.contact .main_content .sec01 .box .line {
display: inline-block;
font-size: 6.4vw;
line-height: 1.2857142857rem;
margin-bottom: 6.4vw
}
.contact .main_content .sec01 .box .text {
font-size: 3.2vw;
line-height: 1.75;
margin-bottom: 2.9333333333vw
}
.contact .main_content .sec01 .box img {
margin: 0 auto 9.6vw;
max-width: 69.8666666667vw
}
.contact .main_content .sec01 .box dl dt {
font-size: 3.7333333333vw;
line-height: 1.7142857143rem;
margin-bottom: 4.2666666667vw;
text-align: center
}
.contact .main_content .sec01 .box dl dd {
font-size: 3.2vw;
line-height: 1.75
}
.contact .main_content .sec01 .box dl dd li+li {
margin-top: 2.9333333333vw
}
.contact .main_content .sec01 .box dl dd li .num {
font-size: 3.2vw;
height: 5.3333333333vw;
margin: 0 1.0666666667vw -.2666666667vw 0;
min-width: 5.3333333333vw;
width: 5.3333333333vw
}
.contact .main_content .sec02 {
margin-top: 17.8666666667vw !important;
padding: 16vw 4.2666666667vw 22.6666666667vw;
}
.contact .main_content .sec02:before {
background: top no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_white_01_sp.png);
background-size: cover;
height: 17.8666666667vw;
top: -17.8666666667vw
}
.contact .main_content .sec02 .form dl {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
border-bottom: .2666666667vw dashed #e2e2e2;
border-top: .2666666667vw dashed #e2e2e2;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 3.2vw;
justify-content: flex-start;
padding: 4.2666666667vw 0
}
.contact .main_content .sec02 .form dl,
.contact .main_content .sec02 .form dl.textarea_wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.contact .main_content .sec02 .form dl.textarea_wrapper dt {
margin-top: 0
}
.contact .main_content .sec02 .form dl dt {
-webkit-box-pack: start;
-ms-flex-pack: start;
font-size: 4.2666666667vw;
justify-content: flex-start;
min-width: unset;
width: auto
}
.contact .main_content .sec02 .form dl dt span {
border-radius: .8vw;
font-size: 2.6666666667vw;
margin-left: 3.2vw;
padding: 1.0666666667vw
}
.contact .main_content .sec02 .form dl dd {
width: 100%
}
.contact .main_content .sec02 .form dl dd input,
.contact .main_content .sec02 .form dl dd textarea {
border-radius: 2.1333333333vw;
font-size: 3.7333333333vw;
padding: 3.2vw
}
.contact .main_content .sec02 .form .contact_privacy_policy {
margin: 4.2666666667vw 0 6.4vw
}
.contact .main_content .sec02 .form .contact_privacy_policy>p {
font-size: 4.2666666667vw;
margin-bottom: 3.2vw
}
.contact .main_content .sec02 .form .contact_privacy_policy .inner {
height: 56.5333333333vw;
padding: 4.2666666667vw
}
.contact .main_content .sec02 .form .contact_privacy_policy .inner section+section {
margin-top: 6.1333333333vw !important
}
.contact .main_content .sec02 .form .contact_privacy_policy .inner h3 {
font-size: 4.2666666667vw;
line-height: 1.625;
margin-bottom: 2.1333333333vw
}
.contact .main_content .sec02 .form .btn01 {
margin: 9.6vw auto 0
}
.confirm .main_content {
padding: 11.7333333333vw 4.2666666667vw 21.3333333333vw
}
.confirm .main_content .form dl {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-bottom: .2666666667vw dashed #e2e2e2;
border-top: .2666666667vw dashed #e2e2e2;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 3.2vw;
padding: 4.2666666667vw 0
}
.confirm .main_content .form dl,
.confirm .main_content .form dl dt {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.confirm .main_content .form dl dt {
font-size: 4.2666666667vw;
min-width: unset;
width: auto
}
.confirm .main_content .form dl dt span {
border-radius: .8vw;
font-size: 2.6666666667vw;
margin-left: 3.2vw;
padding: 1.0666666667vw
}
.confirm .main_content .form dl dd {
width: 100%
}
.confirm .main_content .form dl dd input,
.confirm .main_content .form dl dd textarea {
border-radius: 2.1333333333vw;
font-size: 3.7333333333vw;
padding: 3.2vw
}
.confirm .main_content .form .btn01 {
margin: 9.6vw auto 0
}
.confirm .main_content .form a.back {
font-size: 3.7333333333vw;
gap: 2.1333333333vw;
margin-top: 9.6vw
}
.confirm .main_content .form a.back:before {
height: 5.6vw;
width: 5.6vw
}
.complete .main_content {
padding: 11.7333333333vw 4.2666666667vw 21.3333333333vw
}
.complete .main_content .inner p {
font-size: 4vw;
line-height: 1.5;
margin-bottom: 4.2666666667vw
}
.complete .main_content .inner .banner {
margin: 0 auto 9.6vw;
max-width: unset;
width: 100%
}
}
.works_single {
overflow: hidden
}
.works_single .mv h1 {
margin-left: auto;
margin-right: auto;
max-width: 728px;
width: 100%
}
.works_single .main_content {
padding: 100px 20px 76px
}
.works_single .main_content .inner {
margin: 0 auto;
max-width: 1040px;
width: 100%
}
.works_single .main_content .inner>dl:last-of-type {
border: none
}
.works_single .main_content .post_head {
margin-bottom: 36px
}
.works_single .main_content .post_head time {
margin-right: 16px
}
.works_single .main_content .flex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 16px 3.8461538462%;
justify-content: flex-start
}
.works_single .main_content .flex dl {
padding-bottom: 16px;
width: 48.0769230769%
}
.works_single .main_content .flex dl dt {
width: 130px
}
.works_single .main_content .flex dl dd {
width: calc(100% - 130px)
}
.works_single .main_content dl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 2px dotted #14B1B9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
font-size: 1.125rem;
justify-content: flex-start;
padding: 40px 0;
width: 100%
}
.works_single .main_content dl dt {
color: #14B1B9;
font-weight: 700;
width: 188px
}
.works_single .main_content dl dd {
width: calc(100% - 188px)
}
.works_single .main_content dl dd p img {
max-width: 400px;
}
.works_single .main_content dl dd .flex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 20px;
justify-content: flex-start
}
.works_single .main_content dl dd .flex img {
border-radius: 16px;
min-width: 180px;
width: 180px
}
.works_single .main_content dl dd .flex .manager_detail .position {
color: #06121f;
font-size: 1.125rem
}
.works_single .main_content dl dd .flex .manager_detail .name {
color: #14B1B9;
font-size: 1.75rem
}
.works_single .main_content dl dd .flex .manager_detail .text {
font-size: 1.125rem;
line-height: 1.7777777778rem
}
.works_single .main_content dl.feedback .star {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.works_single .main_content dl.feedback .star img {
display: inline-block;
width: 16px
}
.works_single .main_content dl.feedback .star img+img {
margin-left: 2px
}
.works_single .main_content #feedback {
margin-top: -100px;
padding-top: 100px
}
.works_single .main_content .img_wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 7.6923076923%;
justify-content: space-between;
margin: 64px 0 40px;
position: relative
}
.works_single .main_content .img_wrapper:before {
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/works/icon_arrow.png);
background-size: contain;
content: "";
display: block;
height: 20px;
left: 50%;
position: absolute;
top: 58%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 2.3076923077%
}
.works_single .main_content .img_wrapper figure {
display: block;
width: 46.1538461538%
}
.works_single .main_content .img_wrapper figure figcaption {
color: #14B1B9;
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 16px
}
.works_single .main_content .btn_wrapper {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 80px
}
.works_single .main_content .btn_wrapper,
.works_single .main_content .btn_wrapper .empty,
.works_single .main_content .btn_wrapper .post_link {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap
}
.works_single .main_content .btn_wrapper .empty,
.works_single .main_content .btn_wrapper .post_link {
-webkit-box-pack: center;
-ms-flex-pack: center;
gap: 6px;
justify-content: center;
min-width: 108px
}
.works_single .main_content .btn_wrapper .next:after,
.works_single .main_content .btn_wrapper .prev:before {
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/works/icon_arrow_post.png);
background-size: cover;
content: "";
display: inline-block;
height: 38px;
width: 38px
}
.works_single .main_content .btn_wrapper .next:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
@media screen and (max-width:767px) {
.works_single .mv h1 {
font-size: 6.4vw;
max-width: 89.6vw
}
.works_single .main_content {
padding: 11.7333333333vw 4.2666666667vw 5.3333333333vw
}
.works_single .main_content .inner>dl:last-of-type dt {
margin-bottom: 4.2666666667vw
}
.works_single .main_content .post_head {
margin-bottom: 6.4vw
}
.works_single .main_content .post_head time {
margin-right: 3.2vw
}
.works_single .main_content .flex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 3.2vw;
justify-content: flex-start
}
.works_single .main_content .flex dl {
padding-bottom: 3.2vw;
width: 100%
}
.works_single .main_content .flex dl dt {
margin-bottom: 0;
width: 28vw
}
.works_single .main_content .flex dl dd {
width: calc(100% - 28vw)
}
.works_single .main_content dl {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
font-size: 3.7333333333vw;
padding: 4.2666666667vw 0 4vw
}
.works_single .main_content dl dt {
margin-bottom: 2.9333333333vw;
width: 100%
}
.works_single .main_content dl dd {
width: 100%
}
.works_single .main_content dl dd .flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 4.2666666667vw
}
.works_single .main_content dl dd .flex img {
border-radius: 4.2666666667vw;
min-width: 39.4666666667vw;
width: 39.4666666667vw
}
.works_single .main_content dl dd .flex .manager_detail .position {
font-size: 3.7333333333vw
}
.works_single .main_content dl dd .flex .manager_detail .name {
font-size: 5.3333333333vw
}
.works_single .main_content dl dd .flex .manager_detail .text {
font-size: 3.2vw;
line-height: 1.75rem
}
.works_single .main_content dl.feedback .star img {
width: 3.7333333333vw
}
.works_single .main_content dl.feedback .star img+img {
margin-left: .5333333333vw
}
.works_single .main_content .img_wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 16vw;
justify-content: center;
margin: 12.8vw 0 8.5333333333vw
}
.works_single .main_content .img_wrapper:before {
height: 5.3333333333vw;
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
width: 6.4vw
}
.works_single .main_content .img_wrapper figure {
width: 100%
}
.works_single .main_content .img_wrapper figure figcaption {
font-size: 3.7333333333vw;
line-height: 1.5rem;
margin-bottom: 4.2666666667vw
}
.works_single .main_content .btn_wrapper {
display: none
}
}
.works_archive {
overflow: hidden
}
.works_archive .main_content {
padding: 100px 0 0;
}
.works_archive .main_content>.inner {
margin: 0 auto;
max-width: 1184px;
padding-left: 20px;
padding-right: 20px;
width: 100%
}
.works_archive .main_content>.inner>section+section {
margin-top: 60px
}
.works_archive .main_content>.inner>section>.category_list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: center;
margin: 0 auto;
max-width: 1088px;
width: 100%
}
.works_archive .main_content>.inner>section>.category_list li {
background: #fff;
color: #14B1B9;
min-width: 118px;
padding: 2px 17px;
-webkit-transition: .3s;
transition: .3s
}
.works_archive .main_content>.inner>section>.category_list li.is-current {
background: #14B1B9;
color: #fff
}
@media (hover:hover) {
.works_archive .main_content>.inner>section>.category_list li:hover {
background: #14B1B9;
color: #fff
}
.works_archive .main_content>.inner>section>.category_list li:hover a {
opacity: 1
}
}
.works_archive .main_content>.inner>section>.category_list li a {
font-size: 1rem
}
.works_archive .main_content>.inner h2 {
font-size: 2.25rem;
margin-bottom: 36px
}
.works_archive .main_content>.inner .post_list_works {
margin: 48px auto 0;
padding-bottom: 60px;
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li {
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
position: relative;
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .eye_catch {
border-radius: 8px 8px 0 0;
height: 207px;
overflow: hidden;
width: 100%
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .eye_catch img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li time {
font-size: .75rem;
font-weight: 500;
margin-right: 12px;
font-family: 'Oswald', sans-serif;
color: #BFBFBF;
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .category_list {
position: absolute;
top: 0;
left: 0;
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .detail_wrapper {
margin: 0;
padding: 10px 0 0;
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .detail_wrapper dl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 16px;
justify-content: flex-start;
border-bottom: 1px dashed #E2E2E2;
margin-bottom: 8px;
padding-bottom: 8px;
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .detail_wrapper dl+dl {
margin-bottom: 8px;
padding-bottom: 8px;
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .detail_wrapper dl dt {
margin-bottom: 0;
width: 76px
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .detail_wrapper dl dd {
width: calc(100% - 92px);
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li dl {
border-bottom: 1px dashed #E2E2E2;
margin-bottom: 8px;
padding-bottom: 8px;
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li dl:last-child{
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li dl dt {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #E3F6F7;
border-radius: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: .75rem;
height: 21px;
justify-content: center;
margin-bottom: 8px;
width: 88px
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li dl dd {
font-size: .875rem;
width: 100%
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li a>dl+dl {
border-top: 1px dashed #089cff;
margin-top: 12px;
padding-top: 12px
}
.works_archive .main_content.bg_w {
background: #fff;
margin-top: 80px !important;
padding: 60px 0;
position: relative;
z-index: 1
}
@media screen and (max-width:767px) {
.works_archive .main_content {
padding: 11.7333333333vw 4.2666666667vw 5.3333333333vw
}
.works_archive .main_content>.inner {
padding-left: 0;
padding-right: 0
}
.works_archive .main_content>.inner>section+section {
margin-top: 9.8666666667vw
}
.works_archive .main_content>.inner>section>.category_list {
gap: 3.2vw 2.1333333333vw
}
.works_archive .main_content>.inner>section>.category_list li {
min-width: 19.2vw;
padding: 0 4.9333333333vw
}
.works_archive .main_content>.inner>section>.category_list li a {
font-size: 3.2vw
}
.works_archive .main_content>.inner h2 {
font-size: 7.4666666667vw;
margin-bottom: 6.4vw
}
.works_archive .main_content>.inner h2+p {
padding-bottom: 60px;
}
.works_archive .main_content>.inner .post_list_works {
margin: 9.6vw auto
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li {
-webkit-box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08);
box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08)
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .eye_catch {
height: 48.5333333333vw;
margin-bottom: 4.2666666667vw
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li time {
font-size: 3.2vw;
margin-right: .8vw
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .detail_wrapper {
border-bottom: .2666666667vw dashed #089cff;
border-top: .2666666667vw dashed #089cff;
margin: 4.2666666667vw 0 3.2vw;
padding: 2.6666666667vw 0 4.2666666667vw
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .detail_wrapper dl {
gap: 3.4666666667vw
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .detail_wrapper dl+dl {
margin-top: 3.2vw
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .detail_wrapper dl dt {
width: 20.2666666667vw
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .detail_wrapper dl dd {
width: calc(100% - 23.73333vw)
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li dl dt {
border-radius: 2.9333333333vw;
font-size: 3.2vw;
height: 5.6vw;
margin-bottom: 2.1333333333vw;
width: 23.4666666667vw
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li dl dd {
font-size: 3.2vw
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li a>dl+dl {
border-top: .2666666667vw dashed #089cff;
margin-top: 3.2vw;
padding-top: 3.2vw
}
.works_archive .main_content.bg_w {
margin-top: 10vw !important;
padding: 10vw 4.2666666667vw 0;
}
.works_archive .main_content.bg_w:before {
background: bottom no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_white_01_sp.png);
background-size: cover;
height: 17.8666666667vw;
top: -17.8666666667vw
}
}
.locations_single {
overflow: hidden
}
.locations_single .mv h1 {
margin-left: auto;
margin-right: auto;
max-width: 900px;
width: 100%
}
.locations_single .main_content {
padding: 100px 20px 76px
}
.locations_single .main_content .inner {
margin: 0 auto;
max-width: 1040px;
text-align: center;
width: 100%
}
@media screen and (max-width:767px) {
.locations_single .mv h1 {
font-size: 6.4vw;
max-width: 89.6vw
}
.locations_single .main_content {
padding: 11.7333333333vw 4.2666666667vw 5.3333333333vw
}
}
.locations_archive {
overflow: hidden
}
.locations_archive .main_content {
padding: 100px 20px 0;
}
.locations_archive .main_content .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.locations_archive .main_content .inner p {
font-size: 1.125rem;
line-height: 1.5555555556;
margin-bottom: 47px
}
.locations_archive .main_content .inner ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 12px 1%;
justify-content: space-between
}
.locations_archive .main_content .inner ul li {
width: 49.5%;
}
.locations_archive .main_content .inner ul li a {
background: #fff;
border-radius: 8px;
color: #14B1B9;
display: block;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
padding: 24px 60px 24px 40px;
position: relative;
-webkit-transition: .3s;
transition: .3s
}
.locations_archive .main_content .inner ul li a:before {
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/location/location_arrow.png);
background-size: cover;
content: "";
display: block;
height: 34px;
position: absolute;
right: 24px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 34px
}
@media (hover:hover) {
.locations_archive .main_content .inner ul li:hover a {
background: #14B1B9;
color: #fff;
opacity: 1
}
}
.locations_archive .main_content.bg_w {
background: #fff;
margin-top: 120px !important;
padding: 40px 0 120px;
position: relative;
z-index: 1
}
.locations_archive .main_content.bg_w:before {
background: top no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_white_01.png);
background-size: cover;
content: "";
display: block;
height: 114px;
left: 0;
position: absolute;
right: 0;
top: -114px;
width: 100%
}
@media screen and (max-width:767px) {
.locations_archive .main_content {
padding: 11.7333333333vw 4.2666666667vw 5.3333333333vw
}
.locations_archive .main_content>.inner p {
font-size: 3.7333333333vw;
line-height: 1.7142857143;
margin-bottom: 9.6vw
}
.locations_archive .main_content>.inner ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
gap: 4.2666666667vw;
justify-content: center
}
.locations_archive .main_content>.inner ul li {
width: 100%
}
.locations_archive .main_content>.inner ul li a {
font-size: 4.2666666667vw;
padding: 4.8vw 12vw 4.5333333333vw 6.4vw
}
.locations_archive .main_content>.inner ul li a:before {
height: 6.4vw;
right: 4.2666666667vw;
width: 6.4vw
}
.locations_archive .main_content.bg_w {
margin-top: 33.8666666667vw;
padding: 0 4.2666666667vw 21.8666666667vw
}
.locations_archive .main_content.bg_w:before {
background: bottom no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_white_01_sp.png);
background-size: cover;
height: 17.8666666667vw;
top: -17.8666666667vw
}
}
.area_single {
overflow: hidden
}
.area_single .mv h1 {
font-size: 3.25rem;
line-height: 1.5;
margin-left: auto;
margin-right: auto;
max-width: 900px;
width: 100%
}
.area_single .main_content {
padding: 100px 20px 76px
}
.area_single .main_content .inner {
margin: 0 auto;
max-width: 1184px;
text-align: center;
width: 100%
}
.area_single .main_content h2 {
display: inline-block;
font-size: 2.875rem;
margin-bottom: 48px
}
.area_single .main_content h2+.text {
background: #fff;
border-radius: 8px;
font-size: 1.125rem;
line-height: 2;
padding: 40px 5.5743243243%
}
.area_single .main_content .content_banner {
display: block;
margin: 80px auto 0;
max-width: 1000px;
width: 100%
}
.area_single .main_content .price_overview,
.area_single .main_content .sec_banner {
margin-top: 120px
}
.area_single .staff_message .inner {
margin: 0 auto;
max-width: 1184px;
text-align: center;
width: 100%
}
.area_single .staff_message h3 {
font-size: 2.25rem;
font-weight: 700;
margin-bottom: 15px;
}
.area_single .staff_message h3:after {
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
.area_single .staff_message h3+.text {
background: #fff;
border-radius: 8px;
font-size: 1.125rem;
line-height: 2;
padding: 40px 5.5743243243%
}
.area_single .lower_common_content+.pb_240 {
padding: 0 20px 100px;
}
.area_single .lower_common_content+.lower_common_content.bg_w {
background: #fff;
margin-top: 0 !important;
padding: 60px 0 100px;
position: relative;
z-index: 1
}
.area_single .lower_common_content.bg_w.seles-office-wrap,
.service_single .lower_common_content.bg_w.seles-office-wrap{
padding: 40px 20px 60px;
}
.area_single .lower_common_content .works_list .swiper .swiper-slide {
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}
.area_single .lower_common_content .works_list .btn01 {
margin: 112px auto 120px;
}
.area_single .lower_common_content #voice .btn01 {
margin: 60px auto 0
}
.area_single .lower_common_content .service_example .inner {
margin: 0 auto;
max-width: 1184px;
text-align: center;
width: 100%;
}
.area_single .lower_common_content .service_example .inner h2 {
display: inline-block;
margin: 0 auto 48px
}
.area_single .lower_common_content .service_example .inner li+li {
margin-top: 40px
}
.area_single .lower_common_content .service_example .inner dl {
border-radius: 8px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
overflow: hidden
}
.area_single .lower_common_content .service_example .inner dl dt {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #14B1B9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: space-between;
padding: 16px 24px;
}
.area_single .lower_common_content .service_example .inner dl dt h3 {
color: #fff;
font-size: 1.5rem;
font-weight: 700;
}
.area_single .lower_common_content .service_example .inner dl dt .price {
color: #FAFA22;
font-family: 'Oswald', sans-serif;
font-size: 2.25rem;
font-weight: 700;
line-height: 1
}
.area_single .lower_common_content .service_example .inner dl dt .price .f-20 {
font-size: 1.25rem
}
.area_single .lower_common_content .service_example .inner dl dt .price .f-16 {
font-size: 1rem
}
.area_single .lower_common_content .service_example .inner dl dt .price .f-18 {
font-size: 1.125rem
}
.area_single .lower_common_content .service_example .inner dl dd {
background: #fff;
padding: 16px 24px;
text-align: left
}
.area_single .lower_common_content .service_example .inner .btn01 {
margin: 60px auto 0
}
.area_single .lower_common_content .sec_sales_office .office_detail .detail h3 {
font-size: 1.25rem
}
.area_single .lower_common_content .sec_sales_office .office_detail .detail h3:first-of-type {
font-size: 1.5rem
}
.area_single .lower_common_content .sec_sales_office .other_title {
color:#0d4d50;
font-size: 2.25rem;
font-weight: 700;
margin-bottom: 32px;
text-align: center
}
.area_single .invisible:not(:has(.related-area)):not(:has(.works_slider)) {
display: none;
}
@media screen and (max-width:767px) {
.area_single .mv h1 {
font-size: 6.4vw;
max-width: 89.6vw
}
.area_single .main_content {
padding: 11.7333333333vw 4.2666666667vw 5.3333333333vw
}
.area_single .main_content h2 {
font-size: 7.4666666667vw;
margin-bottom: 9.6vw
}
.area_single .main_content h2+.text {
font-size: 3.2vw;
line-height: 2;
padding: 6.4vw
}
.area_single .main_content .content_banner {
margin: 16vw auto 0
}
.area_single .main_content .price_overview,
.area_single .main_content .sec_banner {
margin-top: 16vw
}
.area_single .staff_message h3 {
font-size: 6.4vw
}
.area_single .staff_message h3:after,
.area_single .staff_message h3:before {
height: 4.5810666667vw;
width: 2.6666666667vw
}
.area_single .staff_message h3+.text {
font-size: 3.2vw;
line-height: 2;
padding: 6.4vw;
text-align: left
}
.area_single .lower_common_content+.pb_240 {
padding-bottom: 15vw !important
}
.area_single .lower_common_content+.lower_common_content.bg_w {
padding: 16vw 4.2666666667vw 21.8666666667vw;
}
.area_single .lower_common_content+.lower_common_content.bg_w:before {
background: bottom no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_white_01_sp.png);
background-size: cover;
height: 17.8666666667vw;
top: -17.8666666667vw
}
.area_single .lower_common_content .works_list .swiper .swiper-slide {
border-radius: 5.3333333333vw
}
.area_single .lower_common_content .works_list .btn01 {
margin: 16.8vw auto;
}
.area_single .lower_common_content #voice .btn01 {
margin: 9.6vw auto 0
}
.area_single .lower_common_content .service_example .inner {
padding: 0;
}
.area_single .lower_common_content .service_example .inner h2 {
margin: 0 auto 9.6vw
}
.area_single .lower_common_content .service_example .inner li+li {
margin-top: 5.3333333333vw
}
.area_single .lower_common_content .service_example .inner dl {
-webkit-box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08);
box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08)
}
.area_single .lower_common_content .service_example .inner dl dt {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 4.2666666667vw
}
.area_single .lower_common_content .service_example .inner dl dt h3 {
font-size: 5.3333333333vw
}
.area_single .lower_common_content .service_example .inner dl dd {
padding: 4.2666666667vw
}
.area_single .lower_common_content .service_example .inner dl dd .price {
color: #FA227D;
border-top: 1px dashed #e2e2e2;
display: block;
font-family: 'Oswald', sans-serif;
font-size: 8.5333333333vw;
font-weight: 900;
line-height: 1;
margin-top: 4.8vw;
padding-top: 3.2vw;
text-align: center
}
.area_single .lower_common_content .service_example .inner dl dd .price .f-20 {
font-size: 4.2666666667vw
}
.area_single .lower_common_content .service_example .inner dl dd .price .f-16 {
font-size: 3.2vw
}
.area_single .lower_common_content .service_example .inner dl dd .price .f-18 {
font-size: 6.4vw
}
.area_single .lower_common_content .service_example .inner .btn01 {
margin: 9.6vw auto 0
}
.area_single .lower_common_content .sec_sales_office .office_detail .detail h3 {
font-size: 5.3333333333vw
}
.area_single .lower_common_content .sec_sales_office .office_detail .detail h3:first-of-type {
font-size: 6.4vw
}
.area_single .lower_common_content .sec_sales_office .office_detail .detail p+h3 {
margin-top: 5.3333333333vw
}
.area_single .lower_common_content.bg_w.seles-office-wrap {
padding: 16vw 4.2666666667vw;
}
.area_single .lower_common_content .sec_sales_office .other_title {
font-size: 7.4666666667vw;
margin-bottom: 3.7333333333vw
}
}
.service_archive {
overflow: hidden
}
.service_archive .main_content {
padding: 126px 20px 76px
}
.service_archive .main_content .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.service_archive .main_content .inner ul li {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,.16);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: center;
overflow: hidden
}
.service_archive .main_content .inner ul li+li {
margin-top: 40px
}
.service_archive .main_content .inner ul li .img {
width: 36.8243243243%
}
.service_archive .main_content .inner ul li .img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.service_archive .main_content .inner ul li dl {
padding: 24px 3.3783783784% 80px;
position: relative;
width: 63.1756756757%
}
.service_archive .main_content .inner ul li dl dt {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 2px solid #14B1B9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 10px;
justify-content: space-between;
margin-bottom: 24px;
padding-bottom: 16px;
}
.service_archive .main_content .inner ul li dl dt h3 {
color: #14B1B9;
font-size: 2rem;
font-weight: 700;
}
.service_archive .main_content .inner ul li dl dt .price {
color: #FA227D;
font-family: 'Oswald', sans-serif;
font-size: 2.5rem;
font-weight: 800;
line-height: 1;
}
.service_archive .main_content .inner ul li dl dt .price .f-32 {
font-size: 2rem
}
.service_archive .main_content .inner ul li dl dt .price .f-18 {
font-size: 1.125rem
}
.service_archive .main_content .inner ul li dl dd {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
justify-content: space-between;
line-height: 2
}
.service_archive .main_content .inner ul li dl dd .btn01 {
bottom: 24px;
position: absolute;
right: 3.3783783784%;
background: #14B1B9;
}
.service_archive .main_content .inner ul li dl dd .btn01:before {
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/service_arrow.png);
background-size: cover;
}
.service_archive .lower_common_content.bg_lb {
margin-top: 0
}
.service_archive .lower_common_content.bg_lb:before {
display: none
}
@media screen and (max-width:767px) {
.service_archive .main_content {
padding: 16vw 4.2666666667vw 0;
}
.service_archive .main_content .inner ul li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
justify-content: center
}
.service_archive .main_content .inner ul li+li {
margin-top: 5.3333333333vw
}
.service_archive .main_content .inner ul li dl dt h3{
margin: 2vw;
}
.service_archive .main_content .inner ul li .img {
width: 100%
}
.service_archive .main_content .inner ul li dl {
padding: 1.8666666667vw 4.2666666667vw 8.5333333333vw;
width: 100%
}
.service_archive .main_content .inner ul li dl dt {
-webkit-box-pack: center;
-ms-flex-pack: center;
gap: 1.0666666667vw;
justify-content: center;
margin-bottom: 4.2666666667vw;
padding-bottom: 3.2vw;
border-bottom: 1px solid #14B1B9;
}
.service_archive .main_content .inner ul li dl dt .price,
.service_archive .main_content .inner ul li dl dt .price .f-32,
.service_archive .main_content .inner ul li dl dt h3 {
font-size: 7.4666666667vw
}
.service_archive .main_content .inner ul li dl dt .price .f-18 {
font-size: 4.8vw
}
.service_archive .main_content .inner ul li dl dd {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
justify-content: center;
line-height: 1.75
}
.service_archive .main_content .inner ul li dl dd .btn01 {
bottom: unset;
margin: 8.2666666667vw auto 0;
position: relative;
right: unset
}
.service_archive .lower_common_content.bg_lb {
margin-top: 0 !important;
background: transparent;
padding: 16vw 4.2666666667vw 21.8666666667vw !important;
}
}
.service_single {
overflow: hidden
}
.service_single .mv h1 {
font-size: 3.25rem;
line-height: 1.5;
margin-left: auto;
margin-right: auto;
max-width: 900px;
width: 100%
}
.service_single .main_content {
padding: 100px 20px 0
}
.service_single .main_content .inner {
margin: 0 auto;
max-width: 1184px;
text-align: center;
width: 100%
}
.service_single .main_content section+section {
margin-top: 0 !important
}
.service_single .main_content .sec01,
.service_single .main_content .sec02 {
margin: 0 auto;
max-width: 1184px;
padding-bottom: 106px;
width: 100%
}
.service_single .main_content .sec01 .trouble_list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background: bottom no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/service/trouble_list_bg.png);
background-size: cover;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: center;
margin-bottom: 48px;
padding: 28px 0 89px
}
.service_single .main_content .sec01 .trouble_list>li {
border-right: 2px dotted #bababa;
width: 25%
}
.service_single .main_content .sec01 .trouble_list>li:last-of-type {
border-right: none
}
.service_single .main_content .sec01 .trouble_list>li dl dt {
color: #14B1B9;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.1666666667
}
.service_single .main_content .sec01 .trouble_list>li dl dd {
padding: 24px 8.1351351351%
}
.service_single .main_content .sec01 .trouble_list>li dl dd ul {
text-align: left
}
.service_single .main_content .sec01 .trouble_list>li dl dd ul li:before {
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/top/sec01_icon.png);
background-size: cover;
content: "";
display: inline-block;
height: 14px;
margin-right: 4px;
-webkit-transform: translateY(2px);
transform: translateY(2px);
width: 14px
}
.service_single .main_content .sec01 .copy01,
.service_single .main_content .sec01 .copy02 {
font-weight: 700
}
.service_single .main_content .sec01 .copy01 {
font-size: 2.25rem;
margin-bottom: 16px
}
.service_single .main_content .sec01 .copy02 {
font-size: 2rem;
margin-bottom: 54px
}
.service_single .main_content .sec01 ol {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 2.5337837838%;
justify-content: center
}
.service_single .main_content .sec01 ol li {
width: 29.3918918919%;
border-radius: 8px;
}
.service_single .main_content .sec01 ol li dl dt {
background: #14B1B9;
border-radius: 8px 8px 0 0;
padding: 30px 1rem 16px;
position: relative
}
.service_single .main_content .sec01 ol li dl dt h3 {
color: #fff;
font-size: 1.5rem;
font-weight: 700
}
.service_single .main_content .sec01 ol li dl dd {
background: #fff;
border-radius: 0 0 8px 8px;
padding: 20px 15px 4.5977011494%
}
.service_single .main_content .sec01 ol li dl dd .border {
border: 2px solid #14B1B9;
border-radius: 4px;
margin-bottom: 16px;
padding: 4px .5rem;
text-align: center;
width: 100%
}
.service_single .main_content .sec01 ol li dl dd .border .f-green {
font-weight: 700
}
.service_single .main_content .sec01 ol li dl dd .detail {
line-height: 1.75
}
.service_single .main_content .sec01 ol li dl dd .price {
border-top: 1px dashed #707070;
font-weight: 700;
margin-top: 20px;
padding-top: 16px;
}
.service_single .main_content .sec01 ol li dl dd .price .f-pink {
font-size: 2.5rem;
font-family: 'Oswald', sans-serif;
}
.service_single .main_content .sec01 ol li dl dd .price .f-pink .f-18 {
font-size: 1.125rem;
}
.service_single .main_content .sec01 ol li dl dd .price .f-pink .f-16 {
font-size: 1rem;
}
.service_single .main_content .sec01 .banner {
background: #fff;
border: 2px solid #FA227D;
border-radius: 8px;
display: block;
margin-top: 72px;
padding: 29px 1rem 16px;
position: relative;
width: 100%
}
.service_single .main_content .sec01 .banner p:first-of-type {
background: #FA227D;
border-radius: 8px;
color: #fff;
display: inline-block;
font-size: 1.25rem;
font-weight: 700;
left: 50%;
line-height: 1;
padding: 17px 36px;
position: absolute;
top: -27px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.service_single .main_content .sec01 .banner p:nth-of-type(2) {
font-size: 2rem;
font-weight: 700
}
.service_single .main_content .sec01 .banner p:nth-of-type(2) .letter-spacing {
letter-spacing: -.5em
}
.service_single .main_content .sec01 .banner p:nth-of-type(2) .price {
font-family: 'Oswald', sans-serif;
font-size: 3.5rem
}
.service_single .main_content .sec01 .banner p:nth-of-type(2) .price .f-36 {
font-size: 2.25rem
}
.service_single .main_content .sec01 .banner+.btn01 {
height: 70px;
margin: 60px auto 0;
max-width: 368px
}
.service_single .main_content .sec01 .banner+.btn01 span {
-webkit-transition: .3s;
transition: .3s
}
@media (hover:hover) {
.service_single .main_content .sec01 .banner+.btn01:hover span {
color: #fff !important
}
}
.service_single .main_content .sec02 {
padding-bottom: 0
}
.service_single .main_content .sec02 .box {
background: #fff;
border-radius: 8px;
padding: 45px 5.0675675676%;
}
.service_single .main_content .sec02 .box h3 {
color: #14B1B9;
font-size: 1.75rem;
font-weight: 700;
margin-bottom: 24px
}
.service_single .main_content h2 {
display: inline-block;
font-size: 2.875rem;
margin-bottom: 48px
}
.service_single .main_content h2+.text {
background: #fff;
border-radius: 20px;
font-size: 1.125rem;
line-height: 2;
padding: 40px 5.5743243243%
}
.service_single .main_content .content_banner {
display: block;
margin: 80px auto 0;
max-width: 1000px;
width: 100%
}
.service_single .main_content .sec_banner {
margin-top: 120px
}
.service_single .table.comparison {
margin-top: 0
}
.service_single .table.comparison .table_wrapper {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .12));
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .12))
}
.service_single .table.comparison .table_wrapper table {
border-radius: 0;
overflow: visible
}
.service_single .table.comparison .table_wrapper table thead {
overflow: visible
}
.service_single .table.comparison .table_wrapper table thead tr:first-of-type th {
background: #E3F6F7;
border-radius: 16px 16px 0 0;
color: #14B1B9;
font-size: 1.2rem;
font-weight: 800
}
.service_single .table.comparison .table_wrapper table thead tr:first-of-type th:first-of-type {
background: transparent;
}
.service_single .table.comparison .table_wrapper table thead tr:first-of-type th:nth-of-type(2) {
background: #14B1B9;
border-radius: 0;
font-size: 1.4rem;
position: relative;
color: #fff;
}
.service_single .table.comparison .table_wrapper table thead tr:first-of-type th:nth-of-type(2):before {
background: #14B1B9;
border-radius: 16px 16px 0 0;
content: "";
display: block;
height: 13px;
left: 0;
position: absolute;
right: 0;
top: -13px;
width: 100%
}
.service_single .table.comparison .table_wrapper table thead tr:first-of-type th:nth-of-type(2) span {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
.service_single .table.comparison .table_wrapper table tbody tr {
background: #fff
}
.service_single .table.comparison .table_wrapper table tbody tr:nth-of-type(2n) {
background: #fafafa
}
.service_single .table.comparison .table_wrapper table tbody tr:first-of-type th {
border-radius: 16px 16px 0 0
}
.service_single .table.comparison .table_wrapper table tbody tr:first-of-type td:first-of-type {
font-size: 1.2rem
}
.service_single .table.comparison .table_wrapper table tbody tr:last-of-type th {
border-radius: 0 0 16px 16px
}
.service_single .table.comparison .table_wrapper table tbody tr:last-of-type td {
border-radius: 0 0 16px 16px;
overflow: hidden
}
.service_single .table.comparison .table_wrapper table tbody tr:last-of-type td:before {
border: 2px solid #E3F6F7;
border-radius: 0 0 16px 16px;
border-top: none;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1
}
.service_single .table.comparison .table_wrapper table tbody tr:last-of-type td:first-of-type:before {
border: 2px solid #14B1B9;
border-top: none
}
.service_single .table.comparison .table_wrapper table tbody tr:last-of-type td:last-of-type:before,
.service_single .table.comparison .table_wrapper table tbody tr:last-of-type td:nth-of-type(2):before {
border-left: none
}
.service_single .table.comparison .table_wrapper table td,
.service_single .table.comparison .table_wrapper table th {
border: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 700;
text-align: center
}
.service_single .table.comparison .table_wrapper table th {
background: transparent;
line-height: 1.375rem;
width: 14.9493243243%
}
.service_single .table.comparison .table_wrapper table td {
line-height: 1;
position: relative;
width: 28.4628378378%
}
.service_single .table.comparison .table_wrapper table td:before {
border-right: 2px solid #E3F6F7;
border-top: none;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1
}
.service_single .table.comparison .table_wrapper table td small {
font-size: .875rem;
font-weight: 500
}
.service_single .table.comparison .table_wrapper table td:first-of-type:before {
border-left: 2px solid #14B1B9;
border-right: 2px solid #14B1B9;
}
.service_single .anchor_list {
-webkit-box-orient: horizontal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 24px 2.027027027%;
margin: 0 auto 80px;
max-width: 1184px;
width: calc(100% - 40px)
}
.service_single .anchor_list,
.service_single .anchor_list a {
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center
}
.service_single .anchor_list a {
-webkit-box-orient: vertical;
border: 2px solid #14B1B9;
border-radius: 8px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
color: #14B1B9;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
font-weight: 700;
gap: 16px;
padding: 16px;
-webkit-transition: .3s;
transition: .3s;
width: 18.3277027027%
}
.service_single .anchor_list a:after {
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/service/icont_anchor_list.png);
background-size: cover;
content: "";
display: block;
height: 6px;
-webkit-transition: .3s;
transition: .3s;
width: 12px
}
.service_single .invisible:not(:has(.works_slider)):not(:has(.sec_staff)) {
display: none;
}
@media (hover:hover) {
.service_single .anchor_list a:hover {
background: #14B1B9;
color: #fff;
opacity: 1
}
.service_single .anchor_list a:hover:after {
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/service/icont_anchor_list_w.png);
background-size: cover
}
}
.service_single .lower_common_content+.lower_common_content.bg_w {
background: #fff;
margin-top: 0 !important;
padding: 60px 0 120px;
position: relative;
z-index: 1
}
.service_single .lower_common_content .payment .inner,
.service_single .lower_common_content .price_overview02 .inner {
margin: 0 auto;
max-width: 1184px;
padding-bottom: 106px;
width: 100%;
}
.service_single .lower_common_content .price_overview+.btn01 {
margin: 0 auto
}
.service_single .lower_common_content .works_list .swiper .swiper-slide {
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
border-radius: 8px;
}
.service_single .lower_common_content .works_list .btn01 {
margin: 112px auto 0
}
.service_single .lower_common_content #voice {
text-align: center;
padding-top: 60px;
}
.service_single .lower_common_content #voice h2 {
margin-bottom: 48px !important
}
.service_single .lower_common_content #voice .feedback_list>li {
background: #fff;
text-align: left
}
.service_single .lower_common_content #voice .btn01 {
margin: 60px auto 0
}
.service_single .lower_common_content .sec_column {
padding-bottom: 80px;
}
.service_single .lower_common_content .service_example .inner {
margin: 0 auto;
max-width: 1184px;
text-align: center;
width: 100%
}
.service_single .lower_common_content .service_example .inner h2 {
display: inline-block;
margin: 0 auto 48px
}
.service_single .lower_common_content .service_example .inner li+li {
margin-top: 40px
}
.service_single .lower_common_content .service_example .inner dl {
border-radius: 12px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
overflow: hidden
}
.service_single .lower_common_content .service_example .inner dl dt {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #dbf2ff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: space-between;
padding: 16px 24px
}
.service_single .lower_common_content .service_example .inner dl dt h3 {
color: #089cff;
font-size: 1.5rem;
font-weight: 700
}
.service_single .lower_common_content .service_example .inner dl dt .price {
color: #ff6c00;
font-family: 'Oswald', sans-serif;
font-size: 2.25rem;
font-weight: 700;
line-height: 1
}
.service_single .lower_common_content .service_example .inner dl dt .price .f-20 {
font-size: 1.25rem
}
.service_single .lower_common_content .service_example .inner dl dt .price .f-16 {
font-size: 1rem
}
.service_single .lower_common_content .service_example .inner dl dt .price .f-18 {
font-size: 1.125rem
}
.service_single .lower_common_content .service_example .inner dl dd {
background: #fff;
padding: 16px 24px;
text-align: left
}
.service_single .lower_common_content .service_example .inner .btn01 {
margin: 60px auto 0
}
.service_single .lower_common_content .sec_sales_office .office_detail .detail h3 {
font-size: 1.25rem
}
.service_single .lower_common_content .sec_sales_office .office_detail .detail h3:first-of-type {
font-size: 1.5rem
}
.service_single .lower_common_content .sec_sales_office .other_title {
color: #081755;
font-size: 2.25rem;
font-weight: 700;
margin-bottom: 32px;
text-align: center
}
.service_single .about_plumbing_company .inner {
background: transparent;
padding-top: 40px;
}
.service_single .about_plumbing_company .inner .content dl {
background: #fff
}
.service_single .about_plumbing_company .inner .cta {
display: none
}
@media screen and (max-width:767px) {
.service_single .mv h1 {
font-size: 5.9vw;
max-width: 89.6vw;
}
.service_single .main_content {
padding: 11.7333333333vw 4.2666666667vw 5.3333333333vw
}
.service_single .main_content section+section {
margin-top: 16vw !important
}
.service_single .main_content .sec01 {
padding-bottom: 0
}
.service_single .main_content .sec01 .trouble_list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: bottom url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/service/trouble_list_bg_sp.png);
background-size: cover;
border-radius: 4.2666666667vw;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
justify-content: center;
margin-bottom: 12.8vw;
padding: 0 6.4vw 18.4vw
}
.service_single .main_content .sec01 .trouble_list>li {
border-bottom: .5333333333vw dotted #bababa;
border-right: none;
width: 100%;
padding-top: 6.4vw;
}
.service_single .main_content .sec01 .trouble_list>li:last-of-type {
border-bottom: none
}
.service_single .main_content .sec01 .trouble_list>li dl dt {
font-size: 5.3333333333vw;
line-height: 1.2
}
.service_single .main_content .sec01 .trouble_list>li dl dd {
padding: 4.2666666667vw
}
.service_single .main_content .sec01 .trouble_list>li dl dd ul li:before {
height: 3.7333333333vw;
margin-right: 1.0666666667vw;
-webkit-transform: translateY(.5333333333vw);
transform: translateY(.5333333333vw);
width: 3.7333333333vw
}
.service_single .main_content .sec01 .copy01 {
font-size: 6.4vw;
margin-bottom: 4.2666666667vw
}
.service_single .main_content .sec01 .copy02 {
font-size: 5.3333333333vw;
margin-bottom: 4.4vw;
}
.service_single .main_content .sec01 ol {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 4.5vw;
}
.service_single .main_content .sec01 ol li {
width: 100%;
box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
}
.service_single .main_content .sec01 ol li dl dt {
padding: 7.4666666667vw 1rem 4.2666666667vw
}
.service_single .main_content .sec01 ol li dl dt h3 {
font-size: 6.4vw
}
.service_single .main_content .sec01 ol li dl dd {
padding: 4.2666666667vw 6.4vw
}
.service_single .main_content .sec01 ol li dl dd .border {
font-size: 3.7333333333vw;
margin-bottom: 4.2666666667vw;
padding: 1.0666666667vw .5rem
}
.service_single .main_content .sec01 ol li dl dd .detail {
font-size: 3.7333333333vw;
line-height: 1.5
}
.service_single .main_content .sec01 ol li dl dd .price {
border-top: .2666666667vw dashed #707070;
margin-top: 4.2666666667vw;
padding-top: 4.2666666667vw
}
.service_single .main_content .sec01 ol li dl dd .price .f-orange {
font-size: 8.5333333333vw
}
.service_single .main_content .sec01 ol li dl dd .price .f-orange .f-18 {
font-size: 4.2666666667vw
}
.service_single .main_content .sec01 ol li dl dd .price .f-orange .f-16 {
font-size: 3.2vw
}
.service_single .main_content .sec01 .banner {
margin-top: 21.6vw;
padding: 6.9333333333vw 1rem 4.2666666667vw
}
.service_single .main_content .sec01 .banner p:first-of-type {
font-size: 3.7333333333vw;
padding: 1.7333333333vw 8.4vw;
top: -4.6666666667vw;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
.service_single .main_content .sec01 .banner p:nth-of-type(2) {
font-size: 5.3333333333vw
}
.service_single .main_content .sec01 .banner p:nth-of-type(2) .letter-spacing {
letter-spacing: -.5em
}
.service_single .main_content .sec01 .banner p:nth-of-type(2) .price {
font-size: 9.6vw
}
.service_single .main_content .sec01 .banner p:nth-of-type(2) .price .f-36 {
font-size: 6.1333333333vw
}
.service_single .main_content .sec01 .banner+.btn01 {
height: 12.8vw;
margin: 9.6vw auto 0;
max-width: 73.1333333333vw;
}
.service_single .main_content .sec02 .box {
padding: 6.4vw 4.2666666667vw
}
.service_single .main_content .sec02 .box h3 {
font-size: 3.7333333333vw;
margin-bottom: 4.2666666667vw
}
.service_single .main_content h2 {
font-size: 6vw;
margin-bottom: 9.6vw
}
.service_single .main_content h2+.text {
border-radius: 5.3333333333vw;
font-size: 3.2vw;
line-height: 2;
padding: 6.4vw
}
.service_single .main_content .content_banner {
margin: 16vw auto 0
}
.service_single .main_content .sec_banner {
margin-top: 16vw
}
.service_single .table.comparison .table_wrapper {
border-radius: 0;
overflow: scroll;
padding-top: 13px
}
.service_single .table.comparison .table_wrapper table {
width: 612px
}
.service_single .table.comparison .table_wrapper table thead tr:first-of-type th {
border-radius: 16px 16px 0 0;
font-size: 16px
}
.service_single .table.comparison .table_wrapper table thead tr:first-of-type th:nth-of-type(2) span {
font-size: 20px
}
.service_single .table.comparison .table_wrapper table tbody tr:first-of-type th {
border-radius: 16px 16px 0 0
}
.service_single .table.comparison .table_wrapper table tbody tr:first-of-type td:first-of-type {
font-size: 16px
}
.service_single .table.comparison .table_wrapper table tbody tr:last-of-type td,
.service_single .table.comparison .table_wrapper table tbody tr:last-of-type th {
border-radius: 0 0 16px 16px
}
.service_single .table.comparison .table_wrapper table th {
font-size: 14px;
line-height: 1.2857142857rem;
width: 122px
}
.service_single .table.comparison .table_wrapper table td {
width: 164px
}
.service_single .table.comparison .table_wrapper table td small {
font-size: 12px
}
.service_single .anchor_list {
gap: 2.1333333333vw 1.8666666667vw;
margin: 0 auto 16vw;
width: 91.4666666667vw
}
.service_single .anchor_list a {
-webkit-box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .12);
box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .12);
font-size: 3.2vw;
gap: 2.9333333333vw;
padding: 4.4vw 0 2.9333333333vw;
width: 44.8vw;
}
.service_single .anchor_list a:after {
height: 1.0666666667vw;
width: 2.1333333333vw
}
.service_single .lower_common_content+.lower_common_content.bg_w {
margin-top: 33.8666666667vw;
padding: 16vw 4.2666666667vw 21.8666666667vw
}
.service_single .lower_common_content .works_list .swiper .swiper-slide {
border-radius: 5.3333333333vw
}
.service_single .lower_common_content .works_list .btn01 {
margin: 16.8vw auto 0
}
.service_single .lower_common_content #voice {
padding-top: 10vw;
}
.service_single .lower_common_content #voice h2 {
margin-bottom: 9.6vw !important
}
.service_single .lower_common_content #voice .btn01 {
margin: 9.6vw auto 0
}
.service_single .lower_common_content .service_example .inner h2 {
margin: 0 auto 9.6vw
}
.service_single .lower_common_content .service_example .inner li+li {
margin-top: 5.3333333333vw
}
.service_single .lower_common_content .service_example .inner dl {
border-radius: 4.2666666667vw;
-webkit-box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08);
box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08)
}
.service_single .lower_common_content .service_example .inner dl dt {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 4.2666666667vw
}
.service_single .lower_common_content .service_example .inner dl dt h3 {
font-size: 5.3333333333vw
}
.service_single .lower_common_content .service_example .inner dl dd {
padding: 4.2666666667vw
}
.service_single .lower_common_content .service_example .inner dl dd .price {
border-top: 1px dashed #e2e2e2;
color: #ff6c00;
display: block;
font-size: 8.5333333333vw;
font-weight: 900;
line-height: 1;
margin-top: 4.8vw;
padding-top: 3.2vw;
text-align: center
}
.service_single .lower_common_content .service_example .inner dl dd .price .f-20 {
font-size: 4.2666666667vw
}
.service_single .lower_common_content .service_example .inner dl dd .price .f-16 {
font-size: 3.2vw
}
.service_single .lower_common_content .service_example .inner dl dd .price .f-18 {
font-size: 6.4vw
}
.service_single .lower_common_content .service_example .inner .btn01 {
margin: 9.6vw auto 0
}
.service_single .lower_common_content .sec_sales_office .office_detail .detail h3 {
font-size: 5.3333333333vw
}
.service_single .lower_common_content .sec_sales_office .office_detail .detail h3:first-of-type {
font-size: 6.4vw
}
.service_single .lower_common_content .sec_sales_office .office_detail .detail p+h3 {
margin-top: 5.3333333333vw
}
.service_single .lower_common_content .sec_sales_office .other_title {
font-size: 7.4666666667vw;
margin-bottom: 3.7333333333vw
}
}
.area_archive {
overflow: hidden
}
.area_archive .main_content {
padding: 126px 20px 76px
}
.area_archive .main_content .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.area_archive .main_content .inner .term-group {
background: #fff;
border-radius: 8px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
padding: 51px 5.0675675676% 39px;
position: relative
}
.area_archive .main_content .inner .term-group+.term-group {
margin-top: 106px
}
.area_archive .main_content .inner .term-group h3 {
-webkit-box-pack: center;
-ms-flex-pack: center;
background: #14B1B9;
border-radius: 8px;
color: #fff;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: 1.25rem;
font-weight: 700;
height: 53px;
justify-content: center;
left: 50%;
position: absolute;
top: -26px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 260px
}
.area_archive .main_content .inner .term-group h3,
.area_archive .main_content .inner .term-group ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.area_archive .main_content .inner .term-group ul {
-webkit-box-pack: start;
-ms-flex-pack: start;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 23px 5.0675675676%;
justify-content: flex-start
}
.area_archive .main_content .inner .term-group ul li a {
font-size: 1.125rem
}
.area_archive .main_content .inner .term-group ul li a:before {
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/area/area_arrow.png);
background-size: cover;
content: "";
display: inline-block;
height: 20px;
margin: 0 8px -3px 0;
width: 20px
}
.area_archive .lower_common_content.bg_lb {
margin-top: 0
}
.area_archive .lower_common_content.bg_lb:before {
display: none
}
@media screen and (max-width:767px) {
.area_archive .main_content {
padding: 16vw 4.2666666667vw 21.3333333333vw
}
.area_archive .main_content .inner .term-group {
-webkit-box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08);
box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08);
padding: 9.0666666667vw 6.4vw 6.4vw
}
.area_archive .main_content .inner .term-group+.term-group {
margin-top: 11.2vw
}
.area_archive .main_content .inner .term-group h3 {
border-radius: 4px;
font-size: 3.7333333333vw;
height: 8.5333333333vw;
top: -4.2666666667vw;
width: 35.7333333333vw
}
.area_archive .main_content .inner .term-group ul {
gap: 4.2666666667vw 5.3333333333vw
}
.area_archive .main_content .inner .term-group ul li a {
font-size: 3.7333333333vw
}
.area_archive .main_content .inner .term-group ul li a:before {
height: 4.2666666667vw;
margin: 0 1.6vw -.8vw 0;
width: 4.2666666667vw
}
.area_archive .lower_common_content.bg_lb {
background: #E3F6F7;
margin-top: 0 !important;
}
}
.price_detail_category {
background: #E3F6F7;
overflow: hidden
}
.price_detail_category .main_content {
padding: 100px 0 0;
}
.price_detail_category .main_content section+section {
margin-top: 120px !important
}
.price_detail_category .main_content .sec01 {
margin: 0 auto;
max-width: 1184px;
padding-bottom: 106px;
width: 100%
}
.price_detail_category .main_content .sec01 p {
text-align: center
}
.price_detail_category .main_content .sec01 .trouble_list {
border-radius: 8px;
margin: 80px auto 0;
max-width: 1040px;
overflow: hidden
}
.price_detail_category .main_content .sec01 .trouble_list dt {
background: #14B1B9;
color: #fff;
font-size: 2rem;
font-weight: 700;
padding: 11px 1rem;
text-align: center
}
.price_detail_category .main_content .sec01 .trouble_list dd {
background: #fff;
padding: 32px 6.7307692308%
}
.price_detail_category .main_content .sec01 .trouble_list dd ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 12px 6.7307692308%;
justify-content: space-between
}
.price_detail_category .main_content .sec01 .trouble_list dd ul li {
border-bottom: 1px dashed #14B1B9;
font-size: 1.125rem;
padding: 0 18px 11px;
position: relative;
width: 46.5909090909%
}
.price_detail_category .main_content .sec01 .trouble_list dd ul li:before {
background: 50% no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/top/sec01_icon.png);
background-size: cover;
content: "";
display: block;
height: 14px;
left: 0;
position: absolute;
top: calc(50% - 5.5px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 14px
}
.price_detail_category .main_content .sec02 {
background: #fff;
margin-top: 0 !important;
padding: 60px 20px 205px;
position: relative;
z-index: 1
}
.price_detail_category .main_content .sec02 .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.price_detail_category .main_content .sec02 .area {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 47px 2.027027027%;
justify-content: space-between;
margin-top: 58px
}
.price_detail_category .main_content .sec02 .area>li {
background: #fff;
border-radius: 8px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
position: relative;
width: 48.9864864865%;
}
.price_detail_category .main_content .sec02 .area>li dt {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #14B1B9;
border-radius: 8px;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: 1.25rem;
font-weight: 700;
height: 45px;
justify-content: center;
left: 50%;
min-width: 196px;
position: absolute;
top: -22.5px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: auto
}
.price_detail_category .main_content .sec02 .area>li dd {
padding: 38px 14.3103448276% 15px
}
.price_detail_category .main_content .sec02 .area>li dd ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 11px 8.6956521739%;
justify-content: flex-start
}
.price_detail_category .main_content .sec02 .area>li dd a {
font-size: 1.125rem;
text-decoration: underline
}
.price_detail_category .main_content .sec02 .price_overview .inner>ul>li dd ul {
border-bottom: none;
padding: 16px 0 0
}
.price_detail_category .main_content .sec02 .price_overview .inner>ul>li dd ul li:before {
display: none
}
.price_detail_category .main_content+.lower_common_content.bg_lb {
margin-top: 0;
padding: 0 20px 120px;
}
.price_detail_category .lower_common_content .works_list .btn01 {
margin: 112px auto 0
}
.price_detail_category .lower_common_content .voice .feedback_list>li {
background: #fff
}
.price_detail_category .sec_sns {
padding: 0 20px;
}
@media screen and (max-width:767px) {
.price_detail_category .main_content {
padding: 11.7333333333vw 0 5.3333333333vw
}
.price_detail_category .main_content h2 {
font-size: 5.8666666667vw;
line-height: 1.4
}
.price_detail_category .main_content .sec01 p {
font-size: 3.1vw;
}
.price_detail_category .main_content section+section {
margin-top: 16vw !important
}
.price_detail_category .main_content .sec01 {
padding-bottom: 16vw
}
.price_detail_category .main_content .sec01 .trouble_list {
margin: 15.7333333333vw auto 0;
max-width: 91.4666666667vw
}
.price_detail_category .main_content .sec01 .trouble_list dt {
font-size: 5.3333333333vw;
padding: 3.2vw 1rem
}
.price_detail_category .main_content .sec01 .trouble_list dd {
padding: 32px 6.7307692308%
}
.price_detail_category .main_content .sec01 .trouble_list dd ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 4.2666666667vw;
justify-content: center
}
.price_detail_category .main_content .sec01 .trouble_list dd ul li {
font-size: 3.7333333333vw;
padding: 0 4.8vw 3.2vw;
width: 100%
}
.lower.price_detail_category .price_overview .inner>ul>li,
.lower.service_single .price_overview .inner>ul>li {
width: 100%;
}
.price_detail_category .main_content .sec01 .trouble_list dd ul li:before {
height: 3.7333333333vw;
top: calc(50% - 1.46667vw);
width: 3.7333333333vw
}
.price_detail_category .main_content .sec02 {
margin-top: 0vw !important;
padding: 16vw 4.2666666667vw 16vw;
}
.price_detail_category .main_content .sec02:before {
background: top no-repeat url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_white_01_sp.png);
background-size: cover;
height: 17.8666666667vw;
top: -17.8666666667vw
}
.price_detail_category .main_content .sec02 .area {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
gap: 9.8666666667vw;
justify-content: center;
margin-top: 15.2vw
}
.price_detail_category .main_content .sec02 .area>li {
border-radius: 4.2666666667vw;
-webkit-box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08);
box-shadow: 0 .5333333333vw 2.1333333333vw rgba(0, 0, 0, .08);
width: 100%
}
.price_detail_category .main_content .sec02 .area>li dt {
font-size: 4.2666666667vw;
height: 9.0666666667vw;
min-width: 42.6666666667vw;
top: -4.5333333333vw
}
.price_detail_category .main_content .sec02 .area>li dd {
padding: 7.7333333333vw 7.4666666667vw 4.2666666667vw
}
.price_detail_category .main_content .sec02 .area>li dd ul {
gap: 3.7333333333vw 6.4vw
}
.price_detail_category .main_content .sec02 .area>li dd a {
font-size: 3.7333333333vw
}
.price_detail_category .main_content .sec02 .price_overview .inner>ul>li dd ul {
padding: 3.2vw 0 0
}
.price_detail_category .lower_common_content .works_list .btn01 {
margin: 16vw auto 0
}
.price_detail_category .lower_common_content .sec_sns {
margin-left: 0
}
}
.on-site_response .inner>div {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-webkit-box-align: stretch;
align-items: stretch;
display: -ms-flexbox;
display: grid;
grid-template-columns: repeat(6,1fr);
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 13px;
justify-content: center;
}
.on-site_response .inner>div div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.on-site_response .inner>div .row1 {
grid-column: span 2;
}
.on-site_response .inner>div .row1 img{
width: 48%;
margin-right: min(1.66vw, 24px);
}
.on-site_response .inner>div .row1:nth-child(3) img{
margin-right: 0;
}
.on-site_response .inner>div .row2{
grid-column: span 3;
}
.on-site_response .inner>div .row2 img{
width: 36%;
margin-right: min(2.36vw, 34px);
}
.on-site_response .inner>div div p {
color: #14B1B9;
font-size: 16px !important;
font-weight: 700;
letter-spacing: 0;
line-height: 1.4285714286;
margin-bottom: 0 !important;
text-align: left !important;
padding-right: min(2.36vw, 34px);
}
@media screen and (max-width:767px) {
.on-site_response .inner>div {
grid-template-columns: 1fr;
gap: 0;
}
.on-site_response .inner>div div {
margin-bottom: 4.26vw;
height: 31.2vw;
}
.on-site_response .inner>div div p {
font-size: 3.73vw !important;
}
.on-site_response .inner>div .row1 img{
width: auto;
height: 100%;
margin-right: 9vw;
}
.on-site_response .inner>div .row1:nth-child(3) img{
margin-left: 3vw;
margin-right: 6vw;
}
.on-site_response .inner>div .row2 img{
margin-right: 6vw;
}
.on-site_response .inner>div div:nth-child(4) img {
margin-right: 13vw;
}
}
.sec_payment {
padding: 0 20px;
}
.sec_payment .inner {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.sec_payment .inner>div {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-webkit-box-align: stretch;
align-items: stretch;
display: -ms-flexbox;
display: grid;
grid-template-columns: repeat(6,1fr);
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 13px;
justify-content: center;
}
.sec_payment .inner>div div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
box-shadow: 0 0 8px rgba(0, 0, 0, .16);
}
.sec_payment .inner>div .row1 {
grid-column: span 2;
}
.sec_payment .inner>div .row1 img{
width: 48%;
margin-right: min(2.66vw, 38px);
}
.sec_payment .inner>div .row1:nth-child(2) img{
width: 40%;
}
.sec_payment .inner>div .row1:nth-child(3) img{
width: 36%;
}
.sec_payment .inner>div .row2{
grid-column: span 3;
}
.sec_payment .inner>div .row2 img{
width: 22.5%;
margin-left: min(1.4vw, 20px);
margin-right: min(2.36vw, 34px);
}
.sec_payment .inner>div div p {
color: #14B1B9;
font-size: 20px !important;
font-weight: 700;
letter-spacing: 0;
line-height: 1;
margin-bottom: 0 !important;
text-align: left !important;
}
.sec_payment .inner>div div p span.f-s {
font-size: 14px!important;
line-height: 1.4166666667;
margin-top: 10px;
color: #0A3436;
display: block;
padding-right: min(2.36vw, 34px);
}
@media screen and (max-width:767px) {
.sec_payment .inner>div {
grid-template-columns: 1fr;
gap: 0;
}
.sec_payment .inner>div div {
margin-bottom: 4.26vw;
height: 31.2vw;
}
.sec_payment .inner>div div p {
font-size: 4.8vw !important;
}
.sec_payment .inner>div .row1 img{
width: auto;
height: 90%;
margin-right: 9vw;
}
.sec_payment .inner>div .row1:nth-child(3) img{
margin-left: 3vw;
margin-right: 6vw;
}
.sec_payment .inner>div .row2 img{
margin-right: 6vw;
margin-left: 4.4vw;
width: auto;
}
.sec_payment .inner>div div:nth-child(4) img {
height: 70%;
margin-right: 4.9vw;
}
.sec_payment .inner>div div:nth-child(5) img {
height: 90%;
}
.sec_payment .inner>div div p span.f-s {
font-size: 3.2vw !important;
font-weight: 400;
}
}
.lower.error .mv{
padding: 174px 20px 96px;
}
.lower.error .main_content{
padding: 126px 20px 76px;
}
.lower.error .main_content p{
text-align: center;
}
.lower.error .main_content p .btn01{
margin: 30px auto 80px;
}
.lower.error .mv+section:before{
display: none;
}
@media screen and (max-width:767px) {
.lower.error .mv{
padding: 30.5333333333vw 4.2666666667vw 13.7333333333vw;
}
.lower.error .main_content{
padding: 16vw 3.2666666667vw 21.3333333333vw;
}
.lower.error .main_content p .btn01{
margin: 30px auto 10px;
}
}
#voice h2, .voice h2 {
display: none;
}
#voice:has(.feedback_list) h2, .voice:has(.feedback_list) h2 {
display: block;
}
.compatible_area h2 {
display: none;
}
.compatible_area:has(.related-area) h2 {
display: block;
}  .column_single .single_content ul {
list-style: disc;
margin: 1em 0;
padding: 0.5em 1em 0.5em 2.5em;
background-color: #fff;
}
.column_single .single_content ol {
list-style: decimal;
background: #fff;
margin: 1em 0;
padding-left: 2em;
}
.column_single .single_content li {
margin: 0.5em 0;
list-style: initial;
} .column_single .single_content blockquote {
border-left: 4px solid #ccc; margin: 1em 0;
padding:0.5em 0.5em 0.5em 1em;
color: #555;
font-style: italic;
background-color: #f9f9f9; } .column_single .single_content table {
border-collapse: collapse;
width: 100%;
margin: 1em 0;
}
.column_single .single_content table th,
.column_single .single_content table td {
border: 1px solid #f2f2f2;
padding: 8px;
text-align: left;
background-color: #fff;
}
.column_single .single_content table th {
background-color: #BDEFF2;
font-weight: 700;
color: #14B1B9;
text-align: center;
} .column_single .single_content a{
text-decoration: underline;
} .none {
display: none !important;
}
.service_single .table.comparison .table_wrapper table tr:nth-child(2),
.service_single .table.comparison .table_wrapper table tr:nth-child(7) {
display: none;
}
.service_single .table.comparison .table_wrapper table tbody tr:nth-of-type(1),
.service_single .table.comparison .table_wrapper table tbody tr:nth-of-type(4),
.service_single .table.comparison .table_wrapper table tbody tr:nth-of-type(6) {
background: #fff;
}
.service_single .table.comparison .table_wrapper table tbody tr:nth-of-type(3),
.service_single .table.comparison .table_wrapper table tbody tr:nth-of-type(5),
.service_single .table.comparison .table_wrapper table tbody tr:nth-of-type(8) {
background: #fafafa;
}
.disabled-link {
pointer-events: none;
} .column_single .main_content .inner .single_content h4{
position: relative;
padding-left: 15px;
}
.column_single .main_content .inner .single_content h4::before{
position: absolute;
top: 14px;
left: 0;
content: "";
width: 6px;
height: 6px;
background-color: #14B1B9;
}
.column_single .main_content .inner .single_content h4::after{
position: absolute;
top: 24px;
left: 0;
content: "";
width: 6px;
height: 6px;
background-color: #14B1B9;
border: 1px solid #
}
.column_single .main_content .inner .single_content h5{
position: relative;
padding-left: 15px;
}
.column_single .main_content .inner .single_content h5::before{
position: absolute;
content: "";
top: 10px;
left: 0;
width: 6px;
height: 18px;
border-left: 2px solid #14B1B9;
border-right: 2px solid #14B1B9;
}
.column_single .main_content .inner .single_content h6{
position: relative;
padding-left: 25px;
}
.column_single .main_content .inner .single_content h6::before{
position: absolute;
top: 17px;
left: 0;
content: "";
width: 15px;
height: 1px;
margin-top: -1px;
border-top: 2px solid #14B1B9;
}
@media screen and (max-width: 767px) {
.column_single .main_content .inner .single_content h4{
font-size: 15px;
padding-left: 14px;
}
.column_single .main_content .inner .single_content h4::before{
top: 6px;
width: 5px;
height: 5px;
}
.column_single .main_content .inner .single_content h4::after{
top: 14px;
width: 5px;
height: 5px;
}
.column_single .main_content .inner .single_content h5{
font-size: 14px;
}
.column_single .main_content .inner .single_content h5::before{
top: 6px;
width: 6px;
height: 15px;
}
.column_single .main_content .inner .single_content h6{
font-size: 14px;
padding-left: 16px;
}
.column_single .main_content .inner .single_content h6::before{
top: 12px;
width: 12px;
}
} .column_single .main_content .inner .single_content .txt__red{
color: #ff0000;
font-weight: 700;
}
.column_single .main_content .inner .single_content .txt__blue{
color: #0aaedb;
font-weight: 700;
}
.column_single .main_content .inner .single_content .txt__green{
color: #00a452;
font-weight: 700;
}
.column_single .main_content .inner .single_content .txt__orange{
color: #ff6c00;
font-weight: 700;
}
.column_single .main_content .inner .single_content .txt__yellow-line{
text-decoration: underline;
text-underline-offset: -0.2em;
text-decoration-thickness: 0.5em;
text-decoration-color: rgba(255, 228, 0, 0.4);
text-decoration-skip-ink: none;
} .column_single .main_content .inner .single_content .txt__lightbulb {
position: relative;
margin: 2em 1em 2.5em 2em;
padding: 15px 15px 15px 60px;
border: 2px solid #dfdfdf;
background-color: #fffbf4;
border-radius: 6px;
}
.column_single .main_content .inner .single_content .txt__lightbulb::before{
content: "";
position: absolute;
top: 10px;
left: 10px;
width: 38px;
height: 38px;
padding: 6px;
background-image: url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/column/icon_lightbulb.png);
background-size: 30px;
background-color: #ffbe00;
background-repeat: no-repeat;
background-position: center center;
border-radius: 100%;
}
@media screen and (max-width: 767px) {
.column_single .main_content .inner .single_content .txt__lightbulb {
padding-left: 50px;
}
.column_single .main_content .inner .single_content .txt__lightbulb::before{
width: 28px;
height: 28px;
background-size: 22px;
}
}
@media screen and (max-width: 767px) {
.column_single .main_content .inner .single_content .txt__lightbulb{
margin-left:1em;
}
} .column_single .main_content .inner .single_content .txt__link,
.column_single .main_content .inner .single_content .txt__link__outbound {
position: relative;
margin: 3.5em 1em 3.5em 2em;
padding: 10px;
background-color: #fffbf4;
border-radius: 0 6px 6px 6px;
}
.column_single .main_content .inner .single_content .txt__link{
border: 2px solid #30baaf;
}
.column_single .main_content .inner .single_content .txt__link__outbound {
border: 2px solid #089cff;
}
.column_single .main_content .inner .single_content .txt__link a,
.column_single .main_content .inner .single_content .txt__link__outbound a{
position: relative;
display: inline-block;
margin-bottom: 10px;
padding-left: 20px;
border-radius: 0 6px 6px 6px;
}
.column_single .main_content .inner .single_content .txt__link a:last-child,
.column_single .main_content .inner .single_content .txt__link__outbound a:last-child{
margin-bottom: 0;
}
.column_single .main_content .inner .single_content .txt__link a::before,
.column_single .main_content .inner .single_content .txt__link__outbound a::before{
content: "";
display: block;
position: absolute;
top: 9px;
left: 0;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
margin-right: 10px;
}
@media screen and (max-width: 767px) {
.column_single .main_content .inner .single_content .txt__link a::before,
.column_single .main_content .inner .single_content .txt__link__outbound a::before{
top: 5px;
}
}
.column_single .main_content .inner .single_content .txt__link a::before{
border-left: 10px solid #30baaf;
}
.column_single .main_content .inner .single_content .txt__link__outbound a::before{
border-left: 10px solid #089cff;
}
.column_single .main_content .inner .single_content .txt__link span,
.column_single .main_content .inner .single_content .txt__link__outbound span{
position: absolute;
top: -28px;
left: -2px;
box-sizing: border-box;
width: auto;
height: 28px;
padding: 3px 16px 3px 32px;
background-size: 16px;
background-repeat: no-repeat;
background-position: 8px center;
border-radius: 6px 6px 0 0;
font-size: 14px;
color: #fff;
line-height: 1.5;
}
.column_single .main_content .inner .single_content .txt__link span{
background-image: url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/column/icon_link.png);
background-color: #30baaf;
}
.column_single .main_content .inner .single_content .txt__link__outbound span{
background-image: url(//suido-pro.saitama.jp/_wp/wp-content/themes/n-vision/assets/img/column/icon_outbound.png);
background-color: #089cff;
}
@media screen and (max-width: 767px) {
.column_single .main_content .inner .single_content .txt__link,
.column_single .main_content .inner .single_content .txt__link__outbound{
margin-left:1em;
}
} .column_single .main_content .inner .single_content .column__ol,
.column_single .main_content .inner .single_content .column__ul{
margin: 1em 1em 1.5em;
padding: 20px;
list-style: none;
border: 2px solid #dfdfdf;
border-radius: 6px;
}
.column_single .main_content .inner .single_content .column__ol{
counter-reset:column__ol;
}
.column_single .main_content .inner .single_content .column__ol li,
.column_single .main_content .inner .single_content .column__ul li{
position: relative;
margin-left: 0;
list-style: none;
}
.column_single .main_content .inner .single_content .column__ol li{
margin-bottom: 1em;
padding-left: 30px;
}
.column_single .main_content .inner .single_content .column__ul li{
margin-bottom: .5em;
padding-left: 20px;
}
.column_single .main_content .inner .single_content .column__ol li:last-child,
.column_single .main_content .inner .single_content .column__ul li:last-child{
margin-bottom: 0;
}
.column_single .main_content .inner .single_content .column__ol li::before{
counter-increment: column__ol;
content: counter(column__ol);
position: absolute;
top: 4px;
left: 0;
width: 20px;
height: 20px;
background: #acacac;
text-align: center;
color: #fff;
font-size: 14px;
border-radius: 100%;
line-height: 1.5;
}
.column_single .main_content .inner .single_content .column__ul li::before{
content: "";
position: absolute;
top: 9px;
left: 0;
width: 10px;
height: 10px;
background: #acacac;
border-radius: 100%;
}
@media screen and (max-width: 767px) {
.column_single .main_content .inner .single_content .column__ol li::before{
top: 0;
}
.column_single .main_content .inner .single_content .column__ul li::before{
top: 5px;
}
} .column_single .main_content .inner .single_content .video-thumb__wrap {
display: block;
position: relative;
max-width: 650px;
margin: auto;
}
.column_single .main_content .inner .single_content .video-thumb__wrap::before,
.column_single .main_content .inner .single_content .video-thumb__wrap::after{
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.column_single .main_content .inner .single_content .video-thumb__wrap::before{
width: 80px;
aspect-ratio: 1; 
background-color: rgb(0 0 0 / .5);
border-radius: 50%;
}
.column_single .main_content .inner .single_content .video-thumb__wrap::after{
margin-left: 5px;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 32px solid #fff;
}
@media screen and (max-width: 767px) {
.column_single .main_content .inner .single_content .video-thumb__wrap::before{
width: 60px;
}
.column_single .main_content .inner .single_content .video-thumb__wrap::after{
margin-left: 3px;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 24px solid #fff;
}
}