@charset "utf-8";
  * {
-webkit-text-size-adjust: 100%;
} input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
font-size: 16px;
-webkit-appearance: none;
}
input[type="submit"],
input[type="image"] {
-webkit-appearance: none;
}
.spcut {
display: none !important;
}
.spblock {
display: block !important;
}
.spinline {
display: inline;
}
.sptr {
display: table-row;
}
body {
min-width: 0px;
font-size: 3.2vw;
box-sizing: border-box;
margin: 0;
}
.inner {
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
padding: 30px 4%;
box-sizing: border-box;
}
article {
padding: 0 0 20px;
}
@font-face {
src: url(//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;
}
article.bg01:last-of-type {
padding-bottom: 0;
}
.btnDetail {
position: relative;
font-weight: bold;
transition: 0.7s;
text-align: center;
color: #fff !important;
font-size: 12px;
margin: 0 auto;
width: 8em;
border-radius: 5px;
padding: 3px 6px;
background: #231816;
box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.4) inset;
text-decoration: none !important;
}
#btnClose.btnDetail {
display: block;
width: fit-content;
color: #000000 !important;
margin: 10px auto 0;
}
.btn:hover,
.btnDetail:hover {
opacity: 0.7;
transition: 0.5s;
}
.btnDetail a {
display: block;
padding: 3px 7px;
color: #fff;
text-decoration: none;
text-align: center;
transition: 0.5s;
} .tel {
}
.tel .bHours {
display: none;
}
.tel span {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/ico_freedial03.png) no-repeat left 70%;
background-size: 10vmin auto;
font-family: "Bahnschrift", sans-serif;
font-size: 12vmin;
font-weight: 700;
font-variation-settings: "wght" 500, "wdth" 100;
color: #c01920;
line-height: 1;
padding-left: 11vmin;
display: block;
position: relative;
}
.tel .dNum {
background: none;
}
.tel .dNum:before {
font-family: "Font Awesome 5 Free";
content: "\f879";
font-weight: 900;
font-size: 0.6em;
transform: rotate(10deg);
width: 35px;
height: 35px;
position: absolute;
left: 5px;
top: 10px;
bottom: 0;
margin: auto;
}
.tel span a {
color: #c01920;
text-decoration: none;
}
.tel-link a {
color: #231816;
text-decoration: none;
}
.shopSummery a {
color: inherit;
text-decoration: none;
}
.main .comming {
padding: 40px 0;
text-align: center;
font-weight: 700;
font-size: 16px;
margin: 0 0 20px;
width: 100%;
}
.wp-pagenavi {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: 20px;
}
.main .wysiwyg {
margin-bottom: 20px;
}
.spblock,
.spinline,
.sptr {
display: none;
}
.displayNone {
display: none !important;
} #top .contents {
margin: 0 auto 0;
position: relative;
} .header {
position: relative;
margin-bottom: 0;
}
.header .htxt {
width: auto;
padding: 2px 4%;
margin-bottom: 0;
background: #efefef;
}
.header .htxt h1,
.header .htxt p {
width: 100%;
box-sizing: border-box;
font-size: 10px;
font-size: 3vmin;
font-weight: normal;
padding-right: 30px;
}
.header .inner {
display: flex;
flex-flow: wrap;
padding: 5px 4%;
margin: 0;
background-size: contain;
width: 100%;
align-items: stretch;
}
.header .hdrLogo {
float: none;
display: flex;
width: 100%;
margin: 6px 0;
}
.header .hdrLogo a {
margin-top: 0;
}
.header .hdrLogo a img.logo01 {
margin-bottom: 0;
width: 80%;
margin: 0 auto 0 0;
display: block;
}
.header .hdrLogo .corpNumber {
display: inline-block;
font-size: 10px;
} .header .hdrLogo .medal {
width: 30%;
margin-right: 0;
margin-left: 10px;
}
.header .hdrLogo .logoTxt {
display: none;
}
.header .hdrBlockR {
width: 58%;
}
.header .hdrContact {
position: relative;
display: flex;
justify-content: center;
width: 100%;
}
.header .hdrContact .telBox {
background: #fff;
box-sizing: border-box;
position: relative;
overflow: hidden;
margin: 0 auto;
text-align: center;
}
.header .telBtn {
z-index: 100;
position: absolute;
top: 20px;
right: 55px;
color: #fff;
font-weight: bold;
display: block;
box-sizing: border-box;
margin-bottom: 0;
}
.header .telBtn a {
display: flex;
justify-content: center;
align-items: center;
width: 49px;
height: 49px;
box-sizing: border-box;
text-align: center;
color: #ffffff;
margin-top: 0;
text-decoration: none;
padding: 0;
border: none;
border-radius: 50%;
background: #f7b500;
box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 0.3) inset;
}
.header .hdrContact .tel {
margin-top: 0;
font-size: 1.1em;
}
.header .hdrContact .tel .tel-link {
font-size: 2.4em;
line-height: 1;
letter-spacing: -0.03em;
padding-left: 24px;
display: block;
background-size: 24px auto;
font-variation-settings: "wght" 500, "wdth" 100;
}
.header .hdrContact .tel small {
display: block;
text-align: center;
word-break: break-all;
}
.header .hdrContact .contactCatch {
font-size: 0.7em;
}
.header .hdrContact .contactCatch span {
display: none;
}
.header .hdrBnr.spblock {
position: relative;
overflow: hidden;
width: 40%;
margin: 0;
display: flex !important;
align-items: stretch;
justify-content: flex-end;
padding-bottom: 6px;
}
.header .hdrBnr a.hdrBtn {
box-sizing: border-box;
width: 48%;
font-weight: bold;
line-height: 1.3;
display: flex;
justify-content: center;
align-items: flex-end;
padding: 8px 10px 6px;
}
.header .hdrBnr a.hdrBtn small {
display: none;
}
.header .hdrBnr a.hdrBtn p {
font-size: 0.7em;
}
.header .hdrBnr .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: 30px;
height: 30px;
right: auto;
top: 8px;
transform: translateY(0);
}
.header .hdrBnr .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: 30px;
height: 30px;
right: auto;
top: 8px;
transform: translateY(0);
}
.hdrBnr li:before,
.hdrBnr li:after {
content: none;
} #topcontrol {
z-index: 10;
}
.footer {
padding-bottom: 150px;
position: relative;
overflow: hidden;
border: none;
font-size: 13px;
}
.footer .footerBorder {
border-top: none;
}
.footer .ftrScroll {
padding: 0 0 3px;
background: rgba(0, 0, 0, 0.7);
position: fixed;
bottom: 0;
width: 100%;
display: none;
z-index: 100;
line-height: 1.2;
box-sizing: border-box;
}
.footer .ftrScroll .inner {
margin: 0;
flex-wrap: wrap;
}
.footer .ftrScroll .ftrCont { flex-direction: column;
background-color: transparent;
padding: 0 2%;
width: 100%;
order: 2;
margin-top: 3px;
}
.floating-banner {
order: 1;
}
.footer .ftrScroll .inner,
.floating-banner img {
height: auto;
}
.footer .ftrScroll .ftrCont .reception {
width: 23%;
max-width: 100px;
color: #fff;
margin-left: 0;
}
.footer .ftrScroll .tel {
display: none;
}
.footer .ftrScroll .tel span {
font-size: 20px;
}
.footer .ftrScroll .ftrCont ul {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
width: 100%; }
.footer .ftrScroll .ftrCont ul li {
width: auto;
margin: 0 5px 0px 0;
}
.footer .ftrScroll .ftrCont .btnContact p,
.footer .ftrScroll .ftrCont ul li a.btnTel p {
font-size: 1.4em;
}
.footer .ftrScroll .ftrCont ul li:last-child {
margin-right: 0;
}
.footer .ftrScroll .ftrCont ul li img {
width: 100%;
height: 100%;
}
.footer .ftrScroll .ftrCont ul li.ftrRainleaking {
display: none;
}
.footer .ftrScroll .ftrCont ul li.ftrTel { width: 40%;
}
.footer .ftrScroll .ftrCont ul li a { font-weight: bold;
text-align: center;
display: flex;
color: #fff;
text-decoration: none;
height: 100%;
align-items: center;
flex-flow: column;
width: 100%;
}
.footer .ftrScroll .ftrCont ul li a:before {
content: none;
}
.footer .ftrScroll .ftrCont ul li a.btnTel {
border-radius: 4px;
background: linear-gradient(#ff9900 0%, #ff7c00 100%);
color: #fff !important;
display: flex;
padding: 0 10px 0 10px;
position: relative;
text-decoration: none !important;
box-shadow: 0px 4px 6px 0px rgb(255 255 255 / 60%) inset;
height: 100%;
align-items: center;
}
.footer .ftrScroll .ftrCont ul li.ftrTel a {
box-sizing: border-box;
display: flex;
height: 100%;
align-items: center;
font-size: 4.5vmin;
}
.ftrScroll .sp-block .telNumber {
font-size: 1.4em !important;
white-space: nowrap;
color: yellow !important;
}
.footer .ftrScroll .ftrCont ul li span {
width: 35px;
height: 35px;
margin: 0 0 0 0;
padding: 5px 0 0;
box-sizing: border-box;
}
.footer .ftrScroll .ftrCont ul li.ftrShowroom span img {
width: 25px;
height: auto;
}
.footer .ftrScroll .ftrCont ul li.ftrTel span img {
height: 25px;
width: auto;
}
.footer .ftrScroll .pageTop,
.footer .ftrScroll .ftrCont h3 {
display: none;
}
.footer .inner {
padding: 10px 4% 30px;
}
.footer .ftrBnr {
padding-top: 10px;
}
.footer .inner.footerCom {
text-align: center;
display: block;
}
.footer .inner.footerCom .footerL {
width: 100%;
}
.footer .inner.footerCom nav {
display: none;
}
.footer .footerCom h5 {
margin-top: 10px;
}
.footer .footerCom p {
margin-top: 7px;
}
.footer .footerCom .copyRight {
text-align: center;
padding-top: 10px;
}
.footer .totop {
margin: 0 0 0;
border-bottom: 1px solid #fff;
}
.footer .totop a {
background: #ff8800;
display: block;
font-size: 4.5vmin;
font-weight: bold;
text-align: center;
padding: 5px;
color: #fff;
}
.footer .totop a span {
display: inline-block;
}
.footer .sp-menu {
margin: 20px 0 0;
}
#snavi select {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
margin: 0 auto;
display: block;
padding: 10px;
border: solid 3px #0000cd;
border-radius: 8px;
width: 95%;
font-size: 16px;
cursor: pointer;
font-weight: bold;
color: #0000cd;
}
#snavi select {
background-color: #fff;
} .btnReqest:after,
.btnContact:after {
width: 32px;
height: 32px;
}
.ftrCont ul {
gap: 0.25rem;
width: 100%;
}
.ftrCont li {
width: 100% !important;
background-color: #ffffff;
border-radius: 4px;
padding: 0.2rem;
}
.ftrCont .ftrContTelInner {
background-color: #109c21;
text-align: center;
border-radius: 4px;
padding: 0.5rem 0;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
height: 100%;
}
.ftrContTelInner .telNumber {
color: #ffff00;
font-size: 1.6em;
font-weight: bold;
}
.ftrContTelInner .telNumber .largePhone {
color: #ffff00;
font-size: 1.2em;
font-weight: bold;
}
.ftrContTelInner .telMessage {
font-size: 0.7em;
}
.ftrContTelInner .telReception {
font-size: 0.75em;
}
.ftrCont .ftrContMailInner {
background-color: #01019b;
border-radius: 4px;
height: 100%;
display: flex;
}
.ftrContMailInner a {
display: flex !important;
align-items: center;
}
.ftrContMailInner .hdrBtnTextFree {
font-size: 0.9em;
border-bottom: 2px solid #ffffff;
margin: 0.5rem 0.5rem 0;
padding-right: 0;
line-height: 1.8;
color: yellow;
width: 90%;
}
.ftrContMailInner .hdrBtnTextWrapper {
font-size: 1em;
text-align: center;
padding: 0.5rem 0.5rem 1rem;
letter-spacing: -0.4px;
}
.ftrCont .ftrContMailInner.ftrContDocInner {
background-color: #ff8800;
border-radius: 4px;
height: 100%;
display: flex;
}
.footer .ftrScroll .ftrCont ul li small.hdrBtnText {
font-size: 0.8em;
}
.yellow {
color: yellow;
}
.contactBnrWp .free {
padding-right: 1rem;
padding-left: 0;
}
@media screen and (min-width: 500px) {
.xsonly {
display: none;
}
}
.footer {
padding-bottom: 120px;
} .footer .ftrScroll .ftrNav {
gap: 0.5rem;
}
.footer .ftrScroll .ftrNav .ftrNavItem01 {
width: 16% !important;
}
.footer .ftrScroll .ftrNav .ftrNavItem02 {
width: 28% !important;
background-color: #c1272d;
}
.footer .ftrScroll .ftrNav .ftrNavItem03 {
width: 28% !important;
background-color: #5481e1;
}
.footer .ftrScroll .ftrNav .ftrNavItem04 {
width: 28% !important;
background-color: #4ca449;
}
.footer .ftrScroll .ftrCont .ftrNav li {
margin: 0;
padding: 0;
}
.footer .ftrScroll .ftrCont .ftrNav li a {
align-items: center;
justify-content: center;
}
.footer .ftrScroll .ftrCont .ftrNav li span {
width: inherit;
height: inherit;
margin-top: -3px;
padding: 0 0 5px;
font-size: 12px;
}
.footer .ftrScroll .ftrCont .ftrNav li img {
width: 50px;
height: auto;
} .header .nav {
display: none;
position: fixed;
top: 0;
width: 100%;
z-index: 101;
height: 100%;
box-sizing: border-box;
margin: 0;
padding: 48px 0 0 0;
overflow: auto;
background: #fff;
}
.nav ul.gNav {
font-weight: bold;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 0;
border-left: none;
}
.nav ul.gNav > li {
border-left: none;
border-bottom: #808080 dotted 1px;
display: block;
position: relative;
width: 90%;
margin: 0 auto;
}
.nav ul.gNav > li:last-child {
border-right: none;
margin-right: auto;
}
.nav ul.gNav li a {
color: #000;
padding: 10px;
display: block;
position: relative;
box-sizing: border-box;
text-decoration: none;
margin-bottom: 0;
}
.header .nav li li a:after {
content: "";
}
.nav .gNavSp li.icoNav a:before {
display: none;
}
.nav .gNavSp li.icoNav ul li a:after {
border: none;
transform: none;
top: 10px;
bottom: inherit;
}
.header .nav ul > li.gnav01 a:after {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_reason2.png) no-repeat center center;
}
.header .nav ul > li.gnav02 a:after {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_menu2.png) no-repeat center center;
}
.header .nav ul > li.gnav03 a:after {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_works2.png) no-repeat center center;
}
.header .nav ul > li.gnav04 a:after {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_first2.png) no-repeat center center;
}
.header .nav ul > li.gnav05 a:after {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_showroom2.png) no-repeat center center;
}
.header .nav ul > li.gnav06 a:after {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_corporate2.png) no-repeat center center;
}
.header .nav ul > li.gnav07 a:after {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_voice2.png) no-repeat center center;
}
.spmenubtn {
width: auto;
position: fixed;
right: 0;
top: 0;
z-index: 99999;
text-align: center;
font-weight: bold;
margin-bottom: 14px;
font-size: 11px;
text-decoration: none;
background: #0000cd;
display: inline-block;
height: 48px;
width: 48px;
vertical-align: middle;
line-height: 1;
box-sizing: border-box;
}
.spmenubtn a {
display: block;
padding: 7px 7px 8px 4px;
text-decoration: none;
box-sizing: border-box;
height: 49px;
width: 48px;
border-radius: 5px 0 0 5px;
}
.spmenubtn a:hover {
text-decoration: none;
opacity: 0.75;
}
.spmenubtn span {
display: block;
height: 3px;
width: auto;
background-color: #fff;
margin: 4px 4px 4px 6px;
}
.spmenubtn span:last-child {
display: block;
height: auto;
width: auto;
background: none;
border-radius: 0;
margin: 0;
color: #fff;
font-weight: bold;
font-size: 11px;
}
.estimatesBox a .telIcon {
position: absolute;
margin-top: 2em;
}
.estimatesBox .inBox p.telNumber {
padding-left: 1em;
font-size: 2.3em !important;
}
.telWrapper .telMessage {
font-size: 1.1em;
} #side {
width: auto;
float: none;
} #pagePath {
padding: 5px 10px;
}
#pagePath p {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: auto;
}
.pageTitle {
height: auto;
border-radius: 0;
background-size: cover;
}
.pageTitle .inner {
padding: 0 10px;
margin: 0;
box-sizing: border-box;
}
.pageTitle h1 {
color: #fff;
margin: 20px 0;
padding: 10px;
font-size: 18px;
font-size: 6vmin;
text-shadow: 2px 2px 2px #333;
width: 100%;
box-sizing: border-box;
height: auto;
position: relative;
text-align: center;
line-height: 1.4;
}
.pageTitle h1 > .logo {
display: none;
}
.pageTitle h1 span,
.pageTitle h1 small {
font-size: 0.5em;
width: auto;
display: block;
margin: 0 auto;
position: relative;
}
.pageTitle h1 span {
font-size: 0.6em;
background: #3b4391;
padding: 5px 20px;
display: table;
line-height: 1.2;
text-shadow: none;
}
.pageTitle h1 span small {
font-size: 12px;
font-size: 3vmin;
}
.pageTitle h1 span.subttl {
font-size: 14px;
} .inner {
width: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.inner + .inner {
padding-top: 0;
}
.main .inner {
margin-left: auto;
margin-right: auto;
}
.main .btn {
font-size: 1.1em;
margin-bottom: 5px;
}
.main .inner .inner {
padding: 15px 0;
margin: 0;
}
.bg01 .inner {
padding: 15px 4%;
margin: 0 auto;
}
.main iframe {
width: 100%;
}
.main h2 {
width: auto;
line-height: 1.2;
font-size: 2em;
margin-bottom: 15px;
padding: 0;
position: relative;
text-align: center;
}
.main h2 span {
display: block;
}
.main h2 span.enTxt {
color: #ff8800;
font-size: 16px;
font-size: 4vmin;
font-family: "Bahnschrift", sans-serif;
}
.main h2.fullWidth {
font-size: 1.9em;
padding: 5px 10px;
width: auto;
margin-bottom: 0;
}
.main h2.fullWidth .enTxt {
font-family: "Bahnschrift", sans-serif;
}
.main h2.fullWidth strong { font-size: 2em;
}
.main .aboutBox h2 .comSubTi,
.main .deteriorationChk h2 .comSubTi,
.main h2.fullWidth .comSubTi {
position: relative;
display: inline-block;
} .main h3 {
font-size: 1.5em;
color: #fff;
width: auto;
text-align: left;
padding: 5px;
line-height: 1.4;
margin: 0 0 15px;
}
#privacy .main h3 {
margin-top: 20px;
}
.main h4,
.main h4.normal {
padding-left: 2.1em;
font-size: 1.3em;
margin-bottom: 15px;
line-height: 1.4;
position: relative;
}
.main h4:before,
.main h4:after,
.main h4.normal:before,
.main h4.normal:after {
width: 1em;
height: 1em;
border-radius: 50%;
content: "";
display: block;
position: absolute;
top: 4px; line-height: 1;
}
.main h4:before,
.main h4.normal:before {
left: 0;
opacity: 0.5;
}
.main h4:after,
.main h4.normal:after {
left: 1.05em;
}
.main h5 {
font-size: 1.3em;
margin: 0 0 20px;
display: block;
}
.main h5 a {
text-decoration: underline;
}
.main h6 {
font-size: 1.2em;
padding: 0 0 0 20px;
margin: 0 0 15px;
position: relative;
}
.main h6:before,
.main h6:after {
position: absolute;
top: 2px;
left: 0; } .main h6 a {
color: #333;
text-decoration: underline;
}
.main p,
.main .corpAbout p {
font-size: 1.1em;
}
.main blockquote {
border: solid 1px #ccc;
background: #fffeee;
padding: 15px;
margin-bottom: 15px;
}
.main blockquote p {
margin: 0;
}
.main ul {
margin-bottom: 15px;
}
.main .wpcf7 ul {
margin-bottom: 0;
}
.main ul li {
font-size: 1em;
line-height: 1.5;
margin: 7px 0 0 0;
position: relative;
}
.main .formArea ul li,
.main .showroomStep + ul li {
padding-left: 1em;
text-indent: -1em;
} .main ol {
margin-bottom: 15px;
padding-left: 40px;
}
.main ol li {
list-style-type: decimal;
font-size: 1.05em;
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 {
display: block;
width: auto;
padding: 5px 10px;
position: relative;
overflow: hidden;
font-size: 15px;
line-height: 1.7;
text-align: left;
vertical-align: top;
background: #f8f6f0;
box-sizing: border-box;
}
.main table th {
width: 100%;
background: #3b4391;
font-weight: normal;
color: #fff;
}
.main table td a {
background: #3b4391;
border-radius: 5px;
color: #fff;
text-decoration: none;
padding: 0 15px;
}
.swiper-container {
width: auto;
height: auto;
}
.contents {
margin: 0 auto;
}
.main .combnrList {
margin-bottom: 0;
text-align: center;
}
.main .combnrList li .obi h4 {
font-size: 2em;
}
.main .combnrList li .obi h4 + p {
font-size: 1em;
}
.main .combnrList li {
display: inline-block;
width: auto;
float: none;
margin: 0 0 20px;
font-weight: bold;
line-height: 1.3;
border-radius: 5px;
color: #fff;
overflow: hidden;
padding: 0;
}
.main .combnrList li:last-child {
margin-bottom: 0;
}
.main .combnrList li a {
color: #fff;
text-decoration: none;
display: block;
}
.main .combnrList li a span {
display: block;
padding: 3px 3px 3px 10px;
}
.main .combnrList li a span:before {
width: 14px;
height: 14px;
right: 5px;
}
.main .combnrList li a span:after {
right: 9px;
}
.main .combnrList li:nth-child(2n) {
float: none;
background: #7d5102;
}
.main .combnrList li.sizL {
width: auto;
float: none;
background: #940000;
text-align: left;
}
.main .combnrListOtr li {
width: auto;
float: none;
margin: 0 0 20px;
}
.main .combnrListOtr li:last-child {
margin-bottom: 0;
}
.main .combnrList li:before,
.main .combnrList li:after {
content: none;
}
.main .profileBox {
padding: 0 10px;
}
.main .profileBox .groupPhoto {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/group_photo01.png) no-repeat center bottom;
background-size: contain;
width: auto;
float: none;
margin-right: 0px;
padding: 65vmin 0 0;
}
.main .profileBox .groupPhoto p {
font-size: 20px;
line-height: 1.3;
margin-top: -63vmin;
margin-top: calc(15px - 65vmin);
font-size: 6vmin;
}
.shopInfo ul {
float: none;
}
.shopInfo ul li,
.main .shopInfo ul li {
float: none;
margin: 0 0px 30px 0;
width: 100%;
text-align: center;
}
.shopInfo ul li:last-child,
.main .shopInfo ul li:last-child {
margin-bottom: 0;
}
.shopInfo ul li h4,
.main .shopInfo ul li h4 {
position: relative;
padding: 20px 10px;
text-align: center;
height: auto;
writing-mode: inherit;
font-size: 28px;
}
.shopInfo ul li .shopPict {
width: 50%;
height: 100px;
position: relative;
}
.shopInfo ul li .shopPict img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.shopInfo ul li .tel span,
.main .shopInfo ul li .tel span {
display: inline-block;
font-family: "Verdana-Bold", "HiraKakuProN-W6", sans-serif;
font-weight: bold;
font-size: 28px;
}
.shopInfo ul li .tel span a {
color: #fff;
}
.shopInfo .groupPhoto {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/group_photo02.png) no-repeat center bottom;
background-size: contain;
height: auto;
width: auto;
position: static;
padding: 50vmin 0 0 0;
}
.shopInfo .groupPhoto p {
margin-top: -50vmin;
font-size: 4.5vmin;
}
.main .profileBox ul li a {
padding: 10px 10px 10px 30px;
}
.main .profileBox ul li:before {
left: 5px;
}
.main .profileBox ul li:after {
left: 9px;
}
.main table td a.mapLink {
position: inherit;
display: inline-block;
float: right;
right: inherit;
top: inherit;
}
.main .catchTxtP {
font-size: 18px;
font-size: 6vmin;
}
.main .warryList {
margin-top: 0;
}
.main .meritList {
margin-top: 10px;
border-top: #d5d5d5 solid 1px;
padding-top: 10px;
}
.main .warryList li,
.main .meritList li {
font-size: 18px;
font-size: 6vmin;
background: none;
border-bottom: #d5d5d5 solid 1px;
font-weight: bold;
padding: 0 0 7px 25px;
margin: 0 0 8px;
}
.main .warryList li strong,
.main .meritList li strong {
display: inline;
color: #c01920;
}
.main .meritList li span {
padding: 0 5px;
margin-right: 5px;
background: #c01920;
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: #c01920;
}
.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 .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: #f7b500;
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 .photoUL {
margin: 0 0 0 0;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.main .photoUL li {
margin: 0 5px 10px 0;
padding: 0;
background: none;
font-size: 17px;
width: 48%;
width: calc(50% - 5px);
}
.main .photoUL li:last-child {
margin: 0 0 20px;
}
.main .photoUL.photoColumn3 li {
width: 33%;
width: calc(33% - 5px);
}
.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 {
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 {
margin: 0 0 10px;
}
.main .photoUL li img {
display: block;
margin: 0 auto;
}
.main .photoUL li h5 {
font-size: 15px;
display: block;
margin: 0;
padding: 0;
background: none;
color: #c01920;
}
.main .photoUL li:before,
.main .photoUL li:after {
content: none;
} .main .reaBnrList {
margin: 0;
}
.main .reaBnrList li {
font-size: 18px;
font-size: 6vmin;
width: 100%;
float: none;
margin-bottom: 10px;
} .main .balloonBox {
border-radius: 10px;
color: #fff;
position: relative;
padding: 10px;
box-sizing: border-box;
}
.main .balloonBox p,
#reason .main .balloonBox p {
margin: 10px 0 0;
font-size: 1.5em;
font-weight: bold;
line-height: 1.3;
}
.main .shopAccess .balloonBox .catchTxt {
margin: 0;
font-size: 24px;
font-size: 1.2em;
text-align: justify;
font-weight: bold;
line-height: 1.3;
}
.main .balloonBox .catchTxt {
margin: 0;
}
.main .balloonBox p strong {
color: #f0d100;
}
.main .catchCBox {
font-size: 28px;
font-size: 8vmin;
} .main .lawpriceWhy .catchTtl {
font-size: 23px;
text-align: left;
line-height: 1.2;
font-weight: bold;
}
.main .lawpriceWhy .catchTtl strong {
color: #c01920;
}
.main .lawpriceWhy .catchTtl br {
display: none;
}
.main .lawpriceWhy .highCost {
padding: 15px;
margin-top: 25px;
}
.main .lawpriceWhy .highCost h3 {
font-size: 29px;
font-size: 8.5vmin;
margin-bottom: 15px;
color: #fff;
padding: 0;
background: none;
border-top: none;
text-align: center;
line-height: 1.3;
margin-top: 0;
box-shadow: none;
}
.main .lawpriceWhy .highCost ul {
position: relative;
margin-bottom: 0;
}
.main .lawpriceWhy .highCost ul li {
padding: 10px;
width: auto;
margin: 0 0 20px;
position: relative;
box-sizing: border-box;
}
.main .lawpriceWhy .highCost ul li:last-child {
margin-bottom: 0;
}
.main .lawpriceWhy .highCost ul li:before,
.main .lawpriceWhy .highCost ul li:after {
content: none;
}
.main .lawpriceWhy .highCost ul li h4 {
border-radius: 50%;
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 img {
display: block;
margin: 0 auto;
}
.main .lawpriceWhy .highCost ul li p {
margin-top: 10px;
font-size: 18px;
font-size: 5vmin;
display: block;
background: #fff;
font-weight: bold;
padding: 10px;
line-height: 1.2;
margin-bottom: 0;
} .main .lowpriceReason .lowcost ul {
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.main .lowpriceReason .lowcost ul li {
padding: 15px;
width: auto;
float: none;
margin: 0 0 20px 0;
box-sizing: border-box;
position: relative;
}
.main .lowpriceReason .lowcost ul li:before,
.main .lowpriceReason .lowcost ul li:after {
content: none;
}
.main .lowpriceReason .lowcost ul li h4 {
font-size: 22px;
font-size: 5.7vmin;
margin: 0 0 30px;
padding: 0 10px 10px;
}
.main .lowpriceReason .lowcost ul li h4:before {
display: none;
} .main .lowpriceReason .lowcost ul li.fullW h4 {
padding: 10px;
}
.main .lowpriceReason .lowcost ul li.fullW span {
display: block;
line-height: 1.3;
padding-top: 5px;
}
.main .lowpriceReason .lowcost ul li h4 span.reasonIco {
color: #fff;
width: 88px;
height: 88px;
font-size: 18px;
padding: 10px 0 0;
margin: -10px 10px 5px -5px;
display: block;
box-sizing: border-box;
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/comLowprice_ico.png) no-repeat center center;
background-size: contain;
color: #fff;
text-align: center;
float: left;
}
.main .lowpriceReason .lowcost ul li.fullW span.reasonIco {
margin: -5px 10px 5px -5px;
}
.main .lowpriceReason .lowcost ul li h4 span strong {
display: block;
font-size: 12px;
line-height: 1.2;
margin-top: 5px;
padding: 0 5px;
} .main .lowpriceReason .lowcost ul li p {
font-size: 24px;
font-size: 6vmin;
color: #fff;
line-height: 1.2;
font-weight: bold;
margin-bottom: 0;
}
.main .lowpriceReason .lowcost ul li .compareBox {
padding: 10px;
background: #fff;
}
.main .lowpriceReason .lowcost ul li .compareBox h6 {
margin: 0 0 10px;
}
.main .lowpriceReason .lowcost ul li .compareBox hr {
border-top: #333 dotted 1px;
display: block;
margin-top: 25px;
} .main .qualityBox .catchTtl {
font-size: 20px;
font-size: 5.4vmin;
line-height: 1.2;
padding-top: 10px;
font-weight: bold;
text-align: left;
margin: 0;
position: relative;
}
.main .qualityBox .catchTtl img.catchIco {
width: 30%;
height: auto;
float: left;
margin-top: -10px;
}
.main .qualityBox .catchTtl .txtL {
font-size: 36px;
font-size: 9vw;
line-height: 1.2;
display: block;
clear: both;
padding-right: 25%;
}
.main .qualityBox .catchTtl .imgLayer {
right: 0;
top: -25px;
width: 25%;
}
.main .qualityBox h3 {
font-size: 20px;
font-size: 6vmin;
display: block;
padding-bottom: 10px;
margin: 30px 0 20px;
}
.main .qualityBox h3 span {
border-radius: 4px;
background: #c01920;
color: #fff;
display: table;
padding: 0px 10px;
margin: 0;
font-size: 20px;
}
.main .qualityBox h3 strong {
color: #c01920;
}
.main .qualityBox .catchTxt {
font-size: 23px;
}
.main .qualityBox h3 span.commitment {
font-size: 18px;
float: none;
display: block;
margin: 15px 0 5px;
padding: 3px 10px;
}
.main .qualityBox .qualityCommitment li .imgL30 {
float: none;
margin: 0 auto 10px;
}
.main .qualityBox .qualityCommitment li img {
float: none;
display: block;
margin: 0 auto 10px;
}
.main .qualityBox .catchTxt {
font-size: 20px;
line-height: 1.5;
}
.main .qualityBox .flowList ul li.here {
background: #c01920;
color: #fff;
}
.main .qualityBox .imgR20,
.main .qualityBox .imgR30 {
float: none;
margin: 0 auto 20px;
display: block;
}
.qualityBox
.kodawariWrap
.wp-block-group__inner-container
> .wp-block-group
h3:before {
position: relative;
display: block;
text-align: center;
}
.qualityBox
.kodawariWrap
.wp-block-group__inner-container
> .wp-block-group
h3 {
padding-left: 0;
}
.main .commitFlow {
position: relative;
overflow: hidden;
}
.main .commitFlow li {
width: auto;
margin: 0 0 20px;
float: none;
padding: 0;
}
.main .commitFlow li:before,
.main .commitFlow li:after {
content: none;
}
.main .commitFlow li img {
display: block;
margin: 0 auto;
}
.main .commitFlow li h4 {
border-radius: 5px;
background: #c01920;
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: auto;
margin: 0 0 50px;
position: relative;
}
.main .commitFlow li:nth-child(3) {
width: auto;
}
.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 {
border: 60px solid transparent;
border-top: #c01920 solid 48px;
left: 50%;
top: 110%;
margin-left: -60px;
content: " ";
height: 0;
width: 0;
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 {
left: 50%;
top: 90%;
width: 80px;
text-align: center;
margin-left: -40px;
background: #c01920;
content: "クリア";
color: #fff;
font-size: 20px;
font-weight: bold;
padding: 5px 0;
transform: none;
height: auto;
border: none;
}
.main .commitPoint {
position: relative;
margin-bottom: 30px;
}
.main .commitPoint .imgLayer {
top: 63px;
left: 56%;
} .main .selectPoint > li {
margin-bottom: 20px;
}
.main .selectPoint li img {
float: none;
margin: 0 0 10px 0;
}
.main .selectPoint li .pointIco {
float: none;
position: absolute;
left: -90px;
width: 100px;
}
.main .selectPoint li .pointSummery {
clear: both;
}
.main .selectPoint li .pointSummery h3 {
font-size: 26px;
}
.main .selectPoint li .pointSummery ul {
margin: 0;
}
.main .selectPoint li .pointSummery li {
font-size: 22px;
}
.main .selectPoint li .pointSummery li strong {
display: inline;
} .main .comparePaint {
padding: 5px 10px 0;
margin: 0 auto;
}
.main .inner .comparePaint {
padding: 20px 0 0;
}
.main .compareTable {
width: 100%;
margin-bottom: 0;
table-layout: fixed;
}
.main .compareTable thead {
display: none;
}
.main .compareTable tr {
margin-bottom: 20px;
display: block;
}
.main .compareTable th {
display: block;
width: 100%;
text-align: left;
background: none;
position: relative;
color: #333;
padding: 0 10px 0 40px;
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
.main .compareTable th:before,
.main .compareTable th:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
line-height: 1;
background: #3b4391;
width: 16px;
height: 16px;
border-radius: 50%;
}
.main .compareTable th:before {
left: 0px;
opacity: 0.5;
}
.main .compareTable th:after {
left: 18px;
}
.main .compareTable td {
display: block;
position: relative;
padding: 5px 10px 5px 15.2em;
font-size: 1em;
border-bottom: #fff solid 1px;
height: auto;
min-height: 75px;
box-sizing: border-box;
}
.main .compareTable td:before {
content: attr(data-label);
float: left;
font-weight: bold;
background: #231816;
color: #fff;
border-left: rgba(255, 255, 255, 0.3) solid 1px;
padding: 10px 2px;
position: absolute;
left: 0;
top: 0;
width: 9.2em;
text-align: center;
font-size: 2.9vw;
line-height: 1.2;
height: 100%;
box-sizing: border-box;
}
.main .compareTable td span {
font-size: 1.8em;
display: block;
left: 30%;
width: 11%;
padding-right: 3px;
margin-right: 3px;
position: absolute;
float: left;
border-right: #ccc solid 1px;
text-align: center;
box-shadow: 2px 0px 0px 0px #fff;
font-weight: bold;
line-height: 1.3;
}
.main .compareTable td .goodS {
color: #c01920;
}
.main .compareTable td.ourCompany span {
font-size: 28px;
}
.main .compareTable tbody tr:last-child td {
border-bottom: #fff solid 1px;
padding: 5px 10px 5px 30%;
} .main .scoreBox .catchTtl {
font-size: 23px;
}
.main .scoreBox .catchTtl span {
display: block;
font-size: 10vmin;
margin-top: 20px;
}
.main .scoreBox .catchTtl img {
width: 100px;
}
.main .scoreBox .scoreList li {
width: auto;
float: none;
padding: 0;
margin: 0 0 20px;
}
.main .scoreBox .scoreList li:nth-child(2n) {
margin-right: 0;
}
.main .scoreBox .scoreList li p {
padding: 10px;
height: auto;
font-size: 20px;
} .main h3.showroomH {
background: none;
font-size: 30px;
font-size: 7vmin;
color: #f7b500;
border-top: none;
box-shadow: none;
padding: 0;
margin: 10px 0;
}
.main ul.featureImg li {
float: none;
margin: 0 auto 10px auto;
text-align: center;
} .main .enqueteBox .catchTtl {
position: relative;
font-size: 34px;
font-size: 7vmin;
font-weight: bold;
margin-top: 0;
text-align: left;
line-height: 1.4;
}
.main .enqueteBox .catchTtl img {
display: block;
float: none;
margin: 0 auto 10px;
width: 40%;
}
.main .enqueteBox .catchTtl .txtL {
font-size: 60px;
font-size: 11vmin;
line-height: 1.2;
}
.main .enqueteBox .catchTtl strong {
color: #c01920;
}
.main .enqueteBox p {
font-size: 20px;
}
.main .enqueteBox ul li a {
text-decoration: none;
color: #333;
}
.main .enqueteBox ul li img {
box-sizing: border-box;
border: #ccc solid 1px;
height: 100%;
width: auto;
}
.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;
font-size: 6vmin;
text-align: center;
}
.main .enqueteBox .photoUL.photoColumn2 li {
width: 100%;
margin-bottom: 20px;
} .main .bgAt h3 {
font-size: 22px;
font-size: 6.5vmin;
margin: 0 0 20px 0;
}
.main .bgAt p.imgBAt img {
float: none;
margin: 0 auto 10px auto;
display: block;
}
.main .bgAt p.imgBAt img:last-child {
margin-right: auto;
}
.main .bgAt p.catchPAt {
font-size: 6vmin;
}
#diagnosis .main .bgAt p.catchPAt {
font-size: 5vmin;
padding-top: 0;
}
#diagnosis .main .bgAt p.catchPAt br {
display: none;
}
.main .bgAt p.catchPAt span {
font-size: 5vmin;
clear: both;
margin-top: 10px;
}
.main .bgAt p.catchPAt img {
margin-right: 10px;
width: 20%;
}
#diagnosis .main .bgAt p.catchPAt img {
margin-top: 0;
margin-bottom: 4em;
}
.main .diagnosisCtcP {
font-size: 20px;
font-size: 5.4vmin;
padding: 10px;
} .main .taxList,
.main .areaList {
margin-bottom: 5px;
}
.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 {
font-size: 1em;
display: inline-block;
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: #f7b500;
border: solid 1px #f7b500;
}
.main .taxList li.current-cat a {
background-color: #fff;
color: #c01920;
border: solid 1px #c01920;
}
.main .areaList li.current-cat a {
background-color: #fff;
color: #f7b500;
border: solid 1px #f7b500;
}
.main .infoBox {
padding: 8px 0;
border-bottom: dotted 1px #333;
overflow: hidden;
margin-bottom: 30px;
}
.main .infoBox .time {
float: right;
font-weight: bold;
}
.main .archiveList {
overflow: hidden;
padding-bottom: 0;
position: relative;
margin-top: 20px;
}
.main .worksArchiveBox {
position: relative;
overflow: hidden;
display: flex;
flex-flow: row wrap;
}
.main .archiveList article {
width: auto;
float: none;
width: 100%;
margin: 0 0 15px;
position: relative;
}
.main .archiveList article:nth-child(2n) {
margin-right: 0;
}
.main .archiveList article:nth-child(2n + 1) {
clear: both;
}
.main .archiveList article a {
position: relative;
overflow: hidden;
text-decoration: none;
color: #fff;
}
.main .archiveList article > a {
height: 100%;
background: #fff;
border: 1px solid #ccc;
display: block;
}
#blog .main .archiveList article > a {
background: none;
border: none;
}
.main .archiveList h3,
.main .archiveList .contTxt,
.main .archiveList .price {
font-size: 12px;
display: block;
border: none;
background: none;
line-height: 1.4;
padding: 0;
margin: 0;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.main .archiveList .price {
font-size: 13px;
}
.main .archiveList h3 {
margin: 14px 0 0 0;
box-shadow: none;
font-size: 15px;
font-size: 4.5vmin;
}
.main .archiveList .price {
font-weight: bold;
color: #c01920;
}
.main .archiveList .price li {
display: block;
margin-top: 2px;
font-size: 13px;
padding: 0;
}
.main .archiveList .price li span {
display: inline-block;
background: #c01920;
color: #fff;
font-size: 10px;
font-size: 4vmin;
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 {
display: block;
margin-top: 5px;
font-size: 12px;
color: #333;
line-height: 1.4;
}
.main .archiveList .archiveTumb {
width: 40%;
height: auto;
float: left;
margin: 0 10px 10px 0;
}
.main .archiveList .archiveTumb img {
position: relative;
width: 100%;
height: auto;
}
.main .archiveList .cat {
font-size: 0.9em;
line-height: 1.4;
height: 24px;
overflow: hidden;
}
.main .archiveList .cat a {
font-size: 13px;
}
.main .archiveList .detail {
width: auto;
clear: both;
}
.main .archiveList #readmore a {
width: auto;
}
.main .picBox {
overflow: hidden;
margin-bottom: 30px;
position: relative;
}
.main .picBox .photo,
.main .picBox .btmPhoto {
float: none;
width: auto;
height: auto;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.main .picBox .photo img,
.main .picBox .btmPhoto img {
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transform: none;
width: 100%;
height: auto;
}
.main .picBox span.after,
.main .picBox span.before {
position: absolute;
top: 10px;
left: 10px;
background: #f7b500;
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;
} .mainv .stage button {
width: 20px;
height: 20px;
}
.slick-next {
right: 2%;
}
.slick-prev {
left: 2%;
}
.slick-next:before {
content: url(https://icongr.am/fontawesome/angle-right.svg?size=20&color=ffffff);
width: 20px;
height: 20px;
}
.slick-prev:before {
content: url(https://icongr.am/fontawesome/angle-left.svg?size=20&color=ffffff);
width: 20px;
height: 20px;
}
.semminer-bnr .area {
padding: 8px;
font-size: 1em;
}
.semminer-bnr .txt-box dl:not(:last-child) {
margin-bottom: 8px;
}
.semminer-bnr .txt-box dl dt {
font-size: 0.8em;
display: none;
}
.semminer-bnr .txt-box dl dd {
font-size: 0.8em;
line-height: 1.4;
font-weight: bold;
}
.semminer-bnr .txt-box dl dd small {
font-size: 0.6em;
font-weight: normal;
}
.semminer-bnr .txt-box {
padding: 10px;
height: 100%;
justify-content: flex-start;
} #works .main h2,
#voice .main h2,
#blog .main h2 {
margin-bottom: 20px;
} #works .main .archiveList article,
#voice .main .archiveList article {
width: 48%;
width: calc(50% - 5px);
margin: 0 10px 30px 0;
float: left;
clear: none;
padding-bottom: 0;
position: relative;
}
#works .main .archiveList article:nth-child(2n),
#voice .main .archiveList article:nth-child(2n) {
margin-right: 0;
}
.main .archiveList article:nth-child(2n + 1) {
clear: left;
}
#works .main .archiveList .archiveTumb,
#voice .main .archiveList .archiveTumb {
width: 100%;
height: 30vmin;
float: none;
margin: 0;
}
#works .main .archiveList .archiveTumb img,
#voice .main .archiveList .archiveTumb img {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
}
#works .main .archiveList h3,
#voice .main .archiveList h3 {
margin-bottom: 0;
}
#voice .main .archiveList h3 {
margin-top: 0;
}
#voice .main .enq ul {
display: flex;
justify-content: space-between;
}
#voice .main .enq li {
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
font-size: 15px;
line-height: 1.3;
}
#works .main .photoUL li,
#voice .main .photoUL li {
width: 48%;
width: calc(50% - 5px);
margin-right: 10px;
text-align: left;
font-size: 12px;
float: left;
}
#works .main .photoUL li:nth-child(2n),
#voice .main .photoUL li:nth-child(2n) {
margin-right: 0;
}
#works .main .photoUL li:nth-child(3n + 1),
#voice .main .photoUL li:nth-child(3n + 1) {
clear: none;
}
.main .photoUL .otherPhoto {
width: 100%;
height: auto;
}
.main .photoUL .otherPhoto img {
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transform: none;
width: 100%;
height: auto;
}
.main .worksSummary,
.main .voiceOverview {
overflow: hidden;
line-height: 1.2;
}
#voice .main .archiveList .cat {
top: 90px;
}
.main .voicephotList {
float: none;
width: auto;
margin: 0 auto 10px;
}
.main .voicephotList li {
text-align: center;
width: auto;
height: auto;
background: none;
padding: 0;
position: relative;
margin: 0 0 20px;
border: #ccc solid 1px;
box-sizing: border-box;
overflow: hidden;
}
.main .voicephotList li:before,
.main .voicephotList li:after {
content: none;
}
.main .voicephotList li img {
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transform: none;
width: 100%;
height: 100%;
object-fit: cover;
}
.main .voicephotList li .imgLayer,
.main .voiceSummary .enqImg .imgLayer {
right: 5px;
position: absolute;
bottom: 5px;
transform: none;
top: inherit;
left: inherit;
width: auto;
height: auto;
}
.main .voiceSummary {
margin-bottom: 20px;
}
.main .voiceSummary .enqImg {
width: 100%;
height: auto;
text-align: center;
}
.main .voiceSummary .enqImg a > img {
height: auto;
width: 100%;
}
.main .voiceData {
float: none;
width: auto;
margin-top: 30px;
}
#works .main .archiveList .detail {
margin-top: 30px;
}
#blog .main .taxList {
padding-bottom: 5px;
border-bottom: #333 dotted 1px;
}
#blog .main .archiveList h3 {
overflow: hidden;
clear: none;
margin: 15px 0 0;
}
#blog .main .archiveList .archiveTumb {
max-width: 30%;
height: auto;
margin-right: 10px;
}
#blog .main .archiveList .archiveTumb img {
position: relative;
transform: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
#blog .main .archiveList .cat {
left: 34%;
left: calc(30% + 10px);
top: 0;
height: 24px;
}
#blog .main .archiveList .contTxt {
clear: both;
}
#blog .archiveList .detail {
margin-top: 0;
}
#blog .main .archiveList article {
border-bottom: #ccc solid 1px;
margin-bottom: 20px;
} #seminar .archiveList {
padding-bottom: 0;
}
.main .archiveList .seminarList article {
width: 100%;
float: none;
margin: 0 0 50px;
position: relative;
overflow: hidden;
box-sizing: border-box;
background: #f8f6f0;
border: #ccc solid 1px;
}
.main .archiveList .seminarList article a {
display: block;
padding: 0 0 20px;
background: none;
border: none;
}
.main .archiveList .seminarList .mainThumb {
margin-bottom: 20px;
width: 100%;
height: 40vh;
float: none;
}
.main .archiveList .seminarList .mainThumb img + img {
display: none;
}
.main .archiveList .seminarList .btn {
padding: 10px 35px 10px 40px;
position: relative;
margin: 0;
line-height: 1.8;
width: 100%;
}
.main .archiveList .seminarList .btn:before {
position: absolute;
top: 50%;
left: 20px;
margin: auto;
content: "＞";
vertical-align: middle;
}
.main .archiveList .seminarList h3 {
background: #c01920;
font-size: 20px;
font-size: 6vmin;
color: #fff;
width: auto;
padding: 5px 10px 10px;
margin: 0 auto 20px;
text-align: left;
position: relative;
overflow: hidden;
text-overflow: inherit;
white-space: inherit;
}
.main .archiveList .seminarList h3 span {
float: right;
border-radius: 3px;
padding: 2px 10px;
font-size: 16px;
}
.main .archiveList .seminarList .overflowH {
background: none;
padding: 0;
color: #333;
}
.main .archiveList .seminarList dl {
border-top: #333 dotted 1px;
padding-top: 10px;
margin-bottom: 20px;
}
.main .archiveList .seminarList dl dt {
font-weight: bold;
clear: both;
}
.main .archiveList .seminarList dl dd {
padding: 0;
border-bottom: #333 dotted 1px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.main .archiveList .seminarList dl dd:last-of-type {
margin-bottom: 0;
}
.seminer-template-default .main table td a {
position: static;
}
.main .infoBox .status {
float: left;
font-size: 16px;
font-weight: bold;
color: #fff;
margin-bottom: 0;
}
.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;
}
.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%;
} #top .mainCatch {
border-top: #ff8800 4px solid;
position: relative;
z-index: 10;
margin: 0 auto;
}
#top .mainCatch h2 {
line-height: 1.3;
padding: 10px 4%;
margin: 0 auto;
box-sizing: border-box;
}
#top .mainCatch h2 .txtCath {
display: block;
position: relative;
clear: both;
padding: 5px 0 0 0;
font-size: 1.4em;
}
#top .mainCatch h2 span::before,
#top .mainCatch h2 span::after {
display: none;
}
#top .mainCatch h2 .txtLight {
display: inline;
}
#top .inner.bnrBoxT {
padding-top: 0;
}
#top .mainCatch h2 a {
font-size: 4.5vmin;
padding: 4px 5px 3px 25px;
border-radius: 4px;
position: relative;
margin-top: 5px;
}
#top .mainCatch h2 img {
position: inherit;
width: 30%;
height: auto;
vertical-align: middle;
float: left;
margin: 0 10px 0 0;
}  .main .bnrSsec li {
width: 49%;
width: calc(50% - 5px);
}
.main .bnrSsec li:first-child {
margin-right: 0;
}
.main .bnrSsec li:last-child {
float: right;
}
.bnrBoxTop {
display: block;
padding-bottom: 30px;
}
.bnrBoxTop > * {
width: 100%;
}
.main .newsBox {
width: auto;
margin-bottom: 30px;
background: #fff;
border: #ccc solid 1px;
border-top: none;
padding: 0 15px 15px;
box-sizing: border-box;
}
.main .newsBox h2 {
font-size: 2.4em;
}
.main .newsBox h3 {
font-weight: bold;
}
.main .newsBox .contbtn {
margin: 0 0 10px;
font-size: 16px;
position: relative;
flex-flow: wrap;
}
.main .newsBox .contbtn li {
display: inline-block;
padding: 0;
margin: 0 0 6px;
width: 48%;
width: calc(50% - 5px);
}
.main .newsBox .contbtn a {
padding: 5px 16px;
width: auto;
display: block;
font-weight: bold;
position: relative;
text-decoration: none;
text-align: center;
}
.main .newsBox .contbtn li:before,
.main .newsBox .contbtn li:after {
content: none;
}
ul.informationTab li {
padding: 10px 4px;
text-align: center;
width: 30%;
width: calc(33% - 3px);
box-sizing: border-box;
line-height: 1.4;
font-size: 14px;
font-size: 3.8vmin;
margin-right: 5px;
}
ul.informationTab li span {
width: 95%;
top: -40px;
left: 0;
}
ul.informationTab li span::before {
left: 45%;
left: calc(50% - 8px);
}
.main .newsBox .inBox {
box-sizing: border-box;
position: relative;
border-top: #333 dotted 1px;
padding-top: 15px;
margin-bottom: 0;
}
.main .newsBox .inBox li {
position: relative;
overflow: hidden;
border-bottom: #231816 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: #333;
text-decoration: none;
display: block;
height: 100%;
position: relative;
overflow: hidden;
}
.main .newsBox .inBox li .overflowH {
padding-top: 1.5em;
}
#top .main .newsBox .inBox li .overflowH {
background-color: transparent;
padding: 0;
}
#top .main .newsBox .inBox .cat {
height: auto;
line-height: inherit;
position: relative;
display: inline-block;
width: 48%;
}
#top .main .newsBox .inBox .contTxt {
color: #231816;
}
.main .newsBox .inBox li h5 {
background: none;
color: #231816;
font-size: 15px;
padding: 0;
margin: 0;
max-height: 4em;
line-height: 1.4;
overflow: hidden;
clear: none;
}
.main .newsBox .inBox li .price {
color: #c01920;
}
.main .newsBox .inBox p {
font-size: 12px;
margin-bottom: 0;
}
.main .newsBox .inBox p {
font-size: 12px;
margin-bottom: 0;
}
#top .main .newsBox .inBox p {
margin-top: 10px;
color: initial;
color: #999;
}
.main .newsBox .inBox p.time {
margin-bottom: 0;
}
#top .main .newsBox .inBox p.time {
margin-top: 5px;
color: #999;
}
.main .newsBox .inBox .contTxt {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}
.main .newsBox .inBox p strong {
color: #e50012;
}
.main .newsBox .inBox .cat {
color: #fff;
position: absolute;
right: 0;
top: 0;
font-size: 0.8em;
font-weight: bold;
padding: 0 5px;
}
.main .newsBox .inBox li .cat a {
color: #fff;
position: relative;
overflow: visible;
}
.main .newsBox .inBox li .newsTumb {
width: 45%;
height: 120px;
margin-right: 10px;
position: relative;
overflow: hidden;
display: block;
background: #ededed;
float: left;
}
.main .newsBox .inBox li img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.main .newsBox .inBox p span.cat {
left: 34%;
left: calc(30% + 10px);
overflow: hidden;
height: 24px;
}
.main .newsBox .inBox .cat {
right: auto;
left: 48%;
left: calc(45% + 10px);
}
.main .newsBox .inBox li .contTxt {
clear: both;
}
.main .newsBox ul.topNewsBtn {
display: flex;
justify-content: space-between;
}
.main .newsBox ul.topNewsBtn li {
width: calc(33% - 3px);
box-sizing: border-box;
white-space: nowrap;
}
.main .newsBox ul.topNewsBtn li a {
font-size: 12px;
font-size: 3.5vmin;
padding: 5px 5px 5px 20px;
text-align: center;
}
.main .newsBox .topNewsBtn li a:before,
.main .newsBox .topNewsBtn li a:after {
left: 5px;
}
.main .newsBox .topNewsBtn li a:before {
width: 12px;
height: 12px;
}
.main .newsBox .topNewsBtn li a:after {
left: 7px;
width: 3px;
height: 3px;
}
.main .newsBox .btn {
position: absolute;
width: 100%;
box-sizing: border-box;
left: 0;
bottom: 0;
margin: auto;
top: auto;
right: auto;
font-size: 16px;
} .main .bnrBoxT .consultationBox {
margin-bottom: 20px;
}
.consultationBox {
width: 100%;
position: relative;
margin-bottom: 20px;
}
.consultationBox a {
text-decoration: none;
}
.consultationBox h3 {
color: #fff;
font-size: 1.3em;
border-top: none;
margin: 0;
line-height: 1.4;
padding: 5px 10px;
}
.consultationBox .inBox {
border: #ccc solid 1px;
background: #fff;
box-sizing: border-box;
padding: 0;
position: relative;
overflow: hidden;
}
.consultationBox h4 {
font-size: 18px;
padding: 0 0 5px 50px;
position: relative;
margin: 0 0 15px;
line-height: 1.5;
text-decoration: none;
color: #333;
border-bottom: #ccc solid 1px;
}
.consultationBox h4:before,
.consultationBox h4:after {
border-radius: 50%;
content: "";
display: block;
position: absolute;
top: 3px;
font-size: 30px;
line-height: 1;
background: #c01920;
width: 20px;
height: 20px;
}
.consultationBox h4:before {
left: -5px;
opacity: 0.5;
}
.consultationBox h4:after {
left: 18px;
}
.consultationBox .inBox a {
overflow: hidden;
display: block;
}
.consultationBox .inBox a:hover {
opacity: 0.7;
transition: 0.7s;
}
.consultationBox p.consultationImg {
position: relative;
margin: 0;
}
.consultationBox .inBox img.consulImg {
float: right;
}
.consultationBox .catchBox {
position: relative;
}
.consultationBox .btn {
margin-bottom: 0;
padding: 10px 20px 10px 40px;
width: auto;
font-size: 16px;
display: inline-block;
border-radius: 5px;
border: 1px #222c3b solid;
color: #333;
font-weight: bold;
background: #fff;
position: absolute;
bottom: 5px;
right: 5px;
}
.consultationBox .btn:before,
.consultationBox .btn:after {
position: absolute;
top: 0;
bottom: 0;
left: 10px;
margin: auto;
content: "";
vertical-align: middle;
}
.consultationBox .btn:before {
width: 18px;
height: 18px;
border-radius: 50%;
background: #333;
}
.consultationBox .btn:after {
left: 15px;
width: 5px;
height: 5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
z-index: 10;
}
.consultationBox p.consultationTxt {
font-size: 12px;
color: #333;
padding: 60px 0 0 240px;
margin: 0;
position: relative;
}
.consultationBox .imgLayer {
top: -80px;
right: -3px;
z-index: 10;
}
.consultationBox .catchTxt {
position: absolute;
right: 0;
bottom: 0;
margin-bottom: 5px;
}
.consultationBox .catchTxt span {
color: #c01920;
font-size: 18px;
font-weight: bold;
text-align: center;
margin-bottom: 0;
float: right;
line-height: 1.2;
}
.consultationBox .catchTxt span strong {
color: #333;
font-size: 33px;
background: linear-gradient(transparent 60%, #fcff00 40%);
display: block;
line-height: 1;
}
.consultationBox .catchTxt span.txtHp {
color: #333;
font-size: 11px;
font-weight: bold;
text-align: center;
line-height: 1.5;
margin-bottom: 0;
float: right;
}
.consultationBox ul {
position: relative;
overflow: hidden;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
}
.consultationBox ul li {
position: relative;
font-size: 20px;
font-weight: bold;
background: #c01920;
box-shadow: 0 -3px 0 #930839 inset;
padding: 0;
transition: 0.7s;
text-align: center;
color: #fff;
margin: 0;
}
.consultationBox ul li:hover {
opacity: 0.7;
transition: 0.7s;
}
.consultationBox ul li a {
display: block;
padding: 3px 10px;
color: #fff;
text-decoration: none;
text-align: center;
transition: 0.7s;
}
.consultationBox ul li:before,
.consultationBox ul li:after {
content: none;
}
.estimatesBox {
width: 100%;
margin-bottom: 15px;
position: relative;
}
.estimatesBox a {
text-decoration: none;
color: #333;
}
.estimatesBox .imgLayer {
display: none;
}
.estimatesBox h3 {
color: #fff;
font-size: 1.3em;
padding: 5px 10px;
border: none;
margin: 0;
line-height: 1.4;
position: relative;
}
.estimatesBox h3 .imgLayer {
position: absolute;
right: 3px;
top: -10px;
z-index: 10;
}
.estimatesBox .inBox {
border: #ccc solid 1px;
background: #fff;
box-sizing: border-box;
padding: 8px 12px 10px;
position: relative;
}
.estimatesBox h4 {
font-size: 1.2em;
padding: 0 0 0 45px;
position: relative;
margin: 0 0 5px;
line-height: 1.6;
}
.estimatesBox h4:before,
.estimatesBox h4:after {
border-radius: 50%;
content: "";
display: block;
position: absolute;
top: 0.2em;
font-size: 30px;
line-height: 1;
width: 20px;
height: 20px;
}
.estimatesBox h4:before {
left: 0;
opacity: 0.5;
}
.estimatesBox h4:after {
left: 22px;
}
.estimatesBox .inBox p {
line-height: 1;
font-weight: bold;
z-index: 10;
position: relative;
margin-bottom: 10px;
margin-top: 10px;
text-align: center;
}
.estimatesBox .inBox p strong {
color: #c01920;
}
.estimatesBox .inBox p.spLady span {
border-radius: 4px;
color: #fff;
padding: 10px 7px;
margin-right: 4px;
display: inline-block;
vertical-align: 5px;
}
.estimatesBox .inBox .telBox {
padding: 8px;
margin-top: 5px;
position: relative;
}
.estimatesBox .inBox .telBox h5 {
background: none;
color: #fff;
line-height: 1.2;
margin: 0;
padding: 0;
display: block;
}
.estimatesBox .inBox .telBox .number {
background: #fff;
margin-top: 5px;
padding: 5px 10px;
}
.estimatesBox .inBox .telBox .tel {
font-size: 13px;
font-weight: normal;
display: block;
margin: 0;
line-height: 1.2;
padding-left: 5px;
text-align: center;
}
.estimatesBox .inBox .telBox .tel span {
line-height: 0.9;
margin: 0;
display: inline-block;
text-align: left;
background-size: 32px;
padding-left: 40px;
font-size: 9vw;
}
.estimatesBox .inBox .telBox .tel small {
padding-left: 0;
font-size: 1em;
}
.estimatesBox .inBox .telBox .tel .telClose {
background: none;
font-size: 13px;
font-weight: normal;
padding: 0;
margin: 5px 0 0 20px;
display: block;
font-family: inherit;
color: inherit;
}
.main .bnrArea {
padding: 30px 0;
}
.main .bnrArea:last-child {
padding: 0 0 30px 0;
}
.main .bnrArea.columns2 {
display: block;
}
.main .bnrArea.columns2 > * {
width: 100%;
margin-bottom: 20px;
}
.bnrSemminer {
flex-flow: column;
}
.bnrSemminer .inn {
display: block;
width: 100%;
}
.bnrSemminer .more {
width: 100%;
border-radius: 0 0 4px 4px;
}
.bnrSemminer .inn h2 {
font-size: 3em;
} .main .contactBox {
clear: both;
display: block;
position: relative;
margin: 25px auto 25px;
width: 100%;
box-sizing: border-box;
text-decoration: none;
padding: 0 10px 0;
}
.main .contactBox:hover {
opacity: 0.7;
transition: 0.7s;
}
.main .contactBox .inBox {
background: #fff;
padding: 10px;
overflow: hidden;
margin: 10px 0;
}
.main .bgCB .contactBox .inBox {
border: none;
padding: 15px;
}
.main .contactBox .imgLayer {
display: none;
}
.main .contactBox h4 {
margin-bottom: 5px;
}
.main .contactBox p {
font-size: 28px;
line-height: 1.3;
color: #333;
font-weight: bold;
margin-bottom: 0;
}
.main .contactBox .btmCatch {
line-height: 1.3;
color: #fff;
font-weight: bold;
margin: 0 -10px;
padding: 5px 10px;
}
.main .contactBox p.catchTxt {
width: 100%;
font-weight: bold;
}
.main .contactBox p.catchTxt strong {
color: #c01920;
}
.main .contactBox p.catchTxt span {
border-radius: 4px;
background: #c01920;
color: #fff;
font-size: 20px;
padding: 3px 3px 0 3px;
margin-right: 5px;
}
.main .contactBox .toContactBox {
margin-right: 15px;
float: left;
}
.main .contactBox .telBox {
padding: 5px 0 1px 0;
overflow: hidden;
background: #fff;
display: block;
}
.main .contactBox .telBox .tel {
font-size: 13px;
font-weight: normal;
margin: 0 0 15px 0;
color: #333;
padding: 0;
display: block;
text-align: center;
}
.main .contactBox .telBox .btnImg {
display: flex;
justify-content: space-between;
}
.main .contactBox .telBox .btnImg a {
width: 49%;
margin-right: 0;
}
.main .contactBox .telBox .btnImg a p {
color: #fff !important;
font-size: 1.3em;
}
.main .contactBox.TelBox .telBox .tel span,
.main .contactBox .telBox .tel span {
font-size: 3.2em;
line-height: 0.9;
margin: 0;
display: block;
clear: none;
font-variation-settings: initial;
text-align: center;
margin-bottom: 10px;
}
.main .contactBox .telBox .tel span a {
color: #c01920;
}
.main .contactBox .telBox .tel .telClose {
background: none;
font-size: 13px;
font-weight: normal;
padding: 0;
margin: 5px 0 0 20px;
display: block;
font-family: inherit;
color: inherit;
}
.main .contactBox .telBox .btn {
margin-bottom: 0;
width: 100%;
font-size: 26px;
font-size: 8vmin;
display: inline-block;
border-radius: 5px;
border: 3px #009364 solid;
color: #fff;
font-weight: bold;
background: #009364;
box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 0.3) inset;
box-sizing: border-box;
}
.main .contactBox .telBox .btn a {
display: block;
padding: 10px 10px 10px 40px;
}
.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: #c01920;
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 .ContactScrollBox {
padding: 0 10px 10px;
margin: 15px auto 25px;
width: auto;
text-align: center;
}
.main .ContactScrollBox .freeDiagnosis {
width: auto;
font-size: 28px;
font-size: 8vmin;
padding: 10px;
text-align: center;
position: inherit;
margin: 0 -10px 10px;
}
.main .ContactScrollBox .tel span {
font-size: 38px;
font-size: 11.5vmin;
display: inline-block;
}
.main .ContactScrollBox .tel a {
text-decoration: none;
}
.main .ContactScrollBox .tel span.timeS {
display: inline-block;
width: auto;
padding-left: 0;
}
.main .ContactScrollBox .telPlease {
margin-bottom: 10px;
font-size: 16px;
}
.main .ContactScrollBox .toForm {
position: inherit;
width: auto;
top: inherit;
right: inherit;
left: inherit;
bottom: inherit;
} .main .comAreaBox {
padding: 0;
}
.main .comAreaBox img {
float: none;
display: block;
margin: 0 auto 10px;
}
.main .comAreaBox .catchTtl {
font-size: 20px;
font-size: 6vmin;
}
.main .comAreaBox p {
line-height: 1.5;
}
.main .comAreaBox .overflowH p:first-of-type {
display: none;
}
.main .comAreaBox p:last-child {
margin-bottom: 0;
}
.main .comAreaBox p strong {
color: #c01920;
} .main .aboutBox {
position: relative;
padding: 40px 0 30px;
}
.main .aboutBox .inner:first-of-type {
padding: 0 4%;
}
.main .aboutBox::before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 7px;
}
.main .msgWrap {
display: block;
}
#docrequest .main .msgWrap,
#blog .main .msgWrap {
margin-top: 0;
}
.main .msgTxt {
width: 100%;
position: relative;
align-items: center;
}
.main .msgTxt h3 {
padding: 0;
font-size: 1.9em;
margin: 5px 0 15px;
line-height: 1.4;
overflow: hidden;
color: #333;
background: none;
border: none;
}
.main .msgTxt h3 span {
background: #c01920;
border-radius: 5px;
font-size: 5vmin;
color: #fff;
position: relative;
padding: 5px 10px;
display: inline-block;
}
.main .msgTxt h3 img {
width: 25%;
float: none;
position: absolute;
top: 0;
}
.main .msgTxt p {
margin-bottom: 20px;
font-size: 15px;
}
.main .msgPhoto {
margin: 1em auto;
width: 100%;
text-align: center;
}
.main .msgTxt h5,
.main .msgPhoto h5 {
font-size: 22px;
font-weight: bold;
margin-top: 0;
line-height: 1.4;
background: none;
color: #231816;
padding: 0;
margin: 0;
clear: none;
}
.main .msgPhoto h5 {
maregin-top: 10px;
}
.main .msgTxt h5 span,
.main .msgPhoto h5 span {
border-radius: 4px;
color: #fff;
padding: 4px 10px;
display: inline-block;
font-size: 0.7em;
font-weight: normal;
margin: 0;
}
.main .msgTxt h5 .job,
.main .msgPhoto h5 .job {
background-color: transparent;
margin-right: 5px;
padding: 0;
color: #333;
}
#corporate .main .overflowH {
padding-bottom: 15px;
}
.main .overflowH p {
margin-top: 20px;
}
.main .overflowH p + h4 {
margin: 20px 0 0 0;
}
.main .overflowH h4 + p {
margin-top: 10px;
} .main .serviceContents .inner {
padding: 0 4%;
}
.main .serviceContents .inner:last-child {
padding-bottom: 0;
}
.main .packList.serviceContents .inner > .logo {
display: block;
margin: 0 auto;
}
.main .packList h2 {
background-size: cover;
width: auto;
line-height: 1.2;
text-align: left;
font-size: 2em;
}
.main .packList .obi {
padding: 10px;
}
.main .packList h2 strong {
color: #ff8800;
display: block;
}
.main .serviceContents .serviceMenu {
padding-top: 30px;
}
.packItems {
padding-bottom: 0;
position: relative;
}
.main .packItems:before {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 1),
rgba(255, 255, 255, 0)
);
display: block;
position: absolute;
left: 0;
top: 0;
}
.packItems .packInner {
padding: 15px;
position: relative;
}
.main .serviceContents h3 {
line-height: 1.1;
padding: 0;
margin: 0 0 5px 0;
position: relative;
}
.main .packItems .packRow {
width: 100%;
}
.main .packItems .packRow .btn {
top: 0;
right: auto;
left: auto;
width: 100%;
position: relative;
margin: 1em auto 0;
}
.main .packItems .packRow ul {
display: block;
margin-bottom: 0;
}
.main .packItems .packRow .packItem {
width: 100%;
}
.main .packItems .packRow .packItem .packDetalis {
margin-bottom: 0;
}
.main .serviceContents .whiteBox {
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.9);
padding: 25px;
margin-top: 40px;
}
.main .serviceContents ul.otherMenuU {
display: flex;
justify-content: space-between;
}
.main .serviceContents ul.otherMenuU li {
font-size: 20px;
font-weight: bold;
text-align: center;
padding: 0;
}
.main .serviceContents ul.otherMenuU li a {
color: #333;
text-decoration: none;
}
.main .serviceContents ul.otherMenuU li img {
display: block;
margin-bottom: 5px;
}
.main .serviceContents ul.otherMenuU li:before,
.main .serviceContents ul.otherMenuU li:after {
display: none;
}
.main .serviceContents .whiteBox p {
font-size: 15px;
margin-top: 0;
}
.main .serviceContents .imgLayer {
right: 0;
top: 0;
z-index: 22;
}
.main .serviceContents .catchTtl {
width: 1000px;
margin: 0 auto;
display: flex;
-ms-align-items: center;
align-items: center;
}
.main .serviceContents .catchTtl p {
font-size: 80px;
font-weight: bold;
position: relative;
display: inline;
margin: 0 100px 0 0;
}
.main .serviceContents .catchTtl span {
background: #c01920;
color: #fff;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
width: 110px;
height: 110px;
border-radius: 50%;
float: left;
margin-right: -10px;
padding-top: 5px;
box-sizing: border-box;
}
.main .serviceContents .catchTtl .imgLayer {
left: 100%;
}
.main .packWall,
.main .packRoof,
.main .waterRoof,
.main .packOther {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.main .serviceMenu.packOther {
display: none;
}
.main .servicePackOther .servicePackOtherInner {
margin-bottom: 15px;
}
.main .servicePackOther .servicePackOtherInner article {
width: 100%;
background: #fff;
padding: 0;
border: none;
box-sizing: border-box;
}
.main .servicePackOther .servicePackOtherInner article:last-of-type {
margin-bottom: 0;
}
#top .main .packWall,
#top .main .packRoof {
background: none;
}
.main .packWall a,
.main .packRoof a,
.main .waterRoof a,
.main .packOther a {
display: block;
text-decoration: none;
color: #333;
}
.main .packWall article:hover,
.main .packRoof article:hover,
.main .waterRoof article:hover,
.main .packOther article:hover {
opacity: 0.7;
transition: 0.7s;
}
.main .packWall article,
.main .packRoof article,
.main .waterRoof article,
.main .packOther 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 .packWall article:last-child,
.main .packRoof article:last-child,
.main .waterRoof article:last-child {
margin-bottom: 15px;
}
.main .packWall .packItems {
padding: 20px 10px;
border: 1px solid #ccc;
}
.main .packWall .packItems .packTi {
margin: 0;
background: none;
box-shadow: none;
font-size: 35px;
font-size: 8vmin;
color: #333;
text-align: center;
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;
}
.main .packWall .packRow {
display: flex;
flex-flow: column;
}
.main .packWall .packItems .packList {
display: flex;
flex-flow: column;
}
.main .packWall .packItems .packItem {
position: relative;
width: 100%;
margin: 15px 0 0 0;
padding: 0;
overflow: hidden;
}
.main .packWall .packItems .packItem a,
.main .packWall .packItems .packItem a {
border: 1px solid #231816;
background-color: #fff;
}
.main .packWall .packItems.packOther .packItem {
border: 1px solid #231816;
background-color: #fff;
}
.main .packWall .packItems .packDetalis {
position: relative;
background-color: #333;
padding: 10px 10px 0 10px;
font-size: 32px;
font-size: 10vmin;
color: #fff;
text-align: center;
}
.main .packWall .packItems .packDetalis::before {
position: absolute;
left: 0;
bottom: -40px;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 40px 50vw 0 50vw;
border-color: #333 transparent transparent transparent;
transform: translateX(-4%);
}
.main .packWall .packItems .packPrice {
margin: 35px 0 0 0;
font-size: 80px;
font-size: 26vmin;
font-family: "Bahnschrift", sans-serif;
font-weight: bold;
color: #c01920;
letter-spacing: -3px;
text-align: center;
line-height: 1.2;
}
.main .packWall .packItems .smallTxt {
font-size: 80px;
font-size: 20vmin;
}
.main .packWall .packItems .packYen {
font-size: 30px;
font-size: 10vmin;
font-family: "Noto Sans JP", sans-serif;
}
.main .packWall .packItems .btn {
padding: 11px 63px;
display: inline-block;
background: #c01920;
border-radius: 50px;
color: #fff;
}
.main .packWall .packItems .btn .btnWrap::before {
position: absolute;
top: 12px;
left: 40px;
margin: auto;
content: "＞";
vertical-align: middle;
}
.main .attentionTxt strong {
font-size: 1.4em;
}
.main .packOther.packItem article {
width: 100%;
background: #fff;
padding: 0;
border: none;
margin: 0 0 20px 0;
box-sizing: border-box;
}
.main .packList article a {
display: block;
}
.main .packList article a > * {
width: 100%;
}
.main .packTtl {
position: relative;
margin-bottom: 10px;
display: block;
overflow: hidden;
}
.main .packTtl h3 {
width: 100%;
box-shadow: none; color: #fff;
padding: 5px;
position: relative;
z-index: 10;
margin: 0 0 5px 0;
box-sizing: border-box;
text-align: center;
}
.main .packTtl h3 br {
display: none;
}
.main .packTtl h3 span {
display: block;
text-align: center;
line-height: 1.2;
}
.main .packImg {
width: 100%;
height: 160px;
overflow: hidden;
margin: 0;
float: left;
position: relative;
border: 1px solid #ccc;
}
.main .packImg img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 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 {
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.main .packList h4 {
font-size: 2em;
position: relative;
padding-left: 0;
margin: 0;
line-height: 1;
text-align: center;
}
.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: #c01920;
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 .basicC {
font-size: 18px;
background: #f7b500;
color: #fff;
font-weight: bold;
padding: 5px;
line-height: 1;
clear: both;
}
.main .basicC.basicTxt span {
background: #fff;
color: #f7b500;
border-radius: 5px;
padding: 0 2px;
position: relative;
margin-left: 13px;
}
.main .basicC.basicTxt span:before {
font-family: "Font Awesome 5 Free";
content: "\f055";
font-weight: 900;
color: #f7b500;
font-size: 14px;
position: absolute;
right: 100%;
background: #fff;
border-radius: 50%;
width: 13px;
height: 13px;
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;
font-size: 3.8vmin;
text-align: center;
}
.main .packList .imgIco {
position: absolute;
left: 210px;
top: 0;
z-index: 99;
}
.main .packList p {
margin-bottom: 0;
line-height: 1.1;
margin-top: 10px;
}
.main .packList p.packPrice {
margin-top: 0;
font-size: 4em;
}
.main .packList .overflowH {
display: flex;
justify-content: flex-end;
}
.main .packList ul.optionalUl {
margin: 5px 0;
line-height: 1;
position: relative;
bottom: auto;
text-align: center;
}
.main .packList ul.optionalUl li {
display: inline-block;
float: none;
border: none;
border-radius: 5px;
width: 160px;
padding: 5px;
background: #382923;
margin: 0 10px 0 0;
color: #fff;
font-size: 18px;
text-align: center;
font-weight: bold;
overflow: hidden;
}
.main .packList ul.optionalUl li.details br {
display: none;
}
.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: #333;
min-width: 4em;
text-align: center;
}
.main .priceBlock {
position: relative;
display: flex;
flex-flow: column-reverse;
align-items: center;
}
.main .priceTxt {
font-family: "Bahnschrift", sans-serif;
font-weight: 700;
font-variation-settings: "wght" 500, "wdth" 90;
font-size: 4.2em;
color: #c01920;
letter-spacing: -0.02em;
line-height: 1.1;
display: flex;
-ms-align-items: flex-end;
align-items: flex-end;
justify-content: flex-end;
position: relative;
}
.main .priceTxt span {
font-size: 80px;
}
.main .priceTxt span.unitTxt {
font-size: 30px;
font-size: 10vmin;
line-height: 0.9;
font-weight: bold;
padding-bottom: 7px;
display: inline;
margin-left: 10px;
}
.main .priceTxt small {
color: #333;
font-size: 15px;
display: block;
position: absolute;
font-weight: normal;
right: 10px;
bottom: 0;
font-weight: bold;
}
.main .detailsPrices {
display: flex;
flex-flow: column wrap;
}
.main .detailsPrices dl {
display: flex;
flex-flow: row wrap;
justify-content: center;
font-family: "Noto Sans JP", sans-serif;
}
.main .detailsPrices dt {
font-size: 5vw;
color: #382923;
letter-spacing: 1px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.main .detailsPrices dd {
margin-left: 2vmin;
font-size: 11vw;
}
.main .detailsPrices dd span {
font-size: 0.6em;
}
.main .detailsPrices dd .yen {
font-size: 0.6em;
line-height: 1;
letter-spacing: -0.05rem;
font-weight: bold;
margin-left: 0;
}
.main .detailsPrices.single {
position: relative;
content: "";
right: auto;
bottom: auto;
flex-flow: column wrap;
padding: 10px;
background: #f3f5f7;
}
.main .detailsPrices.single dl {
flex-flow: column wrap;
}
.main .detailsPrices.single dl:nth-of-type(2) {
margin: 1vmin 0 0;
}
.main .detailsPrices.single dt {
font-size: 3.8vmin;
line-height: 1;
}
.main .detailsPrices.single dt span {
display: inline-block;
color: #fff;
background: #382923;
border-radius: 3px;
padding: 0.5vmin 2vmin;
line-height: 1;
}
.main .detailsPrices.single dd {
font-size: 9vmin;
color: #c01920;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-variation-settings: "wght" 500, "wdth" 90;
letter-spacing: 2px;
line-height: 0.9;
margin: 1vmin 0 0;
text-shadow: 0.3vmin 0.3vmin 1px #ffffff, -0.3vmin 0.3vmin 1px #ffffff,
0.3vmin -0.3vmin 1px #ffffff, -0.3vmin -0.3vmin 1px #ffffff,
0.3vmin 0px 1px #ffffff, 0px 0.3vmin 1px #ffffff, -0.3vmin 0px 1px #ffffff,
0px -0.3vmin 1px #ffffff;
}
.main .detailsPrices.single dd span {
font-size: 7vmin;
}
.main .detailsPrices.single dd .yen {
font-size: 5vmin;
}
.main .packList .txts {
font-size: 10px;
margin-bottom: 5px;
word-wrap: break-word;
}
.main .priceTaxin {
color: #333;
font-size: 14px;
text-align: right;
}
.main .packList .optionTxt {
color: #c01920;
font-size: 23px;
font-weight: bold;
}
.main .packList h5 {
font-size: 16px;
position: relative;
padding-left: 0;
margin: 0 0 10px;
background: #40668c;
border-radius: 0;
display: block;
}
.main .packWall .packItems .note {
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 .packList .catchTxt {
font-size: 14px;
font-size: 4vmin;
font-weight: bold;
line-height: 1.2;
}
.main .packList .catchTxt br {
display: none;
}
.main .packOther article.layout03 {
overflow: hidden;
width: 100%;
}
.main .packOther article.layout02 img {
width: 100%;
height: auto;
}
.main .worksBox,
.main .voiceBox {
text-align: center;
}
#top .main .worksBox {
padding-bottom: 20px;
}
.main .worksBox .inner,
.main .voiceBox .inner {
padding: 30px 4%;
width: 100%;
}
.main .worksBox h2,
.main .voiceBox h2,
.main .profileBox h2,
.main .reasonBox h2,
.main .medalCatch {
overflow: inherit;
font-size: 22px;
font-size: 6vmin;
width: auto;
}
.main .voiceBox h2 {
margin: 0;
}
.main .worksList .swiper-wrapper,
.main .voiceList {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 15px;
}
.main .worksList .swiper-wrapper article {
height: auto;
min-height: 0;
}
.main .worksList .swiper-wrapper article > a,
.main .voiceList article > a {
background: #fff;
height: 100%;
}
.main .worksList article,
.main .voiceList article {
width: 48.5%;
margin: 0 3% 10px 0;
box-sizing: border-box;
padding: 0;
text-align: left;
}
.main .worksList article:nth-child(2n) {
margin-right: 0;
}
.main .worksList a,
.main .voiceList a {
display: block;
border: 1px solid #ccc;
text-decoration: none;
}
.main .archiveList .overflowH,
.main .voiceList .voiceSummary,
.main .worksList .worksExp {
color: #333;
padding: 10px 5px;
}
.main .archiveList .overflowH .price,
.main .worksList .worksExp .price {
background: #c01920;
border-radius: 3px;
padding: 1px 5px 0 5px;
color: #fff;
display: table-cell;
}
.main .mainThumb {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
display: block;
background: #fff;
box-sizing: border-box;
border: 1px solid #ccc;
aspect-ratio: 3/2;
}
.main .mainThumb img {
width: 100%; }
.main .worksList article:nth-child(2n),
.main .voiceList article:nth-child(2n) {
margin-right: 0;
}
.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: 1em;
font-weight: bold;
padding: 0;
margin: 0;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.main .worksList .time,
.main .voiceList .time {
font-size: 12px;
}
.swiper-button-prev,
.swiper-button-next {
display: none;
}
.main .reasonBox h2 img {
width: 70px;
margin: -10px 10px 0 0;
}
#top .main .reasonTtl {
display: block;
margin-top: 30px;
width: auto;
font-size: 2em;
text-align: center;
}
.main .resonList {
display: block;
margin-bottom: 10px;
position: relative;
overflow: hidden;
justify-content: space-between;
flex-flow: wrap;
}
.main .resonList li {
margin: 0 0 10px 0;
color: #fff;
text-align: center;
width: 100%;
font-weight: bold;
box-sizing: border-box;
background: none;
padding: 0;
}
.main .resonList li a {
width: auto;
text-align: left;
overflow: hidden;
color: #333;
text-decoration: none;
display: block;
padding: 10px 5px 5px;
border-radius: 5px;
background: #fff;
border: 4px solid #e5e5e5;
}
.main .resonList li:before,
.main .resonList li:after {
content: none;
}
.main .resonList li:hover {
opacity: 0.8;
transition: 0.7s;
}
.main .resonList li img {
width: 37px;
float: left;
vertical-align: middle;
margin-bottom: 5px;
}
.main .resonList li h4 {
display: inline-block;
margin: 4px 0 0 5px;
font-size: 19px;
font-size: 6.5vmin;
background: none;
padding: 0;
}
.main .resonList li h4:before,
.main .resonList li h4:after {
display: none;
}
.main .resonList li h4 small {
font-weight: normal;
display: inline-block;
}
.main .resonList li h4 strong {
display: inline;
font-size: 20px;
font-size: 5.8vmin;
font-weight: bold;
}
.main .resonList li p {
border-top: 1px dotted #231816;
margin-top: 10px;
background: transparent;
display: block;
font-size: 15px;
text-align: left;
padding: 10px 5px 5px 5px;
}
#reason .main .resonList,
#docrequest .main .resonList {
margin-bottom: 0;
}
#reason .main .resonList li:last-child,
#docrequest .main .resonList li:last-child {
margin-bottom: 0;
}
#reason .main .resonList li a,
#docrequest .main .resonList li a {
background: #f7b500;
border: none;
}
#reason .resonList li h4,
#docrequest .resonList li h4 {
color: #fff;
}
#reason .resonList li p,
#docrequest .resonList li p {
border-top: 1px dotted #fff;
color: #fff;
}
#docrequest .resonTextBlock {
margin: 60px auto 30px;
position: relative;
box-sizing: border-box;
border-radius: 10px;
border: 5px solid #c01920;
padding: 20px;
}
#docrequest .resonTextBlock::before {
content: "";
position: absolute;
left: 50%;
top: -60px;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 100px 0 100px;
border-color: #c01920 transparent transparent transparent;
transform: translateX(-50%);
}
#docrequest .resonText {
font-size: 28px;
line-height: 1.3;
background: none;
color: #333;
position: relative;
padding: 0;
}
#docrequest .resonText .resonTexts {
display: block;
font-size: 42px;
}
.main .worksList .price li {
display: block;
margin-top: 2px;
font-size: 14px;
font-size: 4.5vmin;
}
.main .basicKnow h2:not(.fullWidth) {
color: #fff;
font-size: 52px;
margin: 0 0 15px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
background: none;
padding: 0;
box-shadow: none;
border: none;
}
.main .basicKnow h2:after {
display: none;
}
.main .basicKnow h2 span {
background: #c01920;
display: inline-block;
border-radius: 5px;
line-height: 1;
padding: 5px 3px 0;
margin-top: 5px;
font-size: 52px;
width: 24%;
width: calc(25% - 10px);
}
.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 {
margin-top: 20px;
text-align: left;
padding: 5px 10px;
line-height: 1.4;
}
.main .basicKnow .catchTtl {
font-size: 36px;
font-size: 8vmin;
line-height: 1.2;
font-weight: bold;
letter-spacing: -0.02em;
margin-top: 0;
text-align: left;
}
.main .basicKnow .catchTtl strong {
background: none;
display: block;
}
.main .basicKnow .catchTtl span {
color: #c01920;
}
.main .basicKnow .pointList {
display: block;
counter-reset: point;
}
.main .basicKnow .pointList li {
position: relative;
counter-increment: point;
text-align: left;
width: 100%;
margin-bottom: 20px;
}
.main .basicKnow .pointList li:last-of-type {
margin-bottom: 0;
}
.main .basicKnow .pointList li h4 {
padding: 0;
margin: 10px 0 0 0;
}
.main .basicKnow .pointList li h4:before,
.main .basicKnow .pointList li h4:after {
content: none;
}
.main .basicKnow .pointList li p {
margin: 10px 0 0 0;
font-size: 15px;
color: #231816;
}
.main .basicKnow .pointList li:before,
.main .basicKnow .pointList li:after {
content: none;
}
.main .basicKnow .pointList li .pointImg {
position: relative;
text-align: center;
}
.main .basicKnow .pointList li img {
display: block;
margin: 0 auto;
}
.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: #c01920;
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: #c01920;
padding: 0;
display: block;
float: none;
margin-bottom: 0;
font-size: 28px;
padding: 5px 10px;
} .main .contentBnrList {
margin-top: 0;
}
.main .contentBnrList li {
float: none;
margin: 20px 0 0 0;
background: none;
padding: 0;
}
.main .contentBnrList li:first-child {
margin-top: 0;
} .main .deteriorationChk {
width: 100%;
box-sizing: border-box;
padding-bottom: 10px;
padding-top: 10px;
}
#first .main .deteriorationChk {
padding-top: 10px;
}
.main .deteriorationChk h2 {
margin-bottom: 0;
color: #333;
}
.main .deteriorationChk .checkPoint {
width: auto;
float: none;
position: relative;
overflow: hidden;
}
.main .deteriorationChk .checkPoint h3 {
font-size: 18px;
font-size: 5vmin;
margin: 0;
}
.main .deteriorationChk .checkPoint h3 span {
display: table-cell;
}
.main .deteriorationChk .checkPoint ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 10px 10px 0 10px;
position: relative;
overflow: hidden;
width: 100%;
box-sizing: border-box;
margin: 0;
border: #ccc solid 1px;
background: #fff;
}
.main .deteriorationChk .checkPoint ul li {
width: 48.5%;
margin: 0 0 10px 0;
box-sizing: border-box;
float: none;
position: relative;
overflow: hidden;
padding: 0;
}
.main .deteriorationChk .checkPoint ul li:before,
.main .deteriorationChk .checkPoint ul li:after {
display: none;
}
.main .deteriorationChk .checkPoint ul li:nth-child(2n) {
margin-right: 0;
float: right;
}
.main .deteriorationChk .checkPoint ul li:nth-child(2n + 1) {
clear: left;
}
.main .deteriorationChk .checkPoint ul li:last-child {
margin-bottom: 0;
} .main .deteriorationChk .checkPoint ul li .checkpointThumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.main .deteriorationChk .checkPoint ul li .checkTtl {
padding: 0;
bottom: 0;
background: none;
top: inherit;
position: absolute;
width: 100%;
margin-bottom: 0;
}
.main .deteriorationChk .checkPoint .checkpointThumb {
position: relative;
}
.main .deteriorationChk .checkPoint ul li h4 {
background: #c01920;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 5px;
font-size: 3.8vmin;
text-align: center;
border-top: none;
}
.main .deteriorationChk .checkPoint ul li h4:before,
.main .deteriorationChk .checkPoint ul li h4:after {
content: none;
}
.main .deteriorationChk .checkPoint ul li .checkTtl p {
border-radius: 0;
font-size: 12px;
text-align: center;
color: #c01920;
}
.main .deteriorationChk .checkPoint ul li p {
display: block;
font-size: 12px;
margin-bottom: 0;
overflow: hidden;
}
.main .deteriorationChk .checkLegend dl {
display: block;
}
.main .deteriorationChk .checkLegend dl dt {
width: 100%;
padding: 0 4%;
}
.main .deteriorationChk .checkLegend dl dt .title {
border-radius: 0;
width: 100%;
height: auto;
padding: 5px 10px;
aspect-ratio: revert;
}
.main .deteriorationChk .checkLegend dl dd {
width: 100%;
margin: 0;
padding: 0 4%;
}
.main .deteriorationChk .checkLegend {
width: auto;
float: none;
text-align: center;
margin-top: 20px;
display: block;
padding: 0 0 20px;
}
.main .deteriorationChk .checkLegend .checkLegendText {
font-size: 46px;
color: #f7b500;
text-shadow: 3px 3px 0 #fff;
line-height: 1.3;
}
.main .deteriorationChk .checkLegend .checkLegendText .checkLegendEm {
display: block;
font-size: 35px;
}
.main .deteriorationChk .checkLegend p > span:first-of-type {
display: block;
margin-bottom: 20px;
}
.main .checkCatch {
padding: 0 10px;
font-size: 36px;
color: #f7b500;
text-shadow: 3px 3px 0 #fff;
line-height: 1.2;
text-align: center;
}
.main .deteriorationChk .checkLegend h3 {
width: 100%;
height: auto;
border-radius: 5px;
display: block;
margin: 15px 0 15px;
}
.main .deteriorationChk .checkLegend h3 .imgLayer {
bottom: inherit;
top: -15px;
width: 45px;
}
.main .deteriorationChk .checkLegend h3 br {
display: none;
}
.main .deteriorationChk .checkPoint .checkLegend ul {
background: none;
}
.main .deteriorationChk .checkPoint .checkLegend li {
width: 100%;
box-sizing: border-box;
float: none;
display: inline-block;
margin-bottom: 20px;
}
.main .deteriorationChk .checkLegend ul li h4 {
margin-bottom: 0;
}
.main .deteriorationChk .checkLegend p {
margin-top: 0;
} .main .deteriorationChk .checkLegend span strong {
font-size: 48px;
font-size: 10vmin;
}
.main .deteriorationChk .checkLegend span strong br {
display: none;
} .main .comWaitBox h3 {
font-size: 22px;
font-size: 6vmin;
}
.main .comWaitBox img {
float: none;
padding-bottom: 0;
} #corporate .main h2 {
font-size: 28px;
font-size: 6vmin;
}
#corporateMap iframe {
width: 100%;
} .main .mainPhoto li {
width: 100%;
height: auto;
float: none;
margin-bottom: 20px;
}
.main .thumb {
margin: 0;
width: auto;
height: auto;
float: none;
overflow: hidden;
}
.main .thumb li {
width: 30%;
width: calc(33% - 3px);
height: auto;
float: left;
margin: 0 0 5px 3px;
}
.main ul.showroomMenu {
margin-top: 10px;
width: auto;
padding: 0;
}
.main ul.showroomMenu:before,
.main ul.showroomMenu:after {
content: none;
}
.main ul.showroomMenu li {
width: 48%;
padding: 0;
}
.main table.accessT th {
width: 100%;
}
.main .featureBox {
position: relative;
overflow: hidden;
background: #333;
margin: 30px 0;
}
.main .featureBox .floatL {
float: none !important;
margin-bottom: 10px;
}
#showroom .main .featureBox img {
width: 100%;
}
.main .featureBox p {
margin-top: 0;
}
.main .featureBox ul,
#showroom .main .featureBox ul {
padding: 0 10px 10px;
width: 100%;
box-sizing: border-box;
margin-bottom: 0;
display: block;
}
.main .featureBox ul li,
#showroom .main .featureBox ul li {
border-radius: 5px;
background: #fff;
font-size: 14px;
padding: 10px;
position: relative;
overflow: hidden;
margin-top: 10px;
line-height: 1.8;
}
.main .featureBox ul li:before,
.main .featureBox ul li:after {
content: none;
}
#showroom .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: #c01920;
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 {
margin-bottom: 30px;
padding: 0;
width: 100%;
height: 30vh;
position: relative;
overflow: hidden;
}
.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;
}
#contact .main .featureContents ol {
counter-reset: feature;
padding: 0;
margin: 0;
}
#contact .main .featureContents ol > li {
counter-increment: feature;
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
#contact .main .featureContents ol li:last-of-type {
margin-bottom: 0;
}
#contact .main .featureContents li {
list-style: none;
padding: 0;
} #showroom .main .featureContents ol {
counter-reset: feature;
padding: 0;
margin: 0;
}
#showroom .main .featureContents ol > li {
counter-increment: feature;
position: relative;
overflow: hidden;
margin: 0;
}
#showroom .main .featureContents h3 {
color: #231816;
font-size: 22px;
font-size: 5vmin;
display: block;
line-height: 1.2;
background: none;
position: relative;
overflow: hidden;
margin: 0;
padding: 15px 0;
border: none;
overflow: hidden;
}
#showroom .main .featureContents h3 br {
display: none;
}
#showroom .main .featureContents h3:before {
background: #c01920;
border: rgba(255, 255, 255, 0.5) solid 5px;
border-radius: 10px;
color: #fff;
content: "ココが違う " counter(feature, decimal-leading-zero);
font-size: 0.9em;
margin-bottom: 15px;
text-align: center;
line-height: 1.2;
display: block;
padding: 15px 10px;
width: 100%;
height: auto;
}
#showroom .main .featureContents h3 span {
width: 100%;
margin: 0;
}
#showroom .main .featureContents h3 img {
position: absolute;
top: 0;
right: 0;
}
#showroom .main .featureContents ol li img {
display: block;
margin: 0 auto 10px;
float: none;
width: 100%;
}
#showroom .main .featureContents .photoUL {
display: block;
margin-top: 20px;
}
#showroom .main .featureContents .photoUL li {
width: 100%;
flex-grow: inherit;
}
#showroom .main .featureContents .photoUL li:nth-child(3n) {
margin: 0;
} #contact .main .featureContents h3 {
font-size: 22px;
font-size: 5vmin; position: relative;
z-index: 1;
background: none;
border: none;
line-height: 1.2;
color: #333;
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;
}
#contact .main .featureContents h3 br {
display: none;
}
#contact .main .featureContents h3:before {
background: #c01920;
border: rgba(255, 255, 255, 0.5) solid 3px;
border-radius: 5px;
color: #fff;
content: "ココが違う " counter(feature, decimal-leading-zero);
font-size: 15px;
font-size: 5vmin;
margin-bottom: 10px;
text-align: center;
line-height: 1.2;
display: block;
padding: 5px 10px;
text-shadow: none;
}
#contact .main .featureContents h3 img {
position: absolute;
top: 0;
right: 0;
}
#contact .main .featureContents .photoUL {
width: inherit;
margin-top: 10px;
}
#contact .main .featureContents .photoUL li {
width: 100%;
flex-grow: inherit;
position: inherit;
}
#contact .main .featureContents .photoUL li:first-child {
display: none;
}
#contact .main .featureContents .photoUL li img {
max-width: 100%;
}
#contact .main .featureContents .photoUL li:nth-child(3n) {
margin-right: 0;
}
#contact .main .featureContents .featureAnser {
position: relative;
margin: 0;
z-index: 1;
padding-top: 80px;
font-size: 22px;
font-size: 6vmin;
}
#contact .main .featureContents .featureAnser::before {
content: "";
position: absolute;
left: 50%;
top: 20px;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 100px 0 100px;
border-color: #c01920 transparent transparent transparent;
transform: translateX(-50%);
}
.main .showroomDetail {
padding-top: 0;
}
.main ul.showroomDetail {
position: relative;
overflow: hidden;
margin-bottom: 0ex;
}
.main ul.showroomDetail li {
width: 100%;
padding: 0;
margin: 0 0 20px 0;
background: none;
}
.main ul.showroomDetail li:last-child {
margin-bottom: 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 ol {
position: relative;
overflow: hidden;
padding: 0;
display: block;
}
.main .showroomMerit ol li {
width: 100%;
box-sizing: border-box;
margin: 0 0 20px;
position: relative;
display: block;
float: left;
list-style-type: none;
color: #fff;
padding: 10px;
}
.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;
padding-left: 1em;
margin: 0;
}
.main .showroomMerit ol li h5 span {
font-size: 36px;
}
.main .showroomMerit ol li img {
float: none;
margin: 0 0 10px 0;
width: 100%;
}
.main .showroomMerit ol li br {
display: none;
}
.main .showroomMerit ol li p {
margin: 0;
font-size: 1em;
line-height: 1.5;
}
.shopAccess > ul > li {
background: none;
margin: 0 0;
padding: 0;
text-align: left;
}
.shopAccess ul li:before,
.shopAccess ul li:after {
display: none;
}
.shopAccess ul li .shopMain {
float: none;
width: auto;
margin-right: 0px;
text-align: center;
padding-top: 10px;
}
.shopAccess ul li .shopMain .tel span {
display: block;
width: 280px;
box-sizing: border-box;
margin: 0 auto;
font-family: "Verdana-Bold", "HiraKakuProN-W6", sans-serif;
}
.main .shopAccess ul li .shopMain .tel span a {
color: #fff;
text-decoration: none;
}
.main .shopAccess iframe {
width: 100%;
}
.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;
margin-bottom: 20px;
}
.shopAccess ul li .shopSummery .catchTxt {
font-size: 28px;
font-weight: bold;
}
.main ol.showroomStep {
position: relative;
overflow: hidden;
padding: 0;
margin: 0 0 30px;
}
.main ol.showroomStep li {
list-style-type: none;
float: none;
width: auto;
margin: 0 0 15px;
font-weight: bold;
}
.main ol.showroomStep li:first-child {
width: auto;
margin-left: 0;
}
.main ol.showroomStep li span {
width: 67px;
height: 67px;
margin-right: 10px;
float: left;
}
.main ol.showroomStep li h4 {
background: linear-gradient(90deg, #12a73b 0%, #ffcc00 100%);
margin: 0 0px 10px;
padding: 0 10px 0 10px;
color: #fff;
}
.main ol.showroomStep li:last-child h4 {
background: #c01920;
}
.main ol.showroomStep li h4:before,
.main ol.showroomStep li h4:after {
display: none;
}
.main ol.showroomStep li p {
padding-left: 0px;
height: auto;
font-size: 20px;
height: 68px;
position: relative;
overflow: hidden;
}
.main h1.showroomTtl {
font-size: 8vmin;
padding: 5px 10px 5px 10px;
margin: 20px auto 0;
width: auto;
}
.main .showroomPict .mainimglist {
width: 100%;
height: auto;
float: none;
margin-bottom: 10px;
}
.main .showroomPict .mainimglist img {
width: auto;
height: auto;
}
.main .showroomPict .thumbnaillist {
width: auto;
float: none;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
}
.main .showroomPict .thumbnaillist li {
background: none;
padding: 0;
margin: 0;
width: 32%;
width: calc(33% - 5px);
height: auto;
}
.main .showroomPict .thumbnaillist li a {
width: 100%;
height: auto;
}
.main .showroomDetail .leadTxt p {
font-size: 18px;
line-height: 1.5;
}
.main .showroomDetail iframe {
width: 100%;
height: auto;
}
.main .showroomBtn li {
margin-bottom: 10px;
}
.main .showroomMerit h2.catchTtl {
font-size: 8vmin;
background-size: contain;
padding: 0 20px;
}
.main #form .tel span {
font-size: 12vmin;
}
.main #form h3 {
background: none;
font-size: 40px;
font-size: 8vmin;
color: #c01920;
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 .wpcf7 ul li {
padding-left: 0;
}
.main .wpcf7 ul li:before,
.main .wpcf7 ul li:after {
content: none;
}
.main #form h4 {
font-size: 5vmin;
}
.main #form .catchTxt {
margin-bottom: 10px;
}
.main #form .tel {
margin-bottom: 20px;
}
.main #form ul.formStep li {
width: auto;
float: none;
height: auto;
min-height: 50px;
padding: 0 10px 0 70px;
margin-bottom: 15px;
}
.main #form ul.formStep li span {
left: 2px;
}
.main .formBox table {
width: 100%;
box-sizing: border-box;
margin-bottom: 20px;
}
.main .formBox th,
.main .formBox td {
padding: 5px 10px;
width: 100%;
box-sizing: border-box;
border-left: none;
}
.main .formBox th {
font-weight: bold;
vertical-align: middle;
font-size: 16px;
}
.main .formBox th span {
background: #c01920;
color: #fff;
font-size: 0.8em;
float: right;
padding: 2px 15px;
}
.main .formBox th span.any {
background: #b0b0b0;
}
.main .formBox td {
padding: 10px;
font-weight: bold;
vertical-align: middle;
font-size: 16px;
letter-spacing: -0.05rem;
background: #fff;
}
.main .formBox td p {
font-size: 0.8em;
}
.main .formBox td a {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/arrow01.png) no-repeat 0 5px;
color: #333;
font-size: 16px;
padding-left: 25px;
float: none;
position: inherit;
top: inherit;
right: inherit;
}
.main .formBox td .your-date + .your-time {
display: block;
}
.main .formBox td > span + span {
margin-top: 5px;
font-size: 14px;
}
.main .formBox td input[type="text"],
.main .formBox td input[type="tel"],
.main .formBox td input[type="email"] {
width: 100%;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 5px;
height: 36px;
}
.main .formBox td textarea {
padding: 5px;
width: 100%;
height: auto;
border: 1px solid #ccc;
box-sizing: border-box;
overflow: auto;
}
.main .formBox td select,
.main .formBox td input[type="date"],
.main .formBox td input#yourDate {
width: 100%;
vertical-align: middle;
font-size: 15px;
box-sizing: border-box;
padding: 2px;
height: 36px;
border: 1px solid #ccc;
margin-right: 10px;
background: #ffffcc;
}
.main .formBox .submit input {
width: 100%;
box-sizing: border-box;
padding: 15px 5px 15px;
text-align: center;
vertical-align: top;
cursor: pointer;
border-radius: 50px;
border: none;
color: white;
font-weight: bold;
padding: 10px 50px;
text-decoration: none;
display: inline-block;
}
.main .formBox .submit {
text-align: center;
}
.main .formBox .submit li {
margin: 0 5px;
display: inline;
}
.main .formBox .submit input[type="button"] { margin-right: 0;
margin-bottom: 1rem;
}
.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 .menuMain {
position: relative;
margin-bottom: 30px;
}
.main .menuMain .imgLayer {
bottom: 25px;
left: 6px;
z-index: 1;
width: 22%;
}
.main .menuMain.pb0 .imgLayer {
top: 10px;
left: 0;
width: 25%;
}
#menu .main .textRight {
text-align: inherit;
line-height: 1.4;
font-size: 14px;
}
.main .flowListP .pointB {
display: none;
}
.main .flowList {
border-radius: 18px;
display: block;
height: auto;
border-radius: 5px;
background: #3b4391;
padding: 10px;
position: relative;
overflow: hidden;
clear: both;
}
.main .flowList h3 {
float: none;
margin: 0 0 5px 0;
text-align: center;
color: #fff;
font-size: 30px;
background: none;
padding: 0 12px;
line-height: 1.2;
}
.main .flowList h3 br {
display: none;
}
.main .flowList ul {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
display: flex;
align-items: stretch;
justify-content: center;
flex-wrap: wrap;
}
.main .flowList ul li {
font-size: 1.2em;
width: 18.5%;
width: calc(20% - 4px);
margin: 5px 5px 0 0;
padding: 0;
box-sizing: border-box;
border-radius: 10px;
background: #fff;
color: #3b4391;
font-weight: bold;
padding: 0;
text-align: center;
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:nth-child(-n + 5) {
margin-top: 0;
}
.main .flowList ul li:nth-child(5n) {
margin-right: 0;
}
.main .flowList ul li.stxt {
font-size: 1em;
}
.main .textComS {
text-align: left;
font-size: 0.9em;
list-style: 1.4;
}
.main .commitPoint .flowList li.flowCatch {
background: #c01920;
color: #fff;
}
.main .flowList.flowRoof ul li {
width: 24%;
width: calc(24% - 4px);
margin: 5px 5px 0 0;
}
.main .flowList.flowRoof ul li:nth-child(4n) {
margin-right: 0;
}
.main .notice-txt {
font-size: 0.9em;
line-height: 1.2;
}
.main .textRight.notice-txt {
text-align: inherit;
}
.main .wallPartsBox .floatL {
width: auto;
float: none;
}
.main .wallPartsBox .floatR {
width: auto;
}
.main .wallPartsBox .catchTtl {
font-size: 7vw;
text-align: center;
width: 100%;
}
.main .wallPartsBox .catchTtl span {
font-size: 50px;
font-size: 9vmin;
}
.main .wallPartsBox .catchTtl .txtL {
font-size: 100px;
font-size: 4.5vw;
line-height: 1.2;
margin: 0 0 10px;
font-weight: bold;
display: flex;
justify-content: center;
}
.main .wallPartsBox .catchTtl > span.txtL {
display: flex;
justify-content: center; }
.main .wallPartsBox .catchTtl .txtL > span {
border-radius: 50%;
background: #c01920;
color: #fff;
width: 66px;
height: 66px;
aspect-ratio: 1/1; font-size: 9vw;
font-weight: bold;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
float: none; }
.main .wallPartsBox .flowList {
height: auto;
}
.main .wallPartsBox .balloonBox {
margin-top: 10px;
}
.main .scrollBox {
overflow: auto;
}
.scrollBox::-webkit-scrollbar {
height: 5px;
}
.scrollBox::-webkit-scrollbar-track {
background: #f1f1f1;
}
.scrollBox::-webkit-scrollbar-thumb {
background: #bcbcbc;
}
.main .scrollBox table {
width: auto;
}
.scrollMsg {
margin-bottom: -10px;
color: #d0004e;
font-size: 12px;
font-weight: bold;
}
.main .scrollBox th {
white-space: nowrap;
display: table-cell;
}
.main .scrollBox td {
display: table-cell;
width: inherit;
}
.main .wallPartsBox h4 {
margin: 0 0 10px;
}
.main .comFamilyBox .imgLayer {
display: none;
}
.main .comFamilyBox p {
color: #fff;
font-size: 20px;
margin: 10px 10px 5px;
}
.comFamilyBox img {
display: block;
text-align: center;
width: 217px;
margin: 0 auto 5px;
}
.main .comFamilyBox p.catchTtl {
font-size: 22px;
padding: 5px;
}
.main .comFamilyBox p span.txtM {
font-size: 5vmin;
} .main .troubleBox h2 {
position: relative;
z-index: 10;
padding: 15px 0 0;
margin: 0 auto 15px;
color: #333;
font-size: 32px;
background: none;
box-shadow: none;
line-height: 1.2;
position: relative;
overflow: hidden;
border: #231816 solid 7px;
border-width: 7px 0 0 0;
}
.main .troubleBox h2 img {
float: left;
margin: 0 10px 0 0;
}
.main .troubleBox h2 span,
.main .diagnosisPoint h2 span {
display: block;
}
.main .troubleBox h2 span.txtL,
.main .troubleBox h2 span.txtL span,
.main .diagnosisPoint h2 span.txtL {
font-size: 6.4vmin;
display: inline;
}
.main .troubleBox h2 span.txtL br {
display: none;
}
.main .troubleBox h2 span.txtEn {
color: #12a73b;
font-size: 15px;
}
#diagnosis .main .troubleBox h2 {
padding: 15px 0 0;
margin: 0 auto 30px;
color: #333;
font-size: 0.9em;
line-height: 1.2;
border-top: none;
text-align: left;
position: relative;
overflow: hidden;
width: 100%;
height: auto;
}
#diagnosis .main .troubleBox h2 span.icoTxt {
border-radius: 10px;
background: #c01920;
color: #fff;
border: #c01920 solid 7px;
font-size: 24px;
font-size: 7vmin;
margin-bottom: 15px;
text-align: center;
line-height: 1.2;
display: block;
padding: 15px 10px;
}
#diagnosis .main .troubleBox h2 span.icoTxt br {
display: none;
}
#diagnosis .main .troubleBox h5 {
margin: 0 0 10px;
}
.main .worksExpBox {
margin: 0 0 10px 0;
}
.main .worksExpBox p.expP {
padding: 10px;
margin-bottom: 10px;
font-size: 16px;
font-size: 5vmin;
}
.main .worksExpBox p.expP span {
background: #c01920;
border-radius: 5px;
position: relative;
height: auto;
width: auto;
font-size: 18px;
font-size: 6vmin;
top: auto;
left: auto;
padding: 5px 0;
margin-bottom: 5px;
}
.main .worksExpBox p.expP span strong {
display: inline;
font-size: 36px;
font-size: 8.4vmin;
}
.main .worksExpBox p.expP span::before {
content: none;
}
.main .worksExpBox p.expP img {
display: none;
}
.main .diagnosisAttention {
margin: 10px 0 30px 0;
}
.main .diagnosisAttention .formH {
text-align: left;
margin-bottom: 2px;
}
.main .diagnosisAttention p {
font-size: 16px;
font-size: 5vmin;
}
.main .diagnosisAttention span {
height: 50px;
width: 50px;
font-size: 13px;
padding-top: 10px;
float: left;
margin: 0 5px 0 0;
}
.main .diagnosisAttention span strong {
font-size: 20px;
line-height: 0.6;
}
.main .reasonUlAm li img {
float: none;
margin: 0 auto 20px auto;
display: block;
}
#rainleaking img.alignleft,
#diagnosis .main .inner .imgL30,
#diagnosis .main .inner .imgR30,
#rainleaking .main .inner .imgR30 {
float: none;
margin: 0 auto 10px;
display: block;
text-align: center;
}
#diagnosis .main .inner .imgL30 {
display: flex;
}
#diagnosis .main .inner .imgL30 br {
display: none;
}
#diagnosis .main .inner .imgL30 img {
display: inline-block;
width: 48%;
width: calc(100% - 5px);
margin: 0;
}
#diagnosis .main .inner .imgL30 .mb20 {
margin-bottom: 0 !important;
} #rainleaking .main .emergencyC p {
margin-bottom: 0;
}
#rainleaking .main .emergencyC img {
float: none;
margin: 0;
}
#rainleaking .main .emergencyC .tel span {
font-size: 40px;
background-position: 3px 15px;
background-size: 40px auto;
padding-left: 42px;
}
#rainleaking .main .emergencyC .tel {
padding: 10px;
margin: 0;
}
#rainleaking .main .priceList li {
font-size: 6vmin;
margin-bottom: 10px;
padding: 7px 5px 0 5px;
position: relative;
line-height: 1.2;
}
#rainleaking .main .priceList li span {
padding: 3px 5px 0;
float: right;
display: block;
position: relative;
margin-bottom: 5px;
}
.main .warryBox {
padding: 0;
}
.main .warryBox img {
display: none;
}
.main .warryBox p {
text-align: center;
}
.main .troubleBox h2 {
width: auto;
overflow: visible;
font-size: 18px;
font-size: 6vmin;
margin-top: 10px;
}
.main .troubleBox h2 img {
width: 70px;
margin: -10px 10px 0 0;
}
.main .troubleBox {
padding: 0 0px;
}
.main .troubleBox h2 span.txtL {
font-size: 24px;
font-size: 6.4vmin;
clear: both;
}
.main .troubleBox img,
.main .troubleBox .imgL {
float: none;
}
.main .meritBox {
position: relative;
overflow: hidden;
margin-bottom: 20px;
padding: 10px;
box-sizing: border-box;
border: #e2e2e2 solid 5px;
}
.main .meritBox .imgR20 {
float: none;
display: block;
margin: 0 auto 10px auto;
}
.main .meritBox img {
display: block;
margin: 0 auto;
float: none;
position: inherit;
}
.main .meritBox .meritTxt {
margin-left: 0;
}
.main .meritBox .diagnosisList {
display: block;
}
.main .meritBox .diagnosisList li {
float: left;
width: 48%;
width: calc(50% - 5px);
margin: 10px 10px 0 0;
font-size: 24px;
font-size: 5vmin;
}
.main .meritBox .diagnosisList li:nth-child(2n) {
margin-right: 0;
}
.main .meritBox .diagnosisList li:nth-child(-n + 2) {
margin-top: 0;
}
.main .warningChk {
padding: 0 10px 20px;
}
.main .warningChk h3 {
font-size: 21px;
font-size: 5.6vmin;
padding: 10px 20px;
margin-bottom: 20px;
text-align: left;
}
.main .warningChk ul li {
line-height: 1.3;
margin-bottom: 10px;
}
.main .warningChk ul li:last-child {
margin-bottom: 0;
}
.main .warningChk ul li:after {
top: 10px;
bottom: auto;
}
.main .warningChk ul li:before {
top: 5px;
bottom: auto;
}
.main .warningChk img {
float: none;
margin: 0 auto 10px;
display: block;
}
.main .rainAnswer h3 {
padding: 10px;
font-size: 22px;
font-size: 6vmin;
}
.main .rainAnswer h3 span {
display: table;
margin: 0 0 10px;
}
.main .rainAnswer .answerUl {
display: block;
width: auto;
background: none;
padding: 0;
}
.main .rainAnswer .answerUl li {
float: none;
margin: 0 0 10px 0;
width: 100%;
box-sizing: border-box;
}
#rainleaking .main .catchTtl {
font-size: 20px;
}
.main .comMember {
background: linear-gradient(to bottom, #6696cf 20%, #8eafd9 100%);
margin-bottom: 0;
}
.main .comMember .inner {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/comMember_bg.png) no-repeat center bottom;
padding: 0px 10px 22vh;
background-size: contain;
min-height: 0;
}
.main .comMember p {
color: #fff;
font-weight: bold;
font-size: 48px;
font-size: 6vmin;
line-height: 1.4;
margin: 10px auto 0;
width: auto;
}
.main .comMember p br {
display: none;
}
.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:last-of-type {
margin-bottom: 0;
}
.main .diagnosisPoint li h3 {
position: relative;
background: none;
font-size: 48px;
font-size: 7vmin;
line-height: 1.2;
border-top: none;
padding: 0;
margin: 0 0 20px 0;
border-image: none;
color: #333;
overflow: hidden;
}
.main .diagnosisPoint li h3 br {
display: none;
}
.main .diagnosisPoint li h3:before {
border-radius: 10px;
background: #c01920;
content: "POINT " counter(diagnosispoint, decimal-leading-zero);
color: #fff;
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5) inset;
font-size: 28px;
margin-bottom: 15px;
text-align: center;
line-height: 1.2;
display: block;
padding: 15px 10px;
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: 0 0 40px 0;
list-style-type: none;
overflow: hidden;
}
.main .diagnosisPoint li img {
margin: 0 0 20px 0;
}
.main .diagnosisPoint h2 {
padding: 15px 0 0;
margin: 0 auto 15px;
color: #333;
font-size: 35px;
background: none;
box-shadow: none;
line-height: 1.2;
}
.main .diagnosisPoint h4 {
clear: none;
margin-top: 0;
}
#diagnosis .main .balloonBox {
margin: 20px 10px 30px;
}
#diagnosis .main .troubleBox ul li {
padding: 12px;
margin-bottom: 20px;
}
#diagnosis .main .troubleBox ul li:before,
#diagnosis .main .troubleBox ul li:after {
content: none;
}
#diagnosis .main .troubleBox ul li p {
margin-top: 0;
}
#diagnosis .main .troubleBox p.catchTxt {
padding-bottom: 20px;
line-height: 1.4;
font-size: 30px;
font-size: 1.45em;
font-weight: bold;
color: #c01920;
clear: both;
}
#diagnosis .main .troubleBox .imgL {
position: relative;
overflow: hidden;
margin: 0 auto 10px;
}
#diagnosis .main .troubleBox img.imgL {
margin: 0;
width: 48%;
width: calc(50% - 5px);
display: inline;
margin-right: 10px;
}
#diagnosis .main .troubleBox img.imgL:nth-child(2n) {
margin-right: 0;
}
#diagnosis .main .cautionBox h4 {
font-size: 26px;
font-size: 6vmin;
margin: 0 0 15px;
display: inline-block;
}
.main .troubleBox h6 {
margin-bottom: 5px;
} #diagnosis .main .cautionBox p {
font-size: 16px;
}
#diagnosis .main .cautionBox ul {
float: none;
margin: 0 0 10px;
}
#diagnosis .main .cautionBox ul li {
margin: 0 10px 10px 0;
width: 48%;
width: calc(50% - 5px);
}
#diagnosis .main .cautionBox ul li:nth-child(2n) {
margin-right: 0;
}
.main .naviUl {
margin: 0 0 20px;
height: 34px;
position: relative;
}
.main .pagenavi {
height: auto;
padding: 20px 0 0 0;
margin: 0 auto;
text-align: center;
position: relative;
}
.main .pagenavi a {
display: block;
width: auto;
padding: 5px 10px;
border-radius: 5px;
background: #c01920;
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 li {
width: 35%;
margin: 0 0 10px;
display: inline-block;
font-size: 15px;
font-size: 4vmin;
padding: 0;
background: none;
display: block;
}
.main .pagenavi li:before,
.main .pagenavi li:after {
position: absolute;
top: 0;
bottom: 0;
right: 20px;
left: inherit;
margin: auto;
content: "";
vertical-align: middle;
}
.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 #c01920;
border-right: 2px solid #c01920;
transform: rotate(45deg);
}
.main .pagenavi .prev {
position: absolute;
right: 0;
}
.main .pagenavi .prev a {
padding: 5px 20px 5px 5px;
}
.main .pagenavi li:before {
right: 5px;
}
.main .pagenavi li:after {
right: 10px;
}
.main .pagenavi li.list {
left: 0;
right: 0;
margin: auto;
width: 20%;
position: absolute;
}
.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;
}
.main .pagenavi li.next:before {
left: 5px;
}
.main .pagenavi li.next:after {
left: 10px;
}
.picBox .arrowImg {
display: none;
} #contact .main h2 {
font-size: 22px;
font-size: 6vmin;
}
#contact .main .msgTxt {
clear: both;
padding-top: 15px;
}
#contact .main .msgTxt h4 {
font-size: 17px;
font-size: 4.8vmin;
}
.main .msgTxt .catchTxt,
.main .msgTxtOvr .catchTxt {
font-size: 20px;
font-size: 6.5vmin;
}
.main .msgTxt .catchTxt span,
.main .msgTxtOvr .catchTxt span {
border-radius: 5px;
font-size: 16px;
font-size: 5vmin;
}
.main .msgTxtOvr .floatL {
float: none;
}
.main .msgTxt .tel {
font-size: 14px;
}
.main .msgTxt .tel span,
.main .msgTxtOvr .tel span {
font-size: 40px;
font-size: 12.5vmin;
display: block;
padding: 7px 0 7px 40px;
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/ico_freedial02.png) no-repeat left center;
background-size: 50px auto;
padding: 0 0 0 55px;
}
.main .msgTxt .tel span a {
text-decoration: none;
color: #d0004e;
}
.main .msgTxt .catchTxt {
font-size: 18px;
font-size: 4.4vmin;
}
.main .msgTxt .catchTxt span {
font-size: 18px;
font-size: 4.4vmin;
margin-bottom: 5px;
}
.main .formBox td .wpcf7c-elm-step1 a {
background: none;
padding: 0;
} #staff .main #tabMenu li {
width: 48%;
width: calc(50% - 5px);
}
#staff .main .staffList {
position: relative;
overflow: hidden;
}
#staff .main .staffList li {
float: none;
width: 100%;
margin: 0 0 20px;
position: relative;
overflow: hidden;
font-weight: bold;
padding: 0;
}
#staff .main .staffList li:last-child {
margin-bottom: 0;
}
#staff .main .staffList li a {
display: block;
position: relative;
overflow: hidden;
text-decoration: none;
color: inherit;
}
#staff .main .staffList li:before,
#staff .main .staffList li:after {
content: none;
}
#staff .main .staffList li .btnDetail {
margin: 0;
padding: 3px 10px;
font-size: 12px;
margin: 5px 10px 0;
width: auto;
}
#staff .main .staffList li .staffPict {
width: 100px;
height: 120px;
float: left;
margin-right: 10px;
position: relative;
overflow: hidden;
}
#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 {
margin-top: 0;
line-height: 1.2;
display: block;
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: #333;
}
#staff .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: #231816;
display: inline-block;
}
#staff .main .staffList li .staffName,
#staff .main .staffProf .profileDetail .staffName,
.single .main .staffProf .profileDetail .staffName {
font-size: 18px;
font-size: 6vmin;
margin: 5px 0 10px;
font-weight: bold;
text-align: center;
}
#staff .main .staffList li .staffName span,
#staff .main .staffProf .profileDetail .staffName span,
.single .main .staffProf .profileDetail .staffName span {
color: #c01920;
font-size: 12px;
font-family: "Bahnschrift", sans-serif;
font-weight: bold;
display: block;
}
#staff .main .staffProf,
.single .main .staffProf {
padding: 5px;
}
#staff .main .staffProf .staffPictBox,
.single .main .staffProf .staffPictBox {
float: none;
margin: 0 auto 10px;
height: auto;
}
#staff .main .staffProf .staffPict img,
.single .main .staffProf .staffPict img {
display: block;
position: inherit;
transform: none;
margin: auto;
top: inherit;
left: inherit;
}
#staff .main .staffProf .profileDetail .positionTxt,
.single .main .staffProf .profileDetail .positionTxt {
margin-bottom: 5px;
}
#staff .main .staffProf .profileDetail dl dt,
.single .main .staffProf .profileDetail dl dt {
background: #c01920;
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;
} #reason .main .msgTxtOvr h3 {
font-size: 18px;
font-size: 5vmin;
padding: 0;
margin: 0 0 10px 0;
text-align: left;
}
#reason .main .msgTxtOvr h3 strong {
font-size: 24px;
font-size: 6.5vmin;
}
#reason .main .msgTxtOvr h3 img {
bottom: inherit;
top: 0;
top: 0;
right: 0;
width: 25%;
position: absolute;
}
#reason .catchTtl {
font-size: 1.9em;
text-align: left;
margin: 0 0 10px;
display: flex;
align-items: center;
padding: 0;
flex-flow: column;
}
#reason .catchTxt {
margin: 15px 0;
}
#reason .main .shopAccess .balloonBox .catchTxt {
margin: 0;
} #reason .catchTtl.floatL {
float: none;
margin-top: 0;
}
#reason .catchTtl .eyecatch {
width: 50%;
margin-right: 0;
} #reason .catchTtl strong {
font-size: 7vmin;
}
#reason .main .reasonBox h3 {
background: none;
border-top: none;
font-size: 48px;
font-size: 7vmin;
padding: 0;
margin: 0 0 40px;
position: relative;
line-height: 1.2;
font-weight: bold;
width: 100%;
display: block;
}
#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 .mb20 {
margin-bottom: 0 !important;
}
.main .reasonDetail li:before,
.main .reasonDetail li:after {
content: none;
}
.main .reasonDetail li:last-child {
margin-bottom: 0;
} .main .reasonDetail h3 {
overflow: hidden;
position: relative;
background: none;
border: none;
margin-bottom: 15px;
padding: 10% 0 5px 70px;
min-height: inherit;
font-size: 24px;
font-size: 7vmin;
color: inherit;
}
.main .reasonDetail h3 br {
display: none;
}
.main .reasonDetail h3 img {
position: absolute;
float: left;
margin: 0 10px 0 0;
width: 60px;
}
.main .reasonDetail h3 span {
position: absolute;
top: 0;
float: none;
font-size: 0.6em;
border-radius: 4px;
color: #fff;
display: table;
padding: 5px 10px;
line-height: 1;
}
.main .reasonDetail h3 strong {
color: #c01920;
}
.main .reasonDetail .alignleft {
display: block;
margin: 0 auto;
}
.main .reasonDetail .alignright {
display: block;
margin: 0 auto;
}
.main .reasonDetail p {
margin-bottom: 20px;
font-size: 15px;
line-height: 1.8;
}
.main .reasonDetail img,
.main .reasonDetail .imgL30,
.main .reasonDetail .imgR30 {
float: none;
margin: 0 0 10px;
}
.main .reasonDetail img,
.main .reasonDetail h3 + * {
margin-bottom: 0;
width: 100%;
float: none;
}
.main .reasonDetail li p:last-child {
margin-bottom: 0;
}
.main .reasonDetail .btn {
float: none;
width: 100%;
}
.main .showroomRecommended ul {
margin: 20px 0;
border-top: #333 dotted 1px;
padding-top: 10px;
overflow: hidden;
counter-reset: recommend;
}
.main .showroomRecommended li {
background: none;
border-bottom: #333 dotted 1px;
position: relative;
font-size: 1.2em;
font-weight: bold;
padding: 0 0 8px 0;
margin: 0 0 8px;
counter-increment: recommend;
line-height: 1.4;
display: block;
}
.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: #c01920;
color: #fff;
padding: 2px 10px;
box-sizing: border-box;
margin: 0 0 10px;
border-radius: 5px;
width: auto;
height: auto;
position: relative;
top: inherit;
left: inherit;
display: block;
}
.main .showroomRecommended li strong {
background: #fff600;
display: inline-block;
line-height: 0.5;
}
#reason .main .showroomRecommended h3 .icoTtl {
font-size: 1.4em;
line-height: 1.2;
color: #fff;
font-weight: bold;
margin: 0 auto 10px;
text-align: center;
width: 50%;
box-sizing: border-box;
letter-spacing: 0.04em;
aspect-ratio: 1/1;
height: auto;
float: none;
}
.main .showroomRecommended h3 {
font-size: 1.5em;
background: no-repeat;
border: none;
width: auto;
margin: 0;
padding: 0;
line-height: 1.4;
color: #333;
position: relative;
overflow: hidden;
}
.main .showroomRecommended h3 br {
display: none;
}
#reason .main .showroomRecommended h3 span {
padding: 0;
color: #c01920;
margin: 0;
} .main .firstPoint ol {
counter-reset: fistpoint;
position: relative;
overflow: hidden;
padding: 0;
}
.main .firstPoint ol li {
list-style: none;
position: relative;
overflow: hidden;
}
.main .firstPoint ol > li {
counter-increment: fistpoint;
margin-bottom: 20px;
}
.main .firstPoint ol > li h4 {
margin-bottom: 0;
margin-top: 1em;
}
.main .firstPoint ol > li > h3:before {
content: "ポイント" counter(fistpoint, decimal-leading-zero);
background: #f7b500;
border-radius: 5px;
color: #fff;
padding: 5px 20px;
display: table;
font-size: 0.6em;
}
.main .firstPoint h3.catchTtl {
font-size: 48px;
font-size: 7vmin;
line-height: 1.2;
background: none;
color: #231816;
position: relative;
padding: 0;
}
.main .corpType {
display: block;
}
.main .corpType li {
border: #ccc solid 7px;
padding: 15px;
margin-bottom: 20px;
width: 100%;
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 {
font-size: 1.1em;
margin-bottom: 15px;
}
.main .firstPoint p.pointCom {
border-top: dotted 1px #333;
margin-top: 30px;
padding-top: 30px;
}
.main .firstPoint h5 {
font-size: 1.3em;
margin: 10px 0;
}
.main .firstPoint table th {
width: auto;
}
.main .firstPoint table strong {
font-weight: bold;
color: #e50012;
}
.main .firstPoint table caption {
caption-side: bottom;
text-align: right;
}
.main .firstPoint .btn {
margin: 0 auto;
float: none;
display: block;
max-width: 535px;
}
.main .firstPoint .point3Img {
width: 100%;
margin: 0;
}
.main .firstPoint .point3Img + p {
margin-top: 1em;
}
#first .main table strong {
color: #e50012;
}
#first .main .imgR30 {
float: none;
margin: 0 auto;
display: block;
} #colorsimulation .imgR20,
#colorsimulation .imgR30 {
float: none;
margin: 0 auto;
display: block;
}
#colorsimulation .main h3 {
font-size: 20px;
font-size: 6vmin;
display: block;
clear: both;
display: flex;
justify-content: center;
align-items: center;
}
#colorsimulation .main h3 span {
font-size: 18px;
float: none;
display: block;
margin: 15px 0;
}
#colorsimulation .main dl dt {
width: auto;
float: none;
margin: 0 0 10px;
position: relative;
overflow: hidden;
}
#colorsimulation .main dl dt .balloonTxt {
width: 55%;
float: left;
font-size: 18px;
font-size: 5vmin;
}
#colorsimulation .main dl dt .balloonTxt:after {
border: 8px solid transparent;
border-left: #0e57aa 10px solid;
top: 0;
bottom: 0;
left: 100%;
margin: auto;
}
#colorsimulation .main dl dt .balloonTxt br {
display: none;
}
#colorsimulation .main dl dt img {
width: 32%;
}
#colorsimulation .main dl dd img {
margin-bottom: 10px;
}
#colorsimulation .main dl dd ul li {
float: none;
width: 48%;
width: calc(50% - 5px);
margin: 0 0 30px;
}
#colorsimulation .main dl dd ul li.before {
clear: left;
}
#colorsimulation .main dl dd ul li.before:after {
border: 28px solid transparent;
border-left: #c01920 solid 25px;
left: 98%;
z-index: 10;
transform: none;
}
#colorsimulation .main dl dd ul li.after img:first-child {
margin-left: 0;
}
#colorsimulation .main ol.colorStep li {
width: auto;
float: none;
margin: 0 0 10px 0;
position: relative;
overflow: hidden;
text-align: left;
}
#colorsimulation .main ol.colorStep li img {
width: 55%;
float: left;
margin-right: 10px;
}
#colorsimulation .main ol.colorStep li span {
text-align: center;
}
#colorsimulation .main ol.colorStep li br {
display: none;
}
#colorsimulation .main ol.colorStep li h4 {
display: inline-block;
margin: 0;
padding: 0;
text-align: left;
}
#colorsimulation .main .campaignArw {
padding: 0 10px;
margin: 10px 0;
line-height: 1.4;
}
#colorsimulation .main .campaignArw:after {
display: none;
}
#colorsimulation .colorCtc {
font-size: 19px;
font-size: 5.2vmin;
margin-top: 0;
padding-top: 0;
}
#colorsimulation .colorCtc br {
display: none;
}
#colorsimulation .colorCtc span {
width: 4em;
height: auto;
border-radius: 5px;
float: none;
display: block;
font-size: 16px;
border-width: 3px;
margin: 0 3px 0 0;
}
.main ul.colorsimulationBa li {
padding: 0;
margin: 0;
}
.main ul.colorsimulationBa li ul {
position: relative;
overflow: hidden;
clear: both;
}
.main ul.colorsimulationBa li ul li {
background: none;
padding: 0;
position: relative;
margin-bottom: 20px;
}
.main ul.colorsimulationBa li ul li.before {
margin: 0 auto 35px;
float: none;
text-align: center;
}
.main ul.colorsimulationBa li ul li.before:after {
border: 40px solid transparent;
border-top: #c01920 solid 20px;
top: 105%;
left: 0;
right: 0;
bottom: inherit;
transform: none;
}
.main ul.colorsimulationBa li ul li.after:after {
transform: none;
}
.main ul.colorsimulationBa li ul li.after {
float: none;
display: block;
}
.main ul.colorsimulationBa li ul li.after img {
margin-left: 5px;
width: 48%;
width: calc(50% - 5px);
height: auto;
float: right;
}
.main ul.colorsimulationBa li ul li.after img:first-child {
float: left;
margin-left: 0;
}
.main ul.colorsimulationBa li h3 img {
margin-right: 10px;
width: 20%;
}
.main ul.colorsimulationBa li h3 br {
display: none;
}
.main ul.colorsimulationBa li img.imgCg {
display: none;
}
.main .sampleBox .photoUL li {
width: auto;
margin: 0 0 10px;
} .main .harikaeProblem h2 {
font-size: 28px;
font-size: 8vmin;
padding: 0 10px;
}
.main .harikaeProblem h2:after {
display: none;
}
.main .harikaeProblem ul {
width: auto;
padding: 0 10px;
}
.main .harikaeProblem ul li {
width: 100%;
margin: 20px auto 10px;
}
.main .harikaeProblem ul li h4 {
width: 60%;
width: calc(100% - 100px);
margin: 0 50px;
}
#harikae .main .catchTtl {
font-size: 23px;
}
.main .harikaeFeature .alignright,
.main .harikaeMerit .alignright {
float: none;
width: 100%;
height: auto;
margin: 0 auto 10px;
}
.main .harikaeFeature h3 {
font-size: 20px;
font-size: 6vmin;
display: block;
padding-bottom: 10px;
}
.main .harikaeFeature h3 span {
float: none;
display: table;
margin: 15px 10px 5px 0;
font-size: 18px;
}
.main .harikaeFeature .imgR20 {
float: none;
display: block;
margin: 0 auto 10px;
}
.main .harikaeMerit h3 {
font-size: 26px;
font-size: 8vmin;
margin-bottom: 15px;
}
.main .harikaeMerit h4 {
font-size: 22px;
font-size: 6vmin;
margin-bottom: 10px;
} .main .catchMenu {
font-size: 22px;
font-size: 6vmin;
padding: 5px 10px;
line-height: 1.4;
}
.main h2.menuCatch {
font-size: 23px;
}
.main h2.menuCatch:after {
width: 100%;
left: inherit;
margin: 0 auto;
}
.main .itemBox .imgR20 {
float: none;
margin: 0 auto;
display: block;
}
.main .itemBox h3 {
float: none;
width: auto;
font-size: 24px;
font-size: 6.5vmin;
padding: 0;
background: none;
color: #333;
}
.main .itemBox h3 img {
display: block;
}
.main .itemPhoto {
width: 50%;
margin: 0 auto 20px;
position: relative;
overflow: hidden;
}
.main .itemPhoto img {
width: 100%;
height: auto;
}
.main .itemPhoto p {
color: #fff;
font-size: 40px;
font-weight: bold;
}
.main .itemSummery {
width: auto;
float: none;
}
.main .itemSummery p {
font-size: 16px;
font-size: 4.8vmin;
}
.main .itemSummery .leadTxt {
position: relative;
}
.main .itemSummery .leadTxt .imgIco {
left: 5%;
bottom: 100%;
z-index: 5;
}
.main .itemSummery .leadTxt p {
font-size: 25px;
line-height: 1.5;
}
.main .itemSummery ul {
display: flex;
-ms-align-items: center;
align-items: center;
}
.main .itemSummery ul li {
background: none;
padding: 0;
text-align: center;
font-weight: bold;
margin: 0 20px 0 0;
display: flex;
-ms-align-items: stretch;
align-items: stretch;
border-radius: 50px;
overflow: hidden;
}
.main .itemSummery ul li:before,
.main .itemSummery ul li:after {
content: none;
}
.main .itemSummery ul li p {
border: none;
text-align: center;
}
.main .itemSummery ul.normal li {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
padding: 0 0 0 1em;
border-radius: 0;
margin: 0 0 5px;
text-align: justify;
}
.main .itemSummery ul.normal li br {
display: none;
}
.main .itemSummery ul.normal li::before,
.main .itemSummery ul.normal li::after {
content: "";
}
.main .itemSummery ul.normal li ul {
margin-top: 10px;
}
.main .itemSummery .leadTxt {
padding: 0;
}
.main .itemSummery .leadTxt .imgIco {
right: inherit;
bottom: 100%;
top: inherit;
}
.main .itemSummery .leadTxt p {
font-size: 18px;
}
.main .itemSummery ul {
display: block;
margin-top: 30px;
}
.main .itemSummery ul li {
width: auto;
margin: 0 0 10px;
}
.main .itemSummery ul li h5 {
font-size: 20px;
margin: 0;
background: #c01920;
width: auto;
padding: 15px 15px;
border-radius: 0;
line-height: 1.2;
-webkit-flex-basis: 38%; flex-basis: 38%;
}
.main .itemSummery ul li p {
width: 100%;
font-size: 20px;
margin: 0;
padding: 10px;
background: rgba(206, 6, 6, 0.7);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.main .itemSummery ul li.itemFeature p {
text-align: left;
font-size: 18px;
}
.main .itemData {
padding: 15px;
}
.main .itemData h4 {
font-size: 22px;
font-size: 6.5vmin;
margin-bottom: 15px;
}
.main .itemData ul li {
width: auto;
float: none;
margin: 0 0 10px;
padding: 10px 10px 70px;
text-align: center;
}
.main .itemData ul li img {
margin-left: -5px;
}
.main .itemData ul li:nth-child(3n) {
margin-right: 0;
}
.main .tileCotent {
padding-bottom: 30px;
}
.main .tileCotent .itemBox .small {
text-align: right;
margin-bottom: 0;
font-size: 12px;
}
.main .tileCotent .btnWrap {
padding: 15px 60px 0;
text-align: center;
}
.main .tileCotent .btnWrap .btn {
margin-bottom: 0;
} .main .iDeal .catchTtl {
font-size: 7vmin;
line-height: 1.3;
margin-top: 0;
} .main .comIdea {
margin-bottom: 0;
}
.main .comIdea ul {
display: block;
}
#menu .main .comIdea ul,
#harikae .main .comIdea ul,
#apartment .main .comIdea ul {
padding: 0;
}
.main .comIdea li {
width: 100%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
padding-left: 0;
box-sizing: border-box;
}
.main .comIdea li:before,
.main .comIdea li:after {
content: none;
}
.main .comIdea li img {
width: 32%;
display: inline-block;
margin: 0 auto;
}
.main .comIdea li span {
font-size: 16px;
font-size: 5vmin;
display: block;
margin: 0 15px 0 0;
float: left;
width: 55%;
padding: 10px 10px;
position: relative;
color: #fff;
font-weight: bold;
line-height: 1.4;
text-align: left;
border-radius: 6px;
background: #333;
}
.main .comIdea li span:after {
border: 10px solid transparent;
border-left-color: #333;
top: 0;
bottom: 0;
left: 100%;
right: inherit;
margin: auto;
content: "";
height: 0;
position: absolute;
width: 0;
}
.main .comIdea li:nth-child(2n) span {
float: right;
margin: 0 0 0 15px;
}
.main .comIdea li:nth-child(2n) span:after {
right: 100%;
left: inherit;
margin: auto;
border: 10px solid transparent;
border-right-color: #231816;
} #apartment .catchLtl {
font-size: 6vmin;
}
#apartment .catchLrg {
font-size: 5vmin;
margin-bottom: 20px;
}
#apartment .catchLrg img {
float: left;
width: 60px;
height: auto;
margin: -8px 5px 5px 0;
}
#apartment .main .priceUl li {
width: auto;
float: none;
margin-bottom: 20px;
}
#apartment .main .priceUl li:last-child {
margin-bottom: 0;
}
#apartment .main .priceUl li .title03 {
padding: 5px;
font-size: 20px;
font-size: 5vmin;
margin-bottom: 10px;
}
#apartment .main .priceUl li .priceDl dt {
float: none;
width: auto;
display: inline-block;
font-size: 18px;
font-size: 5vmin;
margin-bottom: 10px;
padding: 5px 15px;
}
#apartment .main .priceUl li .priceDl dt br {
display: none;
}
#apartment .main .priceUl li .priceDl dd {
padding: 0;
font-size: 3.5vmin;
margin-bottom: 10px;
}
#apartment .main .priceUl li .priceDl dd .txtTtl {
font-size: 4.5vmin;
}
#apartment .main .priceUl li .priceDl dd .num {
font-size: 1.7em;
} #amadoi .main .inner .imgL30 {
float: none;
display: block;
margin: 0 auto 20px auto;
}
#amadoi .catchLrg {
font-size: 5vmin;
}
#amadoi .catchLrg br {
display: none;
}
#amadoi .catchLrg strong {
font-size: 1.4em;
letter-spacing: 0;
}
#amadoi .catchLrg img {
width: 35%;
margin: -25px 0 20px 10px;
}
#amadoi .attentionB {
margin-top: 20px;
}
#amadoi .attentionB .catchImg {
margin: 0 10px;
}
#amadoi .attentionB ul {
padding: 10px;
}
#amadoi .attentionB ul li {
padding: 10px;
width: auto;
float: none;
margin: 0;
}
#amadoi .attentionB ul li br {
display: none;
}
#amadoi .attentionB ul li img {
float: none;
display: block;
margin: 0 auto 10px auto;
}
#amadoi .attentionB ul li h4 {
font-size: 5vmin;
}
#amadoi .main ul.amadoiFUl li p.attentionP {
position: static;
margin: 30px auto 10px auto;
}
#amadoi ul.amadoiFUl li .bgBo {
width: auto;
padding: 10px;
}
#amadoi ul.amadoiFUl li .bgBo:before {
content: "";
position: absolute;
top: 103%;
top: calc(100% + 15px);
left: 50%;
margin-left: -30px;
border: 30px solid transparent;
border-top: 15px solid #c01920;
background: none;
height: 0;
width: 0;
}
#amadoi ul.amadoiFUl .bgBo:after {
position: absolute;
content: "";
width: 30px;
height: 15px;
border: none;
left: 50%;
margin-left: -15px;
top: 100%;
background: #c01920;
}
#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: #c01920;
color: #fff;
display: block;
margin-bottom: 10px;
}
#amadoi ul.amadoiFUl li .bgBo h3 img {
margin: 0 auto;
display: block;
}
#amadoi ul.amadoiFUl li .bgBo h3 img:last-child {
float: none;
margin-top: 10px;
}
#amadoi .insuranceH {
font-size: 6.2vmin;
margin: 20px 0;
} .main p.wp-caption {
font-size: 0.7em;
} .business-calendar-box > div {
width: 100%;
float: none;
box-sizing: border-box;
}
.main .business-calendar-box table th,
.main .business-calendar-box table td {
display: table-cell;
box-sizing: border-box;
padding: 0;
width: auto;
}
.main .corpAbout {
padding: 40px 0 20px;
border: none;
}
.main .corpAbout .inner {
padding: 0 4%;
width: auto;
display: block;
}
.main .corpAbout .corpAbouTxt,
.main .corpAbout .corpAboutPic {
width: 100%;
}
.main .corpAboutPic {
margin-top: 20px;
}
.main .corpAboutLink {
flex-flow: wrap;
}
.main .corpAbout .corpAboutLink li {
padding: 0;
width: 48%;
margin: 0 0 10px;
}
.main .corpAboutLink li:not(:first-child) {
margin-left: 0;
}
.main .corpAboutLink li:last-child {
width: 100%;
}
.main .corpAbout img {
margin: 0 auto 20px;
display: block;
float: none;
}
.main .corpAbout h2 span {
color: #f7b500;
}
.main .corpAbout p {
color: #231816;
}
.main .corpAbout .corpAboutLink li::before,
.main .corpAbout .corpAboutLink li::after {
display: none;
}
.main .corpAbout ul li a {
} .main ul.itemList3 li {
box-sizing: border-box;
float: none;
width: 100%;
margin-right: 0;
}
.main .bnrMainte p {
font-size: 20px;
padding: 0 10px 0;
}
.main .bnrMainte p:nth-of-type(1) {
padding: 0;
}
.main .bnrMainte img {
float: none;
} .main .faqList > li {
padding: 0;
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.main .faqList > li:last-child {
margin-bottom: 0;
}
.main .faqList li:before,
.main .faqList li:after {
content: none;
}
.main .faqList li h3 {
font-size: 1.5em;
line-height: 1.5;
padding: 10px 10px 10px 50px;
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.main .faqList li h3:before {
content: "Q";
color: rgba(255, 255, 255, 0.4);
font-size: 70px;
position: absolute;
left: -10px;
top: -5px;
line-height: 1;
}
.main .faqList li .ansBox {
border: #ccc solid 1px;
padding: 15px 10px 15px 50px;
position: relative;
overflow: hidden;
}
.main .faqList li h4 {
margin-bottom: 10px;
}
.main .faqList li p:last-child {
margin-bottom: 0;
}
.main .faqList li .txtL {
font-size: 1.5em;
position: relative;
}
.main .faqList li .ansBox:before {
content: "A";
color: rgba(208, 0, 0, 0.4);
font-size: 70px;
position: absolute;
left: -10px;
top: -5px;
font-weight: bold;
z-index: -1;
}
.main .faqList li ul {
margin-bottom: 0;
}
.main .faqList li li {
margin: 15px 0 0;
}
.main .faqList li .imgR30 {
float: none;
margin: 0 0 10px;
text-align: center;
}
.main .faqList li .imgR30 br {
display: none;
}
.main .faqList li .imgR30 img {
display: inline-block;
margin: 0;
width: 48%;
width: calc(50% - 5px);
}
.main .photoUL.photoColumn2 li {
width: 48%;
width: calc(50% - 10px);
flex-grow: inherit;
margin: 0;
}
.main .photoUL.pictBA li:first-child:after {
content: "";
left: 102%;
top: 0;
bottom: 0;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent#f7b500;
transform: none;
z-index: 2;
} #docrequest .subsidyBnr h3 {
font-size: 1.5em;
}
#docrequest .subsidyBnrInner {
padding: 0 4%;
}
#docrequest .subsidyBnr p {
font-size: 1.1em;
}
#docrequest .repairBnr h3 {
font-size: 1.5em;
}
#docrequest .repairBnrInner {
padding: 0 4%;
}
#docrequest .repairBnr p {
font-size: 1.1em;
}
.main .docList {
position: relative;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.main .docList li {
width: 48%;
width: calc(50% - 10px);
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;
font-size: 3.5vmin;
margin-bottom: 10px;
}
.main .pickupBnr,
.main .bg01 .pickupBnr {
position: relative;
display: block;
overflow: hidden;
margin: 0 auto;
padding: 15px 4% 20px;
width: 100%;
}
.main .pickupBnr .btnReqest:after,
.main .pickupBnr .btnContact:after {
width: 45px;
height: 45px;
}
.main .pickupBnr li {
width: 100%;
padding: 0;
margin: 5px 0 0;
text-align: center;
}
.main .pickupBnr li:before,
.main .pickupBnr li:after {
content: none;
}
.main .pickupBnrTop {
width: inherit;
margin: 30px auto;
}
.main .pickupBnrLink {
flex-flow: column;
justify-content: center;
padding: 40px 4%;
height: 55vw;
}
.main .pickupBnrTtl {
padding: 0 6%;
text-align: center;
}
.main .pickupBnrLink .btn {
margin-top: 30px;
}
.main .bnrBoxTop.login .newsBox {
margin-bottom: 0;
}
.main .topColumn .voiceSummary {
margin-bottom: 0;
}
.main .differenceContentsTitle {
margin-bottom: 0;
background-color: #c01920;
color: #fff;
font-size: 22px;
padding: 11px 17px; position: relative;
text-align: left;
font-size: 4vmin !important;
}
.main .differenceContentsTitle img {
margin-bottom: 0;
width: 60%;
padding-right: 5px;
}
.main .differenceMenu {
display: flex;
justify-content: center;
text-align: center;
border: 7px solid #c01920;
border-top: none;
padding-top: 15px;
}
.main .differenceBox {
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.main .differenceBox h3 {
font-size: 3.3vmin;
position: relative;
display: inline-block;
min-width: 225px;
margin-bottom: 0;
padding: 5px 5px 5px 0;
border-top: none;
background: none;
text-align: center;
color: #333;
}
.main .differenceBoxImg {
padding-top: 15px;
padding-bottom: 15px;
margin: 0 auto;
}
.main .differenceBox {
width: 50%;
box-sizing: border-box;
}
.main .differenceBox h3 {
display: inline-block;
width: 255px;
min-width: auto;
min-height: auto;
clear: none;
padding: 15px 5px 5px 0;
}
.differenceBoxIcon {
width: 80px;
height: 80px;
}
.main .differenceBox {
width: 100%;
}
.main .differenceBox h3 {
width: 100%;
}
.main .differenceBoxImg {
padding-top: 0;
}
.main iframe {
width: 100%;
height: 300px;
}
.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%;
}
.btn.center {
width: 100%;
}
.main .menuMain .h2Box {
position: relative;
left: auto;
top: auto;
background: #3b4391;
padding: 0 10px 10px;
font-size: 1.8em;
text-align: center;
}
.main .formBox {
margin-bottom: 20px;
}
.main .featureContents h3 {
flex-flow: column;
font-size: 1.6em;
}
.main .featureContents h3 span {
display: block;
width: 100%;
margin-left: 0px;
font-size: 0.5em;
}
#diagnosis .main .featureContents ol > li img {
width: 100%;
}
.main .basicKnow .pointList li .pointImg:after {
left: -5px;
top: -5px;
}
.main .basicKnow .inner {
overflow: visible;
}
.main .serviceContents .serviceMenu .tileIndex article {
width: 100%;
margin-top: 20px;
padding: 2px;
overflow: visible;
}
.main .packList article {
padding: 5px;
}
.main .corpAboutLink {
justify-content: space-between;
}
.main .serviceContents .inner.wallPartsBox {
padding-top: 2em;
}
.main .compareTable th:last-of-type {
width: 100%;
}
.contents section > .inner > .contactBox:first-child {
margin-top: 0;
}
@media (max-width: 535px) {
.main .contactBox .telBox .tel span {
font-size: 12vw;
}
.main
.comIdea.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column {
flex-basis: 46% !important;
padding: 0 2%;
}
.main .comIdea > div > span {
font-size: 0.9em;
}
}
.main .menuMain .icon_spec {
position: absolute;
right: 10px;
bottom: 2em;
width: 80px;
height: 80px;
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: 1.4em;
color: #fff;
font-weight: 600;
}
.wpcf7-spinner {
display: none;
}
.main .menuMain.inner {
padding: 20px 0;
width: 92%;
}
.main .menuMain .h2Box h2 {
font-size: 2.4em;
}
.main .menuMain .h2Box p {
font-size: 1.2em;
}
.main .tileIndex .packsummary {
overflow: visible;
margin-bottom: 0;
}
.main .tileIndex .packsummary .priceTaxin {
position: absolute;
right: 0;
bottom: -2.2em;
}
.main .tileIndex .packsummary .detailsPrices dl,
.main .tileIndex .packsummary .detailsPrices dt {
justify-content: flex-end;
}
.main .serviceContents .serviceMenu .tileIndex article .packImg {
height: auto;
overflow: visible;
}
.main .faqList li .ansBox img {
width: 100%;
height: auto;
display: block;
}
.main .wp-block-columns .wp-block-column + .wp-block-column {
margin-top: 1.5em;
}
@media (max-width: 535px) {
.xsblock {
display: block !important;
}
}
#diagnosis .main .troubleBox .h2 span.icoTxt {
width: 110px;
height: 110px;
}
#diagnosis .main .troubleBox .h2 h2 {
width: calc(100% - 120px);
} .header .nav .gNavSp {
font-weight: 700;
display: block;
width: auto;
padding: 0;
border-left: none;
}
.header .nav .gNavSp > li {
background: #ffffff;
color: #fff;
border: none;
font-size: 18px;
font-size: 4.6vmin;
float: none;
margin-bottom: 0;
padding: 5px 5px 0;
}
.header .nav .gNavSp > li:last-child {
border: none;
}
.header .nav .gNavSp li a {
color: #000;
padding: 10px 10px 10px 30px;
display: block;
position: relative;
box-sizing: border-box;
text-decoration: none;
background: #fff;
margin-bottom: 0;
width: auto;
border-radius: 8px;
}
.header .nav li li a:after {
content: "";
}
.header .nav .gNavSp li.close {
text-align: center;
padding: 10px;
background: #ffffff;
}
.header .nav .gNavSp li.close a {
background: #3b4391;
border-radius: 5px;
padding: 10px;
color: #fff;
}
.header .nav .gNavSp li a:after {
left: 5px;
right: inherit;
top: 0;
bottom: 0;
margin: auto;
width: 18px;
height: 18px;
border: none;
content: "";
position: absolute;
}
.header .nav .gNavSp li a:after {
content: "";
width: 5px;
height: 5px;
border: none;
left: 10px;
top: 0;
bottom: 0;
margin: auto;
border-top: #fff 2px solid;
border-right: #fff 2px solid;
transform: rotate(45deg);
}
.header .nav .gNavSp li.close a:before {
background: #fff;
}
.header .nav .gNavSp li.close a:after {
left: 8px;
width: 10px;
height: 10px;
content: "×";
border-top: none;
border-right: none;
transform: none;
top: -13px;
color: #000;
font-size: 1.2rem;
}
.header .nav .gNavSp li.sizeS {
margin-right: 1px;
width: 49.8%;
width: calc(50% - 3px);
}
.header .nav .gNavSp li.sizeS:nth-child(2n) {
float: right;
}
.header .nav .gNavSp li ul {
position: relative;
overflow: hidden;
display: block;
width: auto;
padding: 0;
}
.nav .gNavSp li li {
margin: 0 0 5px;
float: left;
text-align: left;
width: 100%;
box-sizing: border-box;
}
.header .nav .gNavSp li li a {
text-align: left;
}
.header .nav .gNavSp li.icoNav {
display: block;
text-align: center;
}
.header .nav .gNavSp li.icoNav ul li {
width: 100px;
height: 100px;
display: inline-flex;
float: none;
margin: 5px 0 0;
line-height: 1.2;
}
.header .nav .gNavSp li.icoNav ul li:nth-child(-n + 3) {
margin-top: 0;
}
.header .nav .gNavSp li.icoNav ul li a {
padding: 50px 0 5px;
display: block;
position: relative;
text-align: center;
font-size: 15px;
font-weight: 700;
box-sizing: border-box;
margin: 0;
width: 100%;
height: 100%;
border-radius: 50%;
color: #333;
}
.nav .gNavSp li.icoNav ul li a:after {
display: block;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
width: 39px;
height: 39px;
}
.header .nav .gNavSp li a:before {
background: #ff8800;
position: absolute;
border-radius: 50%;
left: 5px;
right: inherit;
top: 0;
bottom: 0;
margin: auto;
width: 18px;
height: 18px;
border: none;
content: "";
}
.header .nav .gNavSp li.icoNav a:before {
display: none;
}
.header .nav .gNavSp li.icoNav ul li a:after {
border: none;
transform: none;
top: 10px;
bottom: inherit;
}
.header .nav ul > li.gnav01 a:after {
background: url(//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(//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.gnav03 a:after {
background: url(//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.gnav04 a:after {
background: url(//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.gnav05 a:after {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_showroom.png) no-repeat center center;
background-size: 100% auto;
}
.header .nav ul > li.gnav06 a:after {
background: url(//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.gnav07 a:after {
background: url(//owners-plus.com/wp-content/themes/ownersplus/img/common/gnav_ico_staff.png) no-repeat center center;
background-size: 100% auto;
}
.main .pickupBnr .telWrapper {
margin-bottom: 10px;
}
.bnrApartmentWrapper a {
width: 48.5%;
}
.waterproof .compareTable td span {
left: 28% !important;
}
.sp-bnr {
margin-bottom: 5px;
display: block;
}
.pc-bnr {
display: none;
}
.sp-head-bnr {
padding: 0px 5px;
}
.sp-head-bnr a img {
width: 100%;
height: auto;
}
.pickupWrapper .pickupContent1 {
width: auto !important;
font-size: 1.5em;
}
.pickupWrapper .pickupContent2 {
width: auto !important;
}
.pickupWrapper {
justify-content: center;
}
a.btnSemminer {
position: relative;
}
.header .nav .gNavSp .pickupBnr li.btnContacts,
.header .nav .gNavSp .pickupBnr li.btnDocreq {
position: relative;
}  .flow {
padding-bottom: 60px;
}
.flow_index_wrap {
display: flex;
flex-direction: column;
gap: 20px;
} .warksTaxList {
margin-bottom: 10px;
}
.warksTaxList .toggleBtn {
padding: 5px 30px 5px 5px;
width: 48%;
width: calc(50% - 10px) !important;
font-size: 16px;
font-size: 4.3vmin;
}
.warksTaxList .toggleBtn:nth-of-type(odd) {
margin-right: 10px;
}
.warksTaxList .toggleBtn:before,
.warksTaxList .toggleBtn:after {
right: 10px;
}
.warksTaxList .toggleBtn:after {
right: 14px;
}
#top .main .aboutBox {
padding: 40px 0 30px;
}
#top .bnrBoxTop {
padding-bottom: 0;
}
#top .main .achievements {
display: block;
margin-top: 0;
padding: 0 10px 30px;
background: none;
}
#top .main .achievementsInner {
width: inherit;
}
.waterBnr .InfoBox {
margin-bottom: 0;
padding: 0 4%;
}
.waterBnr .InfoBox .consultationImg {
margin-top: 0;
} #popup .popupInner {
width: 80%;
} #top .contentsCases {
margin-bottom: 20px;
}
.main .contentsCases {
padding-bottom: 10px;
}
.main .contentsCases .inner {
padding: 0 4% !important;
}
.listCases {
gap: 10px 5px;
}
.listCases li {
flex-basis: 49%;
margin: 0 !important;
padding: 5px 5px 10px;
}
.listCases li .picCases {
height: 120px;
}
.listCases li img {
width: 100%;
height: 100%;
object-fit: cover;
}
.main .contentsCases .ttlCases {
font-size: 1.6rem;
}
.main .contentsCases .catCases {
margin-top: 5px;
font-size: 1.2rem;
} .worksBnr {
width: inherit;
margin: 10px 4% 45px;
}
.worksBnrBtns {
max-width: 395px;
margin: 25px auto 0;
}
.worksBnrBtns .worksBnrBtn {
padding: 1.5rem;
font-size: 1.2em;
} .main .otherConstruction {
padding-top: 30px;
}
.main .otherConstructionList li {
width: calc((100% - 10px) / 2);
}
#top .main .serviceContents .otherConstruction .inner,
.main .serviceContents .otherConstruction .inner {
padding: 0 4%;
}
.main .otherConstructionList li .picCases {
width: 80%;
height: 80px;
padding: 5px;
}
.main .serviceContents .otherConstructionList .ttlCases h3 {
font-size: 1.6rem;
}
.mainv {
position: relative;
}
.mainv .swiper a img {
width: 100%;
height: 42vw;
object-fit: fill;
}
.mainv .swiper-button-next,
.mainv .swiper-button-prev {
display: block;
position: absolute;
z-index: 2000;
width: 20px;
height: 20px;
}
.mainv .swiper-button-next {
right: 2%;
margin-top: -10px;
}
.mainv .swiper-button-prev {
left: 2%;
margin-top: -10px;
}
.mainv .swiper-button-next:before {
display: block;
content: url(https://icongr.am/fontawesome/angle-right.svg?size=20&color=ffffff);
width: 20px;
height: 20px;
}
.mainv .swiper-button-prev:before {
display: block;
content: url(https://icongr.am/fontawesome/angle-left.svg?size=20&color=ffffff);
width: 20px;
height: 20px;
}
.mainv .swiper-button-next:after,
.mainv .swiper-button-prev:after {
content: none;
}
#toc_container {
width: 100%;
margin: 30px auto;
padding: 15px;
}
#toc_container p.toc_title {
font-size: 1.3em;
}
#toc_container a {
font-size: 1.1em;
}
#toc_container .toc_list li::after {
width: 5px;
height: 5px;
} .single .main .staffProfs {
padding: 0;
}
.staffProfs .profileDetail {
display: flex;
flex-flow: column;
margin-top: 30px;
}
.staffProfs .profileDetail {
padding: 0;
}
.staffProfs .profileDetail .mainpic {
margin: 0 auto 20px;
}
.staffProfs .profileDetail .maindetail {
width: inherit;
padding-left: 0;
}
.staffProfs .fbtn {
margin-bottom: 0;
text-align: center;
}
.staffProfs .fbtn .btn {
margin-bottom: 0;
} .main .packNewItems {
display: flex;
flex-wrap: wrap;
flex-flow: column;
gap: 20px 0;
padding: 0 10px;
}
.main .packNewItems .packNewItem {
width: inherit;
overflow: inherit;
}
.main .packNewItem .packNewLink {
display: flex;
align-items: flex-start;
height: inherit; text-decoration: none;
}
.main .packNewItem .packNewImg {
position: relative;
overflow: hidden;
width: 35vmin;
height: 150px;
}
.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 {
width: calc(100% - 35vmin);
padding: 10px;
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.5em;
text-align: left;
}
.main .packNewItem .packNewTtl span {
font-size: 1em;
}
.main .packNewItem .packNewPrice {
margin-top: -4px;
font-family: "Bahnschrift", sans-serif;
font-weight: 700;
font-variation-settings: "wght" 500, "wdth" 90;
font-size: 16vw;
color: #c1272d;
letter-spacing: -0.02em;
text-align: right;
line-height: 1.2;
}
.main .packNewItem .packNewPrice small {
font-size: 0.4em;
font-weight: 400;
position: relative;
}
.main .packNewItem .packNewPrice span {
font-size: 0.25em;
line-height: 1;
letter-spacing: -2px;
font-weight: 700;
margin-left: 0;
font-family: "Noto Sans JP", sans-serif;
}
.main .packNewItem .packNewSummary .priceTaxin {
margin-top: 0;
font-size: 3.2vmin;
}
.header .nav .gNavSp .waterproofBnr a {
border-radius: 0;
padding: 0;
background-color: transparent !important;
}
.header .nav .gNavSp .waterproofBnr a::before,
.header .nav .gNavSp .waterproofBnr a::after {
content: none;
}
.main .contactBox .contactBoxLead {
padding-top: 0.5em;
font-size: 1em;
text-align: center;
line-height: 1.45;
}
.main .contactBox .contactBoxLead b {
font-size: 1.2em;
}
.main .contactBox .contactBoxLead span {
display: block;
margin-left: 0;
font-size: 1.85em;
}
.main .contactBox .contactBoxLead span + span {
display: block;
margin-left: 0;
font-size: 1.45em;
}
.main .contactBox.TelBox .telBox .tel span,
.main .contactBox .telBox .tel span {
font-size: 3.4em;
}
.main .formBox td select {
padding: 5px;
width: 100%;
height: inherit;
line-height: inherit;
max-width: inherit;
margin-right: 10px;
border: 1px solid #ccc;
box-sizing: border-box;
background: #e5e6ed;
font-size: 1.1em;
}
.main .formBox td .eventTimeNote {
display: block;
}