@charset "utf-8";
@charset 'UTF-8';
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7-back{float:left;margin-top:5px;position:relative;width:70px}.cf7msm-ro{white-space:pre-wrap}#toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://owners-plus.com/wp-content/themes/ownersplus/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://owners-plus.com/wp-content/themes/ownersplus/css/fonts/slick.eot);
src: url(https://owners-plus.com/wp-content/themes/ownersplus/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://owners-plus.com/wp-content/themes/ownersplus/css/fonts/slick.woff) format('woff'), url(https://owners-plus.com/wp-content/themes/ownersplus/css/fonts/slick.ttf) format('truetype'), url(https://owners-plus.com/wp-content/themes/ownersplus/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}@font-face {
font-family: 'swiper-icons';
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}.modaal-noscroll{overflow:hidden}.modaal-accessible-hide{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;opacity:0}.modaal-wrapper{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow:auto;opacity:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.modaal-wrapper *{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden}.modaal-wrapper .modaal-close{border:none;background:0 0;padding:0;-webkit-appearance:none}.modaal-wrapper.modaal-start_none{display:none;opacity:1}.modaal-wrapper.modaal-start_fade{opacity:0}.modaal-wrapper [tabindex="0"]{outline:0!important}.modaal-wrapper.modaal-fullscreen{overflow:hidden}.modaal-outer-wrapper{display:table;position:relative;width:100%;height:100%}.modaal-fullscreen .modaal-outer-wrapper{display:block}.modaal-inner-wrapper{display:table-cell;width:100%;height:100%;position:relative;vertical-align:middle;text-align:center;padding:80px 25px}.modaal-fullscreen .modaal-inner-wrapper{padding:0;display:block;vertical-align:top}.modaal-container{position:relative;display:inline-block;width:100%;margin:auto;text-align:left;color:#000;max-width:1000px;border-radius:0;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.2);cursor:auto}.modaal-container.is_loading{height:100px;width:100px;overflow:hidden}.modaal-fullscreen .modaal-container{max-width:none;height:100%;overflow:auto}.modaal-close{position:fixed;right:20px;top:20px;color:#fff;cursor:pointer;opacity:1;width:50px;height:50px;background:rgba(0,0,0,0);border-radius:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.modaal-close:focus,.modaal-close:hover{outline:0;background:#fff}.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before{background:#b93d0c}.modaal-close span{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-close:after,.modaal-close:before{display:block;content:" ";position:absolute;top:14px;left:23px;width:4px;height:22px;border-radius:4px;background:#fff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-close:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-close:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-fullscreen .modaal-close{background:#afb7bc;right:10px;top:10px}.modaal-content-container{padding:30px}.modaal-confirm-wrap{padding:30px 0 0;text-align:center;font-size:0}.modaal-confirm-btn{font-size:14px;display:inline-block;margin:0 10px;vertical-align:middle;cursor:pointer;border:none;background:0 0}.modaal-confirm-btn.modaal-ok{padding:10px 15px;color:#fff;background:#555;border-radius:3px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-confirm-btn.modaal-ok:hover{background:#2f2f2f}.modaal-confirm-btn.modaal-cancel{text-decoration:underline}.modaal-confirm-btn.modaal-cancel:hover{text-decoration:none;color:#2f2f2f}.modaal-instagram .modaal-container{width:auto;background:0 0;box-shadow:none!important}.modaal-instagram .modaal-content-container{padding:0;background:0 0}.modaal-instagram .modaal-content-container>blockquote{width:1px!important;height:1px!important;opacity:0!important}.modaal-instagram iframe{opacity:0;margin:-6px!important;border-radius:0!important;width:1000px!important;max-width:800px!important;box-shadow:none!important;-webkit-animation:instaReveal 1s linear forwards;animation:instaReveal 1s linear forwards}.modaal-image .modaal-inner-wrapper{padding-left:140px;padding-right:140px}.modaal-image .modaal-container{width:auto;max-width:100%}.modaal-gallery-wrap{position:relative;color:#fff}.modaal-gallery-item{display:none}.modaal-gallery-item img{display:block}.modaal-gallery-item.is_active{display:block}.modaal-gallery-label{position:absolute;left:0;width:100%;margin:20px 0 0;font-size:18px;text-align:center;color:#fff}.modaal-gallery-label:focus{outline:0}.modaal-gallery-control{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1;cursor:pointer;color:#fff;width:50px;height:50px;background:rgba(0,0,0,0);border:none;border-radius:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.modaal-gallery-control.is_hidden{opacity:0;cursor:default}.modaal-gallery-control:focus,.modaal-gallery-control:hover{outline:0;background:#fff}.modaal-gallery-control:focus:after,.modaal-gallery-control:focus:before,.modaal-gallery-control:hover:after,.modaal-gallery-control:hover:before{background:#afb7bc}.modaal-gallery-control span{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-gallery-control:after,.modaal-gallery-control:before{display:block;content:" ";position:absolute;top:16px;left:25px;width:4px;height:18px;border-radius:4px;background:#fff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-gallery-control:before{margin:-5px 0 0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-gallery-control:after{margin:5px 0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-gallery-next-inner{left:100%;margin-left:40px}.modaal-gallery-next-outer{right:45px}.modaal-gallery-prev:after,.modaal-gallery-prev:before{left:22px}.modaal-gallery-prev:before{margin:5px 0 0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-gallery-prev:after{margin:-5px 0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-gallery-prev-inner{right:100%;margin-right:40px}.modaal-gallery-prev-outer{left:45px}.modaal-video-wrap{margin:auto 50px;position:relative}.modaal-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;box-shadow:0 0 10px rgba(0,0,0,.3);background:#000;max-width:1300px;margin-left:auto;margin-right:auto}.modaal-video-container embed,.modaal-video-container iframe,.modaal-video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.modaal-iframe .modaal-content{width:100%;height:100%}.modaal-iframe-elem{width:100%;height:100%;display:block}.modaal-loading-spinner{background:0 0;position:absolute;width:200px;height:200px;top:50%;left:50%;margin:-100px 0 0 -100px;-webkit-transform:scale(.25);-ms-transform:scale(.25);transform:scale(.25)}.modaal-loading-spinner>div{width:24px;height:24px;margin-left:4px;margin-top:4px;position:absolute}.modaal-loading-spinner>div>div{width:100%;height:100%;border-radius:15px;background:#fff}.modaal-loading-spinner>div:nth-of-type(1)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:0s;animation-delay:0s}.modaal-loading-spinner>div:nth-of-type(2)>div,.modaal-loading-spinner>div:nth-of-type(3)>div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(1){-ms-transform:translate(84px,84px) rotate(45deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(45deg) translate(70px,0);transform:translate(84px,84px) rotate(45deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(2)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.12s;animation-delay:.12s}.modaal-loading-spinner>div:nth-of-type(2){-ms-transform:translate(84px,84px) rotate(90deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(90deg) translate(70px,0);transform:translate(84px,84px) rotate(90deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(3)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}.modaal-loading-spinner>div:nth-of-type(4)>div,.modaal-loading-spinner>div:nth-of-type(5)>div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(3){-ms-transform:translate(84px,84px) rotate(135deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(135deg) translate(70px,0);transform:translate(84px,84px) rotate(135deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(4)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.37s;animation-delay:.37s}.modaal-loading-spinner>div:nth-of-type(4){-ms-transform:translate(84px,84px) rotate(180deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(180deg) translate(70px,0);transform:translate(84px,84px) rotate(180deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(5)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.modaal-loading-spinner>div:nth-of-type(6)>div,.modaal-loading-spinner>div:nth-of-type(7)>div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(5){-ms-transform:translate(84px,84px) rotate(225deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(225deg) translate(70px,0);transform:translate(84px,84px) rotate(225deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(6)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.62s;animation-delay:.62s}.modaal-loading-spinner>div:nth-of-type(6){-ms-transform:translate(84px,84px) rotate(270deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(270deg) translate(70px,0);transform:translate(84px,84px) rotate(270deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(7)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s}.modaal-loading-spinner>div:nth-of-type(7){-ms-transform:translate(84px,84px) rotate(315deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(315deg) translate(70px,0);transform:translate(84px,84px) rotate(315deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(8)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.87s;animation-delay:.87s}.modaal-loading-spinner>div:nth-of-type(8){-ms-transform:translate(84px,84px) rotate(360deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(360deg) translate(70px,0);transform:translate(84px,84px) rotate(360deg) translate(70px,0)}@media only screen and (min-width:1400px){.modaal-video-container{padding-bottom:0;height:731px}}@media only screen and (max-width:1140px){.modaal-image .modaal-inner-wrapper{padding-left:25px;padding-right:25px}.modaal-gallery-control{top:auto;bottom:20px;-webkit-transform:none;-ms-transform:none;transform:none;background:rgba(0,0,0,.7)}.modaal-gallery-control:after,.modaal-gallery-control:before{background:#fff}.modaal-gallery-next{left:auto;right:20px}.modaal-gallery-prev{left:20px;right:auto}}@media screen and (max-width:900px){.modaal-instagram iframe{width:500px!important}}@media only screen and (max-width:600px){.modaal-instagram iframe{width:280px!important}}@media screen and (max-height:1100px){.modaal-instagram iframe{width:700px!important}}@media screen and (max-height:1000px){.modaal-inner-wrapper{padding-top:60px;padding-bottom:60px}.modaal-instagram iframe{width:600px!important}}@media screen and (max-height:900px){.modaal-instagram iframe{width:500px!important}.modaal-video-container{max-width:900px;max-height:510px}}@media only screen and (max-height:820px){.modaal-gallery-label{display:none}}@keyframes instaReveal{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes instaReveal{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes modaal-loading-spinner{0%{opacity:1;-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:.1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@keyframes modaal-loading-spinner{0%{opacity:1;-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:.1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}
      *,
::before,
::after {
box-sizing: border-box;
border-style: solid;
border-width: 0;
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }   body {
margin: 0;
} main {
display: block;
}  p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}  h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
margin: 0;
}  ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}  dt { }
dd {
margin-left: 0;
}   hr {
box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px;
margin: 0;
clear: both;
color: inherit;
} pre {
font-family: monospace, monospace; font-size: inherit; }
address {
font-style: inherit;
}   a {
background-color: transparent;
text-decoration: none;
color: inherit;
} abbr[title] {
text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: inherit; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}   img,
embed,
object,
iframe {
vertical-align: bottom;
}   button,
input,
optgroup,
select,
textarea {
-webkit-appearance: none;
appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
background: transparent;
padding: 0;
margin: 0;
outline: 0;
border-radius: 0;
text-align: inherit;
} [type="checkbox"] {
-webkit-appearance: checkbox;
appearance: checkbox;
}
[type="radio"] {
-webkit-appearance: radio;
appearance: radio;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
cursor: default;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} select::-ms-expand {
display: none;
} option {
padding: 0;
} fieldset {
margin: 0;
padding: 0;
min-width: 0;
} legend {
color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } label[for] {
cursor: pointer;
}   details {
display: block;
} summary {
display: list-item;
} [contenteditable] {
outline: none;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
caption {
text-align: left;
}
td,
th {
vertical-align: top;
padding: 0;
}
th {
text-align: left;
font-weight: bold;
}   template {
display: none;
} [hidden] {
display: none;
}    html {
font-size: 62.5%;
}
body {
font-family: "Noto Sans JP", sans-serif;
font-feature-settings: "palt" 1;
font-kerning: auto;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.86;
font-weight: 400;
color: #000000;
}
img {
max-width: 100%;
height: auto;
}
a:link,
a:visited {
color: #0000cd;
text-decoration: underline;
transition: 0.5s;
}
a:hover {
color: #3b4391;
transition: 0.5s;
}
a img {
transition: 0.5s;
backface-visibility: hidden;
}
a:hover img,
a:hover.btn {
opacity: 0.7;
transition: 0.5s;
} .imgR {
float: right;
margin: 0 0 10px 10px;
}
.imgR20 {
float: right;
margin: 0 0 20px 20px;
}
.imgL {
float: left;
margin: 0 10px 10px 0;
}
.imgL20 {
float: left;
margin: 0 20px 20px 0;
}
.imgL30 {
float: left;
margin: 0 30px 20px 0;
margin-top: 0 !important;
display: flex;
flex-direction: column;
}
.imgR30 {
float: right;
margin: 0 0 20px 30px;
}
.imgL50 {
float: left;
margin: 0 50px 30px 0;
margin-top: 0 !important;
}
.imgR50 {
float: right;
margin: 0 0 20px 30px;
}
.imgC {
margin: 0 auto 10px auto;
display: block;
}
.imgBox {
border: #cccccc solid 1px;
padding: 3px;
}
.single .imgBox {
max-width: 700px;
margin: 20px auto;
}
.single .imgBox img {
width: 100%;
}
.imgLayer {
position: absolute;
}
.mt-20 {
margin-top: -20px !important;
}
.mt-20 p {
margin: 0 !important;
}
.mt0 {
margin-top: 0 !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mr30 {
margin-right: 30px !important;
}
.ml30 {
margin-left: 30px;
}
.pt0 {
padding-top: 0 !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pb0 {
padding-bottom: 0 !important;
}
.btm_dotted {
border-bottom: 1px dotted #3b4391;
}
.btn {
text-align: center;
margin-bottom: 10px;
}
.overflowH {
overflow: hidden;
}
.overflowA {
overflow: auto;
}
.clearBoth {
clear: both;
}
.clearRight {
clear: right;
}
.clearLeft {
clear: left;
}
.clearNone {
clear: none !important;
}
.textRight {
text-align: right !important;
}
.textCenter {
text-align: center !important;
display: block;
}
.remark_red {
color: #d0004e;
}
.floatR {
float: right !important;
}
.floatL {
float: left !important;
}
.imgM {
margin: 0 auto;
}
strong {
font-weight: bold;
}
.single .main article p strong {
color: #c1272d;
}
.must {
font-size: 10px;
color: #ff0000;
}
.main .comming {
font-size: 24px;
font-weight: 700;
width: 100%;
padding: 40px 0;
text-align: center;
} .externalIcon {
padding-left: 5px;
vertical-align: middle;
} .clearfix:after {
content: "."; display: block; clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
.resetAll * + h2,
.resetAll * + h3,
.resetAll * + h4,
.resetAll * + h5,
.resetAll * + h6 {
margin-top: 0;
}
.resetAll h2,
.resetAll h3,
.resetAll h4,
.resetAll h5,
.resetAll h6 {
background: none;
color: initial;
line-height: 1;
margin: 0;
padding: 0;
position: static;
border: none;
display: block;
border-radius: 0;
}
.resetAll h2 span {
font-size: initial;
margin-left: 0;
}
.resetAll h2::before,
.resetAll h2::after,
.resetAll h3::before,
.resetAll h3::after,
.resetAll h4::before,
.resetAll h4::after,
.resetAll h5::before,
.resetAll h5::after,
.resetAll h6::before,
.resetAll h6::after {
border-radius: 0;
position: static;
font-size: initial;
top: initial;
left: initial;
background: none;
width: auto;
height: auto;
opacity: 1;
margin: 0;
border: none;
transform: initial;
}
.resetAll ul,
.resetAll ol {
margin: 0;
padding: 0;
position: static;
}
.resetAll ul li,
.resetAll ol li {
position: static;
padding: 0;
margin: 0;
line-height: 1;
list-style-type: initial;
}
.resetAll ul li::before,
.resetAll ul li::after,
.resetAll ol li::before,
.resetAll ol li::after {
position: static;
top: initial;
left: initial;
right: initial;
bottom: initial;
content: "";
vertical-align: initial;
padding: 0;
margin: 0;
width: auto;
height: auto;
background: none;
border: none;
color: initial;
transform: initial;
}
.resetAll table {
margin: 0;
width: auto;
border-spacing: none;
}
.resetAll table th,
.resetAll table td {
padding: 0;
line-height: 1;
text-align: initial;
vertical-align: initial;
border: none;
width: auto;
background: none;
color: initial;
font-weight: initial;
position: static;
overflow: initial;
}
.resetAll table tr:first-child th,
.resetAll table tr:first-child td {
border-top: #fff solid 1px;
} .spblock,
.spinline,
.sptr {
display: none;
}
.displayNone {
display: none !important;
}
body {
box-sizing: border-box;
}
.inner {
width: 1000px;
margin: 0 auto;
position: relative;
padding: 40px 0;
box-sizing: border-box;
}
@media (max-width: 1280px) {
body {
font-size: 1.25vw;
}
.inner {
width: 100%;
padding: 40px 5%;
}
}
.inner + .inner {
padding-top: 0;
}
.bnrArea + .inner {
padding-top: 30px;
}
.main .wysiwyg img {
max-width: 100%;
height: auto;
}
article {
padding: 0 0 20px;
}
@font-face {
src: url(https://owners-plus.com/wp-content/themes/ownersplus/font/BAHNSCHRIFT.woff);
font-family: "Bahnschrift";
font-style: normal;
font-display: swap;
} .tmp img {
display: block;
margin: 0 auto;
}
.bg01 {
background: #f3f5f7;
}
.bg01 + .bg01 {
margin-top: 0;
}
#corporate .bg01 {
padding: 10px 0 20px;
}
.emptyP > p {
display: none;
}
#menu .bg04 {
padding: 10px 0 30px;
}
#menu .contactBox.clearfix {
margin: 30px auto;
}
.btn {
display: inline-block;
border-radius: 50px;
color: #fff !important;
font-size: 16px;
font-weight: bold;
position: relative; background-color: #ff8800;
text-align: center;
}
.btn a {
color: #fff !important;
} .btnDetail {
position: relative;
font-weight: bold;
transition: 0.7s;
text-align: center;
color: #fff;
font-size: 12px;
margin: 0 auto;
width: 8em;
border-radius: 5px;
padding: 3px 6px;
background: #000000;
box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.4) inset;
text-decoration: none;
}
.btn:hover,
.btnDetail:hover {
opacity: 0.7;
transition: 0.7s;
}
.btnDetail a {
display: block;
padding: 3px 7px;
color: #fff;
text-decoration: none;
text-align: center;
transition: 0.7s;
}
.notice-r {
color: #c1272d;
}
.notice-o {
color: #ff6600;
}
.notice-b {
color: #ff8800;
}
.notice-g {
color: #ff8800;
}
.tel {
display: inline-block;
}
.tel .bHours {
display: none;
}
.tel span {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/ico_freedial03.png) no-repeat left 70%;
font-family: "Bahnschrift", sans-serif;
font-size: 2.8em;
font-weight: 700;
font-variation-settings: "wght" 500, "wdth" 91;
color: #c1272d;
line-height: 1;
padding-left: 50px;
display: block;
letter-spacing: -0.01em;
position: relative;
} .tel span a {
color: #c1272d;
text-decoration: none;
}
.spblock,
.spinline,
.sptr {
display: none !important;
}
img.border {
border: 1px solid #ccc;
} #top .contents {
margin: 0 auto 0;
position: relative;
} .header .htxt {
border-top: 5px solid #3b4391;
padding: 9px 0 4px;
}
.header .htxt h1,
.header .htxt p {
font-size: 11px;
font-weight: normal;
display: block;
max-width: 1100px;
width: 92%;
padding: 0;
margin: 0 auto;
}
.header .htxt p strong {
font-weight: normal;
}
.header .inner {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
overflow: inherit;
max-width: 1100px;
width: 92%;
}
.header .corpNumber {
font-size: 12px;
position: absolute;
bottom: 0;
left: 0;
}
.header .logoTxt {
font-size: 10px;
position: absolute;
top: 0;
left: 0;
}
.header .hdrLogo {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.header .hdrLogo a {
margin: 0 10px 0 0;
}
.header img.logo01 {
width: 293px;
height: auto;
}
.header img.logo02 {
margin-right: 9px;
width: 30%;
max-width: 250px;
height: auto;
}
.header .hdrContact {
position: relative;
display: flex;
justify-content: flex-end;
}
.header .hdrContact .contactCatch {
position: relative;
overflow: hidden;
border-radius: 30px;
background-color: #3b4391;
color: #fff;
font-weight: bold;
font-size: 0.75em;
text-align: center;
padding: 0 10px;
line-height: 1.4;
}
.header .hdrContact .contactCatch span {
display: block;
margin: 0 auto;
}
.header .hdrContact .telBox {
background: #fff;
box-sizing: border-box;
position: relative;
overflow: hidden;
margin: 0 12px 0 0;
float: left;
}
.header .hdrContact .tel {
margin-top: 5px;
font-size: 0.7333em;
line-height: 1.2;
white-space: nowrap;
}
.header .hdrContact .tel .tel-link {
font-size: 2.8em;
line-height: 1;
letter-spacing: -0.03em;
padding-left: 1.2em;
display: block;
background-size: 38px auto;
font-variation-settings: "wght" 500, "wdth" 100;
}
.header .hdrBnr {
position: relative;
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
.header .hdrBnr .hdrBtn {
width: 184px;
}
.header .hdrBnr a:nth-child(2) {
margin-left: 8px;
}
.header .telBtn {
display: none;
} .footer {
padding: 0 0 240px 0;
background: #3b4391;
color: #fff;
}
.footer .footer .ftrBnr {
position: relative;
overflow: hidden;
}
.footer .ftrBnr .consultationBox,
.footer .ftrBnr .estimatesBox {
float: left;
margin-right: 40px;
}
.footer .ftrBnr .estimatesBox {
margin-right: 0;
}
.footer .inner {
padding: 30px 0;
}
.footer .inner.footerCom {
display: flex;
flex-flow: wrap;
}
.footer .inner.footerCom .footerL {
width: 30.4%;
}
.footer .inner.footerCom nav {
width: 69.6%;
display: flex;
justify-content: flex-end;
}
.footer .corpNumber {
font-size: 11px;
}
.footer a,
.footer a:link,
.footer a:visited {
color: #fff;
text-decoration: none;
}
.footer .ftrLogo {
margin-bottom: 10px;
display: block;
}
.footer h5 {
font-size: 0.9em;
margin-bottom: 1em;
line-height: 1.6;
font-weight: bold;
}
.footer .inner.footerCom .footerL p {
font-size: 0.9em;
line-height: 1.4;
}
.footer nav .ftrNav {
position: relative;
overflow: hidden;
padding-left: 40px;
}
.footer nav .ftrNav > li {
padding-left: 1em;
position: relative;
}
.footer nav .ftrNav > li:before {
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
color: #fff;
position: absolute;
left: 0;
top: 0.5em;
}
.footer nav .ftrNav li ul > li {
position: relative;
padding-left: 0;
}  .footer nav .ftrNav li ul > li a {
text-decoration: none;
}
.footer nav .ftrNav li ul > li:before {
content: "- ";
}
.footer nav .ftrNav li ul li ul > li:after {
content: none;
}
.footer .copyRight {
width: 100%;
text-align: right;
padding-top: 30px;
font-size: 0.7em;
}
.footer .ftrScroll {
padding: 3px 0;
background: rgba(0, 0, 0, 0.7);
position: fixed;
bottom: 0;
width: 100%;
display: none;
z-index: 100;
line-height: 1.2;
}
.footer .ftrScroll .inner {
display: flex;
justify-content: space-between;
margin: 10px auto;
padding: 0;
overflow: hidden;
}
.footer .ftrScroll .ftrCont {
background: #fff;
padding: 0 10px;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
}
.footer .ftrScroll .tel {
display: inline-block;
}
.footer .ftrScroll .tel span a {
color: #c1272d;
}
.footer .ftrScroll .tel span {
background-size: 38px auto;
padding: 0 0 0 41px;
font-size: 3.73em;
font-weight: bold;
display: block;
font-variation-settings: "wght" 700, "wdth" 100;
letter-spacing: -0.03em;
line-height: 1;
}
.footer .ftrScroll .reception {
margin: 0 9px;
color: #000;
font-size: 12px;
line-height: 1.4;
}
.footer .ftrScroll .ftrCont .btnContact {
padding-right: 48px;
min-height: 48px;
display: flex;
align-items: center;
}
.footer .ftrScroll .ftrCont .btnContact p {
font-size: 1.13em;
}
.footer .ftrScroll .ftrCont .btnContact:after {
content: "";
position: absolute;
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/icon_cal.png) center no-repeat;
background-size: 100% auto;
width: 32px;
height: 32px;
right: 8px;
top: 50%;
transform: translateY(-50%);
}
.footer .ftrScroll .ftrCont ul {
overflow: hidden;
}
.footer .ftrScroll .ftrCont ul li.ftrTel {
display: none;
}
.footer .ftrScroll .pageTop {
display: flex;
}
.footer .ftrScroll .pageTop a {
width: 64px;
background: #ff8800;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
height: 100%;
}
.footer .ftrScroll .pageTop a i {
font-size: 1.6em;
}
.footer .ftrScroll .pageTop a small {
font-size: 0.75em;
}
.footer .ftrScroll .pageTop a:hover {
opacity: 0.8;
}
#top .footer .ftrBnr {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}
.footer .ftrScroll .ftrCont h3 {
background: #566b90;
color: #fff;
font-size: 1.33em;
margin: -6px 50px -6px -10px;
padding: 16px 10px 15px 20px;
border-radius: 0 5px 5px 0;
position: relative;
z-index: 1;
font-weight: bold;
}
.footer .ftrScroll .ftrCont h3:after {
content: "";
position: absolute;
left: 80%;
top: 0;
bottom: 0;
margin: auto;
width: 0;
height: 0;
border: solid 30px #566b90;
transform: rotate(-45deg);
z-index: -1;
}
.footer .ftrScroll .ftrNav {
display: none;
} .btnReqest,
.btnContact,
.btnSemminer,
.btnShowroom {
border-radius: 4px;
background: linear-gradient(#0000cd 0%, #01019b 100%);
color: #fff !important;
display: block;
padding: 10px 10px 8px 10px;
position: relative;
text-decoration: none !important;
box-shadow: 0px 4px 6px 0px rgba(255, 255, 255, 0.6) inset;
}
.btnReqest small,
.btnContact small,
.btnSemminer small,
.btnShowroom small {
font-size: 0.93em;
line-height: 1.2;
display: block;
width: 100%;
}
.btnContact p,
.btnSemminer p,
.btnShowroom p {
font-size: 1.9em;
line-height: 1.2;
font-weight: bold;
}
.btnReqest p {
font-size: 1.8em;
line-height: 1.2;
font-weight: bold;
}
.btnReqest:after {
content: "";
position: absolute;
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/icon_req.png) center no-repeat;
background-size: 100% auto;
width: 45px;
height: 45px;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.btnContact:after {
content: "";
position: absolute;
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/icon_cal.png) center no-repeat;
background-size: 100% auto;
width: 45px;
height: 45px;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.btnSemminer:after {
content: "";
position: absolute;
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/icon_semminer.png) center no-repeat;
background-size: 100% auto;
width: 45px;
height: 45px;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.btnShowroom:after {
content: "";
position: absolute;
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/icon_shop.png) center no-repeat;
background-size: 100% auto;
width: 45px;
height: 45px;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.btn {
height: 52px;
border-radius: 26px;
background: #0000cd;
line-height: 48px;
border: 2px solid #fff;
color: #fff !important;
display: inline-block;
font-size: 1.0666em;
padding: 0 32px;
position: relative;
text-decoration: none !important;
}
.btn:before {
content: "\f105";
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
font: normal normal normal 14px/1 FontAwesome;
}
.btn.center {
display: block;
width: 40%;
margin-left: auto;
margin-right: auto;
}
.btn_squ {
color: #fff !important;
font-weight: 500;
border-radius: 4px;
background: linear-gradient(#0000cd 0%, #01019b 100%);
box-shadow: 0px 3px 0px 0px rgb(255 255 255 / 30%) inset;
text-align: left;
box-sizing: border-box;
text-decoration: none !important;
display: block;
padding: 6px 10px 6px 30px;
}
.btn_squ:before {
content: "\f138";
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font: normal normal normal 14px/1 FontAwesome;
} .nav {
background: #fff;
position: relative;
}
.nav ul.gNav {
height: auto;
margin: 0 auto;
width: 100%;
max-width: 1100px;
padding: 10px 0 12px 0;
position: relative;
display: flex;
justify-content: space-between;
}
.nav ul.gNav > li {
border-left: #808080 dotted 1px;
display: block;
position: relative;
width: calc(100% / 7 - 2px);
}
.nav ul.gNav > li:last-child {
margin-right: 0;
border-right: #000000 dotted 1px;
}
.nav ul.gNav > li > a {
padding: 32px 0 4px 0;
position: relative;
color: #000;
text-decoration: none;
text-align: center;
font-size: 1.1em;
font-weight: bold;
line-height: 1.3;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
height: 100%;
}
.nav ul.gNav > li > a:hover {
opacity: 0.8;
transition: 0.5s;
}
.header .nav ul > li > a:after {
display: block;
position: absolute;
margin: 0 auto;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 31px;
height: 31px;
content: "";
}
.header .nav ul > li.gnav01 a:after {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_reason.png) no-repeat center center;
background-size: 100% auto;
}
.header .nav ul > li.gnav02 a:after {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_first.png) no-repeat center center;
background-size: 100% auto;
}
.header .nav ul > li.gnav03 a:after {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_menu.png) no-repeat center center;
background-size: 100% auto;
}
.header .nav ul > li.gnav04 a:after {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_ex.png) no-repeat center center;
background-size: 100% auto;
}
.header .nav ul > li.gnav05 a:after {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_about.png) no-repeat center center;
background-size: 100% auto;
}
.header .nav ul > li.gnav06 a:after {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_staff.png) no-repeat center center;
background-size: 100% auto;
}
.header .nav ul > li.gnav07 a:after {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_showroom.png) no-repeat center center;
background-size: 100% auto;
} .main a {
color: #0000cd;
text-decoration: underline;
}
.main p + h2,
.main p + h3,
.main p + h4,
.main p + h5,
.main p + h6,
.main ul + h2,
.main ul + h3,
.main ul + h4,
.main ul + h5,
.main ul + h6,
.main ol + h2,
.main ol + h3,
.main ol + h4,
.main ol + h5,
.main ol + h6 {
margin-top: 30px;
}
.main .inner + p + h2,
.main .inner + p + h3,
.main .inner + p + h4,
.main .inner + p + h5,
.main .inner + p + h6 {
margin-top: 0;
}
.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6 {
line-height: 1.5;
clear: both;
}
.main h2 {
position: relative;
display: flex;
flex-flow: column;
font-size: 2.4em;
color: #000000;
line-height: 1.4;
padding: 0;
margin: 0 auto 30px;
text-align: center;
align-items: center;
font-weight: 900;
}
.main h2 span {
font-size: 0.6388em;
display: block;
font-weight: 500;
}
.main h2.catchTtl {
display: flex;
justify-content: center;
flex-flow: row;
align-items: center;
}
.main h2.catchTtl span.catch_icon {
background: #ff8800;
color: #fff;
width: 180px;
height: 180px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.2;
font-weight: 600;
text-align: center;
position: relative;
}
.main h2.catchTtl span.catch_icon:after {
content: "";
border-width: 20px 10px 0 10px;
border-color: #ff8800 transparent transparent transparent;
border-style: solid;
position: absolute;
top: 60%;
right: -10px;
transform: rotate(-65deg);
}
.main h2.catchTtl .txt {
font-size: 1.2em;
font-weight: bold;
padding-left: 20px;
}
.main .voiceBox h2,
.main .voiceBox h2 span {
color: #222;
}
.main h2 span.enTxt {
color: #ff8800;
font-size: 18px;
font-family: "Bahnschrift", sans-serif;
font-variation-settings: "wght" 700, "wdth" 100;
}
.main h2.fullWidth {
color: #fff;
font-size: 2.6666em;
text-align: center;
box-shadow: none;
position: relative;
width: 100%;
padding: 15px 0;
margin: 0 0 30px;
line-height: 1.3;
border-bottom: none;
background: #3b4391;
border: none;
}
.main h2.fullWidth strong {
font-weight: bold;
}
.main section h2 .comSubTi,
.main h2.fullWidth .comSubTi {
position: relative;
display: inline-block;
}
.main section h2 .comSubTi::before,
.main h2.fullWidth .comSubTi::before {
content: "";
position: absolute;
left: -30px;
top: 50%;
width: 1px;
height: 1em;
display: block;
background: #000;
transform: translateY(-50%) rotate(-45deg);
}
.main section h2 .comSubTi::after,
.main h2.fullWidth .comSubTi::after {
content: "";
position: absolute;
right: -30px;
top: 50%;
width: 1px;
height: 1em;
display: block;
background: #000;
transform: translateY(-50%) rotate(45deg);
}
.main h2.fullWidth .comSubTi::before,
.main h2.fullWidth .comSubTi::after {
background: #fff;
}
.main h2.fullWblue {
color: #fff;
font-size: 37px;
text-align: center;
box-shadow: none;
position: relative;
width: 100%;
padding: 0;
margin: 0 0 0;
border-bottom: none;
line-height: 1.3;
background: #c1272d;
}
.main h2.fullWidth .enTxt {
font-family: "Bahnschrift", sans-serif;
}
.main h3 {
background: #3b4391;
font-size: 1.6em;
font-weight: bold;
color: #fff;
width: auto;
padding: 5px 10px;
margin: 20px 0;
text-align: left;
}
.main * > h3:first-child {
margin-top: 0;
}
.main h3 a {
color: #000000;
text-decoration: underline;
}
.main h4,
.main h4.normal {
font-size: 1.6em;
padding: 0 0 0 2.5em;
margin: 0 0 20px;
position: relative;
color: #3b4391;
font-weight: 600;
}
.main * + h4 {
margin-top: 40px;
}
.main h4:before,
.main h4:after,
.main h4.normal:before,
.main h4.normal:after {
border-radius: 50%;
content: "";
display: block;
position: absolute;
top: 0.2em; line-height: 1;
background: #3b4391;
width: 1.2em;
height: 1.2em;
}
.main h4:before,
.main h4.normal:before {
left: 0;
opacity: 0.5;
}
.main h4:after,
.main h4.normal:after {
left: 1.25em;
}
.main h4 a {
color: #000000;
text-decoration: underline;
}
.main h5 {
color: #000;
font-size: 1.1666em;
display: inline-block;
padding: 0 0 0 10px;
margin: 0 0 20px;
font-weight: bold;
position: relative;
}
.main h5:before {
content: "";
width: 4px;
height: 1em;
background: #ff8800;
position: absolute;
left: 0;
top: 0.3em;
}
.main h5 a {
text-decoration: underline;
}
.main h6 {
font-size: 1.06em;
margin: 0 0 20px;
position: relative;
font-weight: bold;
}
.main h6:before {
content: "\f138";
vertical-align: middle;
color: #ff8800;
font-family: FontAwesome;
margin-right: 0.5em;
}
.main h6 a {
color: #000000;
text-decoration: underline;
}
.main blockquote {
border: solid 1px #ccc;
background: #fffeee;
padding: 15px;
margin-bottom: 15px;
}
.main blockquote p {
margin: 0;
}
.main ul {
margin-bottom: 15px;
}
.main ul li {
font-size: 1em;
line-height: 1.5;
margin: 7px 0 0 0;
position: relative;
}
.main ul li:before,
.main ul li:after {
position: absolute;
top: 8px;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.main .wp-block-gallery .blocks-gallery-item figcaption {
background: rgba(59, 67, 145, 0.8);
padding: 8px 10px;
}
.main ol {
margin-bottom: 15px;
padding-left: 40px;
}
.main ol li {
list-style-type: decimal;
font-size: 16px;
line-height: 1.5;
margin: 7px 0 0 0;
}
.main table {
width: 100%;
border-collapse: separate;
border-spacing: 1px;
margin-bottom: 20px;
}
.main table th,
.main table td {
padding: 15px 20px;
font-size: 15px;
line-height: 1.7;
text-align: left;
vertical-align: top;
background: #f8f6f0;
position: relative;
}
.main table th {
width: 20%;
background: #566b90;
font-weight: normal;
color: #fff;
}
.main table td a {
position: absolute;
right: 20px;
top: 15px;
background: #0000cd;
border-radius: 5px;
color: #fff;
text-decoration: none;
padding: 0 15px;
}
.main table td a:hover {
opacity: 0.7;
transition: 0.6s;
} .main .catchB {
border-radius: 6px;
background: #3b4391;
color: #fff;
font-weight: bold;
margin-bottom: 0;
padding: 10px 20px;
font-size: 18px;
}
.main .catchTxtP {
font-weight: bold;
font-size: 36px;
line-height: 1.3;
}
.main .catchTxtP strong {
color: #c1272d;
}
.main .catchTxtP p {
font-size: 36px;
line-height: 1.3;
}
.main .photoUL {
margin: 0 0 0 0;
padding: 0; display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.main .photoUL li {
margin: 0 0 20px 0;
padding: 0;
background: none;
font-size: 17px;
width: 48%;
}
.main .photoUL li:last-child {
margin: 0 0 20px;
}
.main .photoUL li.last {
width: inherit;
}
.main .photoUL.photoColumn3 {
flex-flow: row wrap;
}
.main .photoUL.photoColumn3 li {
width: 320px;
flex-grow: initial;
margin-right: 20px;
}
.main .photoUL.photoColumn3 li:nth-of-type(3n) {
margin-right: 0;
}
.main .photoUL li span {
width: 100%;
position: relative;
overflow: hidden;
display: block;
}
.main .photoUL li span:before {
content: "";
display: block;
padding-top: 60%;
}
.main .photoUL .otherPhoto {
width: 100%;
height: 206px;
position: relative;
overflow: hidden;
display: block;
}
.main .photoUL li span img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: auto;
}
.main .photoUL li img {
max-width: 100%;
height: auto;
}
.main .photoUL li h5 {
font-size: 15px;
display: block;
margin: 0;
padding: 0;
background: none;
color: #004575;
}
.main .photoUL li:before,
.main .photoUL li:after {
content: none;
}
.main .warryBox,
.main .meritBox {
position: relative;
overflow: hidden;
margin-bottom: 20px;
padding: 20px;
box-sizing: border-box;
}
.main .meritBox {
border: #e2e2e2 solid 5px;
}
.main .merit h2 {
background: #ff6600;
font-size: 25px;
color: #fff;
line-height: 1.3;
padding: 10px;
margin: 0;
}
.main .warryBox p,
.main .meritBox p {
line-height: 1.4;
font-size: 15px;
margin-bottom: 0;
}
.main .warryBox img {
float: left;
margin-right: 30px;
}
.main .meritBox img {
margin-bottom: 0;
}
.main .meritBox .meritTxt {
margin-left: 320px;
}
.main .warryList,
.main .meritList {
border-top: #d5d5d5 solid 1px;
padding-top: 10px;
overflow: hidden;
}
.main .warryList {
border-top: #000000 dotted 1px;
}
.main .warryList li,
.main .meritList li {
background: none;
border-bottom: #d5d5d5 solid 1px;
position: relative;
font-size: 20px;
font-weight: bold;
padding: 0 0 7px 25px;
margin: 0 0 8px;
}
.main .warryList li {
font-size: 24px;
padding: 0 0 7px 40px;
border-bottom: #000000 dotted 1px;
}
.main .meritList li span {
background: #c1272d;
border-radius: 5px;
color: #fff;
display: inline-block;
padding: 0 10px;
margin-right: 15px;
}
.main .meritList li:before,
.main .meritList li:after {
position: absolute;
top: 4px;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.main .meritList li:before {
width: 18px;
height: 18px;
border-radius: 50%;
background: #c1272d;
}
.main .meritList li:after {
left: 5px;
top: 9px;
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
}
.main .warryList li:last-child,
.main .meritList li:last-child {
margin-bottom: 0;
}
.main .warryList > li:before,
.main .warryList > li:after {
position: absolute;
top: 5px;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.main .warryList > li:before {
background: #ff8800;
border-radius: 4px;
width: 25px;
height: 25px;
}
.main .warryList > li:after {
left: 6px;
top: 12px;
width: 10px;
height: 5px;
border-left: 4px solid #fff;
border-bottom: 4px solid #fff;
border-right: none;
border-top: none;
transform: rotate(-45deg);
}
.main .warryList li strong {
background: #fcff00;
display: inline-block;
line-height: 0.5;
}
.main .meritList li strong {
color: #c1272d;
}
.main .meritBox .diagnosisList {
z-index: 10;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
}
.main .meritBox .diagnosisList li {
border-radius: 4px;
background: #ff8800;
color: #fff;
font-size: 25px;
font-weight: bold;
text-align: center;
width: 24%;
width: calc(25% - 10px);
padding: 3px 0;
margin-top: 0;
}
.main .meritBox .diagnosisList li:before,
.main .meritBox .diagnosisList li:after {
content: none;
}
.main .meritBox .diagnosisP {
color: #fff;
border-radius: 4px;
background: #4dbe53;
font-size: 30px;
font-weight: bold;
text-align: center;
padding: 10px 0;
}
.main .diagnosisCtcP {
color: #fff;
border-radius: 4px;
background: #3e984f;
font-size: 30px;
font-weight: bold;
text-align: center;
padding: 10px 0;
margin: 10px 0;
} .main .medalCatch {
position: relative;
z-index: 10;
margin: 0 auto;
font-weight: bold;
font-size: 27px;
display: block;
line-height: 1.2;
}
.main .medalCatch img {
float: left;
margin: -10px 15px 0 0;
}
.main .medalCatch strong {
color: #c1272d;
}
.main .medalCatch span {
display: block;
}
.main .medalCatch span.txtL {
font-size: 42px;
font-weight: normal;
}
.main .medalCatch span.txtL strong {
color: #c1272d;
}
.main .medalCatch span.txtEn {
color: #ff8800;
font-size: 15px;
}
.main .formArea ul li:before,
.main .showroomStep + ul li:before {
content: "■";
color: #3b4391;
position: relative;
top: 0;
vertical-align: baseline;
} .main .RightInfo {
display: flex;
flex-flow: column;
justify-content: space-between;
}
.main .bnrBoxT .consultationBox {
margin-bottom: 20px;
}
.InfoBox {
width: 100%;
position: relative;
}
.InfoBox a {
text-decoration: none;
}
.InfoBox h3 {
background: #3b4391;
color: #fff;
font-size: 1.33333em;
border-top: none;
margin: 0;
padding: 5px 15px;
text-align: center;
font-weight: bold;
}
.consultationBox .inBox {
border: #ccc solid 1px;
background: #fff;
box-sizing: border-box;
padding: 0;
position: relative;
overflow: hidden;
height: 240px;
}
.estimatesBox {
margin-top: 25px;
}
.estimatesBox .imgLayer {
top: -30px;
right: 0;
z-index: 0;
width: 24.7%;
}
.estimatesBox h3 {
text-align: left;
}
.estimatesBox .inBox {
border: #ccc solid 1px;
background: #fff;
box-sizing: border-box;
padding: 8px 15px 0;
position: relative;
height: 240px;
}
.estimatesBox h4 {
font-size: 1.2em;
padding: 0 0 0 50px;
position: relative;
margin: 0;
font-weight: bold;
color: #666666;
}
.estimatesBox h4:before,
.estimatesBox h4:after {
border-radius: 50%;
content: "";
display: block;
position: absolute;
top: 3px;
font-size: 30px;
line-height: 1;
background: #3b4391;
width: 24px;
height: 24px;
}
.estimatesBox h4:before {
left: -5px;
opacity: 0.5;
}
.estimatesBox h4:after {
left: 22px;
}
.estimatesBox .inBox p {
font-size: 1.6em;
line-height: 1;
font-weight: bold;
z-index: 10;
position: relative;
margin-bottom: 10px;
margin-top: 10px;
color: #222;
}
.estimatesBox .inBox p strong {
color: #c1272d;
font-size: 1.5em;
}
.estimatesBox .inBox p.spLady span {
border-radius: 4px;
background: #c1272d;
color: #fff;
font-size: 0.8333em;
padding: 9px 7px;
margin-right: 4px;
display: inline-block;
vertical-align: 5px;
}
.estimatesBox .inBox .telBox {
background: #3b4391;
padding: 8px 10px;
position: relative;
}
.estimatesBox .inBox .telBox h5 {
background: none;
color: #fff;
font-size: 1em;
font-weight: bold;
line-height: 1;
margin: 0 0 10px 0;
padding: 0;
display: block;
}
.estimatesBox .inBox .telBox h5:before {
display: none;
}
.estimatesBox .inBox .telBox .number {
background: #fff;
margin-top: 5px;
padding: 5px 10px;
text-align: center;
}
.estimatesBox .inBox .telBox .tel {
font-weight: bold;
display: inline-block;
text-align: left;
margin: 0;
font-variation-settings: "wght" 500, "wdth" 100;
padding-left: 5px;
color: #000000;
text-align: center;
}
.estimatesBox .inBox .telBox .tel span {
background-size: 54px auto;
font-size: 2.9em;
line-height: 0.9;
padding: 0 0 0 54px;
margin: 4px 0 0 0;
display: block;
letter-spacing: -0.03em;
font-weight: bold;
}
@media screen and (max-width: 1180px) {
.estimatesBox .inBox,
.consultationBox .inBox {
height: auto;
aspect-ratio: 397/199;
}
.estimatesBox .inBox .telBox .number {
padding: 0 10px;
}
.estimatesBox .inBox .telBox .tel span {
background-size: 48px auto;
font-size: 4.9vw;
}
}
@media screen and (max-width: 799px) {
.estimatesBox .inBox,
.consultationBox .inBox {
height: auto;
aspect-ratio: auto;
}
}
.estimatesBox .inBox .telBox .tel small {
padding-left: 27px;
font-size: 0.48em;
line-height: 1.1;
display: block;
font-weight: normal;
}
.main .bnrArea {
padding: 30px 0;
}
.main .bnrArea:last-child {
padding: 0 0 60px;
}
.bnrSemminer {
border-radius: 4px;
background: #e2e4ef;
border: 1px solid #3b4391;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display: flex;
text-decoration: none !important;
line-height: 1.4;
}
.bnrSemminer .inn {
width: 85.3%;
padding: 8px 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.bnrSemminer .more {
background: #0000cd;
border-radius: 0 4px 4px 0;
padding: 8px 10px;
width: 14.7%;
color: #fff !important;
text-decoration: none !important;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.4em;
font-weight: bold;
}
.bnrSemminer .more i {
margin-left: 4px;
}
.bnrSemminer .inn .label {
background: #c1272d;
color: #fff;
font-weight: 900;
display: inline-block;
padding: 8px 10px;
margin-right: 8px;
}
.bnrSemminer .inn h2 {
margin-bottom: 0;
font-size: 3.46em;
color: #3b4391;
}
.bnrSemminer .inn span {
color: #000;
font-weight: 700;
font-size: 1.33em;
line-height: 1.2;
margin-right: 4px;
text-align: center;
}
.main .bnrArea.columns2 {
display: flex;
justify-content: space-between;
flex-flow: wrap;
}
.main .bnrArea.columns2 > * {
width: 48%;
}
.main .bnrBoxT article {
padding: 0;
}
.main .bnrArea.columns2 .estimatesBox {
margin-top: 0;
}
#seminar .main .bnrArea {
padding-bottom: 30px !important;
}
.main .bnrArea .estimatesBox {
float: right;
}
.main .bnrArea .consultationBox {
margin: 0;
float: left;
} .main .contactBox {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/bg_bnr_contact.png) center center;
clear: both;
display: block;
position: relative;
margin: 0 auto 20px;
width: 100%;
box-sizing: border-box;
text-decoration: none;
padding: 0 10px 0;
}
.main .contactBox.TelBox {
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: 40px;
}
.main .contactBox .inBox {
background: #fff;
padding: 10px;
overflow: hidden;
margin: 10px 0;
}
.main .contactBox .imgLayer {
right: 0;
bottom: 0;
width: 27.4%;
}
.main .contactBox h4 {
margin-bottom: 5px;
color: #666;
font-weight: bold;
font-size: 1.4em;
}
.main .contactBox .btnImg a:nth-of-type(1) {
margin-right: 7px;
}
.main .contactBox .btmCatch {
font-size: 1.3333em;
font-weight: 500;
line-height: 1.3;
color: #fff;
margin: 0 -10px;
padding: 5px 15px;
background: #3b4391;
}
.main .contactBox p.catchTxt {
width: 61.5%;
padding-top: 10px;
}
.main .contactBox p.catchTxt strong {
color: #c1272d;
}
.main .contactBox p.catchTxt span {
border-radius: 4px;
background: #c1272d;
color: #fff;
font-size: 20px;
padding: 3px 3px 0 3px;
margin-right: 5px;
}
.main .contactBox .telBox {
padding: 5px 20% 1px 0;
background: #fff;
display: flex;
}
.main .contactBox .telBox .tel {
font-size: 1.025em;
font-weight: normal;
margin: 0 15px 0 0;
color: #000000;
padding: 0;
display: inline-block;
}
#showroom .main .msgWrap .contactBox .telBox .tel {
display: flex;
justify-content: flex-start;
align-items: center;
}
.main .contactBox .telBox .tel span {
font-size: 3.8em;
margin: 0;
display: block;
clear: none;
background-size: 1em auto;
padding-left: 1em;
font-variation-settings: "wght" 700, "wdth" 100;
white-space: nowrap;
}
.main .contactBox .telBox .tel time {
white-space: nowrap;
}
.main .contactBox.TelBox .telBox .tel span {
font-size: 5.2em;
display: inline-block;
padding-right: 1rem;
}
.main .contactBox .telBox .btnImg {
display: flex;
flex-grow: 1;
align-items: center;
}
.main .contactBox .telBox .hdrBtn {
width: 48%;
margin-right: 2%;
color: #fff !important;
}
.main .contactBox .telBox .hdrBtn p {
font-size: 2em;
}
.main .contactBox .telBox .btnContact {
margin-right: 0;
}
.main .contactBox .telBox .btn a {
display: block;
padding: 20px 20px 13px 45px;
}
.main .contactBox .telBox .btn a:before {
font-family: "Font Awesome 5 Free";
content: "\f138";
font-weight: 900;
padding-right: 5px;
top: 0;
bottom: 0;
left: 15px;
margin: auto;
height: 30px;
font-size: 25px;
}
.main .contactBox ul {
position: relative;
overflow: hidden;
margin: 0 0 10px;
}
.main .contactBox ul li {
border-radius: 4px;
background: #ff8800;
color: #fff;
font-size: 20px;
font-weight: bold;
margin: 0 10px 0 0;
padding: 5px 15px;
text-align: center;
float: left;
}
.main .contactBox ul li:before,
.main .contactBox ul li:after {
display: none;
}
.main .contactBox ul li:last-child {
margin-right: 0;
}
.main .contactBox .overflowH {
width: 380px;
} .main .comContactLBox {
position: relative;
overflow: hidden;
border-bottom: #ccc solid 1px;
}
.main .comContactLBox a {
text-decoration: none;
color: #000000;
}
.main .comContactLBox .imgLayer {
top: 0;
left: 375px;
z-index: 1;
}
.main .comContactLBox h3 {
background: #12a73b;
color: #fff;
font-size: 20px;
padding: 0 15px;
border-top: none;
margin-bottom: 0;
line-height: 1.8;
}
.main .comContactLBox .inBox {
border: #ccc solid;
border-width: 1px 1px 0 1px;
background: #fff;
box-sizing: border-box;
padding: 10px;
position: relative;
overflow: hidden;
}
.main .comContactLBox h4 {
padding-bottom: 10px;
margin: 0 0 15px;
border-bottom: #ccc solid 1px;
display: inline-block;
}
.main .comContactLBox .inBox p {
font-size: 27px;
font-weight: bold;
z-index: 10;
position: relative;
margin-bottom: 0;
}
.main .comContactLBox .inBox p strong {
color: #c1272d;
}
.main .comContactLBox .inBox p span {
border-radius: 4px;
background: #c1272d;
color: #fff;
font-size: 20px;
padding: 7px;
margin-right: 5px;
}
.main .comContactLBox .inBox .telBox {
background: #fff;
padding: 10px 25px;
float: right;
width: 420px;
position: relative;
text-align: center;
box-sizing: border-box;
margin-bottom: 10px;
z-index: 1;
}
.main .comContactLBox .inBox .telBox .imgLayer {
bottom: 100%;
right: 0;
top: inherit;
z-index: 0;
}
.main .comContactLBox .inBox .telBox h5 {
color: #000000;
background: none;
font-size: 15px;
padding: 0;
display: block;
margin-bottom: 0;
}
.main .comContactLBox .inBox .telBox .number {
text-align: center;
}
.main .comContactLBox .inBox .telBox .tel {
font-size: 13px;
font-weight: normal;
display: inline-block;
text-align: left;
margin-bottom: 0;
line-height: 1.2;
}
.main .comContactLBox .inBox .telBox .tel span {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/ico_freedial02.png) no-repeat left 90%;
color: #c1272d;
font-size: 59px;
line-height: 1;
padding: 0 0 0 65px;
margin: 0 0;
display: block;
white-space: nowrap;
}
.main .comContactLBox .inBox .catchTxt {
background: #c1272d;
clear: both;
color: #fff;
text-align: center;
display: block;
font-size: 20px;
font-weight: bold;
} .main .ContactScrollBox {
border: #c1272d solid 3px;
position: relative;
padding: 10px 275px 10px 170px;
margin: 30px auto 40px;
width: 1000px;
box-sizing: border-box;
}
.main .ContactScrollBox .freeDiagnosis {
width: 92px;
color: #fff;
font-weight: bold;
line-height: 1.1;
font-size: 45px;
background: #c1272d;
padding: 10px 30px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: 0;
}
.main .ContactScrollBox .tel {
display: table;
margin-bottom: 10px;
}
.main .ContactScrollBox .tel span {
font-size: 54px;
display: table-cell;
vertical-align: bottom;
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/ico_freedial04.png) no-repeat left center;
background-position: bottom left;
background-position: bottom 3px left;
padding-left: 60px;
line-height: 1;
}
.main .ContactScrollBox .tel span.timeS {
font-size: 14px;
display: table-cell;
vertical-align: bottom;
width: 11em;
background: none;
color: #000000;
font-weight: normal;
padding-left: 10px;
line-height: 1.3;
font-family: "Noto Sans JP", sans-serif;
}
.main .ContactScrollBox .telPlease {
clear: both;
margin-bottom: 0;
background: #c1272d;
border-radius: 5px;
color: #fff;
text-align: center;
font-size: 18px;
font-weight: bold;
line-height: 1;
padding: 4px 0;
}
.main .ContactScrollBox .toForm {
background: #46ae00;
display: block;
border-radius: 5px;
color: #fff;
font-size: 34px;
font-weight: bold;
text-decoration: none;
background: linear-gradient(
top,
#12bfaa 0%,
#12bfaa 50%,
#ff8800 51%,
#ff8800 100%
);
background: -webkit-linear-gradient(
top,
#12bfaa 0%,
#12bfaa 50%,
#ff8800 51%,
#ff8800 100%
);
background: -moz-linear-gradient(
top,
#12bfaa 0%,
#12bfaa 50%,
#ff8800 51%,
#ff8800 100%
);
background: -o-linear-gradient(
top,
#12bfaa 0%,
#12bfaa 50%,
#ff8800 51%,
#ff8800 100%
);
background: -ms-linear-gradient(
top,
#12bfaa 0%,
#12bfaa 50%,
#ff8800 51%,
#ff8800 100%
);
position: absolute;
top: 10px;
bottom: 10px;
right: 10px;
width: 140px;
padding: 10px 30px 10px 80px;
line-height: 1;
}
.main .ContactScrollBox .toForm::before {
content: "";
width: 43px;
height: 47px;
background-image: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/ico_mail.png);
background-repeat: no-repeat;
position: absolute;
top: 0;
bottom: 0;
left: 20px;
margin: auto;
}
.main .ContactScrollBox .toForm span {
display: block;
font-size: 25px;
}
.main .ContactScrollBox .toForm:hover {
opacity: 0.8;
transition: 0.7s;
}
.main .bnrArea .main .comContactLBox {
float: left;
margin-right: 40px;
}
.main .bnrArea .main .comContactLBox {
margin: 0;
} .shopInfo,
.main .shopInfo {
position: relative;
overflow: hidden;
}
.shopInfo ul {
position: relative;
overflow: hidden;
}
.main .shopInfo ul {
margin-top: 0;
}
.shopInfo ul li,
.main .shopInfo ul li {
float: left;
margin: 0 20px 0 0;
background: #000000;
padding: 0;
margin: 0 17px 0 0;
width: 320px;
position: relative;
}
.shopInfo ul li:nth-child(3),
.main .shopInfo ul li:nth-child(3) {
margin-right: 0;
}
.shopInfo ul li:last-child,
.main .shopInfo ul li:last-child {
margin-right: 0;
}
.shopInfo ul li a,
.main .shopInfo ul li a {
text-decoration: none;
}
.shopInfo ul li h4,
.main .shopInfo ul li h4 {
position: relative;
overflow: hidden;
margin: 0;
color: #fff;
font-size: 23px;
writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
box-sizing: border-box;
line-height: 1.3;
height: 170px;
text-align: left;
padding: 10px 10px;
float: left;
}
.main .shopInfo ul li h4:before,
.main .shopInfo ul li h4:after {
content: none;
display: none;
}
.shopInfo ul li .shopPict {
height: 170px;
width: 268px;
overflow: hidden;
display: block;
float: right;
position: relative;
}
.shopInfo ul li .shopPict img {
position: absolute;
width: 100%;
height: auto;
}
.shopInfo ul li .tel,
.main .shopInfo ul li .tel {
font-size: 11px;
color: #fff;
padding: 10px;
line-height: 1.5;
background-color: #4fa800;
margin-top: 0;
clear: both;
}
.shopInfo ul li .tel span,
.main .shopInfo ul li .tel span {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/ico_freedial03a.png) no-repeat left center;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 35px;
padding-left: 40px;
line-height: 1;
display: block;
} .shopAccess > ul > li {
background: none;
margin: 0;
padding: 0;
text-align: left;
}
.shopAccess ul li:before,
.shopAccess ul li:after {
display: none;
}
.shopAccess ul li .shopMain {
background: #c1272d;
float: left;
width: 282px;
margin-right: 30px;
}
.shopAccess ul li .shopMain .tel {
font-size: 11px;
color: #fff;
padding: 10px;
line-height: 1.5;
margin: 0;
}
.shopAccess ul li .shopMain .tel span {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/ico_freedial03.png) no-repeat left center;
font-size: 29px;
font-family: "Arial Black", Gadget, sans-serif;
padding-left: 40px;
line-height: 1;
}
.shopAccess ul li .shopSummery h5 {
margin: 0;
border-radius: 0;
padding: 5px 40px;
text-align: center;
font-size: 20px;
}
.shopAccess ul li .shopSummery {
overflow: hidden;
}
.shopAccess ul li .shopSummery .catchTxt {
font-size: 28px;
font-weight: bold;
}
.main .combnrList {
position: relative;
display: flex;
justify-content: space-between;
flex-flow: wrap;
}
.main .combnrList li {
color: #fff;
font-weight: bold;
padding: 0;
width: 48%;
text-align: center;
position: relative;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
.main .combnrList li .obi {
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(to right, #0c2a5f, rgba(12, 42, 95, 0));
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
width: 100%;
padding: 10px;
}
.main .combnrList li .obi h4 {
color: #fff;
font-size: 3.3em;
line-height: 1.2;
text-align: left;
padding: 0;
margin-bottom: 10px;
}
.main .combnrList li .obi h4:before,
.main .combnrList li .obi h4:after {
display: none;
}
.main .combnrList li .obi h4 + p {
font-size: 1.4em;
color: #fff;
text-align: left;
}
.main .combnrList li:hover {
opacity: 0.8;
transition: 0.7s;
}
.main .combnrList li a {
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
display: block;
cursor: pointer;
top: 0;
left: 0;
}
.main .combnrList li:before,
.main .combnrList li:after {
content: none;
}
.main .combnrListOtr {
position: relative;
overflow: hidden;
}
.main .combnrListOtr li {
border-radius: 8px;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 0;
width: 480px;
float: left;
text-align: center;
margin: 0;
margin-top: 40px;
}
.main .combnrListOtr li:nth-child(-n + 2) {
margin-top: 0;
}
.main .combnrListOtr li:nth-child(2n) {
float: right;
}
.main .combnrListOtr li:hover {
opacity: 0.8;
transition: 0.7s;
}
.main .combnrListOtr li a {
color: #fff;
text-decoration: none;
}
.main .combnrListOtr li:before,
.main .combnrListOtr li:after {
content: none;
} .main .reaBnrList {
position: relative;
overflow: hidden;
margin: 10px 0;
}
.main .reaBnrList li {
background: #ff8800;
color: #fff;
font-size: 24px;
font-weight: bold;
padding: 0;
width: 480px;
float: left;
text-align: left;
margin: 0;
}
.main .reaBnrList li:nth-child(2n) {
float: right;
background: #c1272d;
}
.main .reaBnrList li:hover {
opacity: 0.8;
transition: 0.7s;
}
.main .reaBnrList li a {
color: #fff;
text-decoration: none;
padding: 10px;
display: block;
}
.main .reaBnrList li a img {
margin-bottom: 15px;
}
.main .reaBnrList li a span {
position: relative;
display: block;
line-height: 1.3;
height: 60px;
}
.main .reaBnrList li a span small {
display: block;
font-size: 16px;
color: #fcff00;
margin-bottom: 5px;
}
.main .reaBnrList li a span:before,
.main .reaBnrList li a span:after {
position: absolute;
top: 0;
bottom: 0;
right: 8px;
margin: auto;
content: "";
vertical-align: middle;
}
.main .reaBnrList li a span:before {
width: 26px;
height: 26px;
border-radius: 50%;
background: #fff;
}
.main .reaBnrList li a span:after {
right: 16px;
width: 8px;
height: 8px;
border-top: 4px solid #ff8800;
border-right: 4px solid #ff8800;
transform: rotate(45deg);
}
.main .reaBnrList li:nth-child(2n) a span:after {
border-top-color: #c1272d;
border-right-color: #c1272d;
}
.main .reaBnrList li:before,
.main .reaBnrList li:after {
content: none;
} .main .serviceContents .inner {
padding: 0 0;
}
#top .main .serviceContents .inner {
padding: 1em 0 0;
}
.main .serviceContents .inner:last-child {
padding-bottom: 60px;
}
.main .packList .bgTit {
width: auto;
padding: 130px 0 0;
}
.main .packList .bgTit.lazyloaded {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/top/bg_menu.jpg) no-repeat center center;
background-size: cover;
}
.main .packList .bgTit h2 {
font-size: 2.8em;
text-shadow: 1px 1px 0 #565656;
line-height: 1.2;
color: #fff;
text-align: left;
display: block;
max-width: 1000px;
margin: 0 auto;
}
.main .packList .obi {
background-color: rgba(59, 67, 144, 0.8);
width: 100%;
display: block;
padding: 10px;
}
.main .packList h2 small {
font-size: 0.6em;
display: block;
}
.main .serviceContents .serviceMenu {
padding-top: 60px;
}
.main .serviceContents .serviceMenu .tileIndex {
display: flex;
justify-content: space-between;
flex-flow: wrap;
}
.main .serviceContents .serviceMenu .tileIndex article {
width: 48%;
display: block;
margin-bottom: 2rem;
}
.main .serviceContents .serviceMenu .tileIndex article .packImg {
width: 100%;
left: auto;
top: auto;
}
.main .serviceContents .serviceMenu .tileIndex article .packImg img {
position: relative;
left: auto;
top: auto;
transform: translate(0, 0);
}
.main .serviceContents .serviceMenu .tileIndex article .packsummary {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background-color: transparent;
display: flex;
justify-content: flex-end;
}
.main
.serviceContents
.serviceMenu
.tileIndex
article
.packsummary
.priceBlock
* {
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
.packItems {
border: 1px solid #cccccc;
}
.main .serviceContents h3 {
font-size: 2.66666em;
background-color: transparent;
color: #000;
line-height: 1.1;
margin: 0 0 20px 0;
position: relative;
font-weight: bold;
}
.packItems .packInner {
padding: 24px 32px;
}
.main .packItems {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
#top .main .packItem a {
display: block;
height: 100%;
text-decoration: none;
color: #000;
opacity: 1;
transition: 0.7s;
}
.main .packItems a:hover {
text-decoration: none;
color: #000;
opacity: 0.7;
transition: 0.7s;
}
.main .packItems .packRow {
width: 70%;
position: relative;
}
.main .packItems .packRow .btn {
bottom: 0;
right: -40%;
position: absolute;
height: 52px;
}
.main .packItems .packRow ul {
display: flex;
justify-content: space-between;
}
.main .packItems .packRow .packItem {
border: 4px solid #3b4391;
background: #fff;
padding: 0 0 10px;
width: 48%;
}
.main .packItems .packRow .packItem .packDetalis {
background: #3b4391;
color: #fff;
text-align: center;
font-size: 1.86666em;
font-weight: 600;
position: relative;
margin-bottom: 20px;
}
.main .packItems .packRow .packItem p {
padding: 0 10px;
}
.main .packItems .packRow .packItem p.packPrice {
white-space: nowrap;
text-align: center;
}
.main .packList {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.main .packList a {
display: flex;
height: 100%;
text-decoration: none;
color: #000;
opacity: 1;
transition: 0.7s;
flex-flow: wrap;
}
.main .packList a:hover {
text-decoration: none;
color: #231816;
opacity: 0.7;
transition: 0.7s;
}
.main .packList article {
width: auto;
float: none;
background: #e5e5e5;
border: #ccc solid 1px;
padding: 10px;
margin: 0 0 30px 0;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.main .packList article:last-child {
margin: 0 0 10px 0;
}
.main .packTtl {
position: relative;
width: 49%;
margin-right: 1%;
display: flex;
justify-content: space-between;
}
.main .packTtl h3 {
font-size: 30px;
box-shadow: none;
background: #3b4391;
border-radius: 5px;
color: #fff;
width: 160px;
float: left;
border-top: none;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
position: relative;
z-index: 100;
margin: 0 5px 0 0;
box-sizing: border-box;
text-align: center;
}
.main .packTtl h3 span {
display: inline-block;
text-align: center;
line-height: 0.9;
font-size: 18px;
}
.main .packImg {
width: calc(100% - 165px);
overflow: hidden;
margin: 0;
position: relative;
}
.main .packImg img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
}
.main .packImg span {
background: #c01920;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 5px 10px;
transform: rotate(-45deg);
display: block;
position: absolute;
right: -90px;
bottom: 40px;
width: 280px;
text-align: center;
box-sizing: border-box;
}
.main .packsummary {
width: 50%;
background: #fff;
position: relative;
overflow: hidden;
padding: 10px 15px;
}
.main .packList h4 {
font-size: 2.2em;
color: #3b4391;
position: relative;
padding-left: 0;
margin: 5px 0 0;
line-height: 1;
font-weight: 900;
}
.main .packList h4 span {
font-size: 0.7em;
margin-right: 5px;
}
.main .packList h4:before,
.main .packList h4:after {
display: none;
}
.main .packList .packCatch {
position: relative;
overflow: hidden;
margin: 0 0 5px;
text-align: center;
}
.main .packList .packCatch li {
width: 110px;
float: left;
margin: 0 5px 0 0;
text-align: center;
font-size: 18px;
line-height: 1.1;
border-radius: 4px;
background: #ff6600;
color: #fff;
display: inline-block;
padding: 8px 0;
font-weight: bold;
border: none;
}
.main .packList .packCatch li span {
font-size: 0.9em;
}
.main .packList ul li:before,
.main .packList ul li:after {
display: none;
}
.main .packCatch ul li:last-child {
margin-bottom: 0;
}
.packPrice {
color: #c1272d;
font-family: "Bahnschrift", sans-serif;
font-weight: bold;
font-size: 5.8em;
letter-spacing: -0.05em;
line-height: 1.2;
}
.packPrice .smallTxt {
font-size: 0.78em;
}
.packPrice .packYen {
font-size: 0.3em;
letter-spacing: 0;
}
.main .packItems .packRow .packItem .note {
font-size: 0.73em;
text-align: right;
}
.main .noteTxt {
font-size: 2em;
font-weight: bold;
text-align: center;
}
.main .attentionTxt {
font-size: 2.5em;
font-weight: bold;
text-align: center;
line-height: 1.1;
}
.main .attentionTxt span {
display: inline-block;
background: #ff8800;
color: #fff;
border-radius: 10px;
line-height: 1;
padding: 5px 10px;
margin-right: 10px;
}
.main .attentionTxt strong {
font-size: 1.6em;
font-weight: bold;
color: #c01920;
}
.main .packList .packCatch {
position: relative;
overflow: hidden;
margin: 0 0 5px;
text-align: center;
}
.main .packList .packCatch li {
width: 110px;
float: left;
margin: 0 5px 0 0;
text-align: center;
font-size: 1.16em;
line-height: 1.1;
border-radius: 4px;
background: #566b90;
color: #fff;
display: inline-block;
padding: 8px 0;
font-weight: bold;
border: none;
}
.main .packList .packCatch li span {
font-size: 14px;
}
.main .packList ul li:before,
.main .packList ul li:after {
display: none;
}
.main .packCatch ul li:last-child {
margin-bottom: 0;
}
.main .packList .priceTaxin {
color: #000;
}
.main .basicC {
font-size: 20px;
background: #ff8800;
color: #fff;
font-weight: bold;
padding: 5px;
line-height: 1;
clear: both;
}
.main .basicC.basicTxt span {
background: #fff;
color: #ff8800;
border-radius: 5px;
padding: 0 2px;
position: relative;
margin-left: 14px;
}
.main .basicC.basicTxt span:before {
font-family: "Font Awesome 5 Free";
content: "\f055";
font-weight: 900;
color: #ff8800;
font-size: 18px;
position: absolute;
right: 100%;
background: #fff;
border-radius: 50%;
width: 15px;
height: 15px;
line-height: 1;
top: 0;
bottom: 0;
margin: auto;
}
.main .basicC.basicTxt span:first-of-type {
margin-left: 0;
}
.main .basicC.basicTxt span:first-of-type:before {
content: none;
}
.main .basicC.basicTxt {
line-height: 1.5;
}
.main .packList .imgIco {
position: absolute;
left: 210px;
top: 0;
z-index: 99;
}
.main .packList p {
margin-bottom: 0;
}
.main .packList ul.optionalUl {
margin: 0;
line-height: 1;
position: absolute;
bottom: 25px;
}
.main .packList ul.optionalUl li {
display: inline-block;
float: none;
border: none;
border-radius: 5px;
width: 160px;
padding: 5px;
background: #566b90;
margin: 0 10px 0 0;
color: #fff;
font-size: 1.5em;
line-height: 1.2;
text-align: center;
font-weight: bold;
overflow: hidden;
}
.main .packList ul.optionalUl li.details {
width: auto;
padding: 5px 20px;
}
.main .packList ul.optionalUl li:last-child {
margin-right: 0;
}
.main .packList ul.optionalUl li span {
display: inline-block;
float: right;
border-radius: 5px;
background: #fff;
color: #000000;
min-width: 4em;
text-align: center;
}
.main .priceBlock {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-top: 10px;
}
.main .priceTxt {
font-family: "Bahnschrift", sans-serif;
font-weight: 700;
font-variation-settings: "wght" 500, "wdth" 90;
font-size: 70px;
color: #c1272d;
letter-spacing: -0.02em;
line-height: 0.9;
display: flex;
-ms-align-items: flex-end;
align-items: flex-end;
position: relative;
justify-content: flex-end;
}
.main .priceTxt span {
font-size: 60px;
}
.main .priceTxt span.unitTxt {
font-size: 30px;
line-height: 0.9;
font-weight: bold;
padding-bottom: 7px;
display: inline;
margin-left: 10px;
}
.main .priceTxt small {
color: #000000;
font-size: 15px;
display: block;
position: absolute;
font-weight: normal;
right: 25px;
top: 30px;
}
.main .detailsPrices {
display: flex;
flex-flow: row nowrap;
}
.main .detailsPrices dl {
}
.main .detailsPrices dl:nth-of-type(2) {
margin-left: 20px;
}
.main .detailsPrices dt {
font-size: 24px;
color: #382923;
letter-spacing: 1px;
}
.main .detailsPrices dd {
font-size: 7.5vw;
}
@media (min-width: 1367px) {
.main .detailsPrices dd {
font-size: 76px;
}
}
.main .detailsPrices dd small {
font-size: 0.5em;
color: #c1272d;
position: relative;
display: inline;
left: auto;
top: auto;
right: auto;
}
.main .detailsPrices dd .yen {
font-size: 0.32em;
line-height: 1;
letter-spacing: -2px;
font-weight: bold;
margin-left: 0;
font-family: "Noto Sans JP", sans-serif;
}
.main .detailsPrices.single {
position: absolute;
content: "";
right: 13px;
bottom: 10px;
flex-flow: column wrap;
}
.main .detailsPrices.single dl:nth-of-type(2) {
margin: 10px 0 0;
}
.main .detailsPrices.single dt {
font-size: 3vw;
line-height: 1;
font-weight: 700;
}
.main .detailsPrices.single dt span {
display: inline-block;
color: #fff;
background: #382923;
border-radius: 5px;
padding: 5px 20px;
line-height: 1;
}
.main .detailsPrices.single dd {
font-size: 10.98vw;
color: #c1272d;
font-weight: 900;
font-variation-settings: "wght" 500, "wdth" 90;
letter-spacing: -0.04em;
line-height: 0.9;
margin-top: 10px;
text-shadow: 3px 3px 1px #ffffff, -3px 3px 1px #ffffff, 3px -3px 1px #ffffff,
-3px -3px 1px #ffffff, 3px 0px 1px #ffffff, 0px 3px 1px #ffffff,
-3px 0px 1px #ffffff, 0px -3px 1px #ffffff;
}
@media (min-width: 1367px) {
.main .detailsPrices.single dd {
font-size: 150px;
}
.main .detailsPrices.single dt {
font-size: 36px;
}
}
@media (max-width: 1024px) {
.main .detailsPrices.single dd {
font-size: 11.5vw;
}
.main .detailsPrices.single dt {
font-size: 3.125vw;
}
}
.main .detailsPrices.single dd span {
font-size: 80px;
}
.main .detailsPrices.single dd .yen {
font-size: 50px;
}
.main .priceTaxin {
margin-bottom: 0;
color: #fff;
font-size: 15px;
text-align: right;
}
.main .packList .txts {
font-size: 10px;
margin-bottom: 5px;
word-wrap: break-word;
}
.main .packList .optionTxt {
color: #c1272d;
font-size: 23px;
font-weight: bold;
}
.main .packList .catchTxt {
font-size: 1.1666em;
font-weight: bold;
line-height: 1.2;
padding-top: 8px;
}
#menu .main .packList .catchTxt {
padding-top: 0;
}
.main .packList .catchTxt br {
display: none;
}
.main .packOther article.layout03 {
overflow: hidden;
width: 100%;
}
.main .packOther article.layout02 img {
width: 100%;
height: auto;
}
.main .packWall .noteTxt {
font-size: 35px;
font-weight: bold;
text-align: center;
color: #ff8800;
}
.main .packWall .packItems {
padding: 25px 30px;
border: 1px solid #ccc;
}
.main .packWall .packItems .packTi {
background: none;
box-shadow: none;
padding: 0;
font-size: 50px;
color: #222;
}
.main .packWall .packRow {
display: flex;
align-items: flex-end;
}
.main .packWall .packItems .packList {
display: flex;
margin: 0;
}
.main .packWall .packItems .packItem {
position: relative;
width: 320px;
height: 190px;
border: 4px solid #333;
background-color: #fff;
margin: 0 20px 0 0;
padding: 0;
}
.main .packWall .packItems .packDetalis {
position: relative;
background-color: #222;
padding: 10px 10px 0 10px;
font-size: 32px;
color: #fff;
text-align: center;
}
.main .packWall .packItems .packDetalis::before {
position: absolute;
left: 0;
bottom: -35px;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 35px 160px 0 160px;
border-color: #333 transparent transparent transparent;
}
.main .packWall .packItems .packPrice {
margin-top: 5px;
font-size: 100px;
font-family: "Bahnschrift", sans-serif;
font-weight: bold;
color: #c1272d;
letter-spacing: -0.5px;
text-align: center;
}
.main .packWall .packItems .smallTxt {
font-size: 80px;
}
.main .packWall .packItems .packYen {
font-size: 42px;
font-family: "Noto Sans JP", sans-serif;
}
.main .packWall .packItems .btn .btnWrap {
padding: 11px 63px;
display: inline-block; color: #ff8800;
border-radius: 50px;
color: #fff;
}
.main .packWall .packItems .btn .btnWrap::before {
position: absolute;
top: 12px;
left: 40px;
margin: auto;
content: "＞";
vertical-align: middle;
}
.main .packWall .attentionTxt {
font-size: 40px;
font-weight: bold;
text-align: center;
line-height: 1.1;
}
.main .packWall .attentionTxt span {
display: inline-block;
background: #c1272d;
color: #fff;
border-radius: 10px;
line-height: 1;
padding: 5px 10px;
margin-right: 10px;
}
.main .packWall .attentionTxt strong {
font-size: 65px;
font-weight: bold;
color: #c1272d;
}
.main .packWall .packItems .note {
padding-top: 5px;
font-size: 12px;
font-family: "Noto Sans JP", sans-serif;
text-align: right;
margin: 0;
text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff,
0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
} .main .bgAt {
background: #000000 333;
}
.main .bgAt h3 {
font-size: 36px;
text-align: center;
background: none;
border-top: none;
padding: 0;
margin: 0 0 20px 0;
font-weight: normal;
color: #fff;
border-image: none;
}
.main .bgAt h3 strong {
font-weight: bold;
}
.main .bgAt h3 strong.remarkY {
color: #fffc00;
}
.main .bgAt p.imgBAt {
margin-bottom: 20px;
}
.main .bgAt p.imgBAt img {
float: left;
margin-right: 26px;
}
.main .bgAt p.imgBAt img:last-child {
float: none;
margin-right: 0;
}
.main .bgAt p.catchPAt {
font-size: 48px;
line-height: 1.3;
color: #fff;
margin-bottom: 0;
}
.main .bgAt p.ltl {
font-size: 26px;
font-weight: bold;
line-height: 1.7;
padding-top: 20px;
}
.main .bgAt p.ltl img {
margin-top: -20px;
}
.main .bgAt p.catchPAt strong {
color: #fffc00;
}
.main .bgAt p.ltl strong {
color: #fff;
text-decoration: underline;
}
.main .bgAt p.catchPAt span {
font-size: 26px;
display: block;
}
.main .bgAt p.catchPAt img {
float: left;
margin-right: 20px;
} .main .deteriorationChk {
padding: 40px 0 60px;
}
#first .main .deteriorationChk {
padding: 40px 0 0;
}
#first .main .deteriorationChk + div {
display: none;
}
.main .deteriorationChk h2 {
margin-bottom: 0;
color: #222;
}
.main .deteriorationChk .inner {
padding: 15px 0 30px;
}
.main .deteriorationChk .checkLegend {
width: 100%;
margin-top: 20px;
padding-bottom: 20px;
}
.main .deteriorationChk .checkLegend dl {
display: flex;
justify-content: center;
align-items: center;
}
.main .deteriorationChk .checkLegend dl dt {
width: 18%;
}
.main .deteriorationChk .checkLegend dl dt .title {
display: flex;
width: 100%;
height: auto;
aspect-ratio: 1/1;
justify-content: center;
align-items: center;
color: #fff;
background: #3b4391;
font-weight: 500;
border-radius: 50%;
font-size: 1.8em;
line-height: 1.4;
}
.main .deteriorationChk .checkLegend dl dd {
width: 70%;
margin: 0 0 0 4%;
}
.main .deteriorationChk .checkLegend .checkLegendText {
font-size: 46px;
color: #ff8800;
text-shadow: 3px 3px 0 #fff;
line-height: 1.3;
}
.main .deteriorationChk .checkLegend .checkLegendText .checkLegendEm {
font-size: 35px;
}
.main .deteriorationChk .checkLegend span {
display: block;
position: relative;
text-align: center;
}
.main .deteriorationChk .checkLegend span img {
margin-top: 10px;
}
.main .deteriorationChk .checkLegend img {
margin-top: 20px;
}
.main .deteriorationChk .checkPoint {
width: 100%;
background: #f3f5f7;
}
.main .deteriorationChk .checkPoint h3 {
margin: 0;
background: #000000;
border: none;
color: #fff;
font-size: 20px;
padding: 5px 7px;
}
.main .deteriorationChk .checkPoint ul {
position: relative;
display: flex;
justify-content: space-between;
flex-flow: wrap;
padding: 15px;
margin: 0;
box-sizing: border-box;
}
.main .deteriorationChk .checkPoint ul li {
width: calc((100% - 30px) / 3);
margin: 15px 0 0 0;
background: none;
padding: 0;
}
.main .deteriorationChk .checkPoint ul li:nth-child(-n + 3) {
margin-top: 0;
}
.main .deteriorationChk .checkPoint ul li:before,
.main .deteriorationChk .checkPoint ul li:after {
display: none;
}
.main .deteriorationChk .checkPoint ul li:nth-child(3n) {
margin-right: 0;
}
.main .deteriorationChk .checkPoint ul li .checkpointThumb {
position: relative;
font-size: 13px;
width: 100%;
height: auto;
}
.main .deteriorationChk .checkPoint ul li .checkpointThumb img {
width: 100%;
height: 100%;
}
.main .deteriorationChk .checkPoint ul li .checkTtl {
position: absolute;
bottom: 10px;
padding: 0 30px;
text-align: center;
width: 100%;
box-sizing: border-box;
}
.main .deteriorationChk .checkPoint ul li .checkTtl h4 {
background: #ff8800;
color: #fff;
display: inline-block;
padding: 4px 8px;
border-radius: 4px;
font-size: 1.33em;
min-width: 60%;
margin: 0;
}
.main .deteriorationChk .checkPoint ul li .checkTtl h4:before,
.main .deteriorationChk .checkPoint ul li .checkTtl h4:after {
display: none;
}
.main .deteriorationChk .checkPoint ul li .checkTtl p {
background: #fff;
border-radius: 4px;
color: #c1272d;
display: inline-block;
font-size: 1.2em;
margin-top: 5px;
line-height: 1.2;
min-width: 60%;
}
.main .deteriorationChk .checkPoint ul li p {
display: inline-block;
font-size: 13px;
margin-bottom: 0;
}  .main .msgWrap {
display: flex;
justify-content: space-between;
}
.main .msgTxt {
width: 70.7%;
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: flex-start;
}
.main .msgTxt .fukidashi {
display: flex;
position: relative;
border-radius: 10px;
background: #c1272d;
justify-content: center;
align-items: center;
padding: 10px 16px;
margin-bottom: 20px;
}
.main .msgTxt .fukidashi span {
color: #fff;
font-weight: 700;
font-size: 1.6em;
line-height: 1.1;
}
.main .msgTxt .fukidashi:after {
content: "";
border-width: 20px 9px 0 9px;
border-color: #c1272d transparent transparent transparent;
border-style: solid;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 98%;
}
.main .msgTxt h3 {
background: none;
font-size: 2.13em;
font-weight: 700;
border: none;
padding: 5px 10px 0 0;
margin: 0 0 10px 0;
overflow: hidden;
color: #222;
}
.main .msgTxt h3 span {
background: #c1272d;
border-radius: 5px;
font-size: 27px;
color: #fff;
position: relative;
padding: 5px 10px 5px 20px;
display: inline-block;
}
#reason .main .msgTxt h3 span {
padding: 5px 15px 0 15px;
line-height: 1.5;
}
.main .msgTxt h4 {
margin-bottom: 1em;
color: #3b4391;
}
.main .msgPhoto {
width: 25.5%;
}
.main .msgTxt h5,
.main .msgPhoto h5 {
font-size: 25px;
font-weight: bold;
margin-top: 0;
line-height: 1.4;
background: none;
color: #000000;
padding: 0;
margin: 0;
text-align: center;
}
.main .msgPhoto h5 {
width: 100%;
margin-top: 10px;
}
.main .msgPhoto h5:before {
display: none;
}
.main .msgTxt h5 span,
.main .msgPhoto h5 span {
background: #808080;
border-radius: 0;
color: #fff;
padding: 2px 10px;
display: block;
font-size: 0.541em;
font-weight: normal;
margin: 0;
width: 100%;
text-align: center;
}
.main .msgTxt h5 .job,
.main .msgPhoto h5 .job {
background-color: transparent;
margin-right: 10px;
padding: 0;
color: #000000;
font-size: 0.7em;
font-weight: bold;
display: inline-block;
width: auto;
}
.main .msgTxt h5 span.en,
.main .msgPhoto h5 span.en {
background: none;
font-size: 12px;
font-weight: bold;
color: #ff6600;
display: inline-block;
padding: 0 0 0 5px;
} .main .comWaitBox {
padding: 0;
margin-bottom: 30px;
}
.main .comWaitBox a {
text-decoration: none;
}
.main .comWaitBox h3 {
background: #ffa800;
text-align: center;
font-size: 28px;
border: none;
color: #fff;
padding: 10px 0;
margin: 0;
}
.main .comWaitBox p {
position: relative;
overflow: hidden;
}
.main .comWaitBox img {
float: left;
display: block;
} .main .comAreaBox {
padding: 10px;
box-sizing: border-box;
background: #fff;
margin-bottom: 30px;
}
.main .comAreaBox img {
float: left;
margin-right: 30px;
}
.main .comAreaBox h3 {
font-size: 23px;
margin: 0 0 20px;
}
.main .comAreaBox h4 {
margin: 0 0 5px;
}
.main .comAreaBox p {
font-size: 18px;
margin-bottom: 10px;
}
.main .comAreaBox .overflowH p:first-of-type {
display: none;
}
.main .comAreaBox p strong {
color: #c1272d;
}
.main .comAreaBox p.catchAra {
font-size: 20px;
font-weight: bold;
}
.main .comAreaBox .catchTtl {
background: none;
border-top: none;
font-size: 22px;
font-weight: bold;
line-height: 1.5;
margin-top: 0;
}
.main .comAreaBox .catchAra strong {
color: #c1272d;
}
.main .comAreaBox .catchAra span {
text-decoration: underline;
} .main .comFamilyBox {
background: #4582e8;
border-style: solid;
border-width: 10px;
border-image: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/brown_bg.png) 10 repeat;
position: relative;
margin-top: 20px;
}
.main .comFamilyBox .imgLayer {
right: 0;
top: -20px;
}
.main .comFamilyBox p {
color: #fff;
font-size: 40px;
font-weight: bold;
margin: 20px 20px 10px;
line-height: 1.4;
}
.main .comFamilyBox p span.txtM {
font-size: 30px;
}
.main .comFamilyBox p strong {
color: #ffc501;
}
.main .comFamilyBox p span strong {
border-radius: 4px;
background: #c1272d;
padding: 5px;
display: inline-block;
color: #fff;
line-height: 1;
margin-right: 5px;
}
.main .comFamilyBox p.catchTtl {
background: #1342d3;
display: block;
position: relative;
margin: 0 -10px 20px;
font-size: 35px;
text-align: center;
}
.main .comFamilyBox p.catchTtl:before,
.main .comFamilyBox p.catchTtl:after {
content: "";
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
}
.main .comFamilyBox p.catchTtl:before {
left: 0;
border-width: 0 10px 10px 0;
border-right-color: #001453;
}
.main .comFamilyBox p.catchTtl:after {
right: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-top-color: #001453;
} .main .balloonBox {
background: #fff;
border-radius: 10px;
border: #ff8800 4px solid;
padding: 20px;
}
.main .balloonBox p {
margin: 0;
font-size: 30px;
font-weight: bold;
line-height: 1.3;
color: #ff8800;
}
.main .balloonBox + p {
font-weight: bold;
margin-top: 1em;
}
.main .balloonBox p strong {
color: #f0d100;
}
.main .catchCBox {
background: #c1272d;
border-radius: 10px;
color: #fff;
padding: 10px;
text-align: center;
font-size: 45px;
font-weight: bold;
line-height: 1.5;
} .main .comMember {
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(1, #8eafd9),
color-stop(0.2, #6696cf)
);
background: linear-gradient(to bottom, #6696cf 20%, #8eafd9 100%);
margin-bottom: 0;
}
.main .comMember .inner {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/comMember_bg.png) no-repeat right 140px;
min-height: 440px;
padding: 0;
}
.main .comMember p {
color: #fff;
font-size: 48px;
font-weight: bold;
line-height: 1.4;
margin: 30px 0 0;
display: block;
text-align: center;
} .main .lawpriceWhy .catchTtl {
font-size: 30px;
line-height: 1.2;
font-weight: bold;
text-align: center;
}
.main .lawpriceWhy .catchTtl strong {
color: #c1272d;
}
.main .lawpriceWhy .highCost {
background: #3b4391;
padding: 25px;
margin-top: 25px;
}
.main .lawpriceWhy .highCost h3 {
color: #fff;
font-size: 50px;
padding: 0;
background: none;
border-top: none;
text-align: center;
line-height: 1.3;
margin-top: 0;
box-shadow: none;
}
.main .lawpriceWhy .highCost h3 strong {
}
.main .lawpriceWhy .highCost ul {
position: relative;
margin-bottom: 0;
}
.main .lawpriceWhy .highCost ul li {
background: #f15a24;
padding: 10px;
width: 300px;
box-sizing: border-box;
float: left;
margin: 0 25px 0 0;
position: relative;
}
.main .lawpriceWhy .highCost ul li:last-child {
margin-right: 0;
}
.main .lawpriceWhy .highCost ul li:before,
.main .lawpriceWhy .highCost ul li:after {
content: none;
}
.main .lawpriceWhy .highCost ul li h4 {
border-radius: 50%;
background: #c1272d;
width: 57px;
height: 57px;
color: #fff;
font-size: 13px;
position: absolute;
top: -10px;
left: 3px;
padding: 0;
margin: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.2;
}
.main .lawpriceWhy .highCost ul li h4:before,
.main .lawpriceWhy .highCost ul li h4:after {
display: none;
}
.main .lawpriceWhy .highCost ul li p {
display: block;
background: #fff;
font-weight: bold;
font-size: 18px;
padding: 10px;
line-height: 1.2;
margin-bottom: 0;
} .main .lowpriceReason .lowcost ul {
position: relative;
overflow: hidden;
}
.main .lowpriceReason .lowcost ul li {
background: #3b4391;
padding: 25px;
width: 490px;
box-sizing: border-box;
float: left;
margin: 0 20px 20px 0;
position: relative;
}
.main .lowpriceReason .lowcost ul li:nth-child(2n) {
margin-right: 0;
}
.main .lowpriceReason .lowcost ul li:before,
.main .lowpriceReason .lowcost ul li:after {
content: none;
}
.main .lowpriceReason .lowcost ul li.fullW {
margin-right: 0;
width: 100%;
}
.main .lowpriceReason .lowcost ul li h4 {
background: #f15a24;
color: #fff;
padding: 10px;
font-size: 30px;
margin: 0 0 30px;
}
.main .lowpriceReason .lowcost ul li.fullW h4 {
padding: 0 25px;
}
.main .lowpriceReason .lowcost ul li h4:before {
display: none;
}
.main .lowpriceReason .lowcost ul li h4:after {
content: " ";
height: 0;
position: absolute;
width: 0;
border: 25px solid transparent;
border-top: #f15a24 solid 25px;
top: 100%;
left: 50%;
margin-left: -25px;
border-radius: 0;
background: none;
clear: both;
display: block;
}
.main .lowpriceReason .lowcost ul li h4 span {
display: inline-block;
line-height: 1.3;
padding-top: 5px;
}
.main .lowpriceReason .lowcost ul li.fullW span {
display: flex;
-ms-align-items: center;
align-items: center;
padding: 0;
}
#reason .main .lowpriceReason .lowcost ul li.fullW span {
padding: 0;
display: block;
text-align: center;
padding: 20px 0;
}
.main .lowpriceReason .lowcost ul li h4 span.reasonIco {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/comLowprice_ico.png) no-repeat center center;
background-size: auto 100%;
color: #fff;
width: 112px;
height: 112px;
font-size: 23px;
padding: 0;
margin: -10px 10px 5px 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
float: left;
}
.main .lowpriceReason .lowcost ul li.fullW span.reasonIco {
margin: 0;
}
.main .lowpriceReason .lowcost ul li h4 span strong {
font-size: 12px;
line-height: 1.2;
margin-top: 5px;
padding: 0 5px;
}
.main .lowpriceReason .lowcost ul li p {
font-size: 30px;
color: #fff;
line-height: 1.2;
font-weight: bold;
margin-bottom: 0;
}
.main .lowpriceReason .lowcost ul li .compareBox {
background: #fff;
padding: 30px 25px;
}
.main .lowpriceReason .lowcost ul li .compareBox h6:first-child {
margin-top: 0;
}
.main .lowpriceReason .lowcost ul li .compareBox hr {
border-top: #000000 dotted 1px;
display: block;
margin-top: 25px;
} .main .qualityBox .catchTtl {
position: relative;
font-size: 65px;
font-weight: bold;
text-align: left;
line-height: 1.1;
margin-top: 0;
margin-bottom: 30px;
}
.main .qualityBox .catchTtl + h3.bar {
background: #3b4391;
font-size: 32px;
padding: 8px 10px;
margin-top: 5px;
text-align: center;
}
.main .qualityBox .catchTtl img.catchIco {
float: left;
width: 20%;
}
.main .qualityBox .catchTtl .txtL {
font-size: 100px;
line-height: 1.2;
}
.main .qualityBox .catchTtl .imgLayer {
right: 0;
top: -80px;
width: 20%;
}
.main .qualityBox h3 {
font-size: 20px;
padding: 0;
margin: 30px 0 20px;
}
.qualityBox .kodawariWrap h3 {
background: none;
color: #000000;
position: relative;
font-size: 28px;
padding-left: 6em;
margin-top: 2em;
margin-bottom: 0.5em;
}
.qualityBox .kodawariWrap h3 + h4 {
margin-top: 0;
}
.qualityBox
.kodawariWrap
.wp-block-group__inner-container
> .wp-block-group
h3:before {
content: "こだわり";
background: #ff8800;
border-radius: 5px;
color: #fff;
padding: 5px 20px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
font-size: 20px;
}
.qualityBox
.kodawariWrap
.wp-block-group__inner-container
> .wp-block-group:nth-of-type(1)
h3:before {
content: "こだわり01";
}
.qualityBox
.kodawariWrap
.wp-block-group__inner-container
> .wp-block-group:nth-of-type(2)
h3:before {
content: "こだわり02";
}
.qualityBox
.kodawariWrap
.wp-block-group__inner-container
> .wp-block-group:nth-of-type(3)
h3:before {
content: "こだわり03";
}
.qualityBox
.kodawariWrap
.wp-block-group__inner-container
> .wp-block-group:nth-of-type(4)
h3:before {
content: "こだわり04";
}
.main .qualityBox h3 span {
border-radius: 4px;
background: #c1272d;
color: #fff;
display: inline-block;
padding: 0px 10px;
margin: 10px;
font-size: 20px;
}
.main .qualityBox h3 strong {
color: #c1272d;
}
.main .qualityBox .catchTxt {
font-size: 23px;
}
.main .qualityBox .photoUL li strong {
display: block;
text-align: center;
}
.main .qualityBoxWrap {
display: flex;
justify-content: space-between;
}
.main .qualityBoxPic {
width: 316px;
}
.main .qualityBoxPic img {
max-width: 100%;
height: auto;
}
.main .qualityBoxTxt {
width: calc(100% - 356px);
}
.main .commitFlow {
position: relative;
overflow: hidden;
}
.main .commitFlow li {
background: none;
width: 369px;
margin: 0;
float: left;
padding: 0;
}
.main .commitFlow li:before,
.main .commitFlow li:after {
content: none;
}
.main .commitFlow li h4 {
border-radius: 5px;
background: #000000;
text-align: center;
color: #fff;
padding: 0;
margin-bottom: 10px;
}
.main .commitFlow li h4:before,
.main .commitFlow li h4:after {
display: none;
}
.main .commitFlow li:nth-child(2) {
width: 229px;
margin: 0 84px 0 12px;
position: relative;
}
.main .commitFlow li:nth-child(3) {
width: 305px;
}
.main .commitFlow li:nth-child(2):before,
.main .commitFlow li:nth-child(2):after,
.main .commitFlow li:nth-child(3):before {
position: absolute;
z-index: 10;
}
.main .commitFlow li:nth-child(2):before,
.main .commitFlow li:nth-child(3):before {
content: " ";
height: 0;
width: 0;
border: 55px solid transparent;
border-left: #bb0000 solid 48px;
left: 125%;
top: 50%;
margin-top: -25px;
background: none;
}
.main .commitFlow li:nth-child(3):before {
border-left: #fff solid 48px;
left: -8%;
z-index: 8;
}
.main .commitFlow li:nth-child(2):after {
background: #c1272d;
content: "クリア";
color: #fff;
font-size: 20px;
font-weight: bold;
left: 95%;
top: 50%;
width: 80px;
padding: 15px 0;
text-align: right;
transform: none;
height: auto;
border: none;
border-left: #fff solid 2px;
}
.main .commitPoint {
position: relative;
margin-bottom: 30px;
}
.main .commitPoint .imgLayer {
top: 63px;
left: 56%;
} .main .flowListP {
position: relative;
clear: both;
}
.main .flowListP .pointB {
position: absolute;
color: #fff;
box-sizing: border-box;
font-weight: bold;
background: #ff6600;
right: 18px;
top: -115px;
border-radius: 50%;
height: 110px;
width: 110px;
text-align: center;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.2;
}
.main .flowListP .pointB::after {
content: "";
position: absolute;
margin: 0;
bottom: -25px;
right: 20px;
width: 0;
height: 0;
border-top: 40px solid #ff6600;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
transform: rotate(-30deg);
}
.main .flowList {
border-radius: 5px;
background: #566b90;
padding: 10px;
position: relative;
overflow: hidden;
box-sizing: border-box;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
clear: both;
}
.main .flowList h3 {
color: #fff;
font-size: 28px;
float: left;
background: none;
border: none;
padding: 0 12px;
line-height: 1.2;
margin: 0;
box-shadow: none;
min-width: 200px;
}
.main .flowList ul {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
.main .flowList ul li {
border-radius: 10px;
background: #fff;
font-size: 1.4em;
color: #3b4391;
font-weight: bold;
padding: 0;
text-align: center;
margin: 0 5px 0 0;
width: 77px;
height: 74px;
line-height: 1.2;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.main .flowList ul li:before,
.main .flowList ul li:after {
content: none;
}
.main .flowList ul li.stxt {
font-size: 16px;
}
.main .flowList ul li:last-child {
margin-right: 0;
}
.main .flowList.flowRoof ul li {
width: 110px;
}
.main .textComS {
font-size: 13px;
}
.main .commitPoint ul .flowCatch {
background: #c1272d;
color: #fff;
} .main .selectPoint li {
padding: 15px;
position: relative; background: none;
}
.main .selectPoint li .pointIco {
margin-right: 10px;
}
.main .selectPoint li .pointSummery {
position: relative; }
.main .selectPoint li .pointSummery h3 {
margin-top: 0;
background: none;
border: none;
font-size: 30px;
}
.main .selectPoint li .pointSummery ul {
margin: 0;
}
.main .selectPoint li .pointSummery li {
font-size: 25px;
padding: 0 0 0 25px;
position: relative;
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/arrow01.png) no-repeat 0 5px;
margin-top: 0;
}
.main .selectPoint li .pointSummery li strong {
font-weight: normal;
background: #ffc501;
line-height: 0.6;
display: inline-block;
} .main .comparePaint {
padding: 0;
}
.main .compareTable {
width: 100%;
table-layout: fixed;
}
.main .compareTable th,
.main .compareTable td {
vertical-align: top;
text-align: center;
width: auto;
padding: 10px;
}
.main .compareTable th {
font-weight: bold;
padding: 10px;
vertical-align: middle;
background: #000000;
color: #fff;
}
.main .compareTable th:first-of-type {
width: 12%;
}
.main .compareTable th:last-of-type {
width: 37%;
}
.main .compareTable tr.thinking td {
text-align: left;
font-weight: normal;
font-size: 1em;
}
.main .compareTable td {
font-weight: normal;
font-size: 0.8em;
text-align: left;
padding-left: 60px;
}
.main .compareTable tr:last-child td {
padding-left: 10px;
}
.main .compareTable td span {
font-size: 30px;
float: left;
position: absolute;
width: 40px;
display: block;
border-right: #ccc solid 1px;
padding-right: 10px;
margin-right: 10px;
text-align: center;
box-shadow: 2px 0px 0px 0px #fff;
font-weight: bold;
line-height: 1.3;
left: 10px;
top: 10px;
}
.main .compareTable td span.goodS {
color: #e01c1c;
font-weight: bold;
}  .main .scoreBox .catchTtl {
font-size: 40px;
text-align: left;
position: relative;
font-weight: bold;
line-height: 1.3;
margin-bottom: 30px;
}
.main .scoreBox .catchTtl span {
display: block;
font-size: 78px;
}
.main .scoreBox .catchTtl strong {
color: #c1272d;
}
.main .scoreBox .catchTtl img {
float: right;
margin-top: -30px;
}
.main .scoreBox .scoreList {
position: relative;
overflow: hidden;
}
.main .scoreBox .scoreList li {
background: #000000;
color: #fff;
position: relative;
width: 487px;
float: left;
padding: 0;
}
.main .scoreBox .scoreList li {
margin-right: 25px;
}
.main .scoreBox .scoreList li:nth-child(2n) {
margin-right: 0;
}
.main .scoreBox .scoreList li p {
padding: 10px 20px;
height: 60px;
font-weight: bold;
font-size: 24px;
margin: 0;
line-height: 1.2;
} .main .enqueteBox .catchTtl {
position: relative;
font-size: 38px;
font-weight: bold;
margin-top: 0;
text-align: left;
line-height: 1.4;
}
.main .enqueteBox .catchTtl img {
width: 20%;
}
.main .enqueteBox .catchTtl .txtL {
font-size: 70px;
line-height: 1.2;
}
.main .enqueteBox .catchTtl strong {
color: #c1272d;
}
.main .enqueteBox p {
font-size: 20px;
}
.main .enqueteBox ul li a {
text-decoration: none;
color: #000000;
}
.main .enqueteBox ul li span {
overflow: visible;
}
.main .enqueteBox ul li span:before {
content: none;
}
.main .enqueteBox ul li img {
box-sizing: border-box;
border: #ccc solid 1px;
width: 100%;
height: auto;
position: relative;
}
.main .enqueteBox ul li h3 {
background: none;
border: 0;
margin: 5px 0 0;
padding: 0;
color: #036936;
font-size: 15px;
line-height: 1.4;
}
.main .enqueteBox ul li .contTxt {
font-weight: bold;
display: block;
}
.main .enqueteBox .balloonBox p {
font-size: 30px;
text-align: center;
} .main .iDeal .inner {
padding-bottom: 0;
}
.main .iDeal article {
padding-bottom: 0;
}
.main .iDeal .catchTtl {
font-size: 50px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 30px;
}
.main .iDeal .catchTtl strong {
color: #c1272d;
} .main .comIdea {
margin-bottom: 29px;
}
.main .comIdea .ttl {
margin-bottom: 3px;
}
.main .comIdea ul {
display: flex;
justify-content: space-between;
}
#harikae .main .comIdea ul,
#menu .main .comIdea ul,
#apartment .main .comIdea ul {
justify-content: space-around;
padding: 0 90px;
}
.main .comIdea ul:after {
content: none;
}
.main .comIdea > div {
padding-left: 0;
float: none;
width: 182px;
box-sizing: border-box;
}
.main .comIdea li:before,
.main .comIdea li:after {
content: none;
}
.main .comIdea > div img {
display: block;
margin: 0 auto;
}
.main .comIdea > div > span {
font-size: 1em;
padding: 10px 10px;
position: relative;
color: #fff;
font-weight: bold;
line-height: 1.4;
text-align: left;
border-radius: 6px;
background: #ff8800;
display: block;
margin-bottom: 30px;
}
.main .comIdea > div > span:after {
content: "";
height: 0;
position: absolute;
width: 0;
border: 10px solid transparent;
border-top-color: #ff8800;
top: 100%;
left: 0;
right: 0;
margin: auto;
}
.main .comIdea li:first-child {
padding-left: 0;
} .main h3.showroomH {
background: none;
font-size: 36px;
color: #ff8800;
border-top: none;
box-shadow: none;
padding: 0;
margin: 20px 0;
}
.main .showroomFeature p {
margin-bottom: 0;
}
.main .featureBox {
position: relative;
overflow: hidden;
background: #333;
margin: 30px 0;
}
.main .featureBox p {
margin-top: 0;
}
.main .featureBox ul {
padding: 10px;
float: right;
width: 300px;
box-sizing: border-box;
margin-bottom: 0;
display: block;
}
.main .featureBox ul li {
border-radius: 5px;
background: #fff;
font-size: 13px;
padding: 10px;
position: relative;
overflow: hidden;
margin-top: 10px;
line-height: 1.6;
}
.main .featureBox ul li:before,
.main .featureBox ul li:after {
content: none;
}
.main .featureBox ul li:first-child {
margin-top: 0;
}
.main .featureBox ul li p {
font-size: 14px;
line-height: 1.8;
}
.main .featureBox ul li h4 {
background: #c1272d;
color: #fff;
font-size: 25px;
display: table-cell;
padding: 26px 5px;
height: 100%;
width: 3em;
text-align: center;
vertical-align: middle;
float: left;
margin: 0 10px 0 0;
line-height: 1;
}
.main .featureBox ul li h4:before,
.main .featureBox ul li h4:after {
display: none;
}
.main ul.featureImg li {
float: left;
margin-bottom: 30px;
padding: 0;
width: 480px;
height: 303px;
position: relative;
overflow: hidden;
}
.main ul.featureImg li:last-child {
float: right;
}
.main ul.featureImg li:before,
.main ul.featureImg li:after {
display: none;
}
.main ul.featureImg li img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
.main .featureContents ol {
counter-reset: feature;
padding: 0;
margin: 0;
}
.main .featureContents ol > li {
counter-increment: feature;
position: relative;
margin-bottom: 20px;
}
.main .featureContents ol > li .imgLayer {
bottom: 0;
right: 0;
}
.main .featureContents li {
list-style: none;
padding: 0;
}
.main .featureContents h3 {
display: flex;
align-items: center;
color: #000000;
font-size: 52px;
line-height: 1.2;
background: none;
position: relative;
overflow: hidden;
padding: 0;
padding: 15px 0;
border: none;
margin-bottom: 0;
}
.main .featureContents h3 span {
display: inline-block;
width: calc(100% - 155px);
margin-left: 20px;
}
#contact .main .featureContents h3 {
position: relative;
margin-bottom: 30px;
font-size: 48px;
background: none;
border: none;
padding: 0;
line-height: 1.2;
}
#contact .main .featureContents ol > li {
margin-bottom: 30px;
}
.main .featureContents ol > li:last-of-type {
margin-bottom: 0;
}
#contact .main .featureContents .photoUL li {
margin: 0 10px 0 0;
}
#contact .main .featureContents .photoUL img {
margin-bottom: 0;
}
.main .featureContents h3:before {
background: #c1272d;
border: rgba(255, 255, 255, 0.5) solid 7px;
border-radius: 50%;
color: #fff;
content: "ココが違う\A"counter(feature, decimal-leading-zero);
white-space: pre;
width: 135px;
height: 135px;
font-size: 20px;
text-align: center;
line-height: 1.2;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.main .featureContents h3 img {
position: absolute;
top: 0;
right: 0;
}
.main .featureContents .photoUL {
justify-content: flex-start;
}
.main .featureContents .photoUL li {
margin: 0 20px 0 0;
flex-grow: inherit;
}
#contact .main .featureContents .featureAnser {
position: relative;
margin: 0;
z-index: 1;
padding-top: 90px;
font-size: 48px;
}
#contact .main .featureContents .featureAnser::before {
content: "";
position: absolute;
left: 50%;
top: 20px;
width: 0;
height: 0;
border-style: solid;
border-width: 60px 130px 0 130px;
border-color: #bb0000 transparent transparent transparent;
transform: translateX(-50%);
}
.main .featureContents .photoUL li:nth-child(3n) {
margin-right: 0;
} a.leftNav,
a.rightNav {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/bg2.png);
outline: none;
transition: none;
}
.leftNav:before,
.rightNav:before {
content: "";
width: 100%;
height: 100%;
display: block;
transition: none;
}
.leftNav:hover {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/leftNav.png) right center no-repeat;
transition: none;
opacity: 1;
}
.rightNav:hover {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/rightNav.png) left center no-repeat;
transition: none;
opacity: 1;
}
.leftNav:hover:before,
.rightNav:hover:before {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/bg2.png);
transition: none;
} .pageTitle {
position: relative;
overflow: hidden;
background: #d5dcf1;
display: flex;
align-items: center;
justify-content: center;
min-height: 180px;
background-size: cover !important;
}
.pageTitle .inner {
width: 100%;
height: 100%;
padding: 120px 0 0 0;
}
.pageTitle h1 {
color: #fff;
line-height: 1;
box-shadow: none;
border: none;
margin: 0 auto;
font-size: 2.666em;
text-shadow: 2px 2px 2px #000000;
width: 100%;
max-width: 1000px;
position: relative;
text-align: center;
font-weight: bold;
}
.pageTitle h1 span,
.pageTitle h1 small {
display: block;
margin: 0 auto;
position: relative;
z-index: 10;
}
.pageTitle h1 small {
font-size: 30px;
}
.pageTitle h1 span {
background: #3b4391;
margin-top: 10px;
padding: 5px 20px;
font-size: 18px;
display: table;
line-height: 1.2;
text-shadow: none;
}
.pageTitle h1 img {
position: absolute;
bottom: 0;
right: calc(50% - 570px);
} #pagePath {
background: #c1272d;
padding: 5px 0;
}
#pagePath p {
width: 1000px;
margin: 0 auto;
color: #fff;
font-size: 11px;
}
#pagePath p a {
color: #fff;
} .main .formD h3 {
background: #ff8800;
border-top: none;
color: #fff;
margin: 0;
}
.main .formD ul li:before,
.main .formD ul li:after {
content: none;
}
.main #form {
padding: 30px 0 30px;
}
.main #form h3 {
background: none;
font-size: 40px;
color: #ff8800;
border: none;
padding: 0;
margin: 0 0 20px 0;
text-align: center;
box-shadow: none;
}
.main #form ul li {
background: none;
padding: 0;
}
.main #form ul li:before,
.main #form ul li:after {
content: none;
}
.main #form ul.formStep {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.main #form ul.formStep li {
background: #b3a481;
color: #fff;
font-size: 17px;
font-weight: bold;
margin: 5px 0;
position: relative;
width: 243px;
float: left;
height: 50px;
padding: 0 10px 0 80px;
display: flex;
align-items: center;
}
.main #form ul.formStep li:before,
.main #form ul.formStep li:after {
width: 0;
height: 0;
border-style: solid;
border-width: 25px 0 25px 10px;
border-color: transparent transparent transparent #b3a481;
content: "";
display: block;
position: absolute;
}
.main #form ul.formStep li:before {
left: 100%;
top: 0;
z-index: 10;
background: none;
}
.main #form ul.formStep li:after {
border-width: 26px 0 26px 12px;
border-color: transparent transparent transparent #fff;
left: 100.5%;
top: 0;
z-index: 9;
transform: none;
}
.main #form ul.formStep li:last-child:before,
.main #form ul.formStep li:last-child:after {
display: none;
}
.main #form ul.formStep li.on {
background: #ff6600;
color: #fff;
}
.main #form ul.formStep li.on:before {
border-color: transparent transparent transparent #ff6600;
}
.main #form ul.formStep li span {
border-radius: 50%;
background: #c1272d;
width: 57px;
height: 57px;
color: #fff;
font-size: 13px;
line-height: 1.2;
position: absolute;
top: -3px;
left: 15px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.main #form ul.formStep li:first-child span {
left: 2px;
}
.main .formBox {
margin-bottom: 40px;
}
.main .formBox table {
margin-bottom: 20px;
}
.main .formBox th {
padding: 20px 15px;
font-weight: bold;
vertical-align: middle;
width: 30%;
font-size: 16px;
background: #566b90;
color: #fff;
}
.main .formBox th span {
background: #c1272d;
color: #fff;
font-size: 0.9em;
float: right;
padding: 2px 15px;
}
.main .formBox th span.opt {
background: #a3a3a3;
}
.main .formBox td {
padding: 10px;
font-weight: bold;
vertical-align: middle;
font-size: 1em;
background: #fff;
}
.main .formBox td label {
display: block;
}
.main .formBox td label span {
display: block;
}
.main .formBox td span label {
display: flex;
align-items: center;
padding-right: 25px;
}
.main .formBox td a {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/arrow01.png) no-repeat 0 5px;
color: #000000;
padding-left: 25px;
float: none;
position: inherit;
top: inherit;
right: inherit;
}
.main .formBox td input[type="text"],
.main .formBox td input[type="tel"],
.main .formBox td input[type="email"] {
padding: 5px;
width: 100%;
border: 1px solid #ccc;
box-sizing: border-box;
background: #e5e6ed;
font-size: 1.1em;
}
.main .formBox td textarea {
padding: 5px;
width: 100%;
height: 100px;
border: 1px solid #ccc;
box-sizing: border-box;
overflow: auto;
background: #e5e6ed;
font-size: 15px;
}
.main .formBox td select,
.main .formBox td input[type="date"],
.main .formBox td input#yourDate {
width: auto;
font-size: 15px;
padding: 2px;
height: 36px;
line-height: 30px;
border: 1px solid #ccc;
box-sizing: border-box;
margin-right: 10px;
background: #ffffcc;
}
.main .formBox td > .event-time + span {
display: block;
}
.main .formBox td input[type="date"],
.main .formBox td input#yourDate {
width: 360px;
}
.main .formBox td input[type="checkbox"] {
width: 20px;
height: 20px;
}
.main .formBox td span.wpcf7-list-item-label {
margin-left: 5px;
}
.main .formBox .submit {
text-align: center;
}
.main .formBox .submit li {
margin: 0 5px;
display: inline;
}
.main .formBox .submit input {
max-width: 320px;
text-align: center;
vertical-align: top;
background: #d00000;
border-radius: 50px;
border: none;
color: white;
font-size: 24px;
font-weight: bold;
padding: 10px 50px;
text-decoration: none;
display: inline-block;
cursor: pointer;
}
.main .formBox .submit input:hover {
opacity: 0.8;
}
.main .formBox .submit input[type="button"] {
margin-right: 10px;
}
.main .formBox td input.wpcf7c-conf,
.main .formBox td select.wpcf7c-conf,
.main .formBox td textarea.wpcf7c-conf {
border: none;
background: #efefef;
}
.main .formBox td select.wpcf7c-conf {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: "";
}
.main .formBox td select.wpcf7c-conf::-ms-expand {
display: none;
}
.main .formBox td input.wpcf7c-conf:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #efefef inset;
}
.main .wpcf7-form li {
padding-left: 0;
}
.main .wpcf7-form li::before,
.main .wpcf7-form li::after {
display: none;
} .contents {
margin: 30px auto 0;
}
.contents section {
margin: 0 auto;
position: relative;
overflow: hidden;
} .main .taxList li,
.main .areaList li {
display: inline-block;
padding: 0;
background: none;
margin: 0;
}
.main .taxList li:before,
.main .areaList li:before,
.main .taxList li:after,
.main .areaList li:after {
content: none;
}
.main .cat a,
.main .taxList li a,
.main .areaList li a {
display: inline-block;
background: #0000cd;
color: #fff;
font-weight: bold;
margin: 0 4px 4px 0;
text-decoration: none;
padding: 0 5px;
border-radius: 3px;
position: inherit;
}
.main .areaList li a {
background-color: #ff8800;
border: solid 1px #ff8800;
}
.main .taxList li.current-cat a {
background-color: #fff;
color: #c1272d;
border: solid 1px #c1272d;
}
.main .areaList li.current-cat a {
background-color: #fff;
color: #ff8800;
border: solid 1px #ff8800;
}
.main .infoBox {
padding: 8px 0;
border-bottom: dotted 1px #000000;
overflow: hidden;
margin-bottom: 30px;
}
.main .infoBox .time {
float: right;
font-weight: bold;
}
.main .archiveList {
padding-bottom: 15px;
position: relative;
}
.main .archiveBox {
display: flex;
flex-flow: wrap;
padding-bottom: 15px;
position: relative;
}
.main .worksArchiveBox {
position: relative;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-flow: wrap;
}
.main .archiveList article {
width: 31%; margin: 0 2% 20px 0;
position: relative;
padding: 0;
}
.main .archiveList article:nth-child(3n) {
margin-right: 0;
}
.main .archiveList article:nth-child(3n + 1) {
clear: both;
}
.main .archiveList a {
text-decoration: none;
}
.main .archiveList a:hover {
opacity: 0.8;
transition: 0.7s;
}
.main .archiveList h3,
.main .archiveList .contTxt,
.main .archiveList .price {
display: block;
border: none;
background: none;
line-height: 1.4;
font-size: 0.9em;
padding: 0;
margin: 0 0 5px 0;
color: #000000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
}
.main .archiveList h3 {
margin: 0;
color: #000000;
margin-bottom: 5px;
box-shadow: none;
}
#voice .main .archiveList h3 {
margin-top: 0;
}
.main .archiveList article > a {
display: block;
border: 1px solid #ccc;
text-decoration: none;
}
.main .archiveList .archiveTumb {
width: 100%;
height: 226px;
position: relative;
overflow: hidden;
display: block;
background: #fff;
box-sizing: border-box;
}
.main .archiveList img {
width: 100%;
height: 100%;
object-fit: cover;
}
.main .archiveList .contTxt img {
display: none !important;
}
.main .archiveList .price {
font-weight: bold;
color: #c1272d;
}
.main .archiveList .price li {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
line-height: 1.4;
}
.main .archiveList .price li span {
display: inline-block;
background: #c1272d;
color: #fff;
font-size: 12px;
border-radius: 3px;
padding: 1px 5px 0 5px;
margin-right: 8px;
}
.main .archiveList .price li:before,
.main .archiveList .price li:after {
content: none;
}
.main .archiveList .time {
margin: 5px 0 0 0;
line-height: 1.4;
font-size: 12px;
display: block;
color: #666;
}
.main .archiveList .detail {
color: #fff;
font-size: 12px;
font-weight: bold;
background: #ff8800;
box-shadow: 0px -2px 0px 0px #65ad72;
border-radius: 4px;
padding: 0 6px;
width: 110px;
margin: 10px auto 0;
display: block;
text-align: center;
transition: 0.7s;
}
.main .archiveList .cat {
font-size: 0.8em;
line-height: 1.4;
height: 24px;
overflow: hidden;
background: #ff8800;
color: #fff;
text-decoration: none;
padding: 0 10px;
}
.main .archiveList .cat a {
position: relative;
}
.main .archiveList .worksArchiveBox .cat {
background: none;
padding: 0;
}
.main .archiveList .worksArchiveBox .cat label {
line-height: 1.4;
display: inline-block;
background: #ef8633;
color: #fff;
margin: 0 4px 4px 0;
text-decoration: none;
padding: 0 5px;
border-radius: 3px;
}
.main .blogSingle img {
max-width: 100%;
height: auto;
} .main .cstColorphoto li {
position: relative;
}
.main .cstColorphoto .medal {
position: absolute;
right: 0;
top: 95px;
}
.main .cstColorphoto .medal {
position: absolute;
right: 0;
top: 95px;
}
.main .picBox {
overflow: hidden;
margin-bottom: 30px;
position: relative;
}
.main .picBox .photo {
float: right;
width: 686px;
height: 456px;
position: relative;
overflow: hidden;
}
.main .picBox .btmPhoto {
float: left;
width: 287px;
height: 207px;
position: relative;
overflow: hidden;
}
.main .picBox .photo img,
.main .picBox .btmPhoto img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
.main .picBox .arrowImg {
margin: 10px 0 0;
position: absolute;
width: 200px;
left: 20px;
bottom: 40px;
}
.main .picBox02 {
margin-top: 40px;
}
.main .picBox02 .photo {
float: right;
width: 686px;
position: relative;
}
.main .picBox02 .btmPhoto {
float: left;
width: 287px;
position: relative;
}
.main .picBox02 .arrowImg {
margin: 15px 0 0 100px;
}
.main .picBox span.after,
.main .picBox span.before {
position: absolute;
top: 10px;
left: 10px;
background: #ff8800;
display: inline-block;
z-index: 10;
font-size: 15px;
font-weight: bold;
color: #fff;
border-radius: 4px;
padding: 3px 10px 2px 10px;
}
.main .picBox span span {
opacity: 0.5;
margin-left: 5px;
}
.main .voiceSummary {
position: relative;
overflow: hidden;
padding: 10px;
}
.main .voicephotList {
float: left;
width: 316px;
margin-right: 30px;
}
.main .voicephotList li {
background: none;
padding: 0;
position: relative;
margin: 0 0 20px;
border: #ccc solid 1px;
box-sizing: border-box;
width: 316px;
height: 206px;
overflow: hidden;
}
.main .voicephotList li:before,
.main .voicephotList li:after {
content: none;
}
.main .voicephotList li img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
.main .voicephotList li .imgLayer,
.main .voiceSummary .enqImg .imgLayer {
position: absolute;
bottom: 5px;
right: 5px;
transform: none;
top: inherit;
left: inherit;
width: auto;
height: auto;
}
.main .voiceSummary .enqImg .imgLayer {
right: inherit;
}
.main .voiceSummary .enqImg {
width: auto;
height: 500px;
text-align: center;
}
.main .voiceSummary .enqImg a > img {
height: 100%;
width: auto;
}
.main .voiceData {
margin-top: 15px;
}
.main .voiceData table {
margin-bottom: 30px;
} .main .archiveList .seminarList article {
width: 100%;
float: none;
margin: 0 0 50px;
position: relative;
overflow: hidden;
padding: 0 20px 20px;
box-sizing: border-box;
background: #f3f5f7;
border: #ccc solid 1px;
}
.main .archiveList .seminarList a {
border: none;
}
.main .archiveList .seminarList .mainThumb {
float: left;
width: 320px;
margin-right: 20px;
}
.main .archiveList .seminarList h3 {
background: #3b4391;
font-size: 22px;
color: #fff;
width: auto;
padding: 5px 10px;
margin: 0 -20px 20px;
text-align: left;
position: relative;
overflow: hidden;
}
.main .archiveList .seminarList h3 span {
float: right;
border-radius: 3px;
padding: 2px 10px;
font-size: 16px;
background: #ff8800;
}
.main .archiveList .seminarList h3 span.before {
background: #6a5adc;
}
.main .archiveList .seminarList h3 span.end {
background: #999;
}
.main .archiveList .seminarList .overflowH {
background: none;
padding: 0;
color: #000000;
}
.main .archiveList .seminarList dl {
border-top: #000000 dotted 1px;
padding-top: 20px;
margin-bottom: 20px;
}
.main .archiveList .seminarList dl dt {
font-weight: bold;
float: left;
clear: both;
}
.main .archiveList .seminarList dl dd {
padding: 0 0 0 120px;
border-bottom: #000000 dotted 1px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.main .archiveList .seminarList dl dd:last-of-type {
margin-bottom: 0;
}
.main .infoBox .status {
float: left;
font-size: 16px;
font-weight: bold;
color: #fff;
margin-bottom: 0;
}
.main .infoBox .status .color {
background: #ff8800;
}
.main .infoBox .status .color.end {
background: #999;
}
.main .infoBox .status span {
border-radius: 3px;
padding: 2px 10px;
}
.main .formBox td input[type="text"].readonly {
background: #eee;
color: #888;
}
.main .seminarImg {
text-align: center;
max-width: 700px;
margin: 0 auto 40px;
}
.main .seminarImg li {
width: 48%;
width: calc(50% - 10px);
display: inline-block;
padding: 0;
}
.main .seminarImg li:after,
.main .seminarImg li:before {
content: none;
}
.main .seminarImg img {
width: 100%;
} .wp-pagenavi {
clear: both;
text-align: center;
padding-top: 35px;
margin-bottom: 35px;
}
.wp-pagenavi span,
.wp-pagenavi a {
background: #fff;
display: inline-block;
border-radius: 3px;
line-height: 1.2;
}
.wp-pagenavi a {
background: #c1272d;
color: #fff;
border: none;
}
.postLinks {
display: flex;
justify-content: space-between;
margin-top: 80px;
}
.postLinks a {
background: #0000cd;
color: #fff;
text-decoration: none;
border-radius: 4px;
padding: 4px 8px;
}
.postLinks a.disabled {
opacity: 0.2;
pointer-events: none;
background: #000;
} img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 0;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 0;
margin: 0 3px 10px 0;
display: inline;
}
img.aligncenter {
display: block;
margin: 0 auto;
}
.alignright {
float: right;
margin-left: 10px;
margin-bottom: 2px;
}
.alignleft {
float: left;
margin-right: 10px;
margin-bottom: 2px;
}
img {
border-style: none;
}
.main .nobr br {
display: none;
}
.main p.wp-caption {
font-size: 0.8em;
line-height: 1.2em;
}
.main p.wp-caption img {
margin-bottom: 5px;
}
.main p.wp-caption .caption-text {
text-align: left;
} .main .naviUl {
margin: 0 0 20px;
height: 34px;
position: relative;
}
.main .pagenavi {
padding: 20px 0 0 0;
text-align: center;
position: relative;
}
.main .pagenavi a {
display: inline-block;
border-radius: 5px;
background: #c1272d;
padding: 5px 5px;
width: 130px;
text-align: center;
transition: 0.7s;
font-size: 18px;
font-weight: bold;
box-sizing: border-box;
}
.main .pagenavi a:link,
.main .pagenavi a:hover,
.main .pagenavi a:visited {
color: #fff;
text-decoration: none;
}
.main .pagenavi a:hover {
opacity: 0.75;
transition: 0.7s;
}
.main .pagenavi li {
padding: 0;
margin: 0;
background: none;
display: block;
width: 140px;
}
.main .pagenavi li:before,
.main .pagenavi li:after {
position: absolute;
top: 0;
bottom: 0;
right: 20px;
left: inherit;
margin: auto;
content: "";
vertical-align: middle;
z-index: 2;
}
.main .pagenavi li:before {
width: 16px;
height: 16px;
border-radius: 50%;
background: #fff;
}
.main .pagenavi li:after {
right: 26px;
width: 4px;
height: 4px;
border-top: 2px solid #c1272d;
border-right: 2px solid #c1272d;
transform: rotate(45deg);
}
.main .pagenavi .prev {
position: absolute;
right: 0;
}
.main .pagenavi .prev a {
padding: 5px 20px 5px 5px;
}
.main .pagenavi li.list {
position: absolute;
left: 50%;
margin-left: -70px;
}
.main .pagenavi li.list:before,
.main .pagenavi li.list:after {
content: none;
}
.main .pagenavi .next {
position: absolute;
left: 0;
}
.main .pagenavi li.next:before,
.main .pagenavi li.next:after {
left: 20px;
right: inherit;
}
.main .pagenavi li.next:after {
left: 26px;
transform: rotate(-135deg);
}
.main .pagenavi .next a {
padding: 5px 5px 5px 20px;
} .mainv {
margin-bottom: 0;
z-index: 0;
overflow: hidden;
max-width: 1920px;
margin: 0 auto;
width: 98%;
}
.mainv .stage {
width: 100%;
margin: 0 auto;
z-index: 0;
}
.mainv .stage span {
width: 1000px;
z-index: 10;
}
.slick-slide {
transition: 0.5s;
background: #333;
}
.slick-slide * {
width: 100%;
opacity: 0.5;
}
.slick-current * {
opacity: 1;
}
.mainv .stage button {
position: absolute;
z-index: 2000;
width: 80px;
height: 80px;
}
.slick-next {
right: 5%;
}
.slick-prev {
left: 5%;
}
.slick-next:before {
content: url(https://icongr.am/fontawesome/angle-right.svg?size=80&color=ffffff);
width: 80px;
height: 80px;
}
.slick-prev:before {
content: url(https://icongr.am/fontawesome/angle-left.svg?size=80&color=ffffff);
width: 80px;
height: 80px;
}
.slick-dots {
position: absolute;
bottom: -50px;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 12px;
height: 12px;
margin: 0 10px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 12px;
height: 12px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
position: relative;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 12px;
content: "";
text-align: center;
display: block;
background: #ccc;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
background: #fed900;
}
.semminer-bnr {
position: relative;
}
.semminer-bnr .area {
background: #29abe2;
color: #fff;
position: absolute;
left: 0;
top: 0;
padding: 10px 20px;
font-size: 2.8em;
display: inline-block;
line-height: 1;
width: auto;
}
.semminer-bnr .txt-box {
position: absolute;
width: 36.5%;
right: 0;
top: 0;
height: calc(100% - 75px);
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 40px;
}
.semminer-bnr .txt-box * {
color: #fff;
}
.semminer-bnr .txt-box dl:not(:last-child) {
margin-bottom: 20px;
}
.semminer-bnr .txt-box dl dt {
font-size: 1.4em;
line-height: 1.4;
font-weight: bold;
}
.semminer-bnr .txt-box dl dd {
font-size: 1.8em;
line-height: 1.4;
font-weight: bold;
}
.semminer-bnr .txt-box dl dd small {
font-size: 0.8em;
font-weight: normal;
}
.main .bnrSsec ul {
padding: 0;
margin: 0;
}
.main .bnrSsec li {
float: left;
padding: 0;
margin: 0;
}
.main .bnrSsec li:first-child {
margin-right: 20px;
}
.main .bnrSsec li:before,
.main .bnrSsec li:after {
content: none;
}
#top .bg01:nth-of-type(3),
#top .bg01:nth-of-type(4) {
background: none;
margin-top: 0;
}
#top .mainCatch {
position: relative;
z-index: 10;
margin: 0 auto;
}
#top .mainCatch h2 {
width: 1000px;
font-size: 1.73em;
line-height: 1.4;
position: relative;
margin: 0 auto;
text-align: center;
color: #000;
font-weight: bold;
}
@media (max-width: 1280px) {
#top .mainCatch h2 {
width: 100%;
padding-left: 5%;
padding-right: 5%;
}
}
#top .mainCatch h2 .txtCath {
font-size: 1.73em;
display: block;
position: relative;
color: #ff8800;
font-weight: 900;
width: 100%;
}
#top .mainCatch h2 span::before {
content: "[";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
#top .mainCatch h2 span::after {
content: "]";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
#top .mainCatch .txtLight {
display: inline;
font-weight: normal;
} #top .main .checkS.lazyloaded {
background: #eff4f9 url(https://owners-plus.com/wp-content/themes/ownersplus/img/top/bg_chk.jpg) center bottom no-repeat;
background-size: cover;
}
.bnrBoxTop {
display: flex;
justify-content: space-between;
padding-bottom: 60px;
}
.bnrBoxTop > * {
width: 48%;
}
.bnrBoxTop > article {
padding-bottom: 0;
}
.newsBox {
width: 100%;
position: relative;
background: #fff;
border: #ccc solid 1px;
border-top: none;
padding: 0 15px 15px;
box-sizing: border-box;
}
.main .newsBox h2 {
border-top: #3b4391 solid 8px;
background: none;
margin: 0 -15px;
font-size: 1.8666em;
letter-spacing: 0;
font-weight: 500;
font-family: "Bahnschrift", sans-serif;
padding: 8px 15px;
color: #3b4391;
}
.main .newsBox h3 {
position: relative;
background: none;
font-size: 23px;
font-weight: normal;
padding: 0 0 12px 0;
border-top: none;
margin: 0 0 5px;
line-height: 1;
border-image: none;
font-weight: bold;
text-align: center;
}
.main .newsBox h3:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #ff8800;
width: 150px;
height: 5px;
}
.main .newsBox h4 {
font-size: 12px;
padding: 0;
position: relative;
margin: 0 0 5px;
font-weight: normal;
}
.main .newsBox h4:before,
.main .newsBox h4:after {
content: none;
}
.main .newsBox .contbtn {
margin: 0 0 10px;
font-size: 16px;
display: flex;
justify-content: space-between;
}
.main .newsBox .contbtn li {
display: inline-block;
padding: 0;
margin: 0;
}
.main .newsBox .contbtn a {
padding: 4px 12px;
width: auto;
font-size: 0.9333em;
display: block;
border-radius: 2px;
background: linear-gradient(#0000cd 0%, #01019b 100%);
font-weight: bold;
position: relative;
color: #fff;
text-decoration: none;
}
.main .newsBox .contbtn a:before {
content: "";
width: 94%;
height: 1px;
background: #fff;
display: block;
opacity: 0.7;
position: absolute;
top: 2px;
left: 3%;
}
.main .newsBox .contbtn li:before,
.main .newsBox .contbtn li:after {
content: none;
}
.main .newsBox .inBox {
box-sizing: border-box;
position: relative;
border-top: #000000 dotted 1px;
padding-top: 15px;
margin-bottom: 0;
}
.main .newsBox .inBox li {
position: relative;
overflow: hidden;
border-bottom: #000000 dotted 1px;
padding: 0 0 15px;
margin: 0 0 15px;
}
.main .newsBox .inBox li:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.main .newsBox .inBox li:before,
.main .newsBox .inBox li:after {
content: none;
}
.main .newsBox .inBox li a {
color: #000000;
text-decoration: none;
display: block;
height: 100%;
position: relative;
overflow: hidden;
}
.main .newsBox .inBox li h5 {
background: none;
color: #000000;
font-size: 1em;
font-weight: bold;
padding: 0;
margin: 0;
max-height: 3em;
}
.main .newsBox .inBox li h5:before {
display: none;
}
.main .newsBox .inBox li .price {
color: #c1272d;
}
.main .newsBox .inBox p {
font-size: 12px;
font-weight: bold;
margin-bottom: 0;
color: #999;
}
.main .newsBox .inBox p.time {
margin-bottom: 10px;
margin-top: 0;
color: #999;
}
.main .newsBox .inBox .contTxt {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
color: inherit;
}
.main .newsBox .inBox p strong {
color: #c1272d;
}
.main .newsBox .inBox .cat {
color: #fff;
position: absolute;
right: 0;
top: 0;
background: #ff8800;
font-size: 0.8em;
font-weight: bold;
padding: 0 10px;
}
.main .newsBox .inBox li .cat a {
color: #fff;
position: relative;
overflow: visible;
}
.main .newsBox .inBox li .newsTumb {
width: 130px;
height: 130px;
position: relative;
overflow: hidden;
display: block;
float: left;
margin-right: 10px;
border: 1px solid #0c2a5f;
}
.main .newsBox .inBox li img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.main .reasonBox {
padding: 20px 0;
}
.main .worksBox .inner {
width: 1200px;
padding: 60px 0;
}
.main .worksBox,
.main .voiceBox {
text-align: center;
}
.main .voiceBox .inner {
padding: 40px 0;
}
.main .voiceBox .voiceSummary {
margin-bottom: 0;
}
.main .worksList article,
.main .voiceList article {
padding-bottom: 10px;
}
.main .aboutBox {
overflow: initial;
position: relative;
margin-top: 7px;
padding: 50px 0 60px;
}
.main .aboutBox .inner:first-of-type {
padding-top: 0;
}
.main .aboutBox .inner:nth-of-type(2) {
padding-bottom: 0;
}
.main .aboutBox .btn {
margin-bottom: 0;
}
.main .aboutBox::before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 8px;
background-color: #3b4391;
}
.worksBox .swiper-button-prev,
.worksBox .swiper-container-rtl .swiper-button-next {
left: 30px;
}
.worksBox .swiper-button-prev:after,
.worksBox .swiper-container-rtl .swiper-button-next:after {
font-family: "FontAwesome";
content: "\f137";
font-weight: 900;
color: #3b4391;
}
.worksBox .swiper-button-next,
.worksBox .swiper-container-rtl .swiper-button-prev {
right: 30px;
}
.worksBox .swiper-button-next:after,
.worksBox .swiper-container-rtl .swiper-button-prev:after {
font-family: "FontAwesome";
content: "\f138";
font-weight: 900;
color: #3b4391;
}
.main .worksList,
.main .voiceList {
padding-bottom: 20px;
width: 100%;
height: auto;
}
.main .voiceList {
display: flex;
justify-content: space-between;
}
.main .worksList article {
position: relative;
min-height: 285px;
height: auto;
text-align: left;
}
.main .voiceList article {
width: 31%;
margin: 30px 0 0 0;
position: relative;
text-align: left;
}
.main .worksList article:nth-child(-n + 3),
.main .voiceList article:nth-child(-n + 3) {
margin-top: 0;
}
.main .voiceList article:nth-child(3n) {
margin-right: 0;
}
.main .worksList a,
.main .voiceList a {
display: block;
border: 1px solid #ccc;
text-decoration: none;
}
.main .worksList h3,
.main .worksList .contTxt,
.main .worksList .price,
.main .voiceList h3,
.main .voiceList .contTxt {
display: block;
border: none;
background: none;
line-height: 1.4;
font-size: 14px;
font-weight: bold;
padding: 0;
margin: 0;
color: #000000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.main .mainThumb {
width: 100%;
height: 226px;
position: relative;
overflow: hidden;
display: block;
background: #fff;
box-sizing: border-box;
}
.main .mainThumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.main .voiceList h3,
.main .worksList h3 {
margin: 0;
color: #000000;
margin-bottom: 3px;
box-shadow: none;
}
.main .archiveList .overflowH,
.main .voiceList .voiceSummary,
.main .worksList .worksExp {
color: #fff;
background: #fff;
padding: 10px;
}
#top .main .archiveList .overflowH {
background-color: transparent;
color: inherit;
padding: 0;
position: relative;
}
#top .main .newsBox .inBox .cat {
left: inherit;
height: auto;
line-height: inherit;
}
#top .main .newsBox .inBox .contTxt {
font-size: 12px;
}
.main .archiveList .overflowH .price,
.main .worksList .worksExp .price {
color: #fff;
display: table-cell;
background: #c1272d;
border-radius: 3px;
margin: 3px 8px 0 0;
padding: 1px 5px 0 5px;
}
.main .worksList .time,
.main .voiceList .time {
margin: 3px 0 0 0;
line-height: 1.4;
font-size: 12px;
display: block;
color: #666;
text-align: right;
}
.main .worksList .worksExp p {
margin-bottom: 0;
}
.main .worksListLtl {
overflow: hidden;
padding-bottom: 20px;
}
.main .worksListLtl article {
width: 236px;
float: left;
margin: 10px 18px 0 0;
position: relative;
}
.main .worksListLtl article:nth-child(-n + 4) {
margin-top: 0;
}
.main .worksListLtl article:nth-child(4n) {
margin-right: 0;
}
.main .worksListLtl a {
display: block;
text-decoration: none;
}
.main .worksListLtl h3,
.main .worksListLtl .contTxt,
.main .worksListLtl .price {
display: block;
border: none;
background: none;
line-height: 1.4;
font-size: 12px;
padding: 0;
margin: 0;
color: #000000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.main .worksListLtl h3 {
margin: 10px 0 0 0;
color: #fe9814;
}
.main .worksListLtl .trim {
width: 236px;
height: 166px;
position: relative;
overflow: hidden;
display: block;
background: #ededed;
}
.main .worksListLtl .trim img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
.main .worksListLtl .price {
color: #c1272d;
}
.main .worksListLtl .price span {
display: inline-block;
background: #c1272d;
color: #fff;
border-radius: 3px;
padding: 1px 5px 0 5px;
margin-right: 8px;
}
.main .voiceList h3 {
font-size: 16px;
overflow: visible;
text-overflow: inherit;
white-space: inherit;
}
#top .main .resonList {
margin-top: 0;
}
#top .main .reasonTtl {
display: none;
}
.main .resonList {
position: relative;
overflow: hidden;
margin-bottom: 30px;
display: flex;
justify-content: space-between;
}
.main .resonList li {
color: #fff;
text-align: center;
font-weight: bold;
box-sizing: border-box;
background: none;
padding: 0;
width: 15.5%;
}
.main .resonList li img {
width: 40.7%;
border: 3px solid rgba(255, 255, 255, 0.7);
border-radius: 50%;
}
.main .resonList li a {
color: #222;
text-decoration: none;
display: block;
padding: 8px;
border-bottom: 4px solid #ccc;
background: #fff;
}
.main .resonList li:before,
.main .resonList li:after {
content: none;
}
.main .resonList li:hover {
opacity: 0.8;
transition: 0.7s;
}
.main .resonList li h4 {
background: none;
padding: 0;
font-size: 2.13em;
line-height: 1.2;
margin: 10px 0 0;
}
.main .resonList li h4:before,
.main .resonList li h4:after {
display: none;
}
.main .resonList li h4 small {
font-size: 0.5em;
display: block;
}
.main .resonList li p {
display: block;
margin: 15px 0 0;
border-top: 1px dotted #000000;
font-size: 0.82em;
text-align: center;
padding: 12px 0 5px 0;
letter-spacing: -0.03em;
font-weight: 500;
}
#reason .main .resonList,
#docrequest .main .resonList {
margin-bottom: 0;
}
#reason .main .resonList li a,
#docrequest .main .resonList li a {
color: #fff;
background: #ff8800;
}
#reason .main .resonList li h4,
#docrequest .main .resonList li h4 {
color: #fff;
}
#reason .main .resonList li p,
#docrequest .main .resonList li p {
border-top: 1px dotted #fff;
color: #fff;
}
#docrequest .resonTextBlock {
width: 100%;
margin: 100px auto 30px;
position: relative;
box-sizing: border-box;
border-radius: 10px;
background: #f3f5f7;
padding: 20px;
}
#docrequest .resonTextBlock::before {
content: "";
position: absolute;
left: 50%;
top: -90px;
width: 0;
height: 0;
border-style: solid;
border-width: 60px 120px 0 120px;
border-color: #3b4391 transparent transparent transparent;
transform: translateX(-50%);
}
#docrequest .resonText {
font-size: 2.1em;
line-height: 1.3;
background: none;
color: #000000;
position: relative;
margin: 0;
padding: 0;
text-align: center;
}
#docrequest .resonText .resonTexts {
display: block;
font-size: 51px;
}
.main .contentBnrList {
position: relative;
overflow: hidden;
}
.main .contentBnrList li {
float: left;
margin: 40px 40px 0 0;
background: none;
padding: 0;
}
.main .contentBnrList li:nth-child(-n + 2) {
margin-top: 0;
}
.main .contentBnrList li:nth-child(2n) {
float: right;
margin-right: 0;
}
.main .contentBnrList li:before,
.main .contentBnrList li:after {
display: none;
}
.main .basicKnow,
.main .showroomInfo {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/bg_basicknow.png) top repeat-x;
background-size: 11px;
padding-top: 11px;
text-align: center;
}
.main .basicKnow h2:not(.fullWidth) {
color: #fff;
font-size: 52px;
float: left;
margin-right: 15px;
width: 239px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
background: none;
padding: 0;
box-shadow: none;
margin: 0 0 30px 0;
border: none;
}
#wsilicon450 .main .basicKnow h2,
#menu .main .basicKnow h2,
#house .main .basicKnow h2 {
background: #c1272d;
padding: 15px 0;
display: block;
width: inherit;
float: none;
margin-bottom: 0;
font-size: 36px;
}
.main .basicKnow h2:after {
display: none;
}
.main .basicKnow h2 span {
background: #ff8800;
display: inline-block;
border-radius: 5px;
line-height: 1;
padding: 5px 3px 0;
margin-top: 5px;
font-size: 52px;
}
.main .basicKnow h2 span:nth-child(-n + 4) {
margin-top: 0;
}
.main .basicKnow h2 span img {
vertical-align: top;
border-image: none;
}
.main .basicKnow h3 {
background: #3b4391;
border: none;
color: #fff;
font-size: 1.6em;
margin: 20px 0 0;
text-align: center;
font-weight: bold;
}
.main .basicKnow .catchTtl {
font-size: 3em;
line-height: 1.5;
font-weight: bold;
text-align: center;
}
.main .basicKnow .catchTtl strong {
background: none;
color: #c1272d;
}
.main .basicKnow .catchTtl span {
color: #ff6600;
}
.main .basicKnow .pointList {
counter-reset: point;
}
.main .basicKnow .pointList li {
position: relative;
margin-bottom: 0;
counter-increment: point;
text-align: left;
}
.main .basicKnow .pointList li h4 {
font-size: 1.2em;
font-weight: bold;
margin: 10px 0 0 0;
padding: 0;
color: #3b4391;
}
.main .basicKnow .pointList li h4:before,
.main .basicKnow .pointList li h4:after {
content: none;
}
.main .basicKnow .pointList li p {
margin: 10px 0 10px 0;
font-size: 15px;
color: #000000;
}
.main .basicKnow .pointList li:before,
.main .basicKnow .pointList li:after {
content: none;
}
.main .basicKnow .pointList li .pointImg {
position: relative;
}
.main .basicKnow .pointList li .pointImg:after {
content: "";
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/top/icon_point01.png) no-repeat center;
background-size: 100% auto;
width: 98px;
height: 98px;
position: absolute;
left: -20px;
top: -20px;
}
.main .basicKnow .pointList li:nth-of-type(2) .pointImg:after {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/top/icon_point02.png) no-repeat center;
background-size: 100% auto;
}
.main .basicKnow .pointList li:nth-of-type(3) .pointImg:after {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/top/icon_point03.png) no-repeat center;
background-size: 100% auto;
}
.main .basicKnow .pointList li img {
display: block;
}
.main .basicKnow .pointList li .imgLayer {
right: 2px;
bottom: 3px;
}
.main .basicKnow .pointList li h6 {
background: none;
font-size: 18px;
padding: 0;
margin-top: 10px;
}
.main .basicKnow .pointList li h6 strong {
color: #c1272d;
display: block;
}
.main .basicKnow .pointList li ul li {
width: auto;
padding: 0;
margin: 0;
font-size: 14px;
}
.main .basicKnow .pointList li ul li strong {
font-weight: normal;
background: #fcff00;
line-height: 0.6;
display: inline-block;
}
.main .basicKnow .pointTxt .imgL20 {
margin-top: 20px;
}
#menu .main .basicKnow h2,
#house .main .basicKnow h2 {
background: #c1272d;
padding: 15px 0;
display: block;
width: inherit;
float: none;
margin-bottom: 0;
font-size: 36px;
}
.main .profileBox h2 {
padding: 20px 0 0;
}
.main .profileBox .groupPhoto {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/group_photo01.png) no-repeat center bottom;
width: 550px;
float: left;
margin-right: 10px;
text-align: center;
}
.main .profileBox .groupPhoto p {
font-size: 35px;
color: #ff6600;
font-weight: bold;
line-height: 1.5;
margin-top: 65px;
}
.main .profileBox .overflowH p {
font-size: 15px;
}
.main .profileBox ul {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.main .profileBox ul li {
display: inline-block;
border-radius: 3px;
background: #ff8800;
position: relative;
width: 48%;
width: calc(50% - 5px);
padding: 0;
margin: 10px 0 0 0;
}
.main .profileBox ul li:hover {
opacity: 0.8;
transition: 0.7s;
}
.main .profileBox ul li a {
display: block;
color: #fff;
font-size: 17px;
font-weight: bold;
position: relative;
padding: 20px 40px 20px 50px;
text-decoration: none;
}
.main .profileBox ul li:before,
.main .profileBox ul li:after {
position: absolute;
top: 0;
bottom: 0;
left: 30px;
margin: auto;
content: "";
vertical-align: middle;
}
.main .profileBox ul li:before {
width: 18px;
height: 18px;
border-radius: 50%;
background: #fff;
}
.main .profileBox ul li:after {
left: 35px;
width: 5px;
height: 5px;
border-top: 2px solid #ff8800;
border-right: 2px solid #ff8800;
transform: rotate(45deg);
} .main .firstPoint ol {
counter-reset: fistpoint;
position: relative;
overflow: hidden;
padding: 0;
}
.main .firstPoint ol li {
list-style: none;
line-height: 1.8;
}
.main .firstPoint ol > li {
padding: 30px 0 0;
counter-increment: fistpoint;
margin-top: 40px;
}
.main .firstPoint ol > li h4 {
margin-bottom: 0;
}
.main .firstPoint h3:before {
content: "ポイント" counter(fistpoint, decimal-leading-zero);
background: #ff8800;
border-radius: 5px;
color: #fff;
padding: 5px 20px;
display: inline-block;
position: absolute;
bottom: 100%;
left: 0;
font-size: 20px;
}
.main .firstPoint h3.catchTtl {
font-size: 50px;
line-height: 1.3;
background: none;
color: #000000;
position: relative;
padding: 0;
}
.main .firstPoint .point3Img {
width: 48%;
margin-right: 2%;
float: left;
}
.main .corpType {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.main .corpType li {
border: #ccc solid 7px;
padding: 10px 20px;
margin-bottom: 20px;
width: 48%;
width: calc(50% - 10px);
box-sizing: border-box;
}
.main .corpType li:before,
.main .corpType li:after {
content: none;
}
.main .firstPoint ol li li p:last-child {
margin-bottom: 0;
}
.main .firstPoint table {
width: 480px;
height: 250px;
float: right;
clear: none;
}
.main .firstPoint table th,
.main .firstPoint table td {
padding: 10px 10px;
background: #eeeeee;
position: relative;
text-align: center;
}
.main .firstPoint table thead th:first-of-type {
width: 20%;
}
.main .firstPoint table th {
width: auto;
background-color: #0e57aa;
color: #fff;
text-align: center;
vertical-align: middle;
}
.main .firstPoint p.pointCom {
border-top: dotted 1px #000000;
margin-top: 30px;
padding-top: 30px;
}
.main .firstPoint h5 {
font-size: 20px;
margin: 0 0 10px;
display: block;
}
.main .firstPoint table th {
width: auto;
}
.main .firstPoint table strong {
font-weight: bold;
color: #c1272d;
}
.main .firstPoint table caption {
caption-side: bottom;
text-align: right;
}
.main .firstPoint .btn {
margin-bottom: 40px;
float: right;
}
#first .main table strong {
color: #c1272d;
} #corporate .main table a {
position: initial;
background-color: transparent;
padding: 0;
border-radius: inherit;
color: #000000;
}
#corporate .main table iframe {
border: #ccc solid 1px;
} #showroom .main .mainPhoto li {
margin-bottom: 5px;
}
#showroom .main h2.photoBt {
background: #ff6600;
text-align: center;
margin-top: 0;
}
#showroom .main ul.photoUL p {
font-size: 18px;
font-weight: bold;
}
#showroom .main h2.point3 {
background: #ff6600;
text-align: center;
margin-top: 30px;
}
.main ul.showroomMenu {
margin-top: 30px;
display: flex;
justify-content: space-between;
width: 473px;
padding: 0 263px;
position: relative;
}
.main ul.showroomMenu:before,
.main ul.showroomMenu:after {
content: "";
display: block;
position: absolute;
top: calc(50% - 13px);
width: 106px;
height: 26px;
}
.main ul.showroomMenu:before {
left: 70px;
}
.main ul.showroomMenu:after {
right: 70px;
}
.main ul.showroomMenu li {
font-size: 20px;
font-weight: bold;
text-align: center;
}
.main ul.showroomMenu li a {
color: #000000;
text-decoration: none;
}
.main ul.showroomMenu li img {
display: block;
margin-bottom: 5px;
}
.main ul.showroomMenu li:before,
.main ul.showroomMenu li:after {
display: none;
}
.main .mainPhoto,
.main .mainPhoto li {
margin: 0;
padding: 0;
}
.main .mainPhoto {
margin: 0;
}
.main .mainPhoto li {
width: 707px;
height: 564px;
overflow: hidden;
float: left;
margin-bottom: 30px;
}
.main .mainPhoto li.item2,
.main .mainPhoto li.item3 {
display: none;
}
.main .mainPhoto li:hover img {
opacity: 0.8;
}
.main .thumb {
margin: 0;
width: 278px;
float: right;
}
.main .thumb li {
display: inline-block;
width: 278px;
height: 178px;
overflow: hidden;
cursor: pointer;
vertical-align: top;
padding: 0;
margin: 0 0 15px 0;
}
.main .thumb li:hover img {
opacity: 0.8;
}
.main .mainPhoto li:before,
.main .mainPhoto li:after,
.main .thumb li:before,
.main .thumb li:after {
content: none;
}
.main .photoShowroom {
margin: 0 0 0 0;
padding: 0;
overflow: hidden;
}
.main .photoShowroom li {
margin-bottom: 15px;
}
.main .photoShowroom li:first-child {
float: left;
margin-left: 15px;
}
.main table.accessT {
padding-top: 15px;
}
.main table.accessT th,
.main table.accessT td {
background: #eeeeee;
}
.main table.accessT th {
width: 20%;
background-color: #ff8800;
font-weight: normal;
}
.main .showroomPict {
position: relative;
overflow: hidden;
}
.main .showroomPict .mainimglist {
width: 750px;
height: 480px;
position: relative;
overflow: hidden;
float: left;
}
.main .showroomPict .mainimglist img {
width: 750px;
height: auto;
}
.main .showroomPict .thumbnaillist {
width: 230px;
float: right;
margin-top: 0;
}
.main .showroomPict .thumbnaillist li {
background: none;
padding: 0;
margin: 0 0 15px;
}
.main .showroomPict .thumbnaillist li:last-child {
margin-bottom: 0;
}
.main .showroomPict .thumbnaillist li a {
width: 230px;
height: 150px;
overflow: hidden;
display: block;
}
.main .showroomDetail {
padding-top: 0;
}
.main ul.showroomDetail {
position: relative;
overflow: hidden;
}
.main ul.showroomDetail li {
width: 480px;
float: left;
padding: 0;
margin: 0 26px 0 0;
background: none;
}
.main ul.showroomDetail li:last-child {
float: right;
margin-right: 0;
}
.main ul.showroomDetail li:before,
.main ul.showroomDetail li:after {
content: none;
}
.main ul.showroomDetail li img {
margin-bottom: 10px;
}
.main .showroomDetail p {
font-size: 18px;
font-weight: bold;
}
.main .showroomDetail table {
margin-bottom: 30px;
}
.main .showroomDetail .tel {
margin-top: 0;
}
.main .showroomDetail .tel span {
font-size: 35px;
font-weight: bold;
line-height: 1;
padding-left: 40px;
display: block;
}
.main .showroomMerit h2.catchTtl {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/showroom_catchttlbg.png) no-repeat center center;
font-size: 50px;
text-align: center;
border-bottom: none;
color: #000000;
}
.main .showroomMerit ol {
position: relative;
overflow: hidden;
padding: 0;
display: flex;
justify-content: space-between;
}
.main .showroomMerit ol li {
width: 32%;
box-sizing: border-box;
margin: 0 2% 0 0;
position: relative;
display: block;
list-style-type: none;
color: #fff;
padding: 5px 15px;
background: #3b4391;
}
.main .showroomMerit ol li:nth-child(3n) {
margin-right: 0;
}
.main .showroomMerit ol li:before,
.main .showroomMerit ol li:after {
display: none;
}
.main .showroomMerit ol li h5 {
background: none;
color: #ccc;
font-size: 1.1em;
margin: 0 0 10px;
padding-left: 1em;
}
.main .showroomMerit ol li h5 span {
font-size: 36px;
}
.main .showroomMerit ol li img {
float: right;
margin: -5px -15px -5px 15px;
width: 58%;
}
.main .showroomMerit ol li br {
display: none;
}
.main .showroomMerit ol li p {
margin: 0;
font-size: 13px;
line-height: 1.5;
}
#showroom .main .featureBox {
background: #3b4391;
}
#showroom .main .featureBox img {
width: 70%;
}
#showroom .main .featureBox ul {
padding: 20px;
float: right;
width: 30%;
box-sizing: border-box;
margin-bottom: 0;
display: block;
}
#showroom .main .featureContents li img {
width: 30%;
}
#showroom .main .msgTxt .catchTxt img,
.main .msgTxtOvr .catchTxt img {
display: block;
}
#showroom .main .contactBox.TelBox .telBox .tel span {
display: block;
text-align: center;
}
.main ol.showroomStep {
position: relative;
overflow: hidden;
padding: 0;
margin: 0 0 30px;
}
.main ol.showroomStep li {
list-style-type: none;
float: left;
width: 250px;
margin: 15px 0 0 -50px;
font-weight: bold;
}
.main ol.showroomStep li span {
width: 67px;
height: 67px;
}
.main ol.showroomStep li:first-child {
width: 200px;
margin-left: 0;
}
.main ol.showroomStep li h4 {
background: linear-gradient(90deg, #12a73b 0%, #ffcc00 100%);
margin: 0 50px 10px 0;
color: #fff;
padding: 0 10px 0 50px;
}
.main ol.showroomStep li:first-child h4 {
padding-left: 10px;
}
.main ol.showroomStep li:last-child h4 {
background: #c1272d;
}
.main ol.showroomStep li h4:before {
display: none;
}
.main ol.showroomStep li h4:after {
width: 0;
height: 0;
border-style: solid;
border-width: 40px 0 0 40px;
border-color: transparent transparent transparent #ffcc00;
content: "";
z-index: 10;
position: absolute;
left: 100%;
bottom: 0;
top: inherit;
border-radius: 0;
background: none;
}
.main ol.showroomStep li:last-child h4:after {
border-color: transparent transparent transparent #c1272d;
}
.main ol.showroomStep li p {
padding-left: 40px;
height: 68px;
display: flex;
align-items: center;
}
.main ol.showroomStep li:first-child p {
padding-left: 0;
}
.main ol.showroomStep li img {
width: 67px;
height: auto;
} #reason .main .msgTxtOvr h3 {
background: none;
border: none;
box-shadow: none;
padding: 0;
color: #ff8800;
font-size: 24px;
text-align: center;
}
#reason .main .msgTxtOvr h3 strong {
font-size: 40px;
}
#reason .main .balloonBox {
margin: 30px auto;
}
#reason .main .balloonBox p {
font-size: 30px;
}
#reason .catchTtl,
#reason .catchTtls {
font-size: 48px;
font-weight: bold;
line-height: 1.3;
margin-bottom: 20px;
text-align: left;
position: relative;
overflow: hidden;
}
#reason .catchTtl .eyecatch {
width: 24%;
margin-right: 2%;
}
#reason .catchTtls {
color: #ff8800;
}
#reason .catchTtl {
display: flex;
align-items: center;
}
#reason .catchTtl strong {
color: #c1272d;
}
#reason .catchTtl img {
float: left;
}
#reason .catchTtl span.txtFree {
background: #c1272d;
border-radius: 4px;
font-size: 40px;
display: table-cell;
width: auto;
height: auto;
padding: 0 15px;
margin: 0;
line-height: 1.3;
float: none;
}
#reason .main .reasonBox h3 {
background: none;
border-top: none;
font-size: 55px;
padding: 0;
margin: 0 0 40px;
position: relative;
line-height: 1.2;
font-weight: bold;
width: 100%;
display: flex;
align-items: center;
}
#reason .main .reasonBox {
position: relative;
overflow: hidden;
}
#reason .main .reasonBox p {
font-size: 16px;
}
.main .reasonDetail {
position: relative;
overflow: hidden;
padding: 0;
counter-reset: reason;
}
.main .reasonDetail > li {
counter-increment: reason;
}
.main .reasonDetail li {
padding: 0;
margin: 0 0 40px 0;
position: relative;
overflow: hidden;
list-style: none;
}
.main .reasonDetail li:before,
.main .reasonDetail li:after {
content: none;
}
.main .reasonDetail li:last-child {
margin-bottom: 0;
} .main .reasonDetail h3 {
margin-bottom: 30px;
font-size: 2.4em;
position: relative;
background: none;
border: none;
padding: 0 0 0 15%;
line-height: 1.1;
color: inherit;
}
.main .reasonDetail h3 img {
position: absolute;
left: 0;
width: 12%;
}
.main .reasonDetail h3 span {
border-radius: 4px;
background: #000000;
color: #fff;
display: table;
font-size: 18px;
margin: 5px 0 0 0;
padding: 5px 10px;
line-height: 1;
}
.main .reasonDetail h3 strong {
color: #c1272d;
}
.main .reasonDetail .alignleft {
margin: 0 30px 15px 0;
}
.main .reasonDetail .alignright {
margin: 0 0 15px 30px;
}
.main .reasonDetail h3 + * {
width: 48%;
float: left;
padding-right: 2%;
}
.main .reasonDetail p {
margin-bottom: 15px;
font-size: 15px;
line-height: 1.8;
}
.main .reasonDetail img {
margin-bottom: 20px;
}
.main .reasonDetail li p:last-child {
margin-bottom: 0;
}
.main .reasonDetail .btn {
float: right;
margin-top: 30px;
}
.main .showroomRecommended ul {
margin-top: 20px;
border-top: #000000 dotted 1px;
padding-top: 10px;
overflow: hidden;
counter-reset: recommend;
}
.main .showroomRecommended li {
background: none;
border-bottom: #000000 dotted 1px;
position: relative;
font-size: 23px;
font-weight: bold;
padding: 0 0 8px 0;
margin: 0 0 8px;
counter-increment: recommend;
display: flex;
align-items: center;
justify-content: flex-start;
}
.main .showroomRecommended li:last-child {
margin-bottom: 0;
}
.main .showroomRecommended li:before,
.main .showroomRecommended li:after {
content: none;
}
.main .showroomRecommended li:before {
content: "オススメ理由その" counter(recommend, decimal);
background: #c1272d;
color: #fff;
padding: 2px 10px;
box-sizing: border-box;
margin: 0 10px 0 0;
border-radius: 5px;
width: auto;
height: auto;
position: relative;
top: inherit;
left: inherit;
}
.main .showroomRecommended li strong {
background: #fff600;
display: inline-block;
 line-height: 1.5;
}
#reason .main .showroomRecommended h3 .icoTtl {
font-size: 40px;
background-color: #c1272d;
border-radius: 50%;
width: 130px;
height: 130px;
line-height: 1.2;
color: #fff;
font-weight: bold;
float: left;
margin: -15px 20px 0 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
}
.main .showroomRecommended h3 {
font-size: 48px;
background: no-repeat;
border: none;
width: auto;
margin: 0;
padding: 15px 0 0;
line-height: 1.2;
color: #000000;
position: relative;
overflow: hidden;
}
#reason .main .showroomRecommended h3 span {
padding: 0;
color: #c1272d;
margin: 0;
} #staff .main h2 {
font-size: 30px;
}
#staff .main h2:first-of-type {
margin-top: 0;
}
#staff .main #tabMenu {
position: relative;
overflow: hidden;
margin-bottom: 25px;
}
#staff .main #tabMenu li {
border-radius: 4px;
background: linear-gradient(0deg, #7f7f7f 0%, #cfcfcf 100%);
box-shadow: 0px 4px 7px 1px rgba(52, 52, 52, 0.35) inset;
font-size: 25px;
font-weight: bold;
text-align: center;
color: #fff;
text-decoration: none;
display: block;
float: left;
line-height: 1.2;
padding: 0;
width: 485px;
}
#staff .main #tabMenu li a {
color: #fff;
text-decoration: none;
display: block;
padding: 15px 0;
}
#staff .main #tabMenu li:hover {
cursor: pointer;
opacity: 0.8;
transition: 0.7s;
}
#staff .main #tabMenu li:nth-child(2n) {
float: right;
}
#staff .main #tabMenu li.select {
background: linear-gradient(0deg, #c1272d 0%, #fd2571 100%);
}
#staff .main #tabMenu li.select:hover {
opacity: inherit;
}
#staff .main .staffShop {
position: relative;
overflow: hidden;
margin-bottom: 45px;
}
#staff .main .staffShop li {
position: relative;
font-size: 25px;
background: none;
display: inline-block;
padding: 0 0 0 20px;
margin: 0 35px 0 0;
}
#staff .main .staffShop li:before,
#staff .main .staffShop li:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
#staff .main .staffShop li:before {
background: #12a73b;
border-radius: 50%;
width: 16px;
height: 16px;
}
#staff .main .staffShop li:after {
left: 4px;
width: 5px;
height: 5px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
border-right: none;
border-top: none;
transform: rotate(-45deg);
}
#staff .main .staffShop li a {
color: #000000;
text-decoration: none;
}
#staff .main .staffList {
position: relative;
overflow: hidden;
margin-bottom: 50px;
}
#staff .main .staffList li {
background: none;
float: left;
margin: 35px 20px 0 0;
width: 235px;
padding: 0;
font-weight: bold;
}
#staff .main .staffList li:nth-child(-n + 4) {
margin-top: 0;
}
#staff .main .staffList li:nth-child(4n) {
margin-right: 0;
}
#staff .main .staffList li a {
text-decoration: none;
}
#staff .main .staffList li:before,
#staff .main .staffList li:after {
content: none;
}
#staff .main .staffList li .staffPict {
width: 235px;
height: 280px;
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
#staff .main .staffList li .staffPict img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
#staff .main .staffList li .positionTxt {
display: block;
margin: 0;
text-align: center;
}
#staff .main .staffList li .positionTxt span {
font-size: 12px;
font-weight: bold;
display: inline-block;
text-align: center;
padding: 2px 5px;
line-height: 1.2;
margin-right: 5px;
color: #000000;
}
#staff .main .staffProf .profileDetail .positionTxt span,
.single .main .staffProf .profileDetail .positionTxt span {
font-size: 12px;
font-weight: bold;
text-align: left;
padding: 2px 5px;
line-height: 1.2;
margin-right: 5px;
color: #fff;
border-radius: 3px;
background: #000000;
display: inline-block;
}
#staff .main .staffList li .staffName {
color: #000000;
font-size: 23px;
line-height: 1.3;
font-weight: bold;
text-align: center;
margin-bottom: 5px;
}
#staff .main .staffProf .profileDetail .staffName,
.single .main .staffProf .profileDetail .staffName {
color: #000000;
font-size: 20px;
line-height: 1.3;
font-weight: bold;
margin-bottom: 15px;
}
#staff .main .staffList li .staffName span,
#staff .main .staffProf .profileDetail .staffName span,
.single .main .staffList li .staffName span,
.single .main .staffProf .profileDetail .staffName span {
color: #3b4391;
font-size: 12px;
font-family: "Bahnschrift", sans-serif;
font-weight: bold;
display: block;
}
#staff .main #staffSection .inner {
padding-top: 0;
}
#staff .main #staffSection .inner .combnrListOtr li {
margin-bottom: 0;
margin-top: 30px;
}
#staff .main .staffList li .btnDetail,
.staffProf a#btnClose {
font-size: 12px;
margin: 0 auto;
width: 8em;
border-radius: 5px;
padding: 3px 6px;
background: #000000;
box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.4) inset;
clear: both;
}
#btnClose {
font-size: 14px;
color: #000;
text-decoration: none;
font-weight: bold;
text-align: center;
display: block;
width: 6em;
margin: 50px auto 0 auto;
padding: 2px 20px;
transform: translateX(40px);
}
#btnClose.modaal-close:after,
#btnClose.modaal-close:before {
top: 5px;
left: 0;
background: #000;
}
body#staff {
min-width: 0;
}
#staff .main .staffProf,
.single .main .staffProf {
padding: 20px;
position: relative;
overflow: hidden;
}
#staff .main .staffProf .staffPictBox,
.single .main .staffProf .staffPictBox {
width: 235px;
margin-right: 25px;
float: left;
}
#staff .main .staffProf .staffPictBox > img,
.single .main .staffProf .staffPictBox > img {
width: 235px;
height: auto;
}
#staff .main .staffProf .staffPict,
.single .main .staffProf .staffPict {
width: 235px;
height: 314px;
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
#staff .main .staffProf .staffPict img,
.single .main .staffProf .staffPict img {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: auto;
height: auto;
}
#staff .main .staffProf .profileDetail,
.single .main .staffProf .profileDetail {
overflow: hidden;
}
#staff .main .staffProf .profileDetail .positionTxt,
.single .main .staffProf .profileDetail .positionTxt {
margin-top: 0;
font-size: 12px;
margin-bottom: 5px;
}
#staff .main .staffProf .profileDetail .staffName span,
.single .main .staffProf .profileDetail .staffName span {
display: inline-block;
margin-left: 10px;
}
#staff .main .staffProf .profileDetail dl dt,
.single .main .staffProf .profileDetail dl dt {
background: #3b4391;
color: #fff;
font-size: 15px;
font-weight: bold;
display: block;
padding: 3px 10px;
margin: 15px 0 10px;
}
#staff .main .staffProf .profileDetail dl dd,
.single .main .staffProf .profileDetail dl dd {
font-size: 15px;
} #colorsimulation .main h3 span {
border-radius: 4px;
background: #12a73b;
color: #fff;
display: inline-block;
padding: 0px 10px;
margin: 10px 10px 10px 0;
}
#colorsimulation .main .inner h3:first-of-type {
margin-top: 0;
}
#colorsimulation .main dl {
position: relative;
overflow: hidden;
}
#colorsimulation .main dl dt {
width: 245px;
float: left;
margin-right: 30px;
text-align: center;
}
#colorsimulation .main dl dt .balloonTxt {
background: #c1272d;
border-radius: 5px;
color: #fff;
text-align: left;
padding: 10px 12px;
position: relative;
display: block;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
margin-bottom: 20px;
}
#colorsimulation .main dl dt .balloonTxt:after {
content: "";
height: 0;
position: absolute;
width: 0;
border: 8px solid transparent;
border-top: #c1272d 10px solid;
top: 100%;
left: 50%;
margin-left: -8px;
}
#colorsimulation .main dl dd {
overflow: hidden;
margin-bottom: 15px;
}
#colorsimulation .colorCtc {
font-size: 50px;
font-weight: bold;
line-height: 1.3;
margin-top: 10px;
padding-top: 20px;
}
#colorsimulation .colorCtc strong {
color: #c1272d;
}
#colorsimulation .colorCtc span {
float: left;
background-color: #c1272d;
border: #d05e89 10px solid;
border-radius: 50%;
width: 150px;
height: 150px;
color: #fff;
font-size: 25px;
line-height: 1.3;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 10px 30px 0;
font-weight: bold;
font-size: 60px;
}
.main ul.colorsimulationBa li {
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
}
.main ul.colorsimulationBa li h3 {
background: none;
font-size: 50px;
color: #ff8800;
border: none;
padding: 0;
margin: 0 0 20px 0;
line-height: 1.2;
}
.main ul.colorsimulationBa li h3 img {
float: left;
margin-right: 30px;
}
.main ul.colorsimulationBa li ul {
position: relative;
overflow: hidden;
}
.main ul.colorsimulationBa li ul li {
background: none;
padding: 0;
position: relative;
margin-bottom: 20px;
}
.main ul.colorsimulationBa li ul li.before {
margin-right: 30px;
float: left;
}
.main ul.colorsimulationBa li:after,
.main ul.colorsimulationBa li:before,
.main ul.colorsimulationBa li ul li:after,
.main ul.colorsimulationBa li ul li:before {
content: none;
transform: none;
}
.main ul.colorsimulationBa li ul li.before:after {
content: " ";
height: 0;
position: absolute;
width: 0;
border: 20px solid transparent;
border-left: #ff8800 solid 20px;
left: calc(100% + 5px);
top: 0;
bottom: 0;
margin: auto;
}
.main ul.colorsimulationBa li ul li.after {
float: right;
width: 648px;
}
.main ul.colorsimulationBa li ul li.after p {
font-size: 15px;
margin-top: 20px;
}
.main ul.colorsimulationBa li img.imgCg {
position: absolute;
left: 0;
bottom: 0;
}
.main ul.colorsimulationBa li ul li.after img {
margin-left: 10px;
}
.main ul.colorsimulationBa li ul li.after img:first-child {
margin-left: 0;
}
#colorsimulation .main ol.colorStep {
padding: 0;
position: relative;
overflow: hidden;
margin: 0;
}
#colorsimulation .main ol.colorStep li {
background: none;
border: #ff8800 solid 3px;
border-radius: 5px;
width: 182px;
text-align: center;
float: left;
list-style: none;
margin: 0 15px 0 0;
}
#colorsimulation .main ol.colorStep li:last-child {
margin-right: 0;
}
#colorsimulation .main ol.colorStep li span {
background: #ff8800;
color: #fff;
display: block;
font-weight: bold;
margin-bottom: 1px;
}
#colorsimulation .main ol.colorStep li h4 {
font-size: 14px;
padding: 0 5px;
margin: 10px 0 5px;
text-align: left;
}
#colorsimulation .main ol.colorStep li h4:before,
#colorsimulation .main ol.colorStep li h4:after {
display: none;
}
#colorsimulation .main ol.colorStep li p {
font-size: 12px;
padding: 0 5px;
text-align: left;
margin: 5px 0;
}
#colorsimulation .main .campaignArw {
background: #ff6600;
color: #fff;
font-size: 20px;
font-weight: bold;
padding: 0 20px;
margin: 20px 165px 10px 0;
position: relative;
}
#colorsimulation .main .campaignArw:after {
content: " ";
height: 0;
position: absolute;
width: 0;
border: 30px solid transparent;
border-left: #ff6600 solid 48px;
left: 100%;
top: 50%;
margin-top: -30px;
}
.main .sampleBox h3 {
font-size: 50px;
color: #ff8800;
line-height: 1.2;
background: none;
border-top: none;
box-shadow: none;
padding: 0;
}
.main .sampleBox .photoUL li {
width: 320px;
margin: 0 20px 20px 0;
}
.main .sampleBox .photoUL li:nth-child(3n) {
margin-right: 0;
} .main .warningChk {
padding: 0 20px 20px;
background: #fffddd;
margin-bottom: 30px;
box-sizing: border-box;
}
.main .warningChk h3 {
background: #ff8800;
color: #fff;
text-align: center;
font-size: 30px;
margin: 0 -20px 30px;
padding: 0;
border: none;
}
.main .warningChk h5 {
margin: 0 0 10px;
background: #c1272d;
font-size: 18px;
}
.main .warningChk img {
margin-right: 30px;
}
.main .warningChk ul {
margin-bottom: 0;
}
.main .warningChk ul li {
font-size: 22px;
font-weight: bold;
padding: 0 0 0 20px;
margin: 0 0 0;
position: relative;
}
.main .warningChk ul li:before,
.main .warningChk ul li:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.main .warningChk ul li:before {
width: 16px;
height: 16px;
border-radius: 50%;
background: #ff8800;
}
.main .warningChk ul li:after {
left: 4px;
width: 4px;
height: 4px;
border-top: 2px solid #fffeee;
border-right: 2px solid #fffeee;
transform: rotate(45deg);
}  .main .priceList {
clear: both;
}
.main .priceList li {
margin-bottom: 15px;
padding: 7px 5px 0 15px;
position: relative;
color: #fff;
font-size: 50px;
font-weight: bold;
line-height: 1.2;
overflow: hidden;
border-radius: 5px;
background-color: #c1272d;
}
.main .priceList li span {
padding: 3px 25px 0;
float: right;
display: block;
position: relative;
color: #c1272d;
line-height: 1;
text-align: center;
border-radius: 3px;
background-color: #fff;
}
.main .priceList li:before,
.main .priceList li:after {
content: none;
}
#rainleaking .main .emergencyC {
background: #eeeeee;
padding: 0;
}
#rainleaking .main .emergencyC img {
float: left;
margin: 0 50px 0 0;
}
#rainleaking .main .emergencyC .tel {
font-size: 13px;
margin-top: 100px;
}
#rainleaking .main .emergencyC .tel span {
overflow: hidden;
font-size: 80px;
line-height: 1;
display: block;
padding: 0 0 0 58px;
}
#rainleaking .main .emergencyC .tel span a {
text-decoration: none;
}
#rainleaking .main .ranking {
padding: 0;
margin: 0 0 20px;
}
#rainleaking .main .ranking li {
list-style: none;
font-size: 25px;
font-weight: bold;
color: #c1272d;
margin: 0;
}
#rainleaking .main .catchTtl {
font-size: 52px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 30px;
}
.main .troubleBox h2 {
z-index: 10;
padding: 15px 0 0;
margin: 0 auto 15px;
color: #000000;
font-size: 2em;
background: none;
box-shadow: none;
line-height: 1.2;
position: relative;
overflow: hidden;
border: #00479d solid 7px;
border-width: 7px 0 0 0;
display: block;
font-weight: bold;
}
.main .troubleBox h2 img {
float: left;
margin: 0 10px 0 0;
}
.main .troubleBox h2 span,
.main .diagnosisPoint h2 span {
display: block;
font-weight: bold;
}
.main .troubleBox h2 span.txtL,
.main .troubleBox h2 span.txtL span,
.main .diagnosisPoint h2 span.txtL {
font-size: 1.2em;
text-align: left;
}
.main .troubleBox h2 span.txtEn {
color: #12a73b;
font-size: 15px;
}
#diagnosis .main .deteriorationChk {
padding-top: 0;
}
#diagnosis .main .troubleBox .h2 {
padding: 15px 0 0;
margin: 0 auto 30px;
color: #000000;
line-height: 1.2;
border-top: none;
text-align: left;
position: relative;
overflow: hidden;
display: flex;
}
#diagnosis .main .troubleBox .h2 span.icoTxt {
border-radius: 50%;
background: #c1272d;
color: #fff;
border: #c1272d solid 7px;
font-size: 1.6em;
width: 150px;
height: 150px;
text-align: center;
line-height: 1.3;
position: relative; padding: 0;
box-sizing: border-box;
margin: 0 15px 0 0;
display: flex;
align-items: center;
justify-content: center;
}
#diagnosis .main .troubleBox .h2 h2 {
width: calc(100% - 160px);
border-top: none;
font-size: 40px;
text-align: left;
}
@media (max-width: 1100px) {
#diagnosis .main .troubleBox .h2 h2 {
font-size: 3.5vw;
}
}
#diagnosis .main .troubleBox h2 span {
display: inline-block;
}
#diagnosis .main .troubleBox h2 > span:nth-of-type(2) {
line-height: 150px;
font-size: 1em;
}
#diagnosis .main .troubleBox h5 {
margin: 0 0 10px;
}
.main .troubleBox .attonP {
font-size: 18px;
font-weight: bold;
}
#diagnosis .main .troubleBox ol {
counter-reset: my-counter;
list-style: none;
padding: 0;
}
#diagnosis .main .troubleBox ol li {
background: none;
padding: 0;
position: relative;
overflow: hidden;
padding-left: 35px;
line-height: 1.8;
font-size: 14px;
}
#diagnosis .main .troubleBox ol li:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #ff8800;
color: #fff;
display: block;
float: left;
line-height: 22px;
margin-left: -30px;
text-align: center;
height: 22px;
width: 22px;
font-weight: bold;
border-radius: 50%;
}
#diagnosis .main .troubleBox ol li h3 {
font-size: 20px;
clear: none;
background: none;
border-top: none;
box-shadow: none;
padding: 0;
margin: 0 0 5px 0;
}
#diagnosis .main .troubleBox ul {
padding-left: 5px;
}
#diagnosis .main .troubleBox ul li {
padding: 0;
background: #fff;
padding: 20px;
border-radius: 10px;
margin-bottom: 20px;
}
#diagnosis .main .troubleBox ul li:before,
#diagnosis .main .troubleBox ul li:after {
content: none;
}
#diagnosis .main .troubleBox ul li strong {
font-size: 18px;
}
#diagnosis .main .troubleBox p.catchTxt {
line-height: 1.5;
font-size: 30px;
font-weight: bold;
color: #c1272d;
clear: both;
}
#diagnosis .main .troubleBox ul li h6 {
}
#diagnosis .main .balloonBox {
margin: 30px auto;
}
#diagnosis .main .balloonBox p {
font-size: 30px;
line-height: 1.8;
}
#rainleaking .main .troubleBox h5 {
font-size: 30px;
background: #c1272d;
}
#diagnosis .main .cautionBox {
background: #c1272d;
border-radius: 4px;
color: #fff;
padding: 10px;
position: relative;
overflow: hidden;
}
#diagnosis .main .cautionBox h4 {
color: #fff;
font-size: 31px;
margin: 15px 0;
padding-left: 0;
display: inline-block;
}
#diagnosis .main .cautionBox p {
color: #fff;
font-size: 18px;
}
#diagnosis .main .cautionBox ul {
position: relative;
overflow: hidden;
float: right;
margin: 0 0 0 25px;
}
#diagnosis .main .cautionBox ul li {
float: left;
margin: 0 0 0 10px;
padding-left: 0;
}
#diagnosis .main .cautionBox h4:before,
#diagnosis .main .cautionBox h4:after,
#diagnosis .main .cautionBox ul li:before,
#diagnosis .main .cautionBox ul li:after {
content: none;
}
#diagnosis .main .featureContents ol > li img {
width: 40%;
padding-right: 2%;
}
.main .diagnosisAttention {
margin: 50px 0;
}
.main .diagnosisAttention .formH {
text-align: left;
overflow: hidden;
clear: none;
margin-bottom: 2px;
line-height: 1.3;
}
.main .diagnosisAttention p {
color: #ff8800;
font-size: 20px;
}
.main .diagnosisAttention span {
background: #ff8800;
border-radius: 50%;
display: block;
height: 200px;
width: 200px;
font-size: 40px;
font-weight: bold;
color: #fff;
text-align: center;
padding-top: 50px;
box-sizing: border-box;
float: left;
margin: -10px 30px 0 0;
}
.main .diagnosisAttention span strong {
display: block;
font-size: 100px;
line-height: 0.6;
}
.main .diagnosisPoint {
margin-bottom: 0;
padding: 0;
}
.main .diagnosisPoint ol {
counter-reset: diagnosispoint;
padding-left: 0;
}
.main .diagnosisPoint li {
counter-increment: diagnosispoint;
}
.main .diagnosisPoint li h3 {
display: flex;
align-items: center;
color: #000000;
font-size: 52px;
line-height: 1.2;
background: none;
position: relative;
overflow: hidden;
padding: 0;
padding: 15px 0;
border: none;
margin-bottom: 0;
}
.main .diagnosisPoint li h3 span {
display: inline-block;
width: calc(100% - 155px);
margin-left: 20px;
}
.main .diagnosisPoint li h3:before {
border-radius: 50%;
background: #c1272d;
border: rgba(255, 255, 255, 0.5) solid 7px;
content: "POINT\A"counter(diagnosispoint, decimal-leading-zero);
color: #fff;
font-size: 34px;
width: 135px;
height: 135px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
white-space: pre;
text-align: center;
position: relative;
font-family: "Bahnschrift", sans-serif;
font-variation-settings: "wght" 500, "wdth" 90;
line-height: 1;
}
.main .diagnosisPoint li h4 {
overflow: hidden;
font-size: 25px;
}
.main .diagnosisPoint li {
margin-bottom: 50px;
list-style-type: none;
overflow: hidden;
}
.main .diagnosisPoint li img {
float: left;
margin: 0 20px 0 0;
}
.main .diagnosisPoint h2 {
padding: 15px 0 0;
margin: 0 auto 15px;
color: #000000;
font-size: 35px;
background: none;
box-shadow: none;
line-height: 1.2;
}
.main .diagnosisPoint h4 {
clear: none;
margin-top: 0;
} .main .harikaeProblem {
background: #c1272d;
box-shadow: none;
position: relative;
width: 100%;
padding: 10px 0;
margin-bottom: 30px;
}
.main .harikaeProblem:after {
content: " ";
height: 0;
position: absolute;
width: 0;
border: 45px solid transparent;
border-top: #c1272d solid 26px;
top: 100%;
left: 50%;
margin-left: -45px;
border-radius: 0;
}
.main .harikaeProblem h2 {
padding: 0;
font-size: 35px;
text-align: center;
color: #fff;
box-shadow: none;
margin: 0;
width: auto;
border-bottom: none;
background: #c1272d;
}
.main .harikaeProblem h2:after {
display: none;
}
.main .harikaeProblem ul {
width: 1000px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.main .harikaeProblem ul li {
display: block;
position: relative;
box-sizing: border-box;
}
.main .harikaeProblem ul li h4 {
position: absolute;
bottom: 10px;
margin: 0 10px;
display: block;
width: 90%;
width: calc(100% - 20px);
color: #fff;
border-radius: 4px;
background: #12a73b;
text-align: center;
padding: 0;
}
.main .harikaeProblem ul li h4:before,
.main .harikaeProblem ul li h4:after {
display: none;
}
.main .harikaeProblem ul li img {
margin: 0;
}
#harikae .main .catchTtl {
font-size: 45px;
font-weight: bold;
text-align: center;
line-height: 1.3;
}
#harikae .main .catchTtl strong {
color: #c1272d;
}
.main .harikaeFeature h3 {
font-size: 28px;
padding: 0 7px;
margin: 0 0 20px;
}
.main .harikaeFeature h3 span {
border-radius: 4px;
background: #12a73b;
color: #fff;
display: inline-block;
font-size: 20px;
padding: 0px 10px;
margin: 10px 10px 10px 0;
}
.main .harikaeFeature h4.normal {
font-size: 18px;
padding: 0 0 0 50px;
margin: 0;
position: relative;
background: none;
}
.main .harikaeFeature h4.normal:before,
.main .harikaeFeature h4.normal:after {
border-radius: 50%;
content: "";
display: block;
position: absolute;
top: 3px;
font-size: 30px;
line-height: 1;
background: #12a73b;
width: 20px;
height: 20px;
border: none;
transform: none;
}
.main .harikaeFeature h4.normal:before {
left: 0;
opacity: 0.5;
}
.main .harikaeFeature h4.normal:after {
left: 23px;
}
.main .harikaeFeature .alignright {
margin-left: 30px;
}
.main .harikaeMerit {
padding-top: 0;
}
.main .harikaeMerit h3 {
background: #12a73b;
border-radius: 6px;
border-top: none;
color: #fff;
font-weight: normal;
font-size: 36px;
text-align: center;
}
.main .harikaeMerit h4 {
background: none;
font-size: 30px;
padding: 0;
}
.main .harikaeMerit h4:before,
.main .harikaeMerit h4:after {
content: none;
}
.main .harikaeMerit p {
margin-bottom: 0;
}
.main .harikaeMerit .alignright {
margin: 0 0 0 25px;
}
.main .sidingMerit .balloonBox {
margin: 30px 0;
text-align: center;
padding: 10px;
}
.main .sidingMerit .balloonBox:after {
content: " ";
height: 0;
position: absolute;
width: 0;
border: 25px solid transparent;
border-top: #c1272d solid 26px;
top: 100%;
left: 50%;
margin-left: -25px;
border-radius: 0;
}
.main .sidingMerit .balloonBox p {
font-size: 36px;
font-weight: normal;
}
.main .sidingMerit .balloonBox strong {
font-weight: bold;
color: #fff;
} #amadoi .catchLrg {
font-size: 40px;
font-weight: bold;
line-height: 1.3;
margin-bottom: 18px;
}
#amadoi .catchL {
font-size: 48px;
}
#amadoi .catchL strong {
font-size: 1em;
}
#amadoi .catchLrg strong {
font-size: 53px;
letter-spacing: -2px;
}
#amadoi .catchL strong {
font-size: 1em;
}
#amadoi .catchLrg img {
float: right;
margin: -45px 0 30px 30px;
}
#amadoi .catchBoxR {
border-radius: 5px;
clear: both;
background-color: #c1272d;
color: #fff;
font-size: 26px;
text-align: center;
font-weight: bold;
}
#amadoi .catchImg {
margin: 30px 0;
text-align: center;
}
#amadoi .attentionB {
background: #c1272d;
clear: both;
padding-top: 15px;
margin-top: 50px;
}
#amadoi .attentionB .catchImg {
margin: 0;
}
#amadoi .attentionB ul {
margin-bottom: 0;
overflow: hidden;
padding: 22px;
}
#amadoi .attentionB ul li {
background: #fff;
padding: 10px;
width: 304px;
box-sizing: border-box;
float: left;
margin: 0 22px 0 0;
position: relative;
}
#amadoi .attentionB ul li:last-child {
margin-right: 0;
}
#amadoi .attentionB ul li h4 {
display: block;
background: #4dbe53;
color: #fff;
font-weight: bold;
font-size: 20px;
padding: 3px;
margin-top: 10px;
line-height: 1.2;
margin-bottom: 0;
text-align: center;
}
#amadoi .main ul.amadoiFUl li {
padding: 0;
position: relative;
margin-bottom: 20px;
}
#amadoi .main ul.amadoiFUl li p.attentionP {
position: absolute;
width: 192px;
height: 149px;
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/ico_gn.png) no-repeat center center;
font-size: 30px;
font-weight: bold;
color: #fff;
right: 0;
top: calc(50% - 75px);
text-align: center;
line-height: 1.3;
display: flex;
align-items: center;
justify-content: center;
}
#amadoi ul.amadoiFUl li .bgBo {
background-color: #c1272d;
position: relative;
width: 690px;
padding: 20px;
}
#amadoi ul.amadoiFUl li .bgBo:before {
position: absolute;
content: "";
background-color: #c1272d;
height: 60px;
width: 20px;
right: -20px;
top: calc(50% - 30px);
}
#amadoi ul.amadoiFUl .bgBo:after {
position: absolute;
content: "";
width: 0;
height: 0;
border: 50px solid transparent;
border-left: 30px solid #c1272d;
right: -100px;
top: calc(50% - 50px);
}
#amadoi ul.amadoiFUl li .bgBo h3 {
font-size: 30px;
padding: 5px;
margin: 0;
background: #fff;
padding: 10px;
border: none;
}
#amadoi ul.amadoiFUl li .bgBo h3 span {
text-align: center;
background: #c1272d;
color: #fff;
display: block;
margin-bottom: 10px;
}
#amadoi ul.amadoiFUl li .bgBo h3 img:last-child {
float: right;
}
#amadoi ul.amadoiFUl li:before,
#amadoi ul.amadoiFUl li:after,
#amadoi .attentionB ul li:before,
#amadoi .attentionB ul li:after,
#amadoi .attentionB ul li h4:before,
#amadoi .attentionB ul li h4:after {
content: none;
}
#amadoi .main .areaB {
background-color: #4dbe53;
color: #fff;
padding: 10px;
border-radius: 5px;
}
#amadoi .main .areaB p {
font-size: 18px;
}
#amadoi .insuranceH {
font-size: 30px;
margin: 30px 0;
border: none;
background: none;
}
#amadoi .insuranceBox .insuranceH {
margin-top: 0;
}
#amadoi .insuranceBox {
background: #e8dfcc;
text-align: center;
padding: 10px;
} #apartment .catchLrg {
font-size: 50px;
font-weight: bold;
line-height: 1.3;
margin-bottom: 20px;
}
#apartment .catchLrg img {
float: left;
margin: -15px 15px 15px 0;
}
#apartment .catchLtl {
font-size: 30px;
font-weight: bold;
line-height: 1.5;
margin-bottom: 20px;
}
#apartment .catchLtl strong {
color: #c1272d;
}
.main .priceUl {
margin-bottom: 28px;
}
.main .priceUl li:before,
.main .priceUl li:after {
display: none;
}
.main .priceUl li {
padding-bottom: 5px;
float: left;
width: 486px;
background-color: #fff;
border: 1px solid #e0d3bc;
padding: 0;
}
.main .priceUl li .title03 {
margin: 0 0 20px;
padding: 5px 0;
font-size: 23px;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #004088;
border-bottom: 1px solid #e0d3bc;
}
.main .priceUl li .priceDl {
margin: 0 8px 18px;
border-bottom: #000000 dotted 1px;
}
.main .priceUl li .priceDl dt {
padding: 7px 3px 5px;
float: left;
width: 54px;
position: relative;
color: #fff;
font-size: 20px;
font-weight: bold;
line-height: 1;
text-align: center;
background-color: #4dbe53;
border-radius: 5px;
}
.main .priceUl li .priceDl .dtStyle01 {
padding: 17px 3px;
}
.main .priceUl li .priceDl .dtStyle02 {
width: 250px;
padding: 17px 3px;
}
.main .priceUl li .priceDl dd {
padding: 0 15px 13px 68px;
font-size: 14px;
font-weight: bold;
letter-spacing: -1px;
}
.main .priceUl li .priceDl dd .txtTtl {
font-size: 17px;
}
.main .priceUl li .priceDl dd .num {
font-size: 1.9em;
}
.main .priceUl li .priceDl .ddStyle01 {
padding: 15px 15px 20px 68px;
}
.main .priceUl li .priceDl .ddStyle01 .floatR {
margin-top: -5px;
}
.main .priceUl li .priceDl .ddStyle02 {
padding: 10px 15px 20px 260px;
}
.main .priceUl li .priceDl .red {
padding-top: 2px;
color: #e82c2c;
font-size: 20px;
text-align: right;
}
.main .priceUl li .none {
margin-bottom: 0;
border-bottom: none;
}
.main .priceUl li p {
margin: 0 15px;
font-size: 14px;
line-height: 1.7;
} .main .menuMain.inner {
position: relative;
margin-bottom: 60px;
margin: 0 auto;
padding: 40px 0;
width: 90%;
}
.main .menuMain.inner > img:first-child {
width: 100%;
}
.main .menuMain .h2Box {
position: absolute;
left: 0;
top: 20px; padding: 0 20px 10px;
line-height: 1.4;
}
.main .menuMain .h2Box h2 {
color: yellow;
margin-bottom: 0;
font-size: 12em;
font-weight: 900;
}
.main .menuMain .h2Box p {
background: #fff;
padding: 0 10px;
border-radius: 10px;
display: inline-block;
color: #f15a24;
font-weight: 900;
font-size: 4em;
}
.main .menuMain .icon_spec {
position: absolute;
right: 10px;
bottom: calc(50% + 10px);
width: 150px;
height: 150px;
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/bg_spec.png) center no-repeat;
background-size: contain;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.2;
font-size: 2em;
color: #fff;
font-weight: 900;
}
.main .menuMain .imgLayer {
bottom: 40px;
left: 15px;
z-index: 1;
}
.main .menuMain.pb0 .imgLayer {
bottom: 5px;
left: 10px;
z-index: 1;
width: 22.5%;
}
.main .catchMenu {
background: #c1272d;
font-weight: bold;
font-size: 30px;
color: #fff;
padding: 5px 15px;
}
.main .wallPartsBox {
position: relative;
overflow: hidden;
margin-top: 30px;
}
.main .wallPartsBox h2 {
flex-flow: wrap;
}
.main .wallPartsBox h2 > span {
display: block;
width: 100%;
}
.main .wallPartsBox .floatL {
width: 330px;
}
.main .wallPartsBox .floatR {
width: 640px;
text-align: center;
}
.main .wallPartsBox .catchTtl {
text-align: center;
}
.main .wallPartsBox .catchTtl span {
font-size: 45px;
}
.main .wallPartsBox .catchTtl .txtL {
font-size: 130px;
line-height: 1.2;
margin: 0 0 10px;
font-weight: bold;
display: flex;
justify-content: center;
}
.main .wallPartsBox .floatL .catchTtl {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.wallPartsBox .catchTtl .txtL span {
border-radius: 50%;
background: #c1272d;
color: #fff;
width: 165px;
height: 165px;
font-size: 130px;
font-weight: bold;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding-bottom: 10px;
}
.main .wallPartsBox p.txts {
font-size: 14px;
font-weight: bold;
}
.main .wallPartsBox h4 {
background: #004ea2;
color: #fff;
padding: 0;
margin: 0 0 10px;
padding: 5px 0;
}
.main .wallPartsBox h4:before,
.main .wallPartsBox h4:after {
display: none;
}
.main .bg01 .compareTable td {
background: #fff;
font-size: 0.8em;
}
.main h2.menuCatch {
background: none;
font-size: 45px;
box-shadow: none;
color: #000000;
text-align: center;
line-height: 1.3;
padding: 0 0 30px;
margin-bottom: 30px;
}
.main h2.menuCatch:after {
background: #000000;
content: "";
display: block;
height: 15px;
position: absolute;
width: 490px;
margin: 0 auto;
bottom: 0;
top: inherit;
left: 50%;
margin-left: -245px;
border-radius: 0;
border: none;
}
.main .itemBox h3 {
background: none;
border: none;
float: left;
width: 740px;
margin: 0;
font-size: 30px;
color: #000000;
display: flex;
align-items: center;
}
.main .itemBox h3 img {
margin-right: 15px;
}
#mwnu .main .packList h4 {
font-size: 2em;
line-height: 1.2;
}
.main .itemPhoto {
width: 217px;
position: relative;
overflow: hidden;
float: right;
color: #999;
display: block;
}
.main .itemPhoto img {
width: 100%;
height: auto;
}
.main .itemPhoto p {
color: #fff;
font-size: 40px;
font-weight: bold;
}
.main .itemSummery {
width: 740px;
float: left;
}
.main .itemSummery p {
font-size: 22px;
}
.main .itemSummery .leadTxt {
position: relative;
padding-right: 55px;
}
.main .itemSummery .leadTxt .imgIco {
right: -140px;
top: 140px;
z-index: 5;
}
.main .itemSummery .leadTxt p {
font-size: 20px;
line-height: 1.5;
}
.main .itemSummery ul.menuAge {
display: flex;
-ms-align-items: center;
align-items: center;
}
.main .itemSummery ul.menuAge li {
background: none;
padding: 0;
text-align: center;
font-weight: bold;
margin: 0 20px 0 0;
display: flex;
align-items: stretch;
border-radius: 50px;
overflow: hidden;
}
.main .itemSummery ul.menuAge li:before,
.main .itemSummery ul.menuAge li:after {
content: none;
}
.main .itemSummery ul.menuAge li h5 {
font-size: 20px;
line-height: 2;
margin: 0;
background: #c1272d;
width: auto;
padding: 15px 15px;
border-radius: 0;
}
.main .itemSummery ul li.itemFeature {
-webkit-flex-basis: 370px;
flex-basis: 370px;
margin-right: 0;
}
.main .itemSummery ul.menuAge li p {
width: 200px;
font-size: 20px;
margin: 0;
padding: 10px;
background: rgba(192, 33, 31, 0.75);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.main .itemSummery ul li.itemFeature p {
text-align: left;
font-size: 18px;
}
.main .itemData {
clear: both;
margin-top: 20px;
background: #c1272d;
padding: 30px;
}
.main .itemData h4 {
color: #fff;
font-size: 35px;
text-align: center;
margin: 0 0 20px;
padding: 0;
}
.main .itemData h4:before,
.main .itemData h4:after {
display: none;
}
.main .itemData ul {
position: relative;
overflow: hidden;
margin: 0;
}
.main .itemData ul li {
border-radius: 5px;
background: #fff;
padding: 25px 25px 70px;
margin: 0 15px 0 0;
position: relative;
width: 303px;
float: left;
box-sizing: border-box;
}
.main .itemData ul li:nth-child(3n) {
margin-right: 0;
}
.main .itemData ul li:before,
.main .itemData ul li:after {
content: none;
}
.main .itemData ul li h5 {
position: absolute;
bottom: 0;
left: 50%;
background: #ff8800;
display: block;
width: 200px;
text-align: center;
margin-left: -100px;
padding: 3px;
box-sizing: border-box;
}
.main .tileCotent {
padding-bottom: 30px;
}
.main .tileCotent .btnWrap {
text-align: center;
}
.main .tileCotent .btnWrap .btn {
margin-bottom: 0;
} #contact .main h2 {
font-size: 30px;
}
#contact .main .msgTxt {
font-size: 15px;
}
.main p.catchTxt + h4 {
margin: 0;
}
#contact .main .msgTxt strong,
#contact .main .msgTxtOvr strong {
display: inline-block;
font-weight: bold;
}
.main .msgTxt .catchTxt,
.main .msgTxtOvr .catchTxt {
font-size: 32px;
font-weight: bold;
}
.main .msgTxt .catchTxt strong,
.main .msgTxtOvr .catchTxt strong {
color: #c1272d;
background: none;
font-weight: bold;
}
.main .msgTxt .catchTxt span,
.main .msgTxtOvr .catchTxt span {
background: #ff6600;
border-radius: 5px;
color: #fff;
font-size: 24px;
margin-right: 4px;
display: inline-block;
padding: 0 8px;
}
.main .msgTxt .tel,
.main .msgTxtOvr .tel {
font-size: 13px;
}
.main .msgTxt .tel span,
.main .msgTxtOvr .tel span {
font-size: 80px;
line-height: 1;
display: block;
padding: 0 0 0 58px;
} .business-calendar-box {
position: relative;
overflow: hidden;
}
.business-calendar-box > div {
width: calc(50% - 10px);
float: left;
}
.business-calendar-box > div:nth-child(2n) {
float: right;
}
.main .business-calendar-box table th,
.main .business-calendar-box table td {
width: 14%;
padding: 5px 20px;
text-align: center;
}
.business-calendar caption {
background: #ff8800;
color: #fff;
font-weight: bold;
font-size: 15px;
}
.business-calendar .attr0 {
background: #ffcccc;
}
#corporate .main .msgTxt .fukidashi,
#corporate .main .msgTxt .fukidashi + h3 {
display: none;
}
#corporate .main .msgTxt h4 {
margin-top: 0;
}
#corporate .main .prBox {
background: #3b4391;
padding: 20px;
}
#corporate .main .prBox h3 {
background: #fff;
color: #3b4391;
position: relative;
padding-left: 110px;
line-height: 1.5;
}
#corporate .main .prBox h3 strong {
width: 90px;
height: 90px;
border-radius: 50%;
background: #ff8800;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.1;
font-size: 0.7em;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.main .corpAbout {
box-sizing: border-box;
padding: 60px 0;
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/common/bg_basicknow.png) top repeat-x;
background-size: 11px;
}
.main .corpAbout .inner {
display: flex;
justify-content: space-between;
padding: 0;
}
.main .corpAbout .corpAbouTxt {
width: 54.2%;
}
.main .corpAbout .corpAboutPic {
width: 42%;
}
.main .corpAbout h2 {
font-size: 2.133em;
line-height: 1.4;
margin-bottom: 1em;
background: none;
color: #000000;
padding: 0;
text-align: left;
align-items: flex-start;
}
.main .corpAbout h2 span {
display: block;
font-size: 0.75em;
color: #3b4391;
}
.main .corpAbout p {
font-size: 1em;
line-height: 2;
color: #000;
}
.main .corpAboutLink {
display: flex;
justify-content: flex-start;
margin: 25px 0 0 0;
}
.main .corpAboutLink li {
width: auto;
margin: 0;
padding-left: 0;
}
.main .corpAboutLink li:not(:first-child) {
margin-left: 10px;
}
.main .corpAbout .corpAboutLink a {
width: 100%;
margin: 0 10px 0 0;
font-size: 1.2em;
display: inline-block;
}
.main .corpAbout .corpAboutLink li::before,
.main .corpAbout .corpAboutLink li::after {
display: none;
} .main ul.itemList3 {
overflow: hidden;
}
.main ul.itemList3 li::after,
.main ul.itemList3 li::before {
content: none;
}
.main ul.itemList3 li {
float: left;
width: 280px;
padding: 15px 15px 0;
border: 5px solid #ff8800;
border-radius: 10px;
margin-right: 20px;
}
.main ul.itemList3 li:nth-of-type(3n) {
margin-right: 0;
}
.main ul.itemList3 li h5 {
margin: 0 0 10px 0;
text-align: center;
display: block;
}
.main .bnrMainte {
background: #c1272d;
overflow: hidden;
}
.main .bnrMainte p {
font-size: 35px;
color: #fff;
font-weight: bold;
padding: 0 0 0 20px;
}
.main .bnrMainte img {
float: right;
} .main .faqList > li {
padding: 0;
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.main .faqList li:before,
.main .faqList li:after {
content: none;
}
.main .faqList li h3 {
background: #3b4391;
font-size: 1.8em;
line-height: 1.5;
padding: 20px 10px 20px 60px;
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.main .faqList li h3:before {
content: "Q";
color: rgba(255, 255, 255, 0.4);
font-size: 2.5em;
position: absolute;
left: 5px;
top: -5px;
line-height: 1;
}
.main .faqList li .ansBox {
border: #ccc solid 1px;
padding: 25px 30px 25px 60px;
position: relative;
overflow: hidden;
}
.main .faqList li .ansBox p {
margin-top: 10px;
}
.main .faqList li .ansBox img {
padding-top: 10px;
}
.main .faqList li .ansBox img {
max-width: 100%;
height: auto;
}
.main .faqList li .ansBox strong {
display: block;
font-size: 1.2em;
}
.main .faqList li h4 {
margin-bottom: 10px;
margin-top: 0;
}
.main .faqList li p:last-child {
margin-bottom: 0;
}
.main .faqList li .txtL {
font-size: 1.8em;
position: relative;
}
.main .faqList li .ansBox:before {
content: "A";
color: #ff8800;
opacity: 0.5;
font-size: 4.6em;
position: absolute;
left: 5px;
top: -25px;
font-weight: bold;
z-index: -1;
}
.main .faqList li ul {
margin-bottom: 0;
}
.main .faqList li li {
margin: 15px 0 0;
}
.main .faqList li ul.columns {
display: flex;
justify-content: space-between;
flex-flow: wrap;
}
.main .faqList li ul.columns li {
width: 48%;
margin-top: 1em;
}
.main .photoUL.photoColumn2 li {
width: 48%;
width: calc(50% - 10px);
flex-grow: inherit;
margin: 0;
}
.main .photoUL.pictBA li:first-child:after {
content: "";
left: 98%;
top: 0;
bottom: 0;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 25px 0 25px 40px;
border-color: transparent transparent transparent #000000;
transform: none;
z-index: 2;
} #docrequest .subsidyBnr .inner {
padding: 20px 0 10px;
}
#docrequest .subsidyBnr h3 {
margin: 0 0 20px;
background: #3b4391;
border: none;
color: #fff;
font-size: 20px;
padding: 5px 7px;
text-align: center;
}
#docrequest .subsidyBnr p {
margin-top: 20px;
font-size: 16px;
}
#docrequest .subsidyBnr img {
width: 100%;
}
#docrequest .repairBnr .inner {
padding: 20px 0 10px;
}
#docrequest .repairBnr h3 {
margin: 0 0 20px;
background: #3b4391;
border: none;
color: #fff;
font-size: 20px;
padding: 5px 7px;
text-align: center;
}
#docrequest .repairBnr p {
margin-top: 20px;
font-size: 16px;
}
#docrequest .repairBnr img {
width: 100%;
}
.main .docList {
position: relative;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.main .docList li {
width: 33%;
width: calc(33% - 20px);
padding: 0;
margin: 0 0 20px;
text-align: center;
}
.main .docList li:before,
.main .docList li:after {
content: none;
}
.main .docList li h3 {
border-radius: 5px;
text-align: center;
}
.main .pickupBnr {
position: relative;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: center;
width: 1000px;
margin: 0 auto;
padding: 30px 0;
}
.main .bg01 .pickupBnr {
padding: 40px 0;
}
.main .pickupBnr li {
width: 33%;
width: calc(33% - 5px);
padding: 0;
margin: 0;
text-align: center;
}
.main .pickupBnr li:before,
.main .pickupBnr li:after {
content: none;
}
.main .pickupBnr li a {
text-align: left;
padding-left: 30px;
}
.main .pickupBnr li a:before {
content: "\f138";
font: normal normal normal 14px/1 FontAwesome;
font-size: 1.4rem;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
}
.main .pickupBnrTop {
position: relative;
overflow: hidden;
width: 1000px;
margin: 40px auto;
}
.main .pickupBnrLink {
display: flex;
justify-content: space-between;
align-items: center;
padding: 80px 30px;
transition: 0.5s;
}
.main .pickupBnrLink.lazyloaded {
background: url(https://owners-plus.com/wp-content/themes/ownersplus/img/top/pick_bnr_bg_img.jpg) 0 0 / cover no-repeat;
}
.main .pickupBnrLink:hover {
opacity: 0.7;
transition: 0.5s;
}
.main .pickupBnrLink .btn {
margin-bottom: 0;
}
.main .pickupBnrLink .btn:hover {
opacity: 1;
}
.main .bnrBoxTop.login {
padding-bottom: 0;
} .gallery { width: 100%;
margin-bottom: 20px !important;
overflow: hidden;
}
.gallery br {
display: none;
} .gallery-item { float: left;
margin-bottom: 0 !important;
}
.gallery-icon { text-align: center;
}
.gallery-icon img {
width: 100%;
height: auto;
margin-bottom: 10px !important;
}
.gallery-caption { color: #222;
font-size: 12px;
margin: 0 0 10px;
text-align: center;
}
.gallery-columns-1 .gallery-item { width: 100%;
margin-right: 0;
}
.gallery-columns-2 .gallery-item { width: 48%;
margin: 0 1%;
}
.gallery-columns-3 .gallery-item { width: 31.33333%;
margin: 0 1%;
}
.gallery-columns-4 .gallery-item { width: 23%;
margin: 0 1%;
}
.gallery-columns-5 .gallery-item { width: 18%;
margin: 0 1%;
}
@media screen and (max-width: 640px) { .gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item {
width: 48%;
margin: 0 1%;
}
.gallery-columns-5 .gallery-item {
width: 31.33333%;
margin: 0 1%;
}
}
.main .topColumn .subTtl {
margin-bottom: 40px;
}
.main .differenceContentsTitle {
margin-bottom: 0;
background-color: #c1272d;
color: #fff;
font-size: 22px;
padding: 11px 17px; position: relative;
text-align: left;
}
.main .differenceContentsTitle img {
margin-bottom: 0;
}
.main .differenceMenu {
display: flex;
justify-content: center;
border: 7px solid #c1272d;
border-top: none;
padding-top: 15px;
}
.main .differenceBox {
padding-left: 10px;
padding-right: 10px;
}
.main .differenceBox h3 {
font-size: 24px;
position: relative;
color: #222;
display: inline-block;
min-width: 225px;
margin-bottom: 0;
padding: 5px 5px 5px 0;
border-top: none;
background: none;
}
.main .differenceBoxImg {
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
}
.main .differenceBox {
width: 50%;
box-sizing: border-box;
}
.main .differenceBox > img {
float: left;
margin-bottom: 0;
margin-right: 5px;
}
.main .differenceBox h3 {
display: inline-block;
width: 300px;
min-width: auto;
min-height: auto;
clear: none;
padding: 0;
margin: 0;
}
.differenceBoxIcon {
width: 80px;
height: 80px;
}
.corpMovWrap {
margin: 20px auto;
}
.iframeWrap {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.iframeWrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#docrequest .main .msgWrap,
#blog .main .msgWrap {
margin-top: 40px;
}
#docrequest .main .msgTxt .fukidashi,
#docrequest .main .msgTxt h3,
#blog .main .msgTxt .fukidashi,
#blog .main .msgTxt h3,
*:not(#reason) .main .msgTxt h3,
*:not(#reason) .main .msgTxt .fukidashi {
display: none;
}
#top .main .msgTxt .fukidashi {
display: block;
}
#docrequest .main .msgTxt h4,
#blog .main .msgTxt h4,
*:not(#reason) .main .msgTxt h4 {
margin-top: 0;
}
.interviewBox {
padding-bottom: 1em;
border-bottom: 1px dotted #ccc;
}
.main .corpType li h5 {
display: block;
margin-bottom: 0.5em;
}
#diagnosis .main .menuMain {
margin-bottom: 0;
}
#diagnosis .deteriorationChk + div {
display: none;
}
.thumbnail-image {
display: flex;
margin: auto;
justify-content: center;
}
@media (max-width: 1280px) {
.main .pickupBnr {
width: 100%;
margin: 0 auto;
padding: 30px 5%;
}
.main .newsBox .contbtn {
flex-flow: wrap;
}
.main .newsBox .contbtn li {
width: 49%;
margin-top: 5px;
}
.main .newsBox .inBox li .newsTumb {
width: 100px;
height: 100px;
}
.main .worksBox .inner {
width: 100%;
}
.main .serviceContents .inner:last-child,
.main .corpAbout .inner {
padding: 0 5%;
}
.main .voiceBox .inner,
.footer .inner,
.main .bg01 .pickupBnr {
padding-left: 5%;
padding-right: 5%;
}
.main ul.showroomDetail li {
width: 48%;
}
.main ol.showroomStep li {
width: calc(20% + 50px);
}
.main ol.showroomStep li:first-child {
width: 20%;
margin-left: 0;
}
.main ol.showroomStep li span {
width: 50px;
height: 50px;
}
}
@media (max-width: 1024px) {
.main .newsBox .inBox li .newsTumb {
width: 9.57vw;
height: 9.57vw;
}
.main .basicKnow .inner .inner {
padding-left: 0;
padding-right: 0;
}
} .waterproof {
overflow-x: hidden;
}
.waterproof .topContents .maxWidth,
.waterproof .issue,
.waterproof .worksBox .inner,
.waterproof .serviceContents .inner,
.waterproof .bannersContainer {
max-width: 1000px;
}
.waterproof .topContents {
position: relative; background-size: cover;
}
.pc_mv {
background-image: url(https://owners-plus.com/wp-content/uploads/2023/02/pc-bg.png);
padding: 2rem 4.5rem 4rem !important;
} .waterproof .topTitle {
font-size: 3.6rem;
font-weight: bold;
text-align: center;
color: #ffc000;
}
.waterproof .topDesc {
font-size: 2rem;
font-weight: bold;
line-height: 1.2;
margin-top: 1rem;
margin-left: 1rem;
color: #ffffff;
}
.waterproof .beforeAfterContainer {
position: absolute;
display: flex;
align-items: flex-end;
gap: 3rem;
height: 10rem;
bottom: 1rem;
right: 1rem;
}
.waterproof .beforeImg {
height: 7.6rem;
}
.waterproof .arrowImg {
position: absolute;
bottom: 3.5rem;
left: 7rem;
}
.waterproof .afterImg {
height: 100%;
}
.waterproof .issueTextContainer {
margin: 1rem;
padding: 2rem;
background-color: #f6fa47;
}
.waterproof .issueText {
margin-bottom: 0;
line-height: 0.8;
}
.waterproof .estimatesBox {
padding: 5px 10px 0;
}
.waterproof .worksBox a {
text-decoration: none !important;
}
.waterproof .worksContainer {
display: flex;
align-items: center;
border: 1px solid #ccc;
}
.waterproof .worksBoxContainer .packImg {
width: 40% !important;
height: 10rem !important;
}
.waterproof .packSummary h4 {
color: #000;
padding-left: 1.2rem;
margin-bottom: 8px;
}
.waterproof .packSummary p {
color: #000;
padding-left: 1.2rem;
}
.waterproof .packSummary h4::before {
content: initial;
}
.waterproof .packSummary h4::after {
content: initial;
}
.waterproof .bgTit {
padding: 0 !important;
height: auto;
}
.waterproof .bannersContainer {
padding: 1rem 10px 2rem;
}
.waterproof .bannersContainer .telBannerContainer {
margin-bottom: 2rem;
}
.waterproof .telBanner {
padding: 1rem 10px 1rem;
}
.waterproof .inner {
aspect-ratio: initial !important;
}
.waterproof .telBorder {
border: 5px solid #3b4391;
margin-bottom: 1rem;
padding-top: 0.2rem;
}
.waterproof .telContainer {
padding: 0 0.2rem 0.2rem;
}
.waterproof .telBtn {
background: rgb(85, 34, 36);
background: linear-gradient(
0deg,
rgba(85, 34, 36, 1) 0%,
rgba(176, 37, 43, 1) 95%,
rgba(226, 146, 149, 1) 100%
);
margin: 0.2rem;
padding: 0.8rem 1rem 1.4rem 1rem;
border-radius: 4px;
}
.waterproof .bannerBtns {
display: flex;
flex-direction: column;
gap: 1rem;
}
.waterproof .bannerBtn {
padding: 0.5rem 1.25rem;
border-radius: 8px;
-moz-box-shadow: 3px 5px 5px -2px rgba(0, 0, 0, 0.78);
-webkit-box-shadow: 3px 5px 5px -2px rgba(0, 0, 0, 0.78);
-ms-box-shadow: 3px 5px 5px -2px rgba(0, 0, 0, 0.78);
box-shadow: 3px 5px 5px -2px rgba(0, 0, 0, 0.78);
}
.waterproof .bannerBtn a {
text-decoration: none !important;
}
.waterproof .bgGreen {
background-color: #518f23;
}
.waterproof .bgRed {
background-color: #cd1310;
}
.waterproof .bannerTitle {
font-size: 2.6em;
font-weight: bold;
color: #fff;
transform: scale(1, 1.2);
letter-spacing: 0.2px;
line-height: 1.4;
}
.waterproof .bannerTitle span {
font-size: 0.5em;
margin-left: 1rem;
}
.waterproof .bannerDesc {
font-size: 1.65em;
font-weight: bold;
color: #f0fe01;
}
.waterproof .wp-block-group__inner-container h2 {
text-align: left;
}
.waterproof .telBtn a {
display: flex;
align-items: center;
text-decoration: none;
}
.waterproof .telIcon::before {
font: normal normal normal 14px/1 FontAwesome;
content: "\f095" !important;
font-size: 2.2em;
color: #ffffff;
margin-top: 0.8rem;
}
.waterproof .column {
width: 100%;
text-align: center;
}
.waterproof .telMessage {
font-size: 1.5em;
color: #fff !important;
}
.waterproof .telNumber {
font-size: 2.6em !important;
font-weight: bold;
color: #fff !important;
letter-spacing: 2px;
line-height: 1;
}
.waterproof .main .serviceContents .inner:last-child {
padding-bottom: 0;
padding-top: 40px;
}
@media screen and (min-width: 768px) {
.waterproof .topContents {
display: flex;
justify-content: center; padding: 0 4.5rem;
}
.waterproof .mvImg {
object-fit: contain;
width: 100%; }
.waterproof .mvProof .mvImg {
}
.waterproof .mvProof .mvImg02 {
display: block;
margin: 15px auto 0;
}
.waterproof .pagetitle {
height: 45rem;
}
.waterproof .topContents .maxWidth {
position: relative;
margin: auto;
height: 100%;
}
.waterproof .topTitle {
font-size: 3.4em;
padding-top: 2rem;
}
.waterproof .topDesc {
font-size: 2.4em;
margin-top: 3rem;
}
.waterproof .beforeAfterContainer {
height: 24rem;
}
.waterproof .beforeImg {
height: 16rem;
}
.waterproof .arrowImg {
bottom: 12.5rem;
left: 18rem;
}
.waterproof .issue {
padding-top: 60px;
}
.waterproof .issueImgs {
display: flex;
}
.waterproof .issueImgs img {
width: 25%;
}
.waterproof .issueImgsText {
margin: auto;
text-align: center;
}
.waterproof .InfoBox .inBox {
height: auto;
aspect-ratio: initial !important;
}
.waterproof .InfoBox .inBox p {
color: #ffffff;
}
.waterproof .InfoBox .imgLayer {
top: -2%;
}
.waterproof .worksBoxContainer {
display: flex;
justify-content: space-around;
}
.waterproof .worksBoxContainer article {
width: 43%;
}
.waterproof .performance {
padding: 60px 10px;
}
.waterproof .bannersContainer {
padding-bottom: 60px;
}
.waterproof .bannerBtns {
flex-direction: row;
justify-content: space-between;
}
.waterproof .bannerBtn {
padding: 0.8rem 3rem;
}
.waterproof .telBanner {
margin-top: 20px;
}
.waterproof .telBanner .inBox {
height: auto;
aspect-ratio: initial;
}
.waterproof .telBanner .inBox p {
color: #ffffff;
}
.waterproof .telBanner .imgLayer {
top: 0;
}
.waterproof .contactBox img {
z-index: 99;
}
.pc-block {
display: block;
}
.sp-block {
display: none;
}
.sp_mv {
display: none !important;
margin-bottom: 3rem;
}
} .contactBn,
.contactBnrWp {
border: 1px solid #01019b;
border-radius: 8px;
padding-top: 0 !important;
margin-top: 1rem;
}
.contactBnrWrapper {
background: linear-gradient(#0000cd 0%, #01019b 100%);
padding-top: 0.5rem;
padding-bottom: 1rem;
border-radius: 4px 4px 0 0;
}
.contactBnrWrapper .contactBnrTitle {
background: linear-gradient(#0000cd 0%, #01019b 100%);
margin-bottom: 0;
font-size: 1.6em !important;
}
.contactBnrWrapper .thrtySeconds {
color: #ffff9a;
font-size: 1.25em;
}
.contactBnr .wpcf7,
.contactBnrWp .wpcf7 {
background-color: #efeeea;
border-radius: 0 0 6px 6px;
}
.contactBnr form,
.contactBnrWp form {
border-radius: 0 0 6px 6px;
}
.contactBnr .contactBnrform,
.contactBnrWp .contactBnrform {
padding: 1rem 0;
}
.contactBnr table,
.contactBnrWp table {
width: 100%;
table-layout: fixed;
word-break: break-all;
word-wrap: break-all;
margin-bottom: 1rem !important;
}
.contactBnrWp tbody {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.contactBnr tr,
.contactBnrWp tr {
display: inline-flex;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.contactBnrWp tr {
width: 96% !important;
gap: 1rem;
justify-content: center;
align-items: center;
}
.contactBnr th {
color: #01019b !important;
background-color: transparent !important;
width: 33vw !important;
font-size: 1em !important;
font-weight: bold !important;
text-align: right !important;
}
.contactBnrWp th {
color: #01019b !important;
background-color: transparent !important;
font-size: 1em !important;
font-weight: bold !important;
text-align: right !important;
}
.contactBnr td {
background-color: #ffffff !important;
border-radius: 8px;
border: 1px solid #e2e2df;
width: 55vw !important;
}
.contactBnrWp td {
background-color: #ffffff !important;
border-radius: 8px;
border: 1px solid #e2e2df;
width: 80%;
}
.contactBnr .req,
.contactBnrWp .req {
color: #ffffff;
background-color: #e23c3c;
border-radius: 6px;
font-size: 0.7em;
padding: 1px 3px;
margin-left: 0.5rem;
}
.contactBnr .isNotReq,
.contactBnrWp .isNotReq {
margin-left: 0.5rem;
}
.contactBnr .submit {
width: 93%;
display: flex;
justify-content: center;
align-items: center;
padding: 0.15rem;
border: 1px solid #d5d5d6;
border-radius: 4px;
margin: auto;
}
.contactBnrWp .submit {
width: 50%;
display: flex;
justify-content: center;
align-items: center;
padding: 0.15rem;
border: 1px solid #d5d5d6;
border-radius: 4px;
margin: auto;
}
.contactBnr .submit .submitInner,
.contactBnrWp .submit .submitInner {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #01019b;
border-radius: 4px;
line-height: 1.4;
}
.contactBnr .submit .submitInner p,
.contactBnrWp .submit .submitInner p {
display: flex;
align-items: center;
padding-right: 6rem;
}
.contactBnr .free,
.contactBnrWp .free {
display: flex;
align-items: center;
font-size: 2.4em;
color: #ffffff;
font-weight: bold;
border-right: 1px solid #999999;
margin: 0.2rem 0.3rem;
padding-right: 0.3rem;
padding-left: 6rem;
cursor: pointer;
}
.contactBnr .largeText,
.contactBnrWp .largeText {
font-size: 1.7em;
color: #ffffff;
}
.contactBnr .smallText,
.contactBnrWp .smallText {
font-size: 1.4em;
color: #ffffff;
margin-bottom: -4px;
}
.contactBnr .contactBnrIssue,
.contactBnrWp .contactBnrIssue {
color: #e23c3c;
text-align: center;
font-size: 1em;
}
@media (max-width: 767px) {
.contactBnr .submit .submitInner p,
.contactBnrWp .submit .submitInner p {
padding-right: 0;
}
.contactBnrWp .free {
padding-left: 6rem;
}
.contactBnrWp th {
width: 80% !important;
}
.contactBnrWp .submit {
width: 100%;
}
.contactBnr .submit .submitInner input[type="submit"] {
font-size: 2.2rem;
}
.contactBnr .free {
padding-left: 0;
}
}
@media (min-width: 768px) {
.contactBnr th {
width: 16vw !important;
max-width: 15rem;
}
.contactBnr td {
width: 25vw !important;
max-width: 31rem;
}
.contactBnr .submitInner,
.contactBnrWp .submitInner {
justify-content: space-evenly;
}
.contactBnr .wpcf7-spinner,
.contactBnrWp .wpcf7-spinner {
display: none;
}
}
.btnFlash {
animation-name: flash;
animation-duration: 2.5s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
position: relative;
}
@keyframes flash {
5% {
background: #01019b;
}
10% {
background: #e6973b;
}
15% {
background: #01019b;
}
20% {
background: #e6973b;
}
25% {
background: #01019b;
}
30% {
background: #e6973b;
}
35% {
background: #01019b;
}
} .worksBnrBtn {
display: block;
width: 100%;
margin: auto;
font-size: 1.1em;
padding: 1rem 1rem;
background: #ffff00;
box-shadow: 0px 6px 0 #ccc117;
transition: 0.3s;
border: 1px solid #000000;
border-radius: 6px;
}
.worksBnrBtn:hover {
transform: translate3d(0, 5px, 0);
box-shadow: none;
background: #ffff00;
}
.worksBnrBtn a {
color: #000000;
text-decoration: none;
}
.worksBnrBtn .fa-envelope-o {
margin-right: 0.4rem;
}
.worksBnrBtn .fa-chevron-right {
margin-left: 1.6rem;
} #popup {
width: 100%;
height: 100vh;
position: fixed;
z-index: 999999;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.75);
}
#popup .popupInner {
position: fixed;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
background-color: #ffffff;
padding: 1rem;
border-radius: 8px;
width: 50%;
max-width: 760px;
}
#popup .btnClose {
display: flex;
margin-left: auto;
margin-top: 1rem;
}
#popup .btnClose i {
font-size: 2rem;
}
@media screen and (max-width: 767px) {
.pc-block {
display: none;
}
.sp-block {
display: block;
}
.pc_mv {
display: none;
}
.sp_mv {
background-image: url(https://owners-plus.com/wp-content/uploads/2023/02/sp-bg.png);
}
}
.xsblock {
display: none;
}
.d-none {
display: none;
}
.sp-bnr {
display: none;
}
.pc-bnr {
max-width: 1000px;
margin: 0 auto;
}
.pc-bnr a {
width: 100%;
}
.pc-bnr a img {
width: 100%;
} .issueReccomendWrapper {
display: flex;
justify-content: space-between;
gap: 2rem;
}
.issueReccomendItem {
background-color: #f3f5f7;
}
.issueReccomendItem div {
text-align: center;
font-size: 1.8rem;
}
.issueEx {
padding: 3rem 0 2rem 0;
}
.issueExContents {
display: flex;
justify-content: space-between;
gap: 2rem;
}
.issueExText {
font-size: 1.6rem;
}
.issueLists {
display: flex;
justify-content: space-around;
gap: 2rem;
}
.issueText {
text-align: center;
color: #518f23;
font-size: 1.8rem;
font-weight: bold;
padding-top: 1rem;
}
@media screen and (max-width: 767px) {
.issueReccomendWrapper,
.issueExContents,
.issueLists {
flex-direction: column;
}
}
.firstViewCv {
margin: 25px 0;
padding: 0 4%;
}
.firstViewCv .contactBnrWrapper .contactBnrTitle {
font-size: 1.4em !important;
}
.firstViewCv .contactBnrWp .submit {
background: linear-gradient(#0000cd 0%, #01019b 100%);
box-shadow: 0px 4px 6px 0px rgba(255, 255, 255, 0.6) inset;
font-size: 1.7em;
font-weight: bold;
color: #ffffff;
}
.firstViewCv .contactBnrWp .wpcf7 form.invalid .wpcf7-response-output {
margin: 1em 0.5em 1em;
}
#waterproof .estimatesBox02 {
margin-top: 0;
padding: 0;
}
#waterproof .inner .inner {
padding-top: 20px;
}
#waterproof .estimatesBox02 .inner {
padding-bottom: 0;
}
#waterproof .estimatesBox02 + .serviceContents > .inner {
padding-top: 0;
} .main .topBlog h2,
.main .topFaq h2 {
position: relative;
background: #f18c2e;
font-size: 25px;
color: #fff;
line-height: 1.1;
padding: 10px;
margin: 3px auto 30px;
position: relative;
box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.2);
}
.topBlogList {
display: flex;
flex-flow: row wrap;
gap: 2%;
}
.topBlogListItem {
width: 48.9%;
padding: 0;
background: #f5f5f5;
transition: ease 0.4s;
}
.topBlogListCont {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
}
.topBlogListItem a {
box-sizing: border-box;
display: block;
padding: 10px;
text-decoration: none;
height: 100%;
color: #000;
}
.topBlogListItem .imgWrap {
background: #12a73b;
padding: 5px;
border-radius: 5px;
width: 60px;
box-sizing: border-box;
}
.topBlogListItem .txtWrap {
width: calc(100% - 70px);
margin-left: 10px;
line-height: 1.4;
text-align: justify;
font-size: 14px;
}
.topBlogListItem .txtWrap dt {
color: #e60012;
font-weight: 700;
border-bottom: 1px dashed #e60012;
padding-bottom: 5px;
margin-bottom: 5px;
font-size: 16px;
}
.has-nested-images {
display: flex;
flex-wrap: wrap;
}
.wp-block-gallery.has-nested-images.columns-default
figure.wp-block-image:not(#individual-image) {
margin-right: 10px;
margin-top: 10px;
}
.wp-block-gallery.has-nested-images.columns-default
figure.wp-block-image:nth-child(-n + 3) {
margin-top: 0;
}
.wp-block-gallery.has-nested-images.columns-default
figure.wp-block-image:nth-child(3n) {
margin-right: 0 !important;
}
@media screen and (max-width: 767px) {
.topBlogListItem {
width: 100%;
}
.wp-block-gallery.has-nested-images.columns-default
figure.wp-block-image:not(#individual-image) {
width: calc(50% - 10px * 1 / 2);
}
.wp-block-gallery.has-nested-images.columns-default
figure.wp-block-image:nth-child(-n + 3) {
margin-top: 10px;
}
.wp-block-gallery.has-nested-images.columns-default
figure.wp-block-image:nth-child(3n) {
margin-right: 10px !important;
}
.wp-block-gallery.has-nested-images.columns-default
figure.wp-block-image:nth-child(-n + 2) {
margin-top: 0;
}
.wp-block-gallery.has-nested-images.columns-default
figure.wp-block-image:nth-child(2n) {
margin-right: 0 !important;
}
}
.faqBoxWrap dl {
overflow: hidden;
background-color: #f5f5f5;
border-radius: 2px;
padding: 10px;
}
.faqBoxWrap dl + dl {
margin-top: 20px;
}
.faqBoxWrap dl dt {
text-align: left;
position: relative;
display: flex;
align-items: center;
gap: 10px;
line-height: 1.2;
padding-right: 30px;
}
.faqBoxWrap dl dt:after {
content: "+";
position: absolute;
right: 10px;
font-size: 20px;
color: #ff8800;
}
.faqBoxWrap dl dt.open:after {
content: "";
width: 15px;
height: 2px;
background-color: #ff8800;
}
.faqBoxWrap dl dt:before {
content: "Q";
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
background-color: #ff8800;
color: #fff;
flex-shrink: 0;
}
.faqBoxWrap dl dd {
display: none;
}
.faqBoxWrap dl dd {
padding-top: 10px;
padding-right: 30px;
margin-top: 10px;
border-top: 1px dashed #ff8800;
}
.faqBoxWrap dl dd strong {
color: #3b4391;
}
.flow .inner {
padding-top: 20px;
}
.flow_index_wrap {
display: flex;
gap: 20px;
}
.flow_box {
flex: 1;
display: flex;
flex-flow: column;
align-items: center;
gap: 10px;
}
.flow_box .numbox {
position: relative;
}
.flow_box .numbox .circle {
display: flex;
width: 100px;
height: 100px;
background-color: #f3f3f8;
border-radius: 50%;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
color: #3b4391;
line-height: 1;
font-weight: 600;
}
.flow_box .numbox:after {
content: "";
width: 20px;
height: 20px;
background-color: #f3f3f8;
clip-path: polygon(50% 100%, 0 0, 100% 0);
display: block;
margin: -5px auto 0;
}
.flow_box:nth-of-type(2) .numbox .circle,
.flow_box:nth-of-type(2) .numbox:after {
background-color: #e5e8f2;
}
.flow_box:nth-of-type(3) .numbox .circle,
.flow_box:nth-of-type(3) .numbox:after {
background-color: #dee2ef;
}
.flow_box:nth-of-type(4) .numbox .circle,
.flow_box:nth-of-type(4) .numbox:after {
background-color: #cfd6ea;
}
.flow_box.last .numbox .circle,
.flow_box.last .numbox:after {
background-color: #3b4391;
color: #fff;
}
.flow_box .numbox .circle .en {
text-transform: uppercase;
font-size: 14px;
}
.flow_box .numbox .circle .num {
font-size: 32px;
}
.flow_box .contbox {
background-color: #fff;
border: 2px solid #e5e5e5;
padding: 0;
display: flex;
height: 100%;
flex-flow: column;
border-radius: 10px 10px 0 0;
overflow: hidden;
}
.flow_box .contbox h4 {
background-color: #566b9080;
text-align: center;
padding-left: 0;
font-size: 20px;
margin-bottom: 0;
color: #fff;
}
.flow_box.last h4 {
background-color: #3b4391;
}
.flow_box .contbox h4:before,
.flow_box .contbox h4:after {
display: none;
}
.flow_box .contbox p {
padding: 10px;
} .warksTaxList {
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.warksTaxList .toggleBtn {
display: inline-block;
color: #fff !important;
font-size: 18px;
font-weight: 700;
position: relative;
margin-right: 5px;
padding: 5px 25px 5px 15px;
text-decoration: none !important;
border-radius: 5px;
box-shadow: 0px 5px 0px 0px rgba(255, 255, 255, 0.3) inset;
background: #3b4391;
border: #3b4391 solid 2px;
margin-bottom: 10px;
box-sizing: border-box;
}
.warksTaxList .toggleBtn:nth-of-type(2n) {
margin-right: 0;
}
.warksTaxList .toggleBtn:before,
.warksTaxList .toggleBtn:after {
position: absolute;
top: 0;
bottom: 0;
right: 6px;
margin: auto;
content: "";
vertical-align: middle;
}
.warksTaxList .toggleBtn:before {
width: 13px;
height: 13px;
border-radius: 50%;
background: #fff;
}
.warksTaxList .toggleBtn:after {
right: 10px;
width: 4px;
height: 4px;
border-top: 2px solid #3b4391;
border-right: 2px solid #3b4391;
transform: rotate(45deg);
}
.warksTaxList .taxList {
display: none;
margin-bottom: 10px;
clear: both;
}
.main .aboutBox {
}
.main .aboutBox h2 .comSubTi {
color: #3b4391;
}
.main .aboutBox h2 .comSubTi::before,
.main .aboutBox h2 .comSubTi::after {
content: none;
}
#top .main .aboutBox {
margin-top: 0;
padding: 50px 0 20px;
}
#top .main .aboutBox::before {
content: none;
}
.main .achievements {
margin-top: 30px;
}
#top .main .achievements {
display: block;
margin-top: 0;
padding: 60px 0;
background: #eff4f9;
background-size: cover;
}
#top .main .achievements.lazyloaded {
background: #eff4f9 url(https://owners-plus.com/wp-content/themes/ownersplus/img/top/bg_chk.jpg) center bottom no-repeat;
}
#top .main .achievementsInner {
width: 1000px;
margin: 0 auto;
}
.waterBnr .InfoBox {
margin-bottom: 20px;
}
.waterBnr .consultationBox .inBox {
height: inherit;
} #top .contentsCases {
margin-bottom: 60px;
}
.contentsCases {
position: relative;
}
.main .serviceContents .contentsCases .inner {
padding-bottom: 10px;
}
.listCases {
display: flex;
justify-content: space-between;
margin-bottom: 0 !important;
gap: 20px;
flex-wrap: wrap;
}
.listCases li {
display: block;
flex-basis: 32%;
margin: 0 !important;
padding: 15px;
background: #fff;
border: #ccc solid 1px;
}
.listCases li .picCases {
overflow: hidden;
width: 100%;
height: 236px;
}
.listCases li img {
width: 100%;
height: 100%;
object-fit: cover;
}
.main .contentsCases .ttlCases {
margin: 8px 0 5px;
padding: 0;
font-size: 1.8rem;
color: #333;
line-height: 1.3em;
}
.main .contentsCases .catCases {
font-size: 1.5rem;
line-height: 1.4em;
color: #666;
} .worksBnr {
max-width: 930px;
margin: 10px auto 60px;
}
.worksBnrBtns {
max-width: 395px;
margin: 30px auto 0;
}
.worksBnrBtns .worksBnrBtn {
padding: 1.5rem;
font-size: 1.2em;
} .main .otherConstruction {
padding-top: 50px;
}
.main .otherConstructionList {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.main .otherConstructionList li {
width: calc((100% - 20px) / 3);
padding: 0 0 0 0;
margin: 0;
border: #ccc solid 1px;
position: relative;
}
.main .otherConstructionList li .picCases {
width: 70%;
height: 150px;
padding: 10px;
}
.main .otherConstructionList li .picCases img {
width: 100%;
height: 100%;
object-fit: cover;
}
.main .serviceContents .otherConstructionList .ttlCases {
background-color: transparent;
color: #000;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto;
text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff,
0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff,
0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff,
0 0 3px #fff, 0 0 3px #fff;
}
.main .serviceContents .otherConstructionList .ttlCases h3 {
font-size: 2.333em;
background-color: transparent;
font-weight: bold;
padding: 0;
margin: 0 0 5px 0;
}
.mainv {
position: relative;
}
.mainv .swiper {
transition: 0.5s;
background: #333;
}
.mainv .swiper * {
width: 100%;
opacity: 0.5;
width: 85vw;
height: 35vw;
}
.mainv .swiper.swiper-slide-active * {
opacity: 1;
}
.mainv .swiper-button-next,
.mainv .swiper-button-prev {
position: absolute;
z-index: 2000;
width: 80px;
height: 80px;
outline: none;
}
.mainv .swiper-button-next {
right: 6%;
}
.mainv .swiper-button-prev {
left: 6%;
}
.mainv .swiper-button-next:before {
content: url(https://icongr.am/fontawesome/angle-right.svg?size=80&color=ffffff);
width: 80px;
height: 80px;
}
.mainv .swiper-button-prev:before {
content: url(https://icongr.am/fontawesome/angle-left.svg?size=80&color=ffffff);
width: 80px;
height: 80px;
}
.mainv .swiper-button-next:after,
.mainv .swiper-button-prev:after {
content: none;
} #toc_container {
border: #ccc solid 1px;
width: 640px;
margin: 30px auto;
padding: 20px;
box-sizing: border-box;
}
#toc_container p.toc_title {
font-size: 18px;
}
#toc_container a {
color: #000;
font-size: 15px;
}
#toc_container .toc_list ul {
margin-left: 0;
}
#toc_container .toc_list li {
line-height: 2;
padding-left: 18px;
}
#toc_container .toc_list ul ul li::before,
#toc_container .toc_list ul ul li::after {
content: "";
}
#toc_container .toc_list li::before {
width: 12px;
height: 12px;
background: #3b4391;
top: 9px;
}
#toc_container .toc_list li::after {
left: 2px;
width: 5px;
height: 5px;
top: 12px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
} .single .main .staffProfs {
padding: 0;
}
.staffProfs .profileDetail {
display: flex;
}
.staffProfs .profileDetail .mainpic {
width: 235px;
height: 314px;
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.staffProfs .profileDetail .maindetail {
width: calc(100% - 235px);
padding-left: 30px;
}
.staffProfs .fbtn {
margin-top: 15px;
text-align: center;
} .main .packNewItems {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
}
.main .packNewItems .packNewItem {
width: calc((100% - 20px) / 2);
padding: 0;
margin: 0 !important;
}
.main .packNewItem .packNewLink {
display: flex;
align-items: flex-start;
height: inherit; text-decoration: none;
}
.main .packNewItem .packNewImg {
position: relative;
overflow: hidden;
width: 160px;
height: 160px;
}
.main .packNewItem .packNewImg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.main .packNewItem .packNewImg span {
background: #c01920;
color: #fff;
font-size: 12px;
font-weight: 700;
padding: 5px 10px;
transform: rotate(-45deg);
display: block;
position: absolute;
right: -40px;
bottom: 10px;
width: 130px;
text-align: center;
box-sizing: border-box;
line-height: 1.2;
}
.main .packNewItem .packNewSummary {
padding: 10px;
width: calc(100% - 160px);
padding: 10px 20px;
line-height: 1.2;
}
.main .packNewItem .packNewDetalis {
font-size: 1.2em;
background-color: transparent;
color: #000;
line-height: 1.2;
margin: 0 0 5px 0;
padding: 0;
position: relative;
font-weight: 700;
}
.main .packNewItem .packNewTtl {
margin: 0;
font-size: 1.7em;
}
.main .packNewItem .packNewTtl span {
font-size: 1em;
}
.main .packNewItem .packNewPrice {
font-family: "Bahnschrift", sans-serif;
font-weight: 700;
font-variation-settings: "wght" 500, "wdth" 90;
font-size: 66px;
color: #c1272d;
letter-spacing: -0.02em;
text-align: right;
line-height: 1.1;
}
.main .packNewItem .packNewPrice small {
font-size: 0.5em;
font-weight: 400;
position: relative;
}
.main .packNewItem .packNewPrice span {
font-size: 0.32em;
line-height: 1;
letter-spacing: -2px;
font-weight: 700;
margin-left: 0;
font-family: "Noto Sans JP", sans-serif;
}
.main .packNewItem .packNewSummary .priceTaxin {
font-size: 0.8em;
} .footer {
padding-bottom: 200px;
}
@media screen and (max-width: 767px) {
.footer {
padding-bottom: 120px;
}
}
.footer .ftrScroll {
padding: 10px 0 0;
}
@media screen and (max-width: 767px) {
.footer .ftrScroll {
padding: 0 0 3px;
}
}
.footer .pc-bnr {
max-width: 460px;
}
.footer .ftrScroll .inner {
justify-content: center;
}
.footer .ftrScroll .pageTop {
margin-left: 10px;
}
.main .deteriorationChkNew {
padding-bottom: 20px;
}
.main .deteriorationChkNew .inner {
padding: 15px 0 0;
}
.deteriorationChkNew .deteriorationChk {
padding: 40px 0 0;
} .main .contactBox .contactBoxLead {
font-size: 29px;
font-weight: bold;
color: #333;
letter-spacing: 0.05em;
text-shadow: rgb(255, 255, 255) 3px 0px 0px,
rgb(255, 255, 255) 2.83487px 0.981584px 0px,
rgb(255, 255, 255) 2.35766px 1.85511px 0px,
rgb(255, 255, 255) 1.62091px 2.52441px 0px,
rgb(255, 255, 255) 0.705713px 2.91581px 0px,
rgb(255, 255, 255) -0.287171px 2.98622px 0px,
rgb(255, 255, 255) -1.24844px 2.72789px 0px,
rgb(255, 255, 255) -2.07227px 2.16926px 0px,
rgb(255, 255, 255) -2.66798px 1.37182px 0px,
rgb(255, 255, 255) -2.96998px 0.42336px 0px,
rgb(255, 255, 255) -2.94502px -0.571704px 0px,
rgb(255, 255, 255) -2.59586px -1.50383px 0px,
rgb(255, 255, 255) -1.96093px -2.27041px 0px,
rgb(255, 255, 255) -1.11013px -2.78704px 0px,
rgb(255, 255, 255) -0.137119px -2.99686px 0px,
rgb(255, 255, 255) 0.850987px -2.87677px 0px,
rgb(255, 255, 255) 1.74541px -2.43999px 0px,
rgb(255, 255, 255) 2.44769px -1.73459px 0px,
rgb(255, 255, 255) 2.88051px -0.838247px 0px;
}
.main .contactBox .contactBoxLead b {
color: #c1272d;
font-size: 32px;
}
.main .contactBox .contactBoxLead span + span {
display: inline-block;
margin-left: 1.5rem;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.main .contactBox .contactBoxLead {
font-size: 1.8em;
}
.main .contactBox .contactBoxLead b {
font-size: 1.3em;
}
}
.seminer-template-default .page-contents .inner {
padding-top: 0;
}
.seminer-template-default .page-contents br {
display: none;
}
.seminer-template-default .page-contents br:nth-of-type(even) {
display: block;
}
.seminer-template-default .page-contents h3 {
margin-top: 20px;
}
.seminer-template-default .page-contents h4 {
margin-top: 20px;
}
.seminer-template-default .eventTime {
display: block;
}
.main .formBox td select {
padding: 5px;
width: 100%;
height: inherit;
line-height: inherit;
max-width: 260px;
margin-right: 10px;
border: 1px solid #ccc;
box-sizing: border-box;
background: #e5e6ed;
font-size: 1.1em;
}
.main .formBox td .eventTimeNote {
margin-left: 0;
}