@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,700;14..32,800&family=Zen+Maru+Gothic:wght@500;700&family=Noto+Sans+JP:wght@500;600;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:#007aff
}
: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;
background:#fff;
color:#333;
font-family:Inter,Noto Sans JP,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 {
left:50%;
max-width:1392px;
position:fixed;
top:24px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:calc(100% - 40px);
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;
border-radius:999px;
-webkit-box-shadow:0 0 8px rgba(0,0,0,.08);
box-shadow:0 0 8px rgba(0,0,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;
padding:11px 12px
}
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:#ff6c00;
border-radius:22px;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
font-family:Zen Maru Gothic,sans-serif;
font-size:.875rem;
font-weight:700;
justify-content:center;
padding:10px 0;
width:200px
}
.nav.is-sp,header .btn_wrapper .header_contact_sp,header .nav_trigger, .header_tel_sp {
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:#279cff;
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:#279cff;
content:"";
display:inline-block;
height:1.5px;
margin-right:8px;
vertical-align:middle;
width:8px
}
.nav ul a {
font-family:Zen Maru Gothic,sans-serif;
font-size:.875rem;
font-weight:700
}
.nav .btn_wrapper {
display:none
}
@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:#089cff;
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:#f0f8ff;
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:999px;
-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:#089cff;
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:#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
}
}
@media screen and (max-width:767px) {
header {
width:calc(100% - 20px);
}
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 4.4vw;
}
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
}
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:#50baf8;
border-radius:60px 60px 0 0;
padding:80px 20px 40px;
position:relative;
z-index:10;
margin-top: -50px;
}
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:346px
}
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;
-moz-text-align-last:justify;
text-align-last: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:10.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.chiba.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:#50baf8;
border-radius:5.3333333333vw 5.3333333333vw 0 0;
padding:8.2666666667vw 6.4vw 37.3333333333vw;
z-index:10;
margin-top: -5vw;
}
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.4666666667vw;
margin-bottom:1.6vw
}
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:top no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/float_sp_bg.png);
background-size:cover;
bottom:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
height:116px;
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:#fff;
border:1px solid #089cff;
border-radius:999px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#089cff!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:flex-start;
line-height:1;
max-width:253px;
padding:12px 50px 12px 36px;
position:relative;
width:100%
}
.btn01:before {
background:50% no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/btn_icon.png);
background-size:cover;
content:"";
display:block;
height:32px;
position:absolute;
right:8px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
width:32px
}
.btn01.no-line {
border:1px solid transparent!important;
color:#081755!important
}
.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:#279cff;
color:#fff!important;
opacity:1
}
}
.btn01.blue {
background:#089cff;
color:#fff!important
}
.btn01.blue:before {
background:50% no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/btn_blue_icon.png);
background-size:cover
}
@media (hover:hover) {
.btn01.blue:hover {
background:#089cff;
color:#fff!important;
opacity:.7
}
}
.btn01.orange {
background:#ff6c00;
border:1px solid #ff6c00;
color:#fff!important
}
.btn01.orange:before {
background:50% no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/btn_orange_icon.png);
background-size:cover
}
@media (hover:hover) {
.btn01.orange:hover {
background:#ff6c00;
color:#fff!important;
opacity:.7
}
}
@media screen and (max-width:767px) {
.btn01 {
border:.2666666667vw solid #089cff;
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.no-line {
border:.2666666667vw solid transparent!important
}
.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:#f0f8ff;
overflow-x:hidden;
position:relative
}
body.scroll_stop {
height:100vh!important;
overflow:hidden!important
}
body.body_top:before {
background:#fff 50% no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/body_bg.png);
background-size:cover;
bottom:0;
content:"";
display:block;
height:100%;
left:0;
position:fixed;
right:0;
top:0;
width:100%
}
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-blue {
color:#089cff!important
}
.f-orange {
color:#ff6c00!important
}
.f-yellow {
color:#ffff38!important
}
.f-red {
color:#e63131!important
}
.line {
background:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(70%,#ffef02),color-stop(90%,#ffef02),color-stop(90%,transparent));
background:linear-gradient(transparent 70%,#ffef02 0,#ffef02 90%,transparent 0);
display:inline;
padding:0 1px
}
.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;
color:#081755;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
font-family:Zen Maru Gothic,sans-serif;
font-size:2.625rem;
font-weight:700;
justify-content:center;
line-height:1;
margin-bottom:20px;
text-align:center
}
.cta p span {
display:inline-block;
margin-top:-10px
}
.cta p:after,.cta p:before {
background:50% no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/cta_item.png);
background-size:cover;
content:"";
display:inline-block;
height:46px;
margin-right:14px;
width:32px
}
.cta p:after {
margin-left:8px;
-webkit-transform:scaleX(-1);
transform:scaleX(-1)
}
.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:24px;
width:368px
}
.swiper .swiper-slide a {
display:block;
padding:24px 24px 19px
}
.swiper .swiper-slide a .eye_catch {
border-radius:16px;
margin-bottom:16px;
overflow:hidden;
width:100%;
height: 180px;
}
.swiper .swiper-slide a .eye_catch img {
height:100%;
-o-object-fit:cover;
object-fit:cover;
width:100%
}
.swiper .swiper-slide a time {
display:inline-block;
font-size:.875rem;
font-weight:500;
margin-bottom:12px
}
.swiper .swiper-slide a .category_list {
margin-left:12px
}
.swiper .swiper-slide a .title {
border-bottom:1px dashed #e2e2e2;
color:#089cff;
font-size:1.375rem;
font-weight:700;
line-height:1.3636363636;
margin-bottom:16px;
padding-bottom:12px
}
.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
}
.swiper .swiper-slide a .detail dl+dl {
margin-top:8px
}
.swiper .swiper-slide a .detail dl dt {
background:#e2f0ff;
border-radius:11px;
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:before,.swiper .swiper-button-prev:before {
background:50% no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/btn_icon.png);
background-size:cover;
content:"";
display:block;
height:100%;
width:100%
}
.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:#089cff
}
.swiper.column_slider .swiper-slide {
background:#f0f8ff;
-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);
box-shadow:0 2px 8px rgba(0,0,0,.08)
}
.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:before {
background:top no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_light_blue01_01.png);
background-size:cover;
content:"";
display:block;
height:114px;
left:0;
position:absolute;
right:0;
top:-114px;
width:100%
}
.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:#089cff;
border:1px solid #089cff;
border-radius:999px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#fff;
font-size:.75rem;
font-weight:500;
min-width:72px;
padding:1px 17px 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:12px;
-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:#c6e9ff;
color:#081755;
font-family:Zen Maru Gothic,sans-serif;
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:14px;
right:16px;
width:14px
}
.faq_list dl dt .icon:after,.faq_list dl dt .icon:before {
background:#081755;
content:"";
display:block;
height:3px;
left:0;
position:absolute;
top:50%;
-webkit-transition:.3s;
transition:.3s;
width:100%
}
.faq_list dl dt .icon:before {
right:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.faq_list dl dt .icon:after {
left:50%;
-webkit-transform:translate(-50%,-50%) rotate(90deg);
transform:translate(-50%,-50%) rotate(90deg)
}
.faq_list dl dd {
background:#f0f8ff;
color:#07294e;
font-weight:500;
height:0;
opacity:0;
overflow:hidden;
padding:0 24px;
-webkit-transition:.3s;
transition:.3s
}
.faq_list dl.is-current dt .icon:before {
-webkit-transform:translateY(-50%) rotate(180deg);
transform:translateY(-50%) rotate(180deg)
}
.faq_list dl.is-current dt .icon:after {
opacity:0;
-webkit-transform:translate(-50%,-50%) rotate(270deg);
transform:translate(-50%,-50%) rotate(270deg)
}
.faq_list dl.is-current dd {
height:auto;
opacity:1;
overflow:visible;
padding:20px 24px
}
.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:16px;
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:#089cff;
color:#fff;
font-weight:700;
min-width:48px;
padding:22px 8px;
width:48px
}
.kana_list dl dd {
background:#fff;
padding:22px 24px;
width:calc(100% - 48px)
}
.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:28px;
justify-content:flex-start
}
.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:3.3783783784%;
justify-content:space-between;
margin:0 auto;
max-width:1184px;
width:100%
}
.feedback_list>li {
background:#f0f8ff;
border-radius:16px;
padding:16px 2.027027027% 24px;
width:31.0810810811%
}
.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-family:Zen Maru Gothic,sans-serif;
font-size:1.5rem;
font-weight:700;
line-height:1.3333333333;
margin:12px 0
}
.feedback_list>li .text {
font-weight:500;
line-height:1.5
}
.sec_sns .inner {
background:#c6e8ff;
border-radius:20px;
-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);
box-shadow:0 2px 8px rgba(0,0,0,.08);
margin:0 auto;
max-width:1184px;
padding:40px 20px 44px;
width:100%
}
.sec_sns .inner p {
color:#081755;
font-family:Zen Maru Gothic,sans-serif;
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%
}
.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 #089cff;
border-radius:30px;
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 .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 3.3783783784%;
justify-content:center;
width:100%
}
.price_overview .inner>ul>li {
background:#fff;
border-radius:20px;
-webkit-box-shadow:0 0 8px rgba(0,0,0,.08);
box-shadow:0 0 8px rgba(0,0,0,.08);
overflow:hidden;
padding-bottom:20px;
text-align:center;
width:31.0810810811%
}
.price_overview .inner>ul>li dt {
background:#279cff;
color:#fff;
font-family:Zen Maru Gothic,sans-serif;
font-size:1.375rem;
font-weight:700;
padding:0 .25em
}
.price_overview .inner>ul>li dt span {
font-size:1.875rem
}
.price_overview .inner>ul>li dd>div {
padding:0 6.5217391304%
}
.price_overview .inner>ul>li dd img {
display:block;
margin-bottom:16px
}
.price_overview .inner>ul>li dd .price {
font-size:2.625rem;
font-weight:800;
line-height:1;
margin-bottom:16px
}
.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 {
border-bottom:1px dashed #e2e2e2;
border-top:1px dashed #e2e2e2;
margin:0 auto;
padding:.5em 0
}
.price_overview .inner>ul>li dd ul li {
font-weight:500;
text-align:left;
width:100%
}
.price_overview .inner>ul>li dd ul li:before {
background:50% no-repeat url(//suido-pro.chiba.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
}
.price_overview .inner>ul>li dd .btn01 {
margin:20px auto 0
}
.price_overview .inner .btn01 {
margin:60px auto
}
.flow {
position:relative;
z-index:1
}
.flow .inner {
margin:0 auto;
max-width:1184px;
width:100%
}
.flow .inner h2+p {
font-family:Zen Maru Gothic,sans-serif;
font-size:1.5rem;
font-weight:700;
margin-bottom:108px;
text-align:center
}
.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:16px;
padding:16px 1.3513513514% 24px;
position:relative;
width:22.4662162162%
}
.area_single .flow .inner>div div{
box-shadow: 0 0 3px rgba(00,00,00,0.1);
}
.flow .inner>div div:nth-of-type(2):before {
content:"02"
}
.flow .inner>div div:nth-of-type(3):before {
content:"03"
}
.flow .inner>div div:nth-of-type(4):before {
content:"04"
}
.flow .inner>div div+div:after {
border-top:2px dotted #089cff;
content:"";
display:block;
height:1px;
left:-134px;
position:absolute;
top:-42px;
width:226px
}
.flow .inner>div div:before {
-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:#089cff;
border-radius:50%;
color:#fff;
content:"01";
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
font-size:28px;
font-weight:700;
height:60px;
justify-content:center;
left:50%;
line-height:1;
position:absolute;
top:-72px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:60px;
z-index:1
}
.flow .inner>div div .title {
color:#089cff;
font-family:Zen Maru Gothic,sans-serif;
font-size:28px;
font-weight:700;
margin-bottom:16px;
text-align:center
}
.flow .inner>div div img {
margin:0 0 20px
}
.flow .inner>div div .text {
font-size:16px;
font-weight:500;
line-height:1.5
}
.ten_points .inner {
margin:0 auto;
max-width:1184px;
width:100%
}
.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:#f0f8ff;
border-radius:20px;
padding:24px;
width:48.9864864865%
}
.ten_points .inner .dl_wrapper dl dt {
border-bottom:2px dotted #089cff;
color:#089cff;
font-family:Zen Maru Gothic,sans-serif;
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 {
background:#fff;
border-radius:60px 60px 0 0;
padding:60px 20px 130px;
width:100%;
margin-top: 470px;
}
.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:3.3783783784%;
justify-content:center;
margin:0 auto 36px;
max-width:1184px;
width:100%
}
.about_plumbing_company .content {
margin:0 auto;
max-width:1184px;
width:100%
}
.about_plumbing_company .content dl {
background:#f0f8ff;
border-radius:40px;
padding:44px 4.0540540541% 48px
}
.about_plumbing_company .content dl+dl {
margin-top:48px
}
.about_plumbing_company .content dl dt {
color:#089cff;
font-family:Zen Maru Gothic,sans-serif;
font-size:2.25rem;
font-weight:700;
padding-left:76px;
position:relative
}
.about_plumbing_company .content dl dt .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:#089cff;
border-radius:999px;
color:#fff;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
font-family:Inter,sans-serif;
font-size:1.75rem;
height:60px;
justify-content:center;
left:0;
line-height:1;
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
width:60px
}
.about_plumbing_company .content dl dd {
line-height:2.5;
margin-top:27px
}
.about_plumbing_company .cta {
margin:80px auto;
max-width:1184px;
width:100%
}
.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:40px 3.3783783784%;
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:16px;
padding:16px 2.027027027% 24px;
width:31.0810810811%
}
.post_list .inner>ul>li .eye_catch,.related_posts .inner>ul>li .eye_catch,.sec09 .inner>ul>li .eye_catch {
border-radius:16px;
margin-bottom:16px;
overflow:hidden;
width:100%
}
.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:#089cff;
font-family:Zen Maru Gothic,sans-serif;
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
}
.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:999px;
color:#888;
font-family:Inter,sans-serif;
font-size:1.125rem;
font-weight:700;
height:48px;
line-height:1;
width:48px
}
.pagination .page-numbers[aria-current=page] {
background:#089cff;
color:#fff
}
@media (hover:hover) {
.pagination .page-numbers:hover {
background:#089cff;
color:#fff;
opacity:1
}
}
.pagination .dots {
background:transparent;
pointer-events:none
}
.pagination .next:before,.pagination .prev:before {
background:50% no-repeat url(//suido-pro.chiba.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 {
color:#081755;
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:#f0f8ff;
border-radius:16px;
-ms-flex-flow:column nowrap;
flex-flow:column nowrap;
padding:32px 2rem;
width:48.0769230769%
}
.handling .flex div h3 {
color:#089cff;
font-family:Zen Maru Gothic,sans-serif;
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:82px 3.3783783784%;
justify-content:center;
margin:0 auto;
max-width:1184px;
width:100%
}
.reason .inner ul li {
background:#fff;
border-radius:20px;
-webkit-box-shadow:0 0 16px rgba(0,0,0,.08);
box-shadow:0 0 16px rgba(0,0,0,.08);
padding:54px 24px 36px;
position:relative;
width:31.0810810811%
}
.reason .inner ul li:first-of-type:before,.reason .inner ul li:nth-of-type(2):before,.reason .inner ul li:nth-of-type(4):before,.reason .inner ul li:nth-of-type(5):before {
border-left:1px dashed #089cff;
bottom:-12px;
content:"";
display:block;
height:calc(100% + 12px);
position:absolute;
right:-5.4347826087%;
top:0;
width:1px
}
.reason .inner ul li:first-of-type:after,.reason .inner ul li:nth-of-type(2):after,.reason .inner ul li:nth-of-type(3):after {
border-bottom:1px dashed #089cff;
bottom:-32px;
content:"";
display:block;
height:1px;
left:0;
position:absolute;
right:0;
width:100%
}
.reason .inner ul li:nth-of-type(4):before,.reason .inner ul li:nth-of-type(5):before {
bottom:0;
height:calc(100% + 30px);
top:-30px
}
.reason .inner ul 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:#fff;
border:2px solid #ff6c00;
border-radius:999px;
color:#ff6c00;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
font-size:1.75rem;
font-weight:700;
height:60px;
justify-content:center;
left:50%;
line-height:1;
position:absolute;
top:-30px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:60px
}
.reason .inner ul li h3,.reason .inner ul li p {
text-align:center
}
.reason .inner ul li h3 {
color:#081755;
font-family:Zen Maru Gothic,sans-serif;
font-size:1.75rem;
font-weight:700;
margin-bottom:24px;
padding-bottom:16px;
position:relative
}
.reason .inner ul li h3:after {
background:#e2e2e2;
bottom:0;
content:"";
display:block;
height:2px;
left:50%;
position:absolute;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:80px
}
.reason .inner ul li p {
font-weight:500;
line-height:1.75
}
.reason .inner ul li .btn01 {
margin:32px auto 0
}
.sec_staff .inner {
margin:0 auto;
max-width:1184px;
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:20px;
-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
}
.sec_staff ul li+li {
margin-top:24px
}
.sec_staff ul li img {
width:180px
}
.sec_staff ul li .detail .position {
color:#06121f;
font-family:Zen Maru Gothic,sans-serif;
font-size:1.125rem;
font-weight:700;
line-height:1.5555555556rem;
margin-bottom:3px
}
.sec_staff ul li .detail .name {
color:#089cff;
font-family:Zen Maru Gothic,sans-serif;
font-size:1.75rem;
font-weight:700;
line-height:1.7777777778rem;
margin-bottom:16px
}
.sec_staff ul li .detail .text {
font-size:1.125rem;
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,.on-site_response {
padding:0 20px
}
.manufacture .inner,.on-site_response .inner {
margin:0 auto;
max-width:1184px;
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))
}
.on-site_response .inner>div {
-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:24px;
justify-content:center
}
.on-site_response .inner>div.area div {
background:#f0f8ff
}
.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;
aspect-ratio:1/1;
background:#fff;
border-radius:16px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-flow:column nowrap;
flex-flow:column nowrap;
justify-content:center;
padding:16px;
width:217px
}
.on-site_response .inner>div div img {
aspect-ratio:185/106;
margin-bottom:16px
}
.on-site_response .inner>div div p {
color:#089cff;
font-family:Zen Maru Gothic,sans-serif;
font-size:14px!important;
font-weight:700;
letter-spacing:0;
line-height:1.4285714286;
margin-bottom:0!important;
text-align:center
}
.sec_payment {
-webkit-filter:drop-shadow(0 2px 8px rgba(0,0,0,.08));
filter:drop-shadow(0 2px 8px rgba(0,0,0,.08));
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;
-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:24px;
justify-content:center
}
.sec_payment .inner>div.service div {
background:#fff
}
.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;
aspect-ratio:1/1;
background:#f0f8ff;
border-radius:16px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-flow:column nowrap;
flex-flow:column nowrap;
justify-content:center;
padding:16px;
width:217px
}
.sec_payment .inner>div div:nth-of-type(2) p:not(.f-s) {
font-size:22px!important
}
.sec_payment .inner>div div:nth-of-type(3) p:not(.f-s) {
font-size:21px!important
}
.sec_payment .inner>div div:nth-of-type(4) p:not(.f-s) {
font-size:24px!important
}
.sec_payment .inner>div div:nth-of-type(5) p:not(.f-s) {
font-size:22px!important
}
.sec_payment .inner>div div img {
aspect-ratio:185/106;
margin-bottom:11px
}
.sec_payment .inner>div div p {
color:#081755;
font-family:Zen Maru Gothic,sans-serif;
font-size:24px!important;
font-weight:700;
letter-spacing:0;
line-height:1.4583333333;
margin-bottom:0!important;
text-align:center
}
.sec_payment .inner>div div p.f-s {
font-size:12px!important;
line-height:1.4166666667;
margin-top:13px
}
.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:#089cff;
font-family:Zen Maru Gothic,sans-serif;
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 {
color:#081755;
font-size:1.125rem;
line-height:1.7777777778
}
.table {
margin-top:120px
}
.table h3 {
color:#089cff;
font-family:Zen Maru Gothic,sans-serif;
font-size:1.75rem;
font-weight:700;
margin-bottom:36px;
padding-left:16px;
position:relative;
text-align:left
}
.table h3:before {
background:#089cff;
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:16px;
overflow:hidden;
width:100%
}
.table .table_wrapper table thead tr:first-of-type th {
background:#c6e8ff;
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:#089cff;
border-radius:999px;
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:#f0f8ff;
color:#089cff
}
.table .table_wrapper table td,.table .table_wrapper table th {
border:1px solid #c9e6ff;
border-collapse:collapse;
padding:16px 1.3513513514%
}
.table .table_wrapper table th {
background:#f0f8ff;
color:#089cff;
font-weight:700;
text-align:center
}
.table .table_wrapper .table01 {
text-align:center
}
.table .table_wrapper .table01 tbody tr:first-of-type th {
background:#e2f1ff
}
.table .table_wrapper .table01 tbody tr:nth-of-type(2) th {
background:#c9e5fd
}
.table .table_wrapper .table01 tbody tr:nth-of-type(3) th {
background:#9dd1ff
}
.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 #089cff;
border-radius:20px;
color:#089cff;
-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
}
body.body_top:before {
background:50% no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/body_bg_sp.png);
background-size:cover
}
.cta {
width:100%
}
.cta p {
font-size:5.8666666667vw;
margin-bottom:5.3333333333vw;
white-space:nowrap
}
.cta p span {
margin-top:-10px
}
.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:67.4666666667vw;
padding-left:9.6vw
}
.swiper .swiper-slide {
border-radius:5.3333333333vw;
width:87.2vw
}
.swiper .swiper-slide a {
padding:4.2666666667vw 4.2666666667vw 3.7333333333vw
}
.swiper .swiper-slide a .eye_catch {
border-radius:4.2666666667vw;
height:44vw;
margin-bottom:4.2666666667vw
}
.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:#089cff;
border-radius:11px;
color:#fff;
display:inline-block;
font-size:.75rem;
font-weight:500;
min-width:72px;
padding:1px 17px 0
}
.faq_list dl {
border-radius:4.2666666667vw;
-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:3.7333333333vw;
right:3.2vw;
width:3.7333333333vw
}
.faq_list dl dt .icon:after,.faq_list dl dt .icon:before {
height:.5333333333vw
}
.faq_list dl dd {
padding:0 5.3333333333vw
}
.faq_list dl.is-current dd {
padding:4.2666666667vw 5.3333333333vw;
background: #fff;
}
.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;
border-radius:3.2vw;
-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%
}
.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 {
border-radius:4.2666666667vw;
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
}
.sec_sns {
margin-left:-4.2666666667vw!important;
width:100vw
}
.sec_sns .inner {
border-radius:5.3333333333vw;
-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 16.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
}
.sec_sales_office ul {
border:.4vw solid #089cff;
border-radius:5.3333333333vw;
gap:2.9333333333vw 0;
padding:4.2666666667vw 5.7333333333vw
}
.sec_sales_office ul li:after {
margin:0 1.0666666667vw
}
.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: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);
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 {
border-bottom:.2666666667vw dashed #e2e2e2;
border-top:.2666666667vw dashed #e2e2e2;
padding:3.2vw 0
}
.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 .btn01 {
margin:8.2666666667vw auto 0
}
.price_overview .inner .btn01 {
margin:9.6vw auto 16vw
}
.flow .inner h2+p {
font-size:4.2666666667vw;
margin-bottom:10.9333333333vw
}
.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 {
border-radius:4.2666666667vw;
padding:4.2666666667vw;
width:100%
}
.flow .inner>div div+div {
margin-top:17.6vw
}
.flow .inner>div div+div:after {
border-left:.8vw dotted #089cff;
border-top:none;
height:12vw;
left:50%;
top:-15.4666666667vw;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:.2666666667vw
}
.flow .inner>div div:before {
font-size:6.4vw;
height:13.3333333333vw;
left:0;
top:-6.6666666667vw;
-webkit-transform:unset;
transform:unset;
width:13.3333333333vw
}
.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
}
.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:4.2666666667vw;
padding:4.2666666667vw;
width:100%
}
.ten_points .inner .dl_wrapper dl dt {
border-bottom:.2666666667vw dashed #089cff;
font-size:6.4vw;
margin-bottom:4.2666666667vw;
padding-bottom:4.2666666667vw
}
.about_plumbing_company .inner {
border-radius:5.3333333333vw 5.3333333333vw 0 0;
padding:8.5333333333vw 4.2666666667vw 21vw;
margin-top: 4vw;
}
.service_single .about_plumbing_company .inner{
padding:8.5333333333vw 0;
}
.about_plumbing_company h2 {
margin-bottom:16.2666666667vw!important
}
.about_plumbing_company .anchor_wrapper {
display:none
}
.about_plumbing_company .content dl {
border-radius:5.3333333333vw;
padding:8.5333333333vw 4.2666666667vw
}
.about_plumbing_company .content dl+dl {
margin-top:13.0666666667vw
}
.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:5.3333333333vw;
padding:4.2666666667vw;
width:100%
}
.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:13.0666666667vw
}
.reason .inner ul li {
border-radius:5.3333333333vw;
-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:first-of-type:after,.reason .inner ul li:first-of-type:before,.reason .inner ul li:nth-of-type(2):after,.reason .inner ul li:nth-of-type(2):before,.reason .inner ul li:nth-of-type(3):after,.reason .inner ul li:nth-of-type(4):before,.reason .inner ul li:nth-of-type(5):before {
display:none
}
.reason .inner ul li .num {
border:.5333333333vw solid #ff6c00;
font-size:6.4vw;
height:13.3333333333vw;
top:-6.6666666667vw;
width:13.3333333333vw
}
.reason .inner ul li h3 {
font-size:6.4vw;
margin-bottom:4.2666666667vw;
padding-bottom:3.2vw
}
.reason .inner ul li h3:after {
height:.5333333333vw;
width:16vw
}
.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 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;
border-radius:5.3333333333vw;
-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:flex;
-ms-flex-flow:column nowrap;
flex-flow:column nowrap;
gap:4.2666666667vw;
justify-content:flex-start;
padding:4.2666666667vw 4.2666666667vw 4vw;
position:relative
}
.sec_staff ul li+li {
margin-top:4.2666666667vw
}
.sec_staff ul li img {
left:4.2666666667vw;
position:absolute;
top:4.2666666667vw;
width:39.4666666667vw
}
.sec_staff ul li .detail .position {
font-size:3.2vw;
line-height:2.3333333333rem;
margin-bottom:0;
padding-left:43.7333333333vw;
padding-top:12.8vw
}
.sec_staff ul li .detail .name {
font-size:6.4vw;
line-height:1.3333333333rem;
margin-bottom:0;
padding-bottom:17.0666666667vw;
padding-left:43.7333333333vw
}
.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,.on-site_response {
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 2px 8px rgba(0,0,0,.08));
filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))
}
.on-site_response .inner>div {
gap:4.2666666667vw 4.5333333333vw
}
.on-site_response .inner>div div {
border-radius:4.2666666667vw;
padding:3.2vw 0 3.4666666667vw;
width:43.4666666667vw
}
.on-site_response .inner>div div img {
aspect-ratio:137/74;
margin-bottom:3.4666666667vw;
width:36.5333333333vw
}
.on-site_response .inner>div div p {
font-size:3.2vw!important;
line-height:1.5
}
.sec_payment {
-webkit-filter:drop-shadow(0 2px 8px rgba(0,0,0,.08));
filter:drop-shadow(0 2px 8px rgba(0,0,0,.08));
padding:0
}
.sec_payment .inner>div {
gap:4.2666666667vw 4.5333333333vw
}
.sec_payment .inner>div div {
border-radius:4.2666666667vw;
padding:2.6666666667vw 0 4.2666666667vw;
width:43.4666666667vw
}
.sec_payment .inner>div div:nth-of-type(2) p:not(.f-s),.sec_payment .inner>div div:nth-of-type(3) p:not(.f-s),.sec_payment .inner>div div:nth-of-type(4) p:not(.f-s),.sec_payment .inner>div div:nth-of-type(5) p:not(.f-s) {
font-size:4.2666666667vw!important
}
.sec_payment .inner>div div img {
aspect-ratio:137/73.58;
margin-bottom:2.1333333333vw;
width:36.5333333333vw
}
.sec_payment .inner>div div p {
font-size:4.2666666667vw!important;
line-height:1.5;
margin-bottom:0!important
}
.sec_payment .inner>div div p.f-s {
font-size:2.6666666667vw!important;
line-height:1.5;
margin-top:1.0666666667vw
}
.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 #089cff;
border-radius:5.3333333333vw;
padding:1.6vw 4.8vw 1.7333333333vw
}
}
.top .mv {
height:56.25vw;
position:relative;
width:100vw
}
.top .mv .mv_content {
padding-top: 40px;
}
.top .mv .mv_btn {
display:block;
width:31.0416666667vw
}
.top h2 {
color:#081755;
font-family:Zen Maru Gothic,sans-serif;
font-size:2.875rem;
font-weight:700;
line-height:1.5217391304;
margin-bottom:48px;
text-align:center
}
.top .sec01 {
margin-bottom:234px;
padding:15px 40px 0;
position:relative;
z-index:1
}
.top .sec01:before {
background:#fff;
border-radius:0 30px 30px 0;
bottom:0;
-webkit-box-shadow:0 0 8px rgba(0,0,0,.08);
box-shadow:0 0 8px rgba(0,0,0,.08);
content:"";
display:block;
height:100%;
left:0;
position:absolute;
right:40px;
top:0;
z-index:-1
}
.top .sec01 .inner {
padding:60px 20px
}
.top .sec02 {
background:#50baf8;
margin-bottom:191px;
position:relative
}
.top .sec02:after,.top .sec02:before {
content:"";
display:block;
height:114px;
left:0;
position:absolute;
right:0;
width:100%
}
.top .sec02:before {
background:top no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_blue01.png);
background-size:cover;
top:-114px
}
.top .sec02:after {
background:bottom no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_blue02.png);
background-size:cover;
bottom:-114px
}
.top .sec02 .inner {
background:#fff;
border-radius:30px;
margin:0 auto;
max-width:1184px;
overflow:hidden;
padding:60px 0 0;
width:100%
}
.top .sec02 .inner article {
padding:0 20px
}
.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:#f0f8ff;
padding:71px 20px 73px
}
.top .sec03 {
position:relative;
z-index:1
}
.top .sec03 .inner {
background:hsla(0,0%,100%,.8);
border-radius:30px;
margin:0 auto;
max-width:1360px;
padding:60px 20px;
width:100%
}
.top .bg_lb {
background:#f0f8ff;
padding:114px 0 80px;
position:relative
}
.top .bg_lb:before {
background:top no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_light_blue01_01.png);
background-size:cover;
content:"";
display:block;
height:114px;
top:-114px
}
.top .bg_lb .wave,.top .bg_lb:before {
left:0;
position:absolute;
right:0;
width:100%
}
.top .bg_lb .wave {
background:#c6e9ff;
bottom:0;
height:168px
}
.top .bg_lb .wave:before {
background:top no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_light_blue02_01.png);
background-size:cover;
content:"";
display:block;
height:114px;
left:0;
position:absolute;
right:0;
top:-114px;
width:100%
}
.top .sec04,.top .sec05 {
padding:0 20px
}
.top .sec04 {
margin-bottom:78px
}
.top .bg_b {
background:#c6e9ff
}
.top .sec06 {
background:#fff;
border-radius:30px 30px 0 0;
margin-top:-20px;
padding:60px 20px 110px
}
.top .sec06,.top .sec07 {
position:relative;
z-index:1
}
.top .sec07 {
background:#f0f8ff;
border-radius:30px;
margin-top:-30px;
overflow:hidden;
padding:60px 0 223px
}
.top .sec07 .btn01 {
margin:112px auto 0
}
.top .sec08 {
margin-top:-153px;
padding:0 20px;
position:relative;
z-index:3;
background-color: #f0f8ff;
}
.top .sec08 .inner {
background:#fff;
border-radius:30px;
margin:0 auto;
max-width:1360px;
padding:63px 20px 120px;
width:100%
}
.top .sec08 .btn01 {
margin:60px auto 0
}
.top .sec08 .sec_sns .inner {
box-shadow: none;
max-width: 1184px;
padding: 100px 0 0;
}
.top .sec09 {
background:#f0f8ff;
margin-top:-84px;
padding:204px 20px 0;
position:relative;
z-index:2;
}
.top .sec09:after,.top .sec09:before {
content:"";
display:block;
height:114px;
left:0;
position:absolute;
right:0;
width:100%
}
.top .sec09:before {
background:top no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_light_blue01_01.png);
background-size:cover;
top:-114px
}
.top .sec09:after {
background:bottom no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_light_blue01_02.png);
background-size:cover;
bottom:-114px
}
.top .sec09 .inner {
padding:0 20px;
position:relative;
z-index:1
}
.top .sec09 .btn01 {
margin:60px auto 0
}
.top .sec10 {
background:#fff;
padding:234px 20px 105px;
position:relative;
z-index:1
}
.top .sec11,.top .sec12 {
background:#fff;
padding:0 20px
}
.top .sec11 .inner,.top .sec12 .inner {
margin:0 auto;
max-width:1184px;
width:100%
}
.top .sec11 .btn01,.top .sec12 .btn01 {
margin:60px auto 0
}
.top .sec11 {
padding-bottom:80px
}
.top .sec12 {
padding-bottom:735px;
position:relative;
}
.top .sec12:after {
background:bottom no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_white_02.png);
background-size:cover;
bottom:-111px;
content:"";
display:block;
height:114px;
left:0;
position:absolute;
right:0;
width:100%
}
.top .sec13 {
margin-top:-660px;
padding:0 20px;
position:relative;
z-index:1
}
.top .sec13 .inner {
background:#f0f8ff;
border-radius:60px;
margin:0 auto;
max-width:1360px;
padding:60px 20px;
width:100%
}
.top .sec13 .btn01 {
margin:60px auto 0
}
.top .sec14 {
background:#c6e9ff;
margin-top:-391px;
padding-top:51px;
position:relative
}
.top .sec14:before {
background:top no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_light_blue02_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) {
.top .mv {
height: 125vw;
}
.top .mv .mv_content {
padding-top: 0;
}
.top .mv .mv_btn {
width:72.2666666667vw
}
.top h2 {
font-size:7.4666666667vw;
line-height:1.2857142857;
margin-bottom:6.4vw
}
.top .sec01 {
margin-bottom:30.1333333333vw;
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 {
margin-bottom:30.6666666667vw
}
.top .sec02:after,.top .sec02:before {
height:17.8666666667vw
}
.top .sec02:before {
background:top no-repeat url(//suido-pro.chiba.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.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_blue02_sp.png);
background-size:cover;
bottom:-17.8666666667vw
}
.top .sec02 .inner {
border-radius:5.3333333333vw;
padding:8.5333333333vw 0 0
}
.top .sec02 .inner article {
padding:0 4.2666666667vw
}
.top .sec02 .text {
font-size:3.2vw;
line-height:2;
}
.top .sec02 .text,.top .sec02 .text+img {
margin:0 auto 8.5333333333vw
}
.top .sec02 .cta {
padding:9.6vw 2.6666666667vw
}
.top .sec03 {
margin-bottom:30.6666666667vw
}
.top .sec03 .inner {
border-radius:5.3333333333vw;
padding:8.5333333333vw 4.2666666667vw
}
.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:13.0666666667vw
}
.top .sec03 .inner ul li {
border-radius:5.3333333333vw;
-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 32vw
}
.top .bg_lb:before {
background:top no-repeat url(//suido-pro.chiba.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
}
.top .bg_lb .wave {
height:5.3333333333vw
}
.top .bg_lb .wave:before {
background:top no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_light_blue02_01_sp.png);
background-size:cover;
height:17.8666666667vw;
top:-17.8666666667vw
}
.top .sec04,.top .sec05 {
padding:0 4.2666666667vw
}
.top .sec04 {
margin-bottom:15.4666666667vw
}
.top .sec06 {
border-radius:5.3333333333vw 5.3333333333vw 0 0;
padding:8.5333333333vw 6.4vw 29.3333333333vw
}
.top .sec06,.top .sec07 {
margin-top:-5.3333333333vw
}
.top .sec07 {
border-radius:5.3333333333vw;
padding:8.5333333333vw 0 59.4666666667vw
}
.top .sec07 .btn01 {
margin:16vw auto 0
}
.top .sec08 {
background:#fff;
margin-top:-43.4666666667vw;
padding:0 0 17.3333333333vw
}
.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 .sec_sns .inner {
padding: 25vw 9vw 7vw;
margin-left: -1.6vw;
}
.top .sec09 {
margin-top:0;
padding:0;
z-index:3;
}
.top .sec09:after,.top .sec09:before {
height:17.8666666667vw
}
.top .sec09:before {
background:top no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_light_blue01_01_sp.png);
background-size:cover;
top:-17.8666666667vw
}
.top .sec09:after {
background:bottom no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_light_blue01_02_sp.png);
background-size:cover;
bottom:-17.8666666667vw
}
.top .sec09 .inner {
padding:0 4.2666666667vw
}
.top .sec09 .btn01 {
margin:9.6vw auto 0
}
.top .sec10 {
padding:32vw 4.2666666667vw 11.2vw
}
.top .sec11,.top .sec12 {
padding:0 4.2666666667vw
}
.top .sec11 .btn01,.top .sec12 .btn01 {
margin:9.6vw auto 0
}
.top .sec11 {
padding-bottom:16.2666666667vw
}
.top .sec11 h2 {
margin-bottom:9.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;
padding:0 0 22vw;
}
.top .sec12:after {
background:bottom no-repeat url(//suido-pro.chiba.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:-6vw;
padding:0
}
.top .sec13 .inner {
border-radius:4.2666666667vw;
padding:8.5333333333vw 4.2666666667vw
}
.top .sec13 .btn01 {
margin:9.6vw auto 0
}
.top .sec14 {
margin-top: -4vw;
padding-top:16vw;
}
.top .sec14 .cta,.top .sec14:before {
display:none
}
}
.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
}
.lower h1,.lower h2 {
color:#081755;
font-family:Zen Maru Gothic,sans-serif;
font-weight:700;
text-align:center
}
.lower h2 {
font-size:2.875rem;
line-height:1.5217391304;
margin-bottom:48px
}
.lower .mv {
background:bottom no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/lower_mv_bg.png);
background-size:cover;
padding:124px 20px 96px
}
.lower .mv+section {
background:#f0f8ff;
position:relative;
z-index:1
}
.lower .mv+section:before {
background:bottom no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_light_blue01_02.png);
background-size:cover;
bottom:-114px;
content:"";
display:block;
height:114px;
left:0;
position:absolute;
right:0;
width:100%
}
.lower .lower_common_content {
padding:234px 20px 120px
}
.lower .lower_common_content+.lower_common_content {
margin-top:120px!important
}
.lower .lower_common_content+.lower_common_content:not(.bg_lb) {
background:#fff;
margin-top:120px!important;
padding:40px 0 120px;
position:relative;
z-index:1
}
.lower .lower_common_content+.lower_common_content:not(.bg_lb):before {
background:top no-repeat url(//suido-pro.chiba.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%
}
.lower .lower_common_content section+section {
margin-top:120px
}
.lower .lower_common_content section>.inner>.btn01 {
height:70px;
max-width:352px
}
.lower .lower_common_content.bg_lb {
background:#f0f8ff;
margin-top:240px;
padding:40px 0 170px;
position:relative;
z-index:1
}
.lower .lower_common_content.bg_lb:before {
background:top no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/bg_wave_light_blue01_01.png);
background-size:cover;
content:"";
display:block;
height:114px;
left:0;
position:absolute;
right:0;
top:-114px;
width:100%
}
.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:7.4666666667vw
}
.lower h2 {
line-height:1.2857142857;
margin-bottom:9.6vw
}
.lower .mv {
background:bottom no-repeat url(//suido-pro.chiba.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.chiba.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 .lower_common_content+.lower_common_content {
margin-top:12.5333333333vw!important
}
.lower .lower_common_content+.lower_common_content:not(.bg_lb) {
margin-top:33.8666666667vw!important;
padding:26.6666666667vw 4.2666666667vw 21.3333333333vw;
position:relative
}
.lower .lower_common_content+.lower_common_content:not(.bg_lb):before {
background:top no-repeat url(//suido-pro.chiba.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:70.1333333333vw;
width:70.1333333333vw
}
.lower .lower_common_content.lower_common_content.bg_lb {
margin-top:33.8666666667vw;
padding:0 4.2666666667vw 26.8666666667vw
}
.lower .lower_common_content.lower_common_content.bg_lb:before {
background:bottom no-repeat url(//suido-pro.chiba.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.125rem;
font-weight:500;
line-height:1.5555555556;
margin-bottom:35px
}
@media screen and (max-width:767px) {
.faq .main_content {
padding:11.7333333333vw 4.2666666667vw 5.3333333333vw
}
.faq .main_content .inner>p {
font-size:4.2666666667vw;
line-height:1.5;
margin-bottom:6.4vw
}
}
.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:40px 4.7619047619%;
justify-content:space-between;
margin:0 auto;
max-width:840px;
width:100%
}
.payment .main_content .inner .wrapper div {
background:#fff;
border-radius:20px
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type) {
width:47.619047619%
}
.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:#081755;
font-family:Zen Maru Gothic,sans-serif;
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
}
.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 p {
color:#081755;
font-family:Zen Maru Gothic,sans-serif;
font-size:32px;
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:4.2666666667vw 4.5333333333vw
}
.payment .main_content .inner .wrapper div {
border-radius:4.2666666667vw
}
.payment .main_content .inner .wrapper div:not(.payment .main_content .inner .wrapper div:last-of-type) {
width:43.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: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
}
.payment .main_content .inner .wrapper div:last-of-type p {
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
}
}
.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:30px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
gap:5.0675675676%;
justify-content:center;
padding:24px 2.027027027% 24px 5.0675675676%;
position:relative
}
.page_flow .main_content .inner ol li+li {
margin-top:72px
}
.page_flow .main_content .inner ol li+li:before {
border-left:3px dotted #089cff;
content:"";
display:block;
height:48px;
left:50%;
position:absolute;
top:-60px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:3px
}
.page_flow .main_content .inner ol li .left {
width:58.5454545455%
}
.page_flow .main_content .inner ol li .left h3 {
-webkit-box-pack:start;
-ms-flex-pack:start;
border-bottom:1px solid #e3e3e3;
color:#089cff;
font-family:Zen Maru Gothic,sans-serif;
font-size:2rem;
gap:12px;
justify-content:flex-start;
margin-bottom:24px;
padding-bottom:24px
}
.page_flow .main_content .inner ol li .left h3,.page_flow .main_content .inner ol li .left 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
}
.page_flow .main_content .inner ol li .left h3 .num {
-webkit-box-pack:center;
-ms-flex-pack:center;
background:#089cff;
border-radius:999px;
color:#fff;
font-family:Inter,sans-serif;
font-size:1.5rem;
height:48px;
justify-content:center;
line-height:1;
width:48px
}
.page_flow .main_content .inner ol li>img {
width:36%
}
.page_flow .main_content .inner .btn01 {
height:70px;
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:#f0f8ff
}
@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:4.2666666667vw;
-ms-flex-flow:column nowrap;
flex-flow:column nowrap;
gap:4vw;
padding:6.4vw 4.2666666667vw
}
.page_flow .main_content .inner ol li+li {
margin-top:20.5333333333vw
}
.page_flow .main_content .inner ol li+li:before {
border-left:.8vw dotted #089cff;
height:12vw;
top:-16.2666666667vw;
width:.8vw
}
.page_flow .main_content .inner ol li .left {
width:100%
}
.page_flow .main_content .inner ol li .left h3 {
border-bottom:.2666666667vw solid #e3e3e3;
font-size:6.4vw;
gap:3.2vw;
margin-bottom:4.2666666667vw;
padding-bottom:4.2666666667vw
}
.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%
}
.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:206px 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:166px 5.0675675676%;
justify-content:space-between;
margin:0 auto;
max-width:1184px;
width:100%
}
.staff .main_content .inner .content {
background:#fff;
border-radius:20px;
padding:24px;
width:47.4662162162%
}
.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-end;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
gap:7.0038910506%;
justify-content:space-between;
margin:-106px 0 24px
}
.staff .main_content .inner .content .content_head img {
border-radius:16px;
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:#089cff;
font-family:Zen Maru Gothic,sans-serif;
font-size:1.75rem;
font-weight:700
}
.staff .main_content .inner .content .text {
font-size:1.125rem;
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 {
border-radius:5.3333333333vw;
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
}
.staff .main_content .inner .content .content_head img {
border-radius:4.2666666667vw;
width:39.4666666667vw
}
.staff .main_content .inner .content .content_head div {
width:37.0666666667vw
}
.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 .sec02 {
margin:0 auto;
max-width:1184px;
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:center;
padding:40px 0 37px;
position:relative;
z-index:1
}
.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:before {
background:#fff;
border-radius:0 30px 40px 0;
bottom:0;
content:"";
display:block;
height:100%;
position:absolute;
right:72px;
top:0;
width:91.1111111111vw;
z-index:-1
}
.about .main_content .sec02 ol li>img {
border-radius:20px;
width:42.5675675676%
}
.about .main_content .sec02 .text_wrapper {
width:50.6756756757%
}
.about .main_content .sec02 .text_wrapper h3 {
-webkit-box-pack:start;
-ms-flex-pack:start;
color:#089cff;
font-family:Zen Maru Gothic,sans-serif;
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:#089cff;
border-radius:999px;
color:#fff;
font-family:Inter,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;
margin-left:10%
}
.about .main_content .sec02 .text_wrapper .btn01 {
height:70px;
margin:48px 0 0 10%;
max-width:352px
}
.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 5.3333333333vw
}
.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,.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;
border-radius:5.3333333333vw;
gap:0;
padding:6.4vw 4.2666666667vw 8.5333333333vw
}
.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%
}
.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 {
border-radius:4.2666666667vw;
height:56.5333333333vw;
margin-top:6.1333333333vw;
overflow:hidden;
width:82.9333333333vw
}
.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:65.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:30px;
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:#089cff;
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 {
border-radius:5.3333333333vw;
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:30px;
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:#089cff;
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:20px;
display:block;
height:320px;
overflow:hidden;
width:47.972972973%
}
.company .main_content .inner .sec02 .flex .right h3 {
color:#089cff;
font-family:Zen Maru Gothic,sans-serif;
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 {
border-radius:5.3333333333vw;
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 {
border-radius:4.2666666667vw;
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.375rem;
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:30px;
margin-top:120px;
padding:60px 6.7567567568%;
width:100%
}
.urgent .main_content .inner .box .line {
color:#081755;
font-family:Zen Maru Gothic,sans-serif;
font-size:2.875rem;
font-weight:700;
margin-bottom:24px
}
.urgent .main_content .inner .box .text {
font-size:1.125rem;
font-weight:500;
line-height:2;
margin-bottom:35px
}
.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 {
color:#089cff;
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:#089cff;
border-radius:999px;
color:#fff;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
font-family:Inter,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-right:12vw
}
.urgent .main_content .inner .btn01:before {
height:6.9333333333vw;
right:3.4666666667vw;
width:6.9333333333vw
}
.urgent .main_content .inner .box {
border-radius:5.3333333333vw;
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-family:Zen Maru Gothic,sans-serif;
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:row 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:#089cff;
border-radius:999px;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
font-family:Inter,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>ul {
margin-top: 1em;
}
.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 li+li {
margin-top:11px
}
.column_single .main_content .inner #toc_container .toc_list>li li:before {
background:#089cff;
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:16px;
color:#089cff;
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:#089cff;
border-radius:999px;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
font-family:Inter,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:2px dotted #089cff;
font-family:Zen Maru Gothic,sans-serif;
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:#089cff;
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:4.2666666667vw;
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 dotted #089cff;
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
}
.column_archive .main_content .inner>.category_list+p {
margin-top: 40px;
}
.column_archive .main_content .inner>.category_list li {
background:#fff;
color:#089cff;
min-width:118px;
padding:2px 17px;
-webkit-transition:.3s;
transition:.3s
}
.column_archive .main_content .inner>.category_list li.is-current {
background:#089cff;
color:#fff
}
@media (hover:hover) {
.column_archive .main_content .inner>.category_list li:hover {
background:#089cff;
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
}
.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 {
background:#f0f8ff;
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-bottom:106px;
padding-left: 20px;
padding-right: 20px;
width:100%;
}
.contact .main_content .sec01 .box {
background:#fff;
border-radius:30px;
margin-top:120px;
padding:60px 6.7567567568%;
text-align:center;
width:100%
}
.contact .main_content .sec01 .box .line {
color:#081755;
font-family:Zen Maru Gothic,sans-serif;
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:#089cff;
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:#089cff;
border-radius:999px;
color:#fff;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
font-family:Inter,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:120px!important;
padding:40px 20px 205px;
position:relative;
z-index:1
}
.contact .main_content .sec02:before {
background:top no-repeat url(//suido-pro.chiba.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%
}
.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:#089cff;
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:16px;
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:#089cff;
font-size:1.25rem;
margin-bottom:24px;
text-align:left
}
.contact .main_content .sec02 .form .contact_privacy_policy .inner {
border:2px solid #081755;
border-radius:30px;
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:#089cff;
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;
cursor:pointer;
left:0;
opacity:0;
position:absolute;
right:0;
top:0
}
.contact .main_content .sec02 .form .btn01 input[type=submit]:disabled{
cursor:not-allowed
}
.contact .main_content .sec02 .form .btn01 .wpcf7-spinner{
display:none
}
@media (hover:hover){
.confirm .main_content .sec01 .form .btn01:hover{
background:#279cff;
color:#fff !important;
opacity:1
}
}
.confirm .main_content .sec01 .form .btn01:active{
background:#f2f2f2;
color:#fff !important;
opacity:1
}
.confirm .main_content .sec01 .form .btn01.sending {
color: #fff !important;
background-color: #999;
box-shadow: none;
}
.confirm .main_content .sec01 .form .btn01.sending::before{
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 .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:#089cff;
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 .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.chiba.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:16vw;
padding-left:4.2666666667vw;
padding-right:4.2666666667vw
}
.contact .main_content .sec01 .box {
border-radius:5.3333333333vw;
margin-top:16vw;
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:0 4.2666666667vw 22.6666666667vw
}
.contact .main_content .sec02:before {
background:top no-repeat url(//suido-pro.chiba.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 {
border:.2666666667vw solid #081755;
border-radius:4.2666666667vw;
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:4.2666666667vw;
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 #089cff;
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:#089cff;
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:#089cff;
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 .user-name {
color: #089cff;
}
.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.chiba.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:#089cff;
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.chiba.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;
border-bottom:.5333333333vw dotted #089cff;
-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 76px
}
.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:#089cff;
min-width:118px;
padding:2px 17px;
-webkit-transition:.3s;
transition:.3s
}
.works_archive .main_content>.inner>section>.category_list li.is-current {
background:#089cff;
color:#fff
}
@media (hover:hover) {
.works_archive .main_content>.inner>section>.category_list li:hover {
background:#089cff;
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 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)
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .eye_catch {
border-radius:16px;
height:182px;
margin-bottom:16px;
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
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .detail_wrapper {
border-bottom:1px dashed #089cff;
border-top:1px dashed #089cff;
margin:16px 0 12px;
padding:10px 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
}
.works_archive .main_content>.inner .post_list_works .inner>ul>li .detail_wrapper dl+dl {
margin-top:12px
}
.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 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:#e2f0ff;
border-radius:11px;
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:120px!important;
padding:40px 0 120px;
position:relative;
z-index:1
}
.works_archive .main_content.bg_w:before {
background:top no-repeat url(//suido-pro.chiba.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) {
.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 .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 {
border-radius:4.2666666667vw;
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:33.8666666667vw;
padding:0 4.2666666667vw
}
.works_archive .main_content.bg_w:before {
background:bottom no-repeat url(//suido-pro.chiba.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 76px
}
.locations_archive .main_content .inner {
margin:0 auto;
max-width:1184px;
width:100%
}
.locations_archive .main_content .inner p {
color:#081755;
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:24px 2.027027027%;
justify-content:space-between
}
.locations_archive .main_content .inner ul li {
width:48.9864864865%
}
.locations_archive .main_content .inner ul li a {
background:#fff;
border-radius:16px;
color:#089cff;
display:block;
font-family:Zen Maru Gothic,sans-serif;
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.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/btn_icon.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:#089cff;
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.chiba.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 {
border-radius:4.2666666667vw;
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.chiba.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:20px;
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 {
color:#081755;
font-family:Zen Maru Gothic,sans-serif;
font-size:2.25rem;
font-weight:700
}
.area_single .staff_message h3:after,.area_single .staff_message h3:before {
background:50% no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/area/h3_line.png);
background-size:cover;
content:"";
display:inline-block;
height:24.051px;
width:14px
}
.area_single .staff_message h3:after {
-webkit-transform:scaleX(-1);
transform:scaleX(-1)
}
.area_single .staff_message h3+.text {
background:#fff;
border-radius:20px;
font-size:1.125rem;
line-height:2;
padding:40px 5.5743243243%
}
.area_single .lower_common_content+.pb_240 {
padding-bottom:240px
}
.area_single .lower_common_content+.lower_common_content.bg_w {
background:#fff;
margin-top:0!important;
padding:40px 0 120px;
position:relative;
z-index:1
}
.area_single .lower_common_content+.lower_common_content.bg_w:before {
background:top no-repeat url(//suido-pro.chiba.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%
}
.area_single .lower_common_content .works_list .swiper .swiper-slide {
background:#f0f8ff;
border-radius:24px
}
.area_single .lower_common_content .works_list .btn01 {
margin:112px auto 0
}
.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:12px;
-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:#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
}
.area_single .lower_common_content .service_example .inner dl dt h3 {
color:#089cff;
font-family:Zen Maru Gothic,sans-serif;
font-size:1.5rem;
font-weight:700
}
.area_single .lower_common_content .service_example .inner dl dt .price {
color:#ff6c00;
font-family:Inter,Noto Sans JP,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.bg_w.seles-office-wrap:not(:has(.sec_sales_office)) {
display: none;
}
.area_single .lower_common_content.bg_w.seles-office-wrap:not(:has(.sec_sales_office))+.lower_common_content.bg_lb{
margin-top: 0 !important;
}
.area_single .lower_common_content.bg_w.bg_w.seles-office-wrap:not(:has(.sec_sales_office))+.lower_common_content.bg_lb:before{
display: none;
}
.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:#081755;
font-family:Zen Maru Gothic,sans-serif;
font-size:2.25rem;
font-weight:700;
margin-bottom:32px;
text-align:center
}
@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:7vw;
margin-bottom:9.6vw
}
.area_single .main_content h2+.text {
border-radius:5.3333333333vw;
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 {
border-radius:5.3333333333vw;
font-size:3.2vw;
line-height:2;
padding:6.4vw;
text-align:left
}
.area_single .lower_common_content+.pb_240 {
padding-bottom:35.2vw!important
}
.area_single .lower_common_content+.lower_common_content.bg_w {
margin-top:33.8666666667vw;
padding:0 4.2666666667vw 21.8666666667vw
}
.area_single .lower_common_content+.lower_common_content.bg_w:before {
background:bottom no-repeat url(//suido-pro.chiba.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 0
}
.area_single .lower_common_content #voice .btn01 {
margin:9.6vw auto 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 {
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)
}
.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 {
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
}
.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 .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:20px;
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 #089cff;
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:#089cff;
font-family:Zen Maru Gothic,sans-serif;
font-size:2rem;
font-weight:700
}
.service_archive .main_content .inner ul li dl dt .price {
color:#ff6c00;
font-family:Inter,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-family:Zen Maru Gothic,sans-serif;
font-size:2rem
}
.service_archive .main_content .inner ul li dl dt .price .f-18 {
font-family:Zen Maru Gothic,sans-serif;
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%
}
.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 21.3333333333vw
}
.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;
border-radius:5.3333333333vw;
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 .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;
border-bottom:.4vw solid #089cff;
gap:1.0666666667vw;
justify-content:center;
margin-bottom:4.2666666667vw;
padding-bottom:3.2vw
}
.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 {
background:#f0f8ff;
margin-top:0!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.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/service/trouble_list_bg.png);
background-size:cover;
border-radius:16px;
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:#089cff;
font-family:Zen Maru Gothic,sans-serif;
font-size:1.5rem;
font-weight:700;
line-height:1.1666666667
}
.service_single .main_content .sec01 .trouble_list>li dl dd {
padding:24px 10.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.chiba.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-family:Zen Maru Gothic,sans-serif;
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%
}
.service_single .main_content .sec01 ol li dl dt {
background:#089cff;
border-radius:16px 16px 0 0;
padding:30px 1rem 16px;
position:relative
}
.service_single .main_content .sec01 ol li dl dt .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:#089cff;
border-radius:999px;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
font-family:Inter,sans-serif;
font-size:1.75rem;
font-weight:700;
height:60px;
justify-content:center;
left:50%;
line-height:1;
position:absolute;
top:-30px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:60px
}
.service_single .main_content .sec01 ol li dl dt h3 {
color:#fff;
font-family:Zen Maru Gothic,sans-serif;
font-size:1.5rem;
font-weight:700
}
.service_single .main_content .sec01 ol li dl dd {
background:#fff;
border-radius:0 0 16px 16px;
padding:20px 24px 4.5977011494%
}
.service_single .main_content .sec01 ol li dl dd .border {
border:2px solid #089cff;
border-radius:999px;
margin-bottom:16px;
padding:4px .5rem;
text-align:center;
width:100%
}
.service_single .main_content .sec01 ol li dl dd .border .f-blue {
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-orange {
font-size:2.5rem
}
.service_single .main_content .sec01 ol li dl dd .price .f-orange .f-18 {
font-size:1.125rem
}
.service_single .main_content .sec01 ol li dl dd .price .f-orange .f-16 {
font-size:1rem
}
.service_single .main_content .sec01 .banner {
background:#fffde6;
border:2px solid #ff6c00;
border-radius:20px;
display:block;
margin-top:72px;
padding:29px 1rem 16px;
position:relative;
width:100%
}
.service_single .main_content .sec01 .banner p:first-of-type {
background:#ff6c00;
border-radius:999px;
color:#ffef02;
display:inline-block;
font-family:Zen Maru Gothic,sans-serif;
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-family:Zen Maru Gothic,sans-serif;
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:Inter,sans-serif;
font-size:3.5rem
}
.service_single .main_content .sec01 .banner p:nth-of-type(2) .price .f-36 {
font-family:Zen Maru Gothic,sans-serif;
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:20px;
padding:45px 5.0675675676%
}
.service_single .main_content .sec02 .box h3 {
color:#089cff;
font-family:Zen Maru Gothic,sans-serif;
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:#c6e8ff;
border-radius:16px 16px 0 0;
color:#089cff;
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:#089cff;
border-radius:0;
font-size:1.4rem;
position:relative
}
.service_single .table.comparison .table_wrapper table thead tr:first-of-type th:nth-of-type(2):before {
background:#089cff;
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 #c6e8ff;
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 #089cff;
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;
color:#081755;
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 #c6e8ff;
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 {
color:#06121f;
font-size:.875rem;
font-weight:500
}
.service_single .table.comparison .table_wrapper table td:first-of-type:before {
border-left:2px solid #089cff;
border-right:2px solid #089cff
}
.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 #089cff;
border-radius:12px;
-webkit-box-shadow:0 2px 8px rgba(0,0,0,.12);
box-shadow:0 2px 8px rgba(0,0,0,.12);
color:#089cff;
-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.chiba.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
}
@media (hover:hover) {
.service_single .anchor_list a:hover {
background:#089cff;
color:#fff;
opacity:1
}
.service_single .anchor_list a:hover:after {
background:50% no-repeat url(//suido-pro.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/service/icont_anchor_list_w.png);
background-size:cover
}
}
.service_single .lower_common_content+.pb_240 {
padding-bottom:240px
}
.service_single .lower_common_content+.lower_common_content.bg_w {
background:#fff;
margin-top:0!important;
padding:40px 0 120px;
position:relative;
z-index:1
}
.service_single .lower_common_content+.lower_common_content.bg_w:before {
background:top no-repeat url(//suido-pro.chiba.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%
}
.service_single .lower_common_content.bg_w.seles-office-content:not(:has(.sec_sales_office)) {
display: none;
}
.service_single .lower_common_content.bg_w.seles-office-content:not(:has(.sec_sales_office))+.lower_common_content.bg_lb{
margin-top: 0 !important;
}
.service_single .lower_common_content.bg_w.seles-office-content:not(:has(.sec_sales_office))+.lower_common_content.bg_lb:before{
display: none;
}
.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 {
background:#f0f8ff;
border-radius:24px
}
.service_single .lower_common_content .works_list .btn01 {
margin:112px auto 0
}
.service_single .lower_common_content #voice {
text-align:center
}
.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 .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-family:Zen Maru Gothic,sans-serif;
font-size:1.5rem;
font-weight:700
}
.service_single .lower_common_content .service_example .inner dl dt .price {
color:#ff6c00;
font-family:Inter,Noto Sans JP,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-family:Zen Maru Gothic,sans-serif;
font-size:2.25rem;
font-weight:700;
margin-bottom:32px;
text-align:center
}
.service_single .lower_common_content .related-area02 {
border:2px solid #089cff;
border-radius:30px;
margin:0 auto;
max-width:1184px;
padding:36px 48px;
text-align:left;
width:100%
}
.service_single .lower_common_content .related-area02 li {
display:inline
}
.service_single .lower_common_content .related-area02 li:after {
content:" ／ "
}
.service_single .about_plumbing_company .inner {
background:transparent;
margin-top: 0;
}
.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:6.4vw;
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.chiba.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;
padding-top:6.4vw;
width:100%
}
.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:5.3333333333vw;
margin-bottom:4.2666666667vw
}
.service_single .main_content .sec01 .copy02 {
font-size:5.3333333333vw;
margin-bottom:14.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:11.7333333333vw
}
.service_single .main_content .sec01 ol li {
width:100%
}
.service_single .main_content .sec01 ol li dl dt {
border-radius:3.2vw 3.2vw 0 0;
padding:7.4666666667vw 1rem 4.2666666667vw
}
.service_single .main_content .sec01 ol li dl dt .num {
font-size:6.4vw;
height:12.8vw;
top:-6.4vw;
width:12.8vw
}
.service_single .main_content .sec01 ol li dl dt h3 {
font-size:6.4vw
}
.service_single .main_content .sec01 ol li dl dd {
border-radius:0 0 3.2vw 3.2vw;
padding:4.2666666667vw 6.4vw
}
.service_single .main_content .sec01 ol li dl dd .border {
border:.5333333333vw solid #089cff;
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 {
border:.5333333333vw solid #ff6c00;
border-radius:4.2666666667vw;
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:70.1333333333vw
}
.service_single .main_content .sec02 .box {
border-radius:5.3333333333vw;
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:7.4666666667vw;
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 {
border:.5333333333vw solid #089cff;
border-radius:3.2vw;
-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:6.4vw 0 2.9333333333vw;
width:44.8vw
}
.service_single .anchor_list a:after {
height:1.0666666667vw;
width:2.1333333333vw
}
.service_single .lower_common_content+.pb_240 {
padding-bottom:35.2vw!important
}
.service_single .lower_common_content+.lower_common_content.bg_w {
margin-top:33.8666666667vw;
padding:0 4.2666666667vw 21.8666666667vw
}
.service_single .lower_common_content+.lower_common_content.bg_w:before {
background:bottom no-repeat url(//suido-pro.chiba.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
}
.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 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
}
.service_single .lower_common_content .related-area02 {
border:.5333333333vw solid #089cff;
border-radius:5.3333333333vw;
padding:4.2666666667vw 5.8666666667vw
}
.service_single .lower_common_content .related-area02 li {
font-size:3.2vw
}
}
.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:16px;
-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:#089cff;
border-radius:999px;
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.chiba.jp/_wp/wp-content/themes/n-vision/assets/img/common/btn_icon.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 {
border-radius:5.3333333333vw;
-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 {
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:#f0f8ff;
margin-top:0!important
}
}
.price_detail_category {
background:#f0f8ff;
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:20px;
margin:80px auto 0;
max-width:1040px;
overflow:hidden
}
.price_detail_category .main_content .sec01 .trouble_list dt {
background:#c6e8ff;
color:#081755;
font-family:Zen Maru Gothic,sans-serif;
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 #089cff;
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.chiba.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:120px!important;
padding:0 0 205px;
position:relative;
z-index:1
}
.price_detail_category .main_content .sec02:before {
background:top no-repeat url(//suido-pro.chiba.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%
}
.price_detail_category .main_content .sec02 .inner {
margin:0 auto;
max-width:1184px;
width:100%;
padding: 0 20px;
}
.price_detail_category .main_content .sec02 .inner .price_overview .inner{
padding: 0;
}
.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:16px;
-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:#089cff;
border-radius:999px;
color:#fff;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
font-family:Zen Maru Gothic,sans-serif;
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: 40px 20px 170px;
}
.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
}
@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 section+section {
margin-top:16vw!important
}
.price_detail_category .main_content .sec01 {
padding-bottom:16vw
}
.price_detail_category .main_content .sec01 .trouble_list {
border-radius:4.2666666667vw;
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 {
border-bottom:.2666666667vw dashed #089cff;
font-size:3.7333333333vw;
padding:0 4.8vw 3.2vw;
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:16vw!important;
padding:0 4.2666666667vw 40.6666666667vw
}
.price_detail_category .main_content .sec02:before {
background:top no-repeat url(//suido-pro.chiba.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 .inner {
padding: 0;
}
.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
}
.price_detail_category .main_content+.lower_common_content.bg_lb {
padding: 40px 4.2666666667vw 5vw;
}
.price_detail_category .lower_common_content+.lower_common_content:not(.bg_lb) {
padding: 6.6666666667vw 4.2666666667vw 21.3333333333vw;
}
}
.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 4.2666666667vw 21.3333333333vw;
}
.lower.error .main_content p .btn01{
margin: 30px auto 10px;
}
}
.no-post {
text-align: center;
}
#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: #c9e5fd;
font-weight: 700;
color: #089cff;
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;
}
.reason .inner ul li:first-of-type:before,.reason .inner ul li:nth-of-type(2):before,.reason .inner ul li:nth-of-type(4):before,.reason .inner ul li:nth-of-type(5):before {
display: none;
}
.reason .inner ul li:first-of-type:after,.reason .inner ul li:nth-of-type(2):after,.reason .inner ul li:nth-of-type(3):after {
display: 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: 12px;
left: 0;
content: "";
width: 6px;
height: 6px;
background-color: #089cff;
}
.column_single .main_content .inner .single_content h4::after{
position: absolute;
top: 22px;
left: 0;
content: "";
width: 6px;
height: 6px;
background-color: #089cff;
}
.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: 8px;
left: 0;
width: 6px;
height: 18px;
border-left: 2px dotted #089cff;
border-right: 2px dotted #089cff;
}
.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: 16px;
left: 0;
content: "";
width: 15px;
height: 1px;
margin-top: -1px;
border-top: 2px dotted #089cff;
}
@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.chiba.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__outbound a:hover {
color: #089cff;
}
.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.chiba.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.chiba.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;
}
}