html {
overflow-y: scroll;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
caption,
th {
text-align: left;
}
q:before,
q:after {
content: "";
}
object,
embed {
vertical-align: top;
}
hr,
legend {
display: none;
}
img,
abbr,
acronym,
fieldset {
border: 0;
}
img {
vertical-align: bottom;
}
li {
list-style-type: none;
} body {
min-width: 1100px;
color: #333; font-size: 15px;
font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
Sans-Serif;
line-height: 1.8;
}
.inner {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 0;
width: 1000px;
}     :root {
--color-red: #e50000;
--color-blue: #003d96;
--color-green: #00975d;
--color-orange: #e95f19;
--color-chrome-y: #fec758;
--color-spring-g: #078a00;
}
a:link,
a:visited {
color: #003d96;
text-decoration: underline;
-webkit-transition: 0.7s;
transition: 0.7s;
-webkit-backface-visibility: hidden;
}
a:hover {
color: #e95f19;
-webkit-transition: 0.7s;
transition: 0.7s;
-webkit-backface-visibility: hidden;
}
a img {
-webkit-transition: 0.7s;
transition: 0.7s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
a:hover img {
display: inline-block;
opacity: 0.7;
-webkit-transition: 0.7s;
transition: 0.7s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .imgR {
float: right;
margin: 0 0 10px 10px;
}
.imgR20 {
float: right;
margin: 0 0 20px 20px;
}
.imgR30 {
float: right;
margin: 0 0 20px 30px;
}
.imgL {
float: left;
margin: 0 10px 10px 0;
}
.imgL20 {
float: left;
margin: 0 20px 20px 0;
}
.imgL30 {
float: left;
margin: 0 30px 20px 0;
}
.imgC {
display: block;
margin: 0 auto 10px auto;
}
.imgBox {
padding: 3px;
border: #ccc solid 1px;
}
.imgLayer {
position: absolute;
}
.mt-25 {
margin-top: -25px !important;
}
.mt-20 {
margin-top: -20px !important;
}
.mt-20 p {
margin: 0 !important;
}
.mt0 {
margin-top: 0 !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb20 {
margin-bottom: 20px;
}
.mb30 {
margin-bottom: 30px !important;
}
.mr30 {
margin-right: 30px;
}
.ml30 {
margin-left: 30px;
}
.pt0 {
padding-top: 0 !important;
}
.btn {
margin-top: 5px;
margin-bottom: 10px;
text-align: center;
}
.overflowH {
overflow: hidden;
}
.overflowA {
overflow: auto;
}
.clearBoth {
clear: both;
}
.textRight {
text-align: right !important;
}
.textCenter {
display: block;
text-align: center !important;
}
.textBold {
font-weight: bold;
}
.remark_red {
color: #c00;
}
.floatR {
float: right;
}
.floatL {
float: left;
}
.imgM {
margin: 0 auto;
}
strong {
font-weight: bold;
}
.must {
color: #f00;
font-size: 10px;
}
.noticeR {
color: #e50000 !important;
}
.noticeO {
color: #e95f19 !important;
}
.noticeB {
color: #003d96 !important;
}
.noticeG {
color: #00975d !important;
} .externalIcon {
padding-left: 5px;
vertical-align: middle;
} .clearfix:after {
display: block; visibility: hidden;
clear: both;
height: 0;
content: "."; }
.clearfix {
min-height: 1px;
}
.bg02 {
padding: 20px 0 !important;
background: #e95f19;
}
.bg03 {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/contact_bg.png) center center;
}
.main .comming {
padding: 40px 0;
color: #333;
text-align: center;
font-size: 18px;
}
.movie-wrap {
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .spblock,
.spinline,
.sptr {
display: none !important;
} .btn {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 0;
border-radius: 30px;
border-radius: 5px;
}
.btn a {
position: relative;
display: block;
padding: 5px 35px 5px 20px;
border: #00975d solid 3px;
border-radius: 5px;
background: #00975d;
-webkit-box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.3) inset;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 18px;
}
.btn a:after {
position: absolute;
top: 3px;
right: 10px;
bottom: 0;
display: block;
margin: auto;
height: 19px;
content: "\f138";
font-weight: 900;
font-size: 16px;
font-family: "Font Awesome 5 Free";
line-height: 1;
}
.main .btnDetail {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 5px;
padding: 3px 10px;
border-radius: 5px;
background: #003d96;
-webkit-box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.3) inset;
color: #fff;
font-weight: bold;
font-size: 12px;
}
.main .btnDetail:hover,
.btn a:hover {
opacity: 0.7;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.main .btnDetail a {
display: block;
padding: 3px 10px;
color: #fff;
text-align: center;
text-decoration: none;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.bg01 .btn {
margin: 10px 15px;
}
.corpAbout .btn a {
padding: 5px 35px 5px 10px;
background: #f5a100;
background: -webkit-gradient(
linear,
left top,
right top,
from(#f5a100),
color-stop(78%, #f5a100),
color-stop(78%, #d78d00),
to(#d78d00)
);
background: linear-gradient(
to right,
#f5a100 0%,
#f5a100 78%,
#d78d00 78%,
#d78d00 100%
);
}
.corpAbout .btn a:after {
font-size: 14px;
}
.consultationBox .btn {
position: absolute;
right: 10px;
bottom: 10px;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 10px 40px 10px 20px;
border-radius: 4px;
background: #f5a100;
background: -webkit-gradient(
linear,
left top,
right top,
from(#f5a100),
color-stop(83%, #f5a100),
color-stop(83%, #d78d00),
to(#d78d00)
);
background: linear-gradient(
to right,
#f5a100 0%,
#f5a100 83%,
#d78d00 83%,
#d78d00 100%
);
-webkit-box-shadow: inset 0 -4px 0 0 rgba(105, 105, 105, 0.3);
box-shadow: inset 0 -4px 0 0 rgba(105, 105, 105, 0.3);
text-align: center;
font-weight: bold;
font-size: 18px;
}
.consultationBox .btn:after {
position: absolute;
top: 10px;
right: 10px;
display: block;
margin: auto;
content: "\f138";
font-weight: 900;
font-size: 16px;
font-family: "Font Awesome 5 Free";
}
.consultationBox a:hover .btn {
opacity: 0.8;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.contactFree .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 10px;
background: none;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
text-shadow: none;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.contactFree .btn img {
display: block;
margin: 0 auto;
}
.contactFree .btn :hover {
opacity: 0.8;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.worksList article .btn,
.voiceList article .btn,
.blogList article .btn,
.eventList article .btn,
.topicsBox ul li .btn {
display: inline-block;
margin-top: 8px;
margin-bottom: 0;
padding: 3px 10px;
background: #003d96;
-webkit-box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.3) inset;
color: #fff;
font-size: 12px;
}
.main .worksList.pickupWorks .worksImg:before {
content: "注目!!";
transform: rotate(-45deg);
position: absolute;
left: -35px;
top: 20px;
display: block;
color: #fff;
width: 140px;
text-align: center;
font-size: 18px;
font-weight: bold;
background: #e50000;
z-index: 2;
}  .header .htxt {
padding: 5px 0;
background: #f2f2f2;
}
.header .htxt .inner {
padding: 0;
}
.header .htxt h1,
.header .htxt p {
display: block;
font-weight: normal;
font-size: 11px;
}
.header .htxt p strong {
font-weight: normal;
}
.header .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: inherit;
padding-top: 10px;
padding-bottom: 10px;
width: 1100px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .corpNumber {
position: absolute;
right: 10%;
bottom: 15%;
font-weight: bold;
font-size: 11px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.header .logoTxt {
position: absolute;
top: 0;
left: 0;
font-size: 10px;
}
.header .hdrLogo {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .hdrLogo a {
display: block;
float: left;
margin: 0 5px 0 0;
}
.header .hdrMenu li {
position: relative;
padding-left: 20px;
font-weight: bold;
}
.header .hdrMenu li a {
color: #333;
text-decoration: none;
}
.header .hdrMenu li:before,
.header .hdrMenu li:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.header .hdrMenu li:before {
width: 16px;
height: 16px;
border-radius: 50%;
background: #f5a100;
}
.header .hdrMenu li:after {
left: 4px;
width: 4px;
height: 4px;
border-top: 2px solid #fffeee;
border-right: 2px solid #fffeee;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.header .hdrContact {
position: relative;
float: left; margin: 14px -2px 6px 0;
}
.header .hdrContact .contactCatch {
position: relative;
overflow: hidden;
margin-bottom: 6px;
padding: 0 15px;
background-color: #333333;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 14px;
line-height: 1.4;
}
.header .hdrContact .telBox {
position: relative;
float: left;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 10px;
background: #fff;
}
.header .hdrContact .tel {
white-space: nowrap;
font-size: 11px;
line-height: 1.2;
}
.header .hdrContact .tel span.tel-link {
background-position: 1% 80%;
background-size: 32px auto;
font-size: 36px;
}
.hdrBnr {
margin-left: 6px;
position: relative;
float: right;
overflow: hidden;
}
.hdrBnr li {
float: left;
margin-left: 5px;
}
.hdrBnr li:last-child {
margin-right: 0;
}
.hdrBnr li:hover,
.hdrBnr li a:hover {
opacity: 0.8;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.header .telBtn {
display: none;
} .nav {
position: relative;
margin-bottom: 1px; padding: 0;
background: #e95f19;
}
.gNav {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
width: 1100px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nav .gNav > li {
position: relative;
z-index: 5;
display: block;
float: left;
width: 14.28%;
width: calc(100% / 7);
color: #000;
text-align: center;
font-weight: bold;
font-size: 17px;
line-height: 1;
padding: 10px 0 13px 0;
}
.nav .gNav > li:first-child > a {
border-left: #fff dashed 1px;
}
.nav li a:link,
.nav li a:visited {
color: #000;
text-decoration: none;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.nav li a:hover {
opacity: 0.8;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.nav .gNav > li > a {
position: relative;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 26px 0 0;
width: 100%;
background-position: center 0;
background-repeat: no-repeat;
color: rgb(26, 24, 24);
color: #fff;
text-decoration: none;
font-weight: bold;
border-right: #fff dashed 1px;
}
.nav li li a:before,
.nav li li a:after {
content: none;
}
.nav .gNav li a span {
display: inline-block;
width: 100%;
color: #fdc758;
font-size: 10px;
}
.nav .gNav > li > ul {
opacity: 0;
pointer-events: none;
transition: 0.3s ease;
border-radius: 5px;
overflow: hidden;
padding: 0px 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.08), 0 0 10px rgba(0, 0, 0, 0.08);
position: absolute;
top: calc(100% - 10px);
left: -100%;
right: -100%;
z-index: 1;
display: block;
margin: 0 auto; width: fit-content;
height: fit-content; background-color: #ff771b;
border: 1px solid #ccc;
}
.nav .gNav > li:hover > ul {
opacity: 1;
pointer-events: auto;
}
.nav .gNav li ul ul {
position: static;
inset: auto;
width: auto;
background: none;
}
.nav .gNav > li > ul > li,
.nav .gNav > li > ul > li > ul > li {
visibility: hidden;
float: none;
overflow: hidden;
margin: 0;
width: auto; text-shadow: none;
font-weight: normal;
font-size: 13px;
border-right: none;
border-left: none;
transition: 0.7s;
} .nav .gNav li ul li a {
display: flex;
box-sizing: border-box;
margin-top: 0;
height: auto; border-bottom: none;
font-weight: normal;
align-items: center;
justify-content: flex-start;
padding: 15px 15px;
font-weight: bold;
border-bottom: solid 1px rgba(255, 255, 255, 0.5); }
.nav .gNav > li > ul > li > a {   position: relative;
}
.nav .gNav > li > ul > li > a::before {
content: "";
display: block !important;
height: 1.25em;
width: 2px;
position: absolute;
inset: 0 auto 0 0;
margin: auto 0;
background: #fff;
}
.nav .gNav > li > ul > li > ul a {   }
.nav .gNav > li > ul > li:last-of-type > ul > li:last-of-type a {
border-bottom: 0;
}
.nav .gNav li.gnav04 ul li a {
background-image: none;
}
.nav .gNav li ul li a:before,
.nav .gNav li ul li a:after {
display: none;
}
.nav .gNav li ul li a:link,
.nav .gNav li ul li a:visited {
color: #fff;
text-decoration: none;
}
.nav .gNav li:hover ul li,
.nav .gNav li a:hover ul li {
visibility: visible;
overflow: visible; } .nav .gNav li.gnav01 a {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ico_gnav01.png);
}
.nav .gNav li.gnav02 a {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ico_gnav02.png);
}
.nav .gNav li.gnav03 a {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ico_gnav03.png);
}
.nav .gNav li.gnav04 a {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ico_gnav04.png);
}
.nav .gNav li.gnav05 a {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ico_gnav05.png);
}
.nav .gNav li.gnav06 a {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ico_gnav06.png);
}
.nav .gNav li.gnav07 a {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ico_gnav07.png);
}
.nav .gNav li.gnav08 a:before {
position: absolute;
top: 0;
right: 0;
left: 0;
display: block;
margin: auto;
height: 19px;
content: "\f807";
font-weight: 900;
font-size: 22px;
font-family: "Font Awesome 5 Free";
line-height: 1;
color: rgba(255, 255, 255, 0.4);
}  .side {
float: left;
width: 220px;
}
.side article {
position: relative;
margin-bottom: 30px;
padding: 0;
}
.side .inBox {
position: relative;
overflow: hidden;
padding: 10px;
background: #f2f2f2;
}
.side article p {
margin-bottom: 10px;
font-size: 13px;
}
.side article p:last-child {
margin-bottom: 0;
}
.side article h3 {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 10px;
padding: 10px;
padding: 5px 10px;
border-radius: 4px;
background: #e95f19;
color: #fff;
font-size: 13px;
line-height: 1.2;
}
.side article h3 span {
display: block;
color: #fdc758;
font-size: 10px;
}
.side article h4 {
position: relative;
padding-left: 10px;
font-size: 13px;
}
.side article h4:before,
.side article h4:after {
position: absolute;
top: 7px;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.side article h4:before {
width: 7px;
height: 7px;
background: #e95f19;
}
.side article h4:after {
top: 9px;
left: 1px;
width: 2px;
height: 2px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.side .sideBnr:nth-of-type(2) {
margin-bottom: 30px;
}
.side .sideBnr:nth-of-type(2) a:nth-child(3) {
margin-bottom: 30px;
}
.side .sideBnr ul {
margin-bottom: 20px;
padding: 10px;
background: #f2f2f2;
}
.side .sideBnr ul li {
background: #e95f19;
}
.side .sideBnr ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
padding: 0 0 0 10px;
color: #fff;
font-weight: bold;
font-size: 18px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.side .sideBnr ul li:last-child a {
margin-bottom: 0;
}
.side .sideBnr ul li a .bnrText {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 133px;
font-size: 13px;
line-height: 1.5;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.side .sideBnr ul li a img {
width: auto;
height: auto;
}
.side .sideBnr a {
margin-bottom: 10px;
}
.side .sideBnr img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.side .sideBnrList {
margin-bottom: 20px;
}
.side .sideBnrList li {
position: relative;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
border: #8d471f solid 1px;
border-radius: 4px;
background: url(//gaihekiou.info/cms/wp-content/themes/img/common/bg_side_beige.png) center center;
-webkit-box-shadow: 0 0 0 3px #fff inset;
box-shadow: 0 0 0 3px #fff inset;
font-weight: bold;
font-size: 14px;
font-family: "source-han-sans-japanese", sans-serif;
line-height: 1.2;
}
.side .sideBnrList li a {
display: block;
padding: 15px;
}
.side .sideBnrList li a:before,
.side .sideBnrList li a:after {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.side .sideBnrList li a:before {
width: 13px;
height: 13px;
border-radius: 50%;
background: #f5a100;
}
.side .sideBnrList li a:after {
right: 14px;
width: 4px;
height: 4px;
border-top: 2px solid #e8ddbd;
border-right: 2px solid #e8ddbd;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.side .sideBnrList li img {
float: left;
margin-right: 10px;
}
.side .sideBnrList li:first-child img {
position: relative;
margin-top: -25px;
}
.side .sideBnrList li:last-child {
margin-bottom: 0;
}
.side .sideBnrList li strong {
font-size: 22px;
}
.side .sideBnrL {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
}
.side .sideBnrL a {
display: block;
text-decoration: none;
}
.side .sideBnrL.sidewall {
background: #f5a100;
}
.side .sideBnrL.sideroof {
background: #e50000;
}
.side .sideBnrL.siderecruit {
background: #8d471f;
}
.side .sideBnrL h4 {
margin: 5px 10px;
padding: 0;
background: none;
color: #fff;
font-size: 20px;
line-height: 1.2;
}
.side .sideBnrL.sideapartment h4,
.side .sideBnrL.siderecruit h4 {
margin: 0;
text-align: center;
font-size: 26px;
}
.side .sideBnrL.sideapartment h4 span,
.side .sideBnrL.siderecruit h4 span {
display: block;
color: rgba(255, 255, 255, 0.5);
font-size: 20px;
}
.side .sideBnrL.siderecruit h4 span {
font-size: 16px;
}
.side .sideBnrL.sideapartment .detail,
.side .sideBnrL.siderecruit .detail {
display: block;
margin: 5px;
padding: 5px;
background: #df4d00;
color: #fff;
text-align: center;
font-weight: normal;
font-size: 13px;
}
.side .sideBnrL.siderecruit .detail {
background: #4d0c00;
}
.side .sideBnrL .packImg {
position: relative;
overflow: hidden;
width: 280px;
height: 100px;
}
.side .sideBnrL .packImg img {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 280px;
height: auto;
}
.side .sideBnrL .imgIco {
position: absolute;
top: 65px;
right: 0;
width: 95px;
height: auto;
}
.side .sideBnrL .packSummary {
margin: 0 10px 10px;
padding: 10px;
background: #fff;
}
.side .sideBnrL p {
margin-bottom: 5px;
font-weight: bold;
font-size: 14px;
line-height: 1.4;
}
.side .sideBnrL .priceTxt {
margin-bottom: 5px;
color: #e50000;
font-weight: 500;
font-size: 52px;
font-family: Impact, "Anton", Gadget, sans-serif, "メイリオ", "Meiryo",
verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,
"ＭＳ Ｐゴシック", "MS PGothic";
line-height: 1;
}
.side .sideBnrL .priceTxt span.unitTxt {
font-size: 28px;
}
.side .sideBnrL span.priceB {
display: inline-block;
margin-right: 10px;
padding: 5px 10px;
border-radius: 4px;
background: #f5a100;
color: #fff;
letter-spacing: normal;
font-size: 16px;
line-height: 1.2;
}
.side .sideBnrL .txts {
margin-bottom: 0;
font-weight: normal;
font-size: 10px;
}
.side .combnrList li {
margin-bottom: 20px;
border-radius: 5px;
font-size: 14px;
}
.side .combnrList li img {
width: 100%;
}
.side .bnrBox h3 {
margin: 20px 0 10px;
text-align: center;
}
.side .bnrBox img {
margin-bottom: 0;
}
.side .bnrBox a {
margin-bottom: 10px;
}
.side .sideBlog {
overflow: hidden;
}
.side .sideBlog li a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.side .sideBlog li .new {
display: inline-block;
margin-right: 5px;
padding: 0 4px;
background: #e50000;
color: #fff;
font-size: 10px;
}
.side .sideBlog li p {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
white-space: initial;
font-size: 12px;
}
.side .sideBlog .btn {
float: right;
}
.side .sideBlog .btn a {
padding: 0 30px 0 10px;
font-size: 14px;
}
.side a {
position: relative;
display: block;
color: #333;
text-decoration: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.side .sideContact {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: #333 dashed 1px;
}
.side .sideContact h3 {
margin: 0 0 5px;
padding: 5px 0;
text-align: center;
}
.side .sideContact h3 .sideLogo {
width: 224px;
height: auto;
}
.side .sideContact h5 {
font-size: 15px;
line-height: 1.4;
}
.side .sideContact h5 span {
display: block;
font-size: 11px;
}
.side .sideContact ul {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
margin-bottom: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.side .sideContact ul li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 48%;
width: calc(50% - 5px);
border-radius: 3px;
background: #e50000;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 18px;
}
.side .sideContact h4 {
margin-bottom: 10px;
border-radius: 3px;
background: #e95f19;
color: #fff;
text-align: center;
}
.side .sideContact .tel {
font-size: 11px;
}
.side .sideContact .tel span {
display: block;
padding-left: 17px; background-size: 19px auto;
text-align: center;
font-size: 30px;
background-position: 0% 80%;
}
.side .sideContact .tel .telTime {
margin-top: 5px;
padding-left: 0;
background: none;
color: #333;
text-align: left;
font-weight: normal;
font-size: 12px;
line-height: 1.2;
}
.side .sideContact .btn {
width: 100%;
text-align: center;
}
.side .sideContact .btn a {
display: block;
padding: 9px 5px 5px 5px;
color: #fff;
font-size: 18px;
background-color: #00975d;
}
.side .sideContact .btn a:before,
.side .sideContact .btn a:after {
content: none;
}
.side .sideContact .normalBtn {
display: block;
float: none;
margin: 0 auto 5px;
width: 110px;
}
.side .sideContact .normalBtn a {
display: block;
padding: 0;
}
.side .sideInfo {
margin-bottom: 10px;
padding: 10px;
background: #fff;
}
.side .sideInfo h5,
.side .sideInfo p {
line-height: 1.6;
font-size: 12px;
}
.side .sideInfo h5 span {
display: block;
font-weight: bold;
}
.side .sideInfo h5 img {
display: block;
margin: 0 auto 10px;
width: 100%;
}
.side .sideInfo h6 {
font-size: 13px;
}
.side .sideInfo .bAdd {
display: block;
}
.side .sideInfo .side_shopName {
display: block;
color: #fff;
font-weight: bold;
background: #e8831a;
border-radius: 4px;
margin: 10px 0 0;
padding: 0 5px;
}
.side .sideMenu > li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: #333 dashed 1px;
}
.side .sideMenu li ul {
padding-left: 20px;
}
.side .sideMenu li ul li {
position: relative;
list-style: disc;
font-weight: bold;
font-size: 13px;
}
.side .sideMenu li ul li:last-child {
border-bottom: none;
}
.side .sideMenu li a:hover {
text-decoration: underline;
}
.side .sideWorks {
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.side .sideWorks h3 {
margin-bottom: 0;
padding: 0;
border-radius: 0;
background: none;
}
.side .sideBlog,
.side .sideWorks,
.side .sideVoice ul {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.side .sideBlog li,
.side .sideWorks ul li,
.side .sideVoice ul li {
position: relative;
overflow: hidden;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: #333 dashed 1px;
font-weight: bold;
font-size: 12px;
line-height: 1.4;
}
.side .sideBlog li:last-child,
.side .sideWorks ul li:last-child,
.side .sideVoice ul li:last-child {
margin-bottom: 0;
padding-bottom: 5px;
}
.side .sideBlog li h4,
.side .sideWorks ul li h4,
.side .sideVoice ul li h4 {
margin-bottom: 0;
padding: 0;
border-radius: 0;
background: none;
color: #333;
text-align: left;
font-size: 14px;
line-height: 1.4;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
white-space: initial;
}
.side .sideBlog li .thumbPict,
.side .sideWorks ul li .thumbPict,
.side .sideVoice ul li .thumbPict {
position: relative;
float: left;
overflow: hidden;
margin-right: 10px;
width: 52px;
height: 52px;
}
.side .sideBlog li .thumbPict img,
.side .sideWorks ul li .thumbPict img,
.side .sideVoice ul li .thumbPict img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.side .sideBlog li span.time,
.side .sideWorks ul li span.time,
.side .sideVoice ul li span.time {
display: block;
color: #e95f19;
font-weight: bold;
font-size: 10px;
}
.side .sideBlog ul li .sideThum {
position: relative;
display: inline-block;
float: left;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 11px;
width: 69px;
height: 69px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.side .sideBlog ul li .sideThum img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.side .sideBlog h3 {
background-color: #003d96;
}
.side .sidePrice h3 {
background-color: #003d96;
}
.side .sideWorks .btn {
float: right;
}
.side .sideWorks .btn a {
padding: 0 30px 0 10px;
font-size: 14px;
}
.side .sideVoice ul li {
position: relative;
position: relative;
overflow: hidden;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: #333 dotted 1px;
font-weight: bold;
font-size: 13px;
}
.side .sideVoice ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.side .sideVoice ul li a {
color: #333;
text-decoration: none;
}
.side .sideVoice ul li .catchTxt {
display: block;
margin-bottom: 0;
font-size: 13px;
line-height: 1.4;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
white-space: initial;
}
.side .sideVoice ul li .time {
color: #f5a100;
font-size: 10px;
}
.side .sideStaff h4 {
margin-bottom: 10px;
background: url(//gaihekiou.info/cms/wp-content/themes/img/common/side_staffttl_bg.png) no-repeat center center;
color: #333;
text-align: center;
font-size: 18px;
line-height: 1.4;
}
.side .sideStaff img {
margin-bottom: 0;
}
.side .sideStaff .otherLink {
position: relative;
margin: 10px 0 0;
padding-left: 25px;
font-weight: bold;
font-size: 18px;
}
.side .sideStaff .otherLink:before,
.side .sideStaff .otherLink:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.side .sideStaff .otherLink:before {
width: 16px;
height: 16px;
border-radius: 50%;
background: #083090;
}
.side .sideStaff .otherLink:after {
left: 4px;
width: 4px;
height: 4px;
border-top: 2px solid #fffeee;
border-right: 2px solid #fffeee;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.side .sideArea {
margin-top: 15px;
padding-top: 15px;
border-top: #333 dashed 1px;
}
.side .sideArea span {
position: relative;
display: block;
overflow: hidden;
margin-bottom: 10px;
width: 200px; }
.side .sideArea span img { margin: 0;
width: 100%;
height: auto;
}
.side .sideArea h4 {
position: relative;
background: none;
color: #333;
font-size: 18px;
}
.side .sideArea h4:before,
.side .sideArea h4:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.side .sideArea h4:before {
width: 16px;
height: 16px;
border-radius: 50%;
background: #083090;
}
.side .sideArea h4:after {
left: 4px;
width: 4px;
height: 4px;
border-top: 2px solid #fffeee;
border-right: 2px solid #fffeee;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.side .sidePack ul {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: #333 dotted 1px;
}
.side .sideArea ul li {
position: relative;
margin-bottom: 5px;
padding-left: 15px;
font-weight: bold;
font-size: 13px;
line-height: 1.3;
}
.side .sideArea ul li:last-child {
margin-bottom: 0;
border-bottom: none;
}
.side .sideArea ul li:before,
.side .sideArea ul li:after {
position: absolute;
top: 8px;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.side .sideArea > ul > li:before {
width: 7px;
height: 8px;
background: #e95f19;
}
.side .sideArea > ul > li:after {
top: 10px;
left: 1px;
width: 2px;
height: 2px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.side .sideArea ul.children li {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/side_list_line02.png) no-repeat left center;
}
.side .sideArea ul.children li:last-child {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/side_list_line01.png) no-repeat left center;
}
.side .sideArea .txts {
font-size: 11px;
}
.side .sideGuide ul li {
position: relative;
overflow: hidden;
margin-bottom: 10px;
background: #e95f19;
color: #fff;
font-weight: bold;
font-size: 18px;
line-height: 1.4;
}
.side .sideGuide ul li a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
padding-left: 7px;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 1.125rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.side .sideGuide ul li a {
font-size: 1rem;
}
.side .sideGuide ul li:last-child {
margin-bottom: 0;
}
.side .sideGuide .contentsList li {
background: #f5a100;
}
.side .sideCategory {
margin-bottom: 30px;
}
.side .sideCategory h3 {
border-radius: 5px;
text-align: center;
font-size: 16px;
}
.side .sideCategory > ul > li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: #333 dotted 1px;
font-size: 15px;
line-height: 1.4;
}
.side .sideCategory > ul > li:first-child {
padding-top: 10px;
border-top: #333 dotted 1px;
}
.side .sideCategory > ul li:last-child {
margin-bottom: 0;
}
.side .sideCategory ul li a {
position: relative;
display: block;
padding-left: 25px;
color: #333;
text-decoration: none;
}
.side .sideCategory > ul > li > a:before {
position: absolute;
top: 0;
left: 5px;
display: block;
margin: auto;
color: #e95f19;
content: "\f138";
font-weight: 900;
font-size: 15px;
font-family: "Font Awesome 5 Free";
}
.side .sideCategory ul.children {
padding-top: 5px;
}
.side .sideCategory ul.children li {
background: #f3f3f3;
}
.side .sideCategory ul.children li:nth-child(2n) {
background: #fff;
}
.side .sideCategory ul.children li a {
padding-left: 30px;
}
.side .sideCategory ul.children li a:after {
position: absolute;
top: 0;
bottom: 0;
left: 5px;
left: 15px;
margin: auto;
width: 3px;
height: 3px;
border-top: 1px solid #f5a100;
border-right: 1px solid #f5a100;
content: "";
vertical-align: middle;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .side .inqCount {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #459fda;
-webkit-box-shadow: 0 1px 0 0 #fff inset;
box-shadow: 0 1px 0 0 #fff inset;
color: #fff;
}
.side .inqCount h3 {
margin-bottom: 0;
padding: 10px 10px 0;
border-radius: 0;
background: none;
text-align: center;
font-size: 15px;
}
.side .inqCount p {
margin: 0 10px 10px;
background: #0071bc;
text-align: center;
font-weight: bold;
font-size: 13px;
}
.side .inqCount dl {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 5px 60px;
border-top: #fff solid 1px;
background: url(//gaihekiou.info/cms/wp-content/themes/img/common/inqCount_bg.png) no-repeat right bottom #fff;
}
.side .inqCount dt {
display: block;
float: left;
clear: both;
padding: 5px 0;
width: 150px;
border-radius: 5px 0 0 5px;
background: #f5a100;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 15px;
}
.side .inqCount dd {
display: block;
margin-bottom: 10px;
padding: 5px 5px 6px 160px;
border-radius: 5px;
background: #fff;
color: #e50000;
text-align: right;
font-weight: bold;
font-size: 20px;
line-height: 1.3;
}
.side .inqCount dd span {
font-size: 12px;
}
.side .inqCount dd:last-of-type {
margin-bottom: 0;
}  #topcontrol {
z-index: 100;
padding: 10px 0;
width: 76px;
height: 55px;
background: #e95f19;
text-align: center;
}
.footer {
font-size: 13px;
}
.footer .inner {
padding: 30px 0;
}
.footer .ftrConBox {
padding: 20px 0;
background: #e95f19;
}
.footer .ftrConBox .inner {
overflow: inherit;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 215px 15px 15px;
width: 1100px;
background: #fff;
}
.footer .ftrConBox .imgLayer {
right: 20px;
bottom: 0;
}
.footer .ftrConBox h2 {
position: relative;
overflow: hidden;
margin: 0 0 3px 0;
background: none;
padding: 0 0;
}
.footer .ftrConBox h2 img {
margin-right: 10px;
}
.footer .ftrConBox h2 span {
float: left;
margin-right: 10px;
}
.footer .ftrConBox h2 span img {
width: 220px;
height: auto;
}
.footer .ftrConBox h3 {
display: inline-block;
padding-left: 30px;
background: url(//gaihekiou.info/cms/wp-content/themes/img/common/ico_bucket.png) no-repeat left center;
color: #8d471f;
font-size: 14px;
line-height: 1.3;
}
.footer .ftrConBox .footerTel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer .ftrConBox .tel {
margin-bottom: 10px;
font-size: 13px;
line-height: 1.2;
}
.footer .ftrConBox .fconbtn {
float: right;
}
.footer .ftrConBox .fconbtn a {
display: block;
float: left;
margin-right: 5px;
}
.footer .ftrConBox .fconbtn a:last-child {
margin-right: 0;
}
.footer .ftrConBox .tel span {
padding-bottom: 5px;
padding-left: 70px;
font-size: 70px;
background-size: 70px auto;
background-position: left 80%;
}
.footer .ftrConBox .btn {
margin-right: 35px;
}
.footer .ftrConBox .btn a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 8px 58px 8px 27px;
border: 3px solid #00975d;
border-radius: 10px;
background-color: #00975d;
font-size: 30px;
}
.footer .ftrConBox .btn a:after {
right: 20px;
height: 24px;
font-size: 24px;
}
.footer .ftrConBox .catchTxt {
clear: both;
margin: 10px -215px -15px -15px;
margin-top: 0;
padding: 0 20px;
background: #003d96;
color: #fff;
font-weight: bold;
font-size: 24px;
}
.footer .ftrConBox strong {
border-radius: 4px;
color: #fff;
}
.footer .ftrConBox ul {
position: relative;
float: none;
overflow: hidden;
}
.footer .ftrConBox ul li {
position: relative;
float: left;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
font-weight: bold;
font-size: 13px;
}
.footer .ftrConBox ul li:last-child {
margin-right: 0;
}
.footer .ftrConBox ul li a {
display: block;
color: #333;
text-decoration: none;
}
.footer .ftrConBox ul li img {
float: left;
margin-right: 15px;
}
.footer .ftrConBox ul li h4 {
color: #fed900;
font-size: 22px;
line-height: 1.2;
}
.footer .ftrInfo {
background: #fed900;
}
.footer .ftrBnr {
position: relative;
float: right;
clear: right;
overflow: hidden;
margin-bottom: 0;
}
.footer .ftrBnr li {
display: inline-block;
}
.footer .shopInfo {
margin-bottom: -30px;
}
.footer .corpNumber {
font-size: 11px;
}
.footer .ftrLogo {
display: block;
margin-bottom: 17px;
}
.footer .ftrLogo span {
margin-left: 20px;
}
.footer h5,
.footer h6 {
margin-bottom: 10px;
font-size: 13px;
}
.footer h6 {
font-weight: normal;
}
.footer .footerAddress01 {
margin-bottom: 22px;
font-size: 13px;
}
.footer .footerAddress01 p {
margin-bottom: 0;
}
.footer .footerAddress01 ul.telSp li {
padding-right: 8px;
display: inline;
}
.footer .footerAddress02 {
font-size: 13px;
}
.footer .bShowroom {
display: none;
}
.footer nav {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 20px 0;
background: #f2f2f2;
}
.footer nav .ftrNav {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding-left: 20px;
width: 1100px;
border-left: solid 1px #ddd;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer nav .ftrNav > li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 20px 5px 0;
min-width: 255px;
border-right: solid 1px #ddd;
}
.footer nav .ftrNav li ul > li {
position: relative;
padding-left: 13px;
}
.footer nav .ftrNav li ul > li:before,
.footer nav .ftrNav li ul > li:after {
position: absolute;
top: 7px;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.footer nav .ftrNav li ul > li:before {
width: 7px;
height: 7px;
background: #e95f19;
}
.footer nav .ftrNav li ul > li:after {
top: 9px;
left: 1px;
width: 2px;
height: 2px;
border-top: #fff 1px solid;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.footer nav .ftrNav li ul > li a {
color: #333;
text-decoration: none;
}
.footer nav .ftrNav li ul li ul > li {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/list_line02.png) no-repeat left center;
}
.footer nav .ftrNav li ul li ul > li:last-child {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/list_line01.png) no-repeat left center;
}
.footer nav .ftrNav li ul li ul > li:before,
.footer nav .ftrNav li ul li ul > li:after {
content: none;
}
.footer .footerCom {
position: relative;
overflow: hidden;
padding-bottom: 200px;
width: 1100px;
}
.footer .footerCom ul {
margin-bottom: 10px;
}
.footer .footerCom .tel-link:first-of-type {
margin-right: 1em;
}
.footer .copyRight {
float: right;
text-align: right;
}
.footer .copyRight p {
font-size: 13px;
}
.footer .copyRight a {
color: #333;
}
.footer #logopcb {
margin-top: 20px;
text-align: right;
line-height: 1;
}
.footer .ftrScroll {
position: fixed;
bottom: 0;
z-index: 100;
display: none;
padding: 3px 0;
width: 100%;
background: rgba(0, 0, 0, 0.7);
font-size: 12px;
line-height: 1.2;
}
.ftrScroll .ftrFloatBnr {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 100px;
}
.footer .ftrScroll .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: visible;
margin: 10px auto;
padding: 0;
width: 1121px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer .ftrScroll .ftrCont {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 3px 3px 3px 0;
width: 1014px;
height: 73px;
background: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer .ftrScroll .ftrCont h3 {
position: relative;
z-index: 1;
margin: -8px 20px -8px 0;
padding: 13px 0 13px 15px;
background: #333333;
color: #fff;
font-size: 20px;
}
.footer .ftrScroll .ftrCont h3:after {
position: absolute;
top: 0;
bottom: 0;
left: 80%;
z-index: -1;
margin: auto;
width: 0;
height: 0;
border: solid 28px #333333;
border-radius: 0 0 5px 0;
content: "";
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.footer .ftrScroll .tel {
position: relative;
margin-left: 10px;
font-size: 11px;
line-height: 1.1;
}
.footer .ftrScroll .tel .imgLayer {
position: absolute;
top: -10px;
right: 0;
}
.footer .ftrScroll .tel span {
padding-left: 45px;
background-size: 45px auto;
font-size: 45px;
background-position: 0% 80%;
}
.footer .ftrScroll .ftrCont ul {
position: relative;
overflow: hidden;
}
.footer .ftrScroll .ftrCont ul li {
float: left;
overflow: hidden;
width: 245px;
border-radius: 5px;
text-align: center;
font-weight: bold;
font-weight: bold;
font-size: 20px;
}
.footer .ftrScroll .ftrCont ul li:first-child {
margin-left: 0;
}
.footer .ftrScroll .ftrCont ul li:hover {
background: rgba(255, 255, 255, 0.3);
-webkit-transition: 0.7s;
transition: 0.7s;
}
.footer .ftrScroll .ftrCont ul li span.msg {
display: block;
text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff,
-1px -1px 0 #fff;
font-size: 13px;
}
.footer .ftrScroll .ftrCont ul li:hover {
opacity: 0.8;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.footer .ftrScroll .ftrCont ul li.ftrTel {
display: none;
}
.footer .ftrScroll .pageTop a {
display: table-cell;
width: 73px;
height: 73px;
background: #929292;
vertical-align: middle;
text-align: center;
}
.footer .ftrScroll .pageTop a:hover img {
opacity: 0.8;
}
.footer .ftrScroll .ftrLine {
background: #00b900;
background: -moz-linear-gradient(top, #a4dd27 1%, #00b900 78%);
background: -webkit-linear-gradient(top, #a4dd27 1%, #00b900 78%);
background: linear-gradient(to bottom, #a4dd27 1%, #00b900 78%);
float: left;
text-align: center;
margin: 0 5px;
}
.footer .ftrScroll .ftrLine a {
padding: 5px 5px 0;
display: block;
font-size: 10px;
color: #fff;
text-decoration: none;
}
.footer .ftrScroll .ftrLine img {
display: block;
margin: 0 auto;
} .main p + h2,
.main p + h3,
.main p + h4,
.main p + h5,
.main p + h6,
.main ul + h2,
.main ul + h3,
.main ul + h4,
.main ul + h5,
.main ul + h6,
.main ol + h2,
.main ol + h3,
.main ol + h4,
.main ol + h5,
.main ol + h6 {
margin-top: 30px;
}
.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6 {
clear: both;
line-height: 1.5;
}
.main h2 {
position: relative;
margin: 0 auto 30px;
padding: 8px 15px;
background: #e95f19;
color: #fff;
text-align: left;
font-size: 23px;
}
.main h2 span {
margin-left: 20px;
font-size: 17px;
}
.main h2 .imgLayer {
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
.main h2.arrowBottom {
margin-bottom: 50px;
font-size: 22px;
}
.main h2.arrowBottom::after {
position: absolute;
top: 100%;
right: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
border: 100px solid transparent;
border-top: #e95f19 solid 40px;
border-bottom-width: 0;
content: "";
}
.main .bg01 h2 {
margin-bottom: 0;
}
.main h2.fullWidth {
position: relative;
margin-bottom: 35px;
padding: 15px 0;
width: 100%;
border-top: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
text-align: center;
font-weight: normal;
font-size: 36px;
line-height: 1.2;
}
.main h2.fullWidth strong {
font-weight: bold;
}
.main h2.fullWidthR {
background: #e95f19;
}
.main h2.arrowTtl {
position: relative;
z-index: 10;
margin-bottom: 0;
border-top: none;
background: #e95f19;
text-align: center;
font-size: 36px;
}
.main h2.arrowTtl:after {
position: absolute;
top: 100%;
right: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
border: 200px solid transparent;
border-top: #e95f19 solid 40px;
border-bottom-width: 0;
content: " ";
}
.main h3 {
margin-bottom: 30px;
padding: 5px 7px;
border-top: #e95f19 solid 5px;
background: #f2f2f2;
color: #333;
font-size: 20px;
}
.main h3 a {
color: #333;
text-decoration: underline;
}
.main h4,
.main h4.normal {
position: relative;
margin-bottom: 15px;
padding: 0 0 0 50px;
font-size: 18px;
line-height: 1.4;
}
.main h4:before,
.main h4:after,
.main h4.normal:before,
.main h4.normal:after {
position: absolute;
top: 2px;
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
background: #00975d;
content: "";
font-size: 30px;
line-height: 1;
}
.main h4:before,
.main h4.normal:before {
left: 0;
opacity: 0.5;
}
.main h4:after,
.main h4.normal:after {
left: 23px;
}
.main h4 a {
color: #333;
text-decoration: underline;
}
.main h5 {
display: inline-block;
margin-bottom: 20px;
padding: 3px 10px;
border-radius: 4px;
background: #e50000;
color: #fff;
font-size: 18px;
}
.main h5 a {
color: #fff;
text-decoration: underline;
}
.main h6 {
position: relative;
margin-bottom: 20px;
padding-left: 20px;
font-size: 18px;
}
.main h6:before,
.main h6:after {
position: absolute;
top: 5px;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.main h6:before {
width: 16px;
height: 16px;
border-radius: 50%;
background: #003d96;
}
.main h6:after {
top: 10px;
left: 4px;
width: 4px;
height: 4px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.main h6 a {
color: #333;
text-decoration: underline;
}
.tel {
display: inline-block;
font-size: 11px;
}
.tel .bHours {
display: none;
}
.tel span.tel-link {
display: block;
padding-left: 35px;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ico_fd03.png) no-repeat left 60%;
color: #e50000;
font-weight: 700;
font-size: 47px;
font-family: "Oswald", sans-serif;
line-height: 1;
}
.tel span.dNum { background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ico_tel00.png) no-repeat left 60%;
padding-left: 53px;
background-size: 53px auto;
}
.bAdd {
display: none;
}
.none {
display: none;
}
.corpAbout .inner {
width: 1100px;
}
.corpAbout {
padding: 10px 10px 80px;
border: #ccc solid 1px;
background: #bce3fe url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ftrAbout_bg.png) no-repeat center bottom;
-webkit-box-shadow: 0 0 0 1px #fff inset;
box-shadow: 0 0 0 1px #fff inset;
}
.main .corpAbout h2 {
margin: -9px -9px 20px;
border: none;
background: #003d96;
font-size: 30px;
line-height: 1.4;
}
.corpAbout h2 span {
display: block;
font-size: 18px;
}
.corpAbout h2 span.en {
display: inline-block;
color: #ebce08;
font-size: 20px;
}
.corpAbout p {
margin-bottom: 15px;
font-size: 16px;
line-height: 1.4;
}
.main .corpAbout ul {
overflow: hidden;
}
.main .corpAbout li {
padding-left: 0;
width: 48%;
width: calc(50% - 5px);
}
.main .corpAbout li:before,
.main .corpAbout li:after {
content: none;
}
.corpAbout .btn {
line-height: 1.8;
} .mainv {
z-index: 0;
overflow-x: hidden;
margin-bottom: 0;
height: 535px;
}
.mainv .stage {
z-index: 0;
margin: 0 auto;
width: 100%;
}
.mainv .stage span {
z-index: 10;
width: 1000px;
}
#komatsu .mainv.area {
height: 520px;
}
#komatsu .mainv {
height: 280px;
overflow: hidden;
}
#komatsu .mainv .stage span {
width: 500px;
}
#komatsu .mainv .stage span img {
width: 100%;
height: auto;
}
.slick-slide {
opacity: 0.5;
-webkit-transition: 0.5s;
transition: 0.5s;
}
#komatsu .slick-slide {
opacity: 1;
}
.slick-current {
opacity: 1;
}
.mainv .stage button {
position: absolute;
z-index: 2000;
}
.arrows {
position: relative;
margin: 0 auto;
width: 1110px;
}
#komatsu .arrows {
display: none;
}
.arrows button {
position: absolute;
border: none;
}
.arrows button.slick-prev,
.arrows button.slick-next {
width: 2000px;
height: 500px;
outline: none;
background: none;
cursor: pointer;
}
.arrows button.slick-prev {
top: -500px;
right: 1050px;
}
.arrows button.slick-next {
top: -500px;
left: 1050px;
}
.arrows button.slick-prev:before,
.arrows button.slick-next:before {
display: block;
width: 100%;
height: 100%;
content: "";
}
.arrows .slick-prev:hover {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/leftNav.png) right center no-repeat;
opacity: 1;
}
.arrows .slick-next:hover {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/rightNav.png) left center no-repeat;
opacity: 1;
}
.slick-dots {
position: absolute;
bottom: -35px;
padding: 0;
width: 100%;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0 10px;
padding: 0;
width: 12px;
height: 12px;
cursor: pointer;
}
.slick-dots li button {
position: relative;
display: block;
width: 12px;
height: 12px;
outline: none;
border: 0;
background: transparent;
color: transparent;
font-size: 0;
line-height: 0;
cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 12px;
height: 12px;
background: #ccc;
content: "";
text-align: center;
font-size: 6px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 20px;
border-radius: 50%;
}
.slick-dots li.slick-active button:before {
background: #fdc758;
} .contents {
position: relative;
margin: 40px auto;
width: 1000px;
}
.nocolumn .contents,
#staff.nocolumn .contents {
margin-bottom: 0;
width: auto;
}
.contents section {
margin: 0 auto;
border-bottom: none;
} .bnr_s {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
margin-bottom: 40px;
}
.bnr_s img {
border-radius: 5px;
}  .main {
float: right;
width: 750px;
}
.nocolumn .main {
float: none;
width: auto;
} .main section {
position: relative;
margin-bottom: 30px;
padding-bottom: 30px;
}
.main section:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
}
.main article {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.main article {
margin-bottom: 45px;
}
.main .comInqCount {
margin-bottom: 15px;
}
.main .topFormarea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
}
.main .topFormTextbox {
width: 376px;
}
.main .comMessage {
margin-bottom: 40px;
}
.main .comVoiceL {
margin-bottom: 50px;
}
.main .comBlogL {
margin-bottom: 60px;
}
.main .comCheck {
margin-bottom: 0;
}
.comBnrL {
margin-bottom: 0;
}
.main article.bg03 {
margin-bottom: 0;
}
.main .dotLine {
padding-bottom: 0;
border-bottom: #333 dotted 1px;
}
.main section p:last-child {
margin-bottom: 0;
}
.main p {
margin-bottom: 15px;
font-size: 16px;
}
.main blockquote {
margin-bottom: 15px;
padding: 15px;
border: solid 1px #ccc;
background: #fffeee;
}
.main blockquote p {
margin: 0;
}
.main ul li {
position: relative;
padding-left: 13px;
}
.main ul li:before,
.main ul li:after {
position: absolute;
top: 8px;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.main ul li:before {
width: 7px;
height: 7px;
background: #e95f19;
}
.main ul li:after {
top: 10px;
left: 2px;
width: 2px;
height: 2px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.main ol {
margin-top: 15px;
margin-bottom: 15px;
padding-left: 40px;
}
.main ol li {
margin: 7px 0 0 0;
list-style-type: decimal;
font-size: 16px;
line-height: 1.5;
}
.main table {
margin: 0 0 20px;
width: 100%;
border-spacing: 1px;
}
#corporate .main table {
margin-top: 30px;
}
.main table th,
.main table td {
padding: 15px;
border-bottom: #fff solid 1px;
vertical-align: top;
text-align: left;
font-size: 15px;
line-height: 1.5;
}
.main table th {
width: 25%;
background: #003d96;
color: #fff;
font-weight: normal;
}
.main table tr:first-child th,
.main table tr:first-child td {
border-top: #fff solid 1px;
}
.main table td {
position: relative;
overflow: hidden;
background: #f3f3f3;
}
.main table td h6 {
margin-bottom: 5px;
padding: 0;
font-size: 15px;
}
.main table td h6:before,
.main table td h6:after {
content: none;
}
.main table td .btnDetail {
float: right;
margin: 0;
}
.main table td a {
margin-bottom: 0;
}
#corporate .main table td br.bShowroom {
display: none;
} .resetAll * + h2,
.resetAll * + h3,
.resetAll * + h4,
.resetAll * + h5,
.resetAll * + h6 {
margin-top: 0;
}
.resetAll h2,
.resetAll h3,
.resetAll h4,
.resetAll h5,
.resetAll h6 {
position: static;
display: block;
margin: 0;
padding: 0;
border: none;
border-radius: 0;
background: none;
color: initial;
line-height: 1;
}
.resetAll h2 span {
margin-left: 0;
font-size: initial;
}
.resetAll h2::before,
.resetAll h2::after,
.resetAll h3::before,
.resetAll h3::after,
.resetAll h4::before,
.resetAll h4::after,
.resetAll h5::before,
.resetAll h5::after,
.resetAll h6::before,
.resetAll h6::after {
position: static;
top: initial;
right: initial;
bottom: initial;
left: initial;
margin: 0;
width: auto;
height: auto;
border: none;
border-radius: 0;
background: none;
font-size: initial;
opacity: 1;
-webkit-transform: initial;
transform: initial;
}
.resetAll ul,
.resetAll ol {
position: static;
margin: 0;
padding: 0;
}
.resetAll ul li,
.resetAll ol li {
position: static;
margin: 0;
padding: 0;
list-style-type: initial;
line-height: 1;
}
.resetAll ul li::before,
.resetAll ul li::after,
.resetAll ol li::before,
.resetAll ol li::after {
position: static;
top: initial;
right: initial;
bottom: initial;
left: initial;
margin: 0;
padding: 0;
width: auto;
height: auto;
border: none;
background: none;
color: initial;
content: "";
vertical-align: initial;
-webkit-transform: initial;
transform: initial;
}
.resetAll table {
margin: 0;
width: auto;
border-spacing: none;
}
.resetAll table th,
.resetAll table td {
position: static;
overflow: initial;
padding: 0;
width: auto;
border: none;
background: none;
color: initial;
vertical-align: initial;
text-align: initial;
font-weight: initial;
line-height: 1;
}
.resetAll table tr:first-child th,
.resetAll table tr:first-child td {
border: none;
} .main .photoUL {
overflow: hidden;
margin: 0 0 0 0;
padding: 0;
}
.main .photoUL li {
position: relative;
float: left;
overflow: hidden;
margin: 0 16px 20px 0;
padding: 0;
min-height: 166px;
width: 236px;
background: none;
font-size: 13px;
}
.main .photoUL li:before,
.main .photoUL li:after {
content: none;
}
.main .photoUL li:nth-child(3n) {
margin-right: 0;
}
.main .photoUL li:nth-child(3n + 1) {
clear: both;
}
.main .photoUL li span {
position: relative;
display: block;
overflow: hidden;
margin-bottom: 5px;
width: 236px;
height: 166px;
}
.main .photoUL li img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main .photoUL li h5 {
display: block;
margin: 0;
padding: 0;
background: none;
color: #333;
font-size: 15px;
}
.main .photoUL.whiteBox {
padding: 15px;
background: rgba(255, 255, 255, 0.7);
}
.main .photoULTwo {
overflow: hidden;
margin: 0 0 0 0;
padding: 0;
}
.main .photoULTwo li {
position: relative;
float: left;
overflow: hidden;
margin: 0 16px 20px 0;
padding: 0;
min-height: 166px;
width: 365px;
background: none;
font-size: 13px;
}
.main .photoULTwo li:before,
.main .photoULTwo li:after {
content: none;
}
.main .photoULTwo li:nth-child(2n) {
margin-right: 0;
}
.main .photoULTwo li:nth-child(2n + 1) {
clear: both;
}
.main .photoULTwo li span {
position: relative;
display: block;
overflow: hidden;
margin-bottom: 5px;
width: 365px;
height: 280px;
}
.main .photoULTwo li img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main .warryBox,
.main .meritBox {
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.main .warryBox h2 {
position: relative;
overflow: hidden;
margin: 0 auto 15px;
padding: 15px 0;
border-top: none;
background: #f5a100;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
text-align: center;
font-weight: normal;
font-size: 36px;
line-height: 1.2;
}
.main .warryBox h2 span {
display: block;
margin: 0;
font-size: 34px;
}
.main .meritBox {
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.main .meritBox h2 {
position: relative;
z-index: 10;
margin: -25px -25px 20px;
border-top: none;
background: #f5a100;
font-size: 25px;
}
.main .warryBox p,
.main .meritBox p {
margin-top: 0;
}
.main .warryBox img {
position: relative;
float: left;
}
.main .meritBox img {
float: left;
margin-right: 30px;
}
.main .meritBox .meritTxt {
overflow: hidden;
}
.main .warryList {
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.main .warryList,
.main .meritList {
overflow: hidden;
padding-top: 10px;
border-top: #333 dashed 1px;
}
.main .meritList {
margin-bottom: 20px;
padding-top: 5px;
border-top: #ccc solid 1px;
}
.main .warryList li,
.main .meritList li {
position: relative;
margin: 0 0 10px;
padding: 0 0 5px 30px;
border-bottom: #333 dashed 1px;
background: none;
font-weight: bold;
font-size: 19px;
}
.main .meritList li {
padding: 0 0 0 35px;
border-bottom: #ccc solid 1px;
font-size: 24px;
}
.main .warryList li:last-child,
.main .meritList li:last-child {
margin-bottom: 0;
}
.main .warryList > li:before,
.main .warryList > li:after,
.main .meritList > li:before,
.main .meritList > li:after {
position: absolute;
top: 12px;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.main .warryList > li:before {
width: 25px;
height: 25px;
border-radius: 4px;
background: #0071bc;
}
.main .warryList > li:after {
top: 10px;
left: 5px;
width: 12px;
height: 6px;
border-top: none;
border-right: none;
border-bottom: 4px solid #fff;
border-left: 4px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.main .meritList > li:before {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #e50000;
}
.main .meritList > li:after {
top: 17px;
left: 3px;
width: 7px;
height: 7px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
}
.main .onayamiImg {
float: right;
margin: 40px 0 0 10px;
}
.main .warryList img {
display: none;
}
#apartment .main .warryList {
margin: -10px 0 0;
}
#apartment .main .warryList li {
font-size: 24px;
}
#apartment .main .warryList > li:before,
#apartment .main .warryList > li:after {
position: absolute;
top: 10px;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
#apartment .main .warryList > li:after {
top: 13px;
left: 4px;
}
.main .warryList li strong {
display: inline-block;
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(40%, transparent),
color-stop(0%, #fcff00)
);
background: linear-gradient(transparent 40%, #fcff00 0%);
line-height: 1;
}
.main .meritList li strong {
color: #e50000;
}
.main .meritBox .diagnosisList {
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main .meritBox .diagnosisList li {
padding: 3px 0;
width: 24%;
width: calc(25% - 10px);
border-radius: 4px;
background: #e95f19;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 28px;
}
.main .meritBox .diagnosisList li:before,
.main .meritBox .diagnosisList li:after {
content: none;
} .main .bnrArea {
position: relative;
overflow: hidden;
}
.main .bnrArea li {
float: left;
margin-top: 30px;
padding: 0;
}
.main .bnrArea li:nth-child(2n) {
float: right;
}
.main .bnrArea li:nth-child(-n + 2) {
margin-top: 0;
}
.main .bnrArea li:before,
.main .bnrArea li:after {
content: none;
}
.consultationBox,
.estimatesBox {
position: relative;
float: left;
margin-right: 40px;
width: 480px;
}
.estimatesBox {
margin-right: 0;
}
.consultationBox a,
.estimatesBox a {
display: block;
color: #fff;
text-decoration: none;
}
.consultationBox h3,
.estimatesBox h3 {
margin: 0;
padding: 0 15px;
border-top: none;
background: #003d96;
color: #fff;
font-size: 20px;
line-height: 1.8;
}
.consultationBox .inBox,
.estimatesBox .inBox {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
background: #fff;
}
.consultationBox .inBox img {
margin-top: -45px;
}
.estimatesBox a {
color: #333;
}
.estimatesBox .imgLayer {
bottom: 0;
left: 0;
z-index: 0;
}
.estimatesBox .inBox {
position: relative;
overflow: hidden;
text-align: right;
}
.estimatesBox h4 {
position: relative;
margin: 0 0 15px;
padding: 0 0 0 50px;
}
.estimatesBox .catchTtl {
margin-bottom: 5px;
padding: 2px 10px;
border-radius: 30px;
background: #003d96;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 17px;
}
.estimatesBox .telBox {
float: right;
text-align: left;
}
.estimatesBox .tel {
font-size: 13px;
}
.estimatesBox .tel span {
padding-left: 45px;
background-size: 42px auto;
font-size: 38px;
}
.main .shopAccess ul {
margin-top: 0;
margin-bottom: 10px;
padding-bottom: 10px;
}
.main .shopAccess ul > li {
margin-top: 0;
margin-bottom: 30px;
padding: 0; }
.main .shopAccess ul li:last-child {
margin-bottom: 0;
border-bottom: none;
}
.main .shopAccess ul li:before,
.main .shopAccess ul li:after {
display: none;
}
.main .shopAccess ul li .shopMain {
position: relative;
overflow: hidden;
margin-bottom: 20px;
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.main .shopAccess ul li .shopMain li {
position: relative;
overflow: hidden;
margin-bottom: 0;
width: 48%;
width: calc(50% - 20px);
}
.main .shopAccess ul li .shopMain li:before {
content: "" !important;
display: block;
padding-top: 60%;
width: 100%;
height: auto;
position: relative;
top: inherit;
left: inherit;
background: none;
}
.main .shopAccess ul li .shopMain li img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main .shopAccess ul li iframe {
width: 100%;
}
.main .shopAccess ul li .tel {
margin: 0;
padding: 10px;
font-size: 11px;
line-height: 1.5;
}
.main .shopAccess ul li .tel span {
padding-left: 40px; font-size: 29px;
line-height: 1;
}
.main .shopAccess ul li h3 {
text-align: left;
}
.main .shopAccess .contactBox h3 {
text-align: left;
text-shadow: #fff 2px 0 2px, #fff -2px 0 2px, #fff 0 -2px 2px, #fff -2px 0 2px,
#fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px,
#fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px,
#fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px,
#fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
font-size: 26px;
line-height: 1;
}
.main .shopAccess ul li h4 {
display: inline-block;
padding: 5px 15px;
border-radius: 4px;
background-color: #f5a100;
color: #fff;
text-align: center;
font-size: 20px;
}
.main .shopAccess ul li h4:before,
.main .shopAccess ul li h4:after {
content: none;
}
.main .shopAccess ul li .shopImg {
position: relative;
float: right;
overflow: hidden;
width: 45%;
height: 450px;
}
.main .shopAccess ul li .shopImg img {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
width: auto;
height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main .shopAccess .shopSummery {
clear: both;
overflow: hidden;
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: #333 dashed 1px;
text-align: left;
}
.main .shopAccess .shopSummery h5 {
position: relative;
margin-bottom: 0;
padding: 0 0;
background: none;
color: #333;
font-size: 15px;
}
.main .shopAccess .contactBox {
text-align: left;
}
.main .shopAccess .contactBox .tel {
padding: 0;
}
.nocolumn .main .shopAccess .contactBox .tel {
margin-right: 18px;
margin-bottom: 10px;
font-size: 18px;
}
.nocolumn .main .shopAccess .contactBox .btn a {
font-size: 16px;
line-height: 1.4;
}
#showroom .main .shopAccess ul li:last-child .shopSummery {
border-bottom: none;
}
#showroom .main .shopAccess ul li .shopSummery .bShowroom {
display: none;
}
.main .showroomRecommend {
position: relative;
overflow: hidden;
border-bottom: none;
}
.main .showroomRecommend .catchTxt {
position: relative;
margin-bottom: 20px;
padding: 5px 0;
background: #f5a100;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 28px;
}
.main .showroomRecommend .catchTxt:after {
position: absolute;
top: 100%;
right: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
border: 60px solid transparent;
border-top: #f5a100 solid 25px;
content: " ";
}
.main .showroomRecommend h2.catchTtl {
position: relative;
z-index: 10;
overflow: hidden;
margin: 0 auto 15px;
padding: 10px 0 0;
width: auto;
border-top: none;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #333;
font-size: 43px;
line-height: 1.2;
}
.main .showroomRecommend h2.catchTtl img {
float: left;
margin: -10px 10px 0 0;
}
.main .showroomRecommend ul {
margin-bottom: 20px;
counter-reset: recommend;
}
.main .showroomRecommend li {
position: relative;
overflow: hidden;
padding: 0;
border-bottom: #333 dotted 1px;
counter-increment: recommend;
font-weight: bold;
font-size: 22px;
}
.main .showroomRecommend li strong {
display: inline-block;
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(60%, transparent),
color-stop(0%, #ff6)
);
background: linear-gradient(transparent 60%, #ff6 0%);
line-height: 1;
}
.main .showroomRecommend li:first-child {
margin-top: 5px;
border-top: #333 dotted 1px;
}
.main .showroomRecommend li:after {
width: auto;
height: auto;
content: none;
}
.main .showroomRecommend li:before {
position: relative;
top: inherit;
display: inline-block;
margin: 5px 10px 5px 0;
padding: 5px 20px;
width: auto;
height: auto;
border-radius: 5px;
background: #003d96;
color: #fff;
content: "理由その" counter(recommend);
line-height: 1.2;
}
.main .showroomRecommend li span {
display: inline-block;
margin: 5px 10px 5px 0;
padding: 5px 20px;
border-radius: 5px;
background: #e50000;
color: #fff;
line-height: 1.2;
} .main .profileBox {
position: relative;
overflow: hidden;
background: #f5a100;
color: #fff;
}
.main .profileBox a {
color: #fff;
text-decoration: none;
}
.main .profileBox h2 {
display: inline-block;
float: left;
margin: 15px 20px;
padding: 0;
border-top: none;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.main .profileBox img {
display: block;
margin-bottom: 0;
}
.main .profileBox h3 {
display: inline-block;
margin-bottom: 0;
padding: 0;
border-top: none;
background: none;
color: #fff;
font-size: 15px;
}
.main .profileBox .plofInfo {
position: relative;
overflow: hidden;
padding: 0 20px 15px;
}
.main .profileBox .plofInfo p {
margin-bottom: 0;
font-size: 14px;
line-height: 1.4;
}
.main .profileBox .overflowH p {
font-size: 15px;
} .combnrList {
position: relative;
overflow: hidden;
}
.combnrList li {
padding: 0;
}
.combnrList li:before,
.combnrList li:after {
content: none;
}
.combnrList li:hover {
opacity: 0.8;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.combnrList li a {
color: #fff;
text-decoration: none;
}
.main .combnrList {
margin: 0 0 30px;
}
.main .combnrList li {
float: left;
padding-left: 0;
}
.main .combnrList li:nth-child(2n) {
float: right;
}
.main .combnrList li::before,
.main .combnrList li::after {
display: none;
}
.main .combnrList li img {
width: 100%;
}
.main .combnrList li.sideEstimate {
display: none;
}
.bnrCatch .catchTtl {
text-align: center;
font-size: 25px;
} .main .serviceContents {
position: relative;
overflow: hidden;
padding-bottom: 0;
}
.main .packItem {
position: relative;
margin: 10px auto 30px;
padding: 10px;
background: #00975d;
}
.main .packItem:last-child {
margin-bottom: 10px;
}
.main .packWall {
background: #e50000;
}
.main .packRoof {
background: #003d96;
}
.main .cover {
background: #b74c00;
}
#menu .main .packWall {
position: relative;
z-index: 0;
}
#menu .main .packRoof {
position: relative;
z-index: 0;
}
#menu .main .packWall:after {
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: block;
visibility: visible;
width: 100%;
height: 100%;
background: transparent url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/menu_wall_catchimg.png) no-repeat 95%
95%;
content: "";
}
#menu .main .packRoof:after {
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: block;
visibility: visible;
width: 100%;
height: 100%;
background: transparent url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/menu_roof_catchimg.png) no-repeat 95%
95%;
content: "";
}
.main .packOther {
position: relative;
margin-bottom: 30px;
background: #885421;
}
.main #packSiding.packOther {
background: #75a4ef;
}
.main .packOther2.packItem {
padding: 0;
}
.main .packItem a,
.main .packItem ul li > span {
display: block;
padding: 10px;
color: #333;
text-decoration: none;
}
.main .packItem ul {
position: relative;
clear: both;
overflow: hidden;
padding-bottom: 10px;
border-bottom: #fff 1px dashed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
}
.main .packItem ul li {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 10px;
padding: 0;
width: 360px;
border-bottom: none;
background: #fff;
}
.main .packItem ul li:before,
.main .packItem ul li:after {
content: none;
}
.main .packOther .layoutF {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.main .packOther .layoutF p {
margin-bottom: 0;
}
.main .packOther article {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 10px 0 0;
width: 360px;
height: auto;
}
.main #packSiding.packOther article {
margin-top: 0;
}
.main .packOther article.layout02 {
clear: both;
float: none;
width: auto;
height: auto;
color: #fff;
}
.main .packOther article img {
width: 100%;
height: auto;
}
.main .packOther article a {
padding: 0;
color: #fff;
}
.main .packItem h2 {
margin: -20px 0 0 0;
padding: 25px 0 10px 0;
border-top: none;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ico_servicepack_paint01.png) no-repeat right top;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 35px;
line-height: 1.2;
}
.main .packItem h2 span {
display: block;
margin: 0;
font-size: 20px;
}
.main .packItem h2 img {
vertical-align: text-bottom;
}
.main .packTtl {
position: relative;
margin-bottom: 10px;
}
.main .packTtl .imgLayer {
top: -10px;
left: 118px;
z-index: 22;
}
.main .packTtl h3 {
position: relative;
float: left;
margin-bottom: 0;
padding: 0;
width: 118px;
border-top: none;
background: none;
font-size: 48px;
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
}
.main .packTtl h3 span,
#menu .main .packRoof .packTtl h3 span.wall {
display: inline-block;
margin-top: 2px;
padding: 8px 0 2px;
min-width: calc(50% - 1px);
background: #003d96;
color: #fff;
text-align: center;
line-height: 1;
box-sizing: border-box;
}
.main .packRoof .packTtl h3 span,
.main .cover .packTtl h3 span {
background: #e95f19;
}
.main .packCover .packTtl h3 span {
background: #bd0000;
}
.main .packTtl h3 span.roofTtl {
background: #e95f19;
}
.main .cover .packTtl h3,
.main .wPack02 .packTtl h3 {
font-size: 40px;
font-size: 3.8vmin;
}
.main .cover .packTtl h3 span,
.main .wPack02 .packTtl h3 span {
padding: 12px 3px 7px;
}
.main .packTtl h3 span:nth-child(-n + 2) {
margin-top: 0;
}
.main .packImg {
position: relative;
float: right;
overflow: hidden;
width: 212px;
height: 118px;
}
.main .packImg img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main .packTtl h3.packImg {
float: none !important;
display: block;
width: 100% !important;
height: auto;
}
.main .packTtl h3.packImg img {
position: static;
inset: auto;
transform: none;
}
.main .packItem h4 {
margin-bottom: 0;
padding: 0;
font-size: 21px;
}
.main .packItem h4:before,
.main .packItem h4:after {
content: none;
}
.main .packItem h4 span {
display: block;
font-size: 14px;
}
.main .packSummary {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
margin-bottom: 5px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.main .packSummary h3 {
overflow: hidden;
margin: 0;
padding: 0;
border-top: none;
background: none;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 26px;
line-height: 1;
}
.main .packSummary .imgIco {
position: absolute;
top: 0;
left: 0;
width: 132px;
height: auto;
}
.main .packSummary .priceTxt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: right;
margin-bottom: 2px;
color: #e50000;
font-weight: 700;
font-size: 75px;
font-family: "Oswald", sans-serif;
line-height: 0.9;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
letter-spacing: -0.05em;
}
.main .packSummary .priceTxt span.unitTxt {
display: inline;
width: 31px;
width: 100%;
font-weight: bold;
font-size: 40px;
font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}
.main .packOther .priceTxt span.unitTxt {
font-size: 30px;
}
.main .packSummary .packCatch,
.main .packSummary .enduranceTxt {
display: inline-block;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 2px 0 0;
padding: 5px 0;
width: 118px;
border-radius: 4px;
background: #00975d;
color: #fff;
text-align: center;
letter-spacing: normal;
font-weight: bold;
font-size: 16px;
line-height: 1.2;
}
.main .packRoof .packCatch {
background: #00975d;
}
.main .packOther .packSummary .packCatch,
.main .packOther .packSummary .enduranceTxt {
background: #e50000;
}
.main .packItem .txts {
clear: both;
margin-bottom: 5px;
font-size: 10px;
}
.main .packItem .menuMi {
margin: 0 0 5px;
padding: 0 5px;
background: #e50000;
color: #fff;
font-size: 12px;
}
.main .packItem .btn {
background: none;
}
.main .packItem .btn a {
margin-top: 10px;
padding: 5px 30px 5px 15px;
border: none;
border-radius: 2px;
background: rgba(0, 0, 0, 0.3);
-webkit-box-shadow: none;
box-shadow: none;
font-size: 18px;
color: #fff;
}
.main .packItem .btn a:after {
top: 5px;
right: 10px;
font-size: 14px;
}
.main .packItem .btnDetail {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 5px 40px 5px 10px;
width: 100%;
border-radius: 0;
border-radius: 4px;
background: #f5a100;
background: -webkit-gradient(
linear,
left top,
right top,
from(#f5a100),
color-stop(87%, #f5a100),
color-stop(87%, #d78d00),
to(#d78d00)
);
background: linear-gradient(
to right,
#f5a100 0%,
#f5a100 87%,
#d78d00 87%,
#d78d00 100%
);
-webkit-box-shadow: inset 0 -4px 0 0 rgba(105, 105, 105, 0.3);
box-shadow: inset 0 -4px 0 0 rgba(105, 105, 105, 0.3);
text-align: center;
font-size: 18px;
}
.main .packItem .btnDetail:after {
position: absolute;
top: 0;
right: 15px;
bottom: 0;
display: block;
margin: auto;
height: 16px;
content: "\f138";
font-weight: 900;
font-size: 16px;
font-family: "Font Awesome 5 Free";
line-height: 1;
}
#menu .main .packItem ul {
position: relative;
z-index: 2;
margin-bottom: 0;
padding: 0;
border-bottom: none;
}
#menu .main .serviceContents h5 {
position: relative;
display: block;
margin-top: 0;
padding-left: 0;
border-radius: 0;
background: #003d96;
font-size: 16px;
}
.main .priceTable {
table-layout: fixed;
width: 800px;
margin: 0 auto;
}
.main .priceTable th,
.main .priceTable td {
vertical-align: middle;
font-size: 20px;
font-weight: bold;
width: 50%;
}
.main .priceTable .texts {
font-size: 14px;
display: block;
}
.main .priceTable .priceTxt {
font-size: 60px;
line-height: 0.8;
color: #e50000;
font-weight: 700;
font-family: "Oswald", sans-serif;
text-align: right;
}
.main .priceTable .priceTxt span {
font-size: 50px;
}
.main .priceTable .priceTxt .unitTxt {
width: auto;
} .main .smallWorks {
margin-bottom: 40px;
border: 1px solid #ccc;
background-color: #fff;
}
.main .smallWorks h2 {
margin-bottom: 0;
}
.main .smallWorks .workList {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 18px;
}
.main .smallWorks .workList li {
position: relative;
position: relative;
float: left;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 10px 10px;
padding: 0;
width: 207px;
border: #00633d 5px solid;
border-radius: 4px;
}
.main .smallWorks .workList li:before,
.main .smallWorks .workList li:after {
content: none;
}
.main .smallWorks .workList li .textImg {
position: absolute;
}
.main .smallWorks .workList li .ttl {
margin-bottom: 0;
padding: 5px 8px;
font-weight: bold;
font-size: 20px;
line-height: 1.2;
}
.main .smallWorks .workList li .ttl span {
display: block;
font-weight: normal;
font-size: 12px;
}
.main .smallWorks .workList .liSpec {
margin-left: 0;
width: 278px;
}
.main .smallWorks .workList .liSpec .ttl {
padding: 10px;
font-size: 25px;
}
.main .smallWorks .workList li .price {
margin: 0 0 0 5px;
color: #e50000;
font-weight: bold;
font-size: 40px;
font-family: Impact, Gadget, "Anton", sans-serif;
line-height: 1;
}
.main .smallWorks .workList li .price span {
font-size: 30px;
}
.main .smallWorks .workList .liSpec .price {
margin: 0 10px 5px;
font-size: 50px;
}
.main .smallWorks table {
margin-bottom: 0;
width: 100%;
border-collapse: collapse;
}
.main .smallWorks table th,
.main .smallWorks table td {
padding: 10px;
border-top: 1px solid #ccc;
border-bottom: none;
background: none;
vertical-align: middle;
font-weight: bold;
font-size: 20px;
}
.main .smallWorks table th {
width: auto;
border-left: 1px solid #ccc;
}
.main .smallWorks table tr:first-child th,
.main .smallWorks table tr:first-child td {
border-top: #ccc solid 1px;
}
.main .smallWorks table tr th:first-of-type {
border-left: none;
}
.main .smallWorks table td {
color: #e50000;
text-align: right;
font-size: 30px;
font-family: Impact, Gadget, "Anton", sans-serif;
}
.main .smallWorks table td span {
font-size: 14px;
} .main .deteriorationChk {
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.main .deteriorationChk h2 {
text-align: left;
}
.main .deteriorationChk .checkPoint {
position: relative;
overflow: hidden;
}
.main .deteriorationChk .checkPoint ul {
position: relative;
overflow: hidden;
margin: 0 0 20px;
}
.main .deteriorationChk .checkPoint ul li {
float: left;
margin: 20px 20px 0 0;
padding: 0;
width: 236px;
background: none;
text-align: left;
}
.main .deteriorationChk .checkPoint ul li:nth-child(-n + 3) {
margin-top: 0;
}
.main .deteriorationChk .checkPoint ul li:before,
.main .deteriorationChk .checkPoint ul li:after,
.main .deteriorationChk .checkLegend ul li:before,
.main .deteriorationChk .checkLegend ul li:after {
display: none;
}
.main .deteriorationChk .checkPoint ul li:nth-child(3n),
.main .deteriorationChk .checkLegend ul li:nth-child(3n) {
margin-right: 0;
}
.main .deteriorationChk .checkPoint ul li .checkpointThumb {
position: relative;
position: relative;
overflow: hidden;
width: 236px;
height: 146px;
font-size: 13px;
}
.main .deteriorationChk .checkPoint ul li .checkpointThumb img {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
width: 100%;
height: auto;
}
.main .deteriorationChk .checkPoint ul li .checkTtl {
position: relative;
bottom: 0;
z-index: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 10px;
padding: 5px;
width: 100%;
background: #003d96;
text-align: center;
}
.main .deteriorationChk .checkPoint ul li .checkTtl h4 {
display: block;
margin: 0;
padding: 0;
color: #fff;
font-size: 16px;
}
.main .deteriorationChk .checkPoint ul li .checkTtl h4:before,
.main .deteriorationChk .checkPoint ul li .checkTtl h4:after {
display: none;
}
.main .deteriorationChk .checkPoint ul li .checkTtl p {
display: block;
margin: 5px 0 0;
border-radius: 5px;
background: #fff;
color: #e50000;
font-size: 24px;
line-height: 1.2;
}
.main .deteriorationChk .checkPoint ul li p {
display: inline-block;
margin-bottom: 0;
font-size: 13px;
}
.nocolumn .main .deteriorationChk .checkPoint {
float: right;
margin-bottom: 0;
width: 750px;
}
.nocolumn .main .deteriorationChk .checkPoint h3 {
margin-bottom: 20px;
border: none;
background: #003d96;
color: #fff;
}
.main .deteriorationChk .checkLegend {
position: relative;
overflow: hidden;
margin-bottom: 20px;
padding: 0 0 20px;
border-bottom: #ccc solid 1px;
}
#first .main .deteriorationChk .checkLegend {
padding: 0 0 20px;
border-bottom: none;
}
.main .deteriorationChk .checkLegend h3 {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
overflow: visible;
margin: 0 20px 0 0;
padding: 0;
width: 124px;
height: 124px;
border-top: none;
border-radius: 50%;
background: #00975d;
color: #fff;
font-size: 18px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main .deteriorationChk .checkLegend h3 .imgLayer {
right: 0;
bottom: -30px;
}
.main .deteriorationChk .checkLegend ul {
position: relative;
overflow: hidden;
padding: 20px 100px 20px 0;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/checkLegend_arw.png) no-repeat right center;
}
.main .deteriorationChk .checkLegend ul li {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 35px 0 0;
padding: 5px;
width: 145px;
border: #ccc solid 1px;
border-radius: 3px;
background: #fffeee;
-webkit-box-shadow: 13px 13px 0 0 rgba(0, 0, 0, 0.2);
box-shadow: 13px 13px 0 0 rgba(0, 0, 0, 0.2);
text-align: center;
font-size: 13px;
line-height: 1.4;
}
.main .deteriorationChk .checkLegend ul li h4 {
margin: 0 0 5px;
padding: 0;
border-radius: 4px;
background: #333;
color: #fff;
text-align: center;
font-size: 18px;
}
.main .deteriorationChk .checkLegend ul li h4:before,
.main .deteriorationChk .checkLegend ul li h4:after {
content: none;
}
.main .deteriorationChk .checkLegend ul li span {
display: block;
color: #e50000;
font-size: 18px;
}
.main .deteriorationChk .checkLegend ul li strong {
font-size: 13px;
}
.main .deteriorationChk .checkLegend ul li strong span {
display: inline-block;
font-size: 13px;
}
.nocolumn .main .deteriorationChk .checkLegend {
display: block;
float: left;
margin-top: 0;
margin-bottom: 0;
padding: 0;
width: 230px;
border: none;
text-align: center;
}
.nocolumn .main .deteriorationChk .checkLegend .imgLayer {
position: inherit;
}
.nocolumn .main .deteriorationChk .checkLegend h3 {
z-index: 1;
display: block;
float: none;
margin: 0;
width: auto;
height: auto;
border-radius: 5px;
font-size: 20px;
}
.nocolumn .main .deteriorationChk .checkLegend ul {
margin: -5px 0 0;
padding: 15px 10px 45px 0;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/checkLegend_arw02.png) no-repeat center bottom;
}
.nocolumn .main .deteriorationChk .checkLegend ul li {
margin: 0 0 15px;
width: 100%;
height: auto;
-webkit-box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.2);
box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.2);
} .main .msgBox {
position: relative;
overflow: hidden;
text-align: center;
}
.main .msgTxt {
position: relative;
overflow: hidden;
text-align: left;
}
.main .msgTxt p {
margin-bottom: 15px;
font-size: 16px;
}
.main .msgTxt h3 {
display: inline-block;
margin-bottom: 20px;
padding: 0;
border-top: none;
background: none;
color: #333;
font-size: 24px;
}
.main .msgTxt h3 span {
display: block;
margin: 0;
color: #fed900;
font-weight: bold;
}
.main .msgTxt h4 {
margin: 0 0 27px;
padding: 0 0 0 50px;
border-top: none;
background: none;
font-size: 18px;
}
.main .msgPhoto {
float: right;
margin: 0 0 0 30px;
width: 227px;
text-align: right;
}
.main .msgPhoto .ceoPict {
position: relative;
overflow: hidden;
margin-bottom: 10px;
width: 227px;
height: 268px;
}
#contact .main .msgPhoto {
margin: 0;
}
.main .msgPhoto .ceoPict li {
width: 48%;
width: calc(50% - 10px);
height: 250px;
padding: 0;
}
.main .msgPhoto .ceoPict li:before,
.main .msgPhoto .ceoPict li:after {
content: none;
}
.main .msgPhoto .ceoPict img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
transform: translate(-50%, -50%);
}
.main .msgPhoto h5 {
margin: 0 0 5px;
padding: 0;
background: none;
color: #333;
font-size: 14px;
}
.main .msgPhoto p {
margin-top: 0;
font-weight: bold;
font-size: 23px;
line-height: 1.2;
}
.main .msgPhoto p span {
font-size: 16px;
}
.main .msgPhoto p span.en {
margin-right: 0;
color: #fec758;
font-size: 14px;
}
.main .msgPhoto p.btn a {
padding: 10px 35px 10px 20px;
border-color: #00975d;
background: #00975d;
}
.main .msgName {
text-align: right;
}
.main .msgName h5 {
margin: 0 0 5px;
display: block;
margin-bottom: 10px;
padding: 0;
background: none;
color: #333;
font-size: 14px;
} .main .comAreaBox {
position: relative;
overflow: hidden;
}
.main .comAreaBox .bg01 {
position: relative;
overflow: hidden;
}
.main .comAreaBox img.imgLayer {
top: 20px;
right: 20px;
}
.main .comAreaBox p.areaTxt {
margin-bottom: 0;
padding: 20px;
background: rgba(255, 255, 255, 0.7);
}
.main .comAreaBox ul {
padding: 15px;
}
.main .comAreaBox ul li {
margin: 10px 15px 0 0;
padding: 0;
width: 33%;
width: calc(33% - 9px);
}
.main .comAreaBox ul li:before,
.main .comAreaBox ul li:after {
content: none;
}
.main .comAreaBox ul li:nth-child(3n) {
margin-right: 0;
}
.main .comAreaBox ul li:nth-child(-n + 3) {
margin-top: 0;
}
.main .comAreaBox ul li.btn a {
padding: 5px 15px 5px 5px;
font-size: 14px;
} .main .targetArea {
position: relative;
}
.main .targetArea h2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 1px;
}
.main .targetArea .area {
position: absolute;
top: 40px;
right: 10px;
}
.main .targetArea .satisfied {
position: absolute;
right: 3px;
bottom: 5px;
display: block;
margin-bottom: 0;
text-align: center;
}
.main .targetArea .satisfied img {
position: relative;
z-index: 1;
}
.main .targetArea .satisfied span {
position: absolute;
bottom: 40px;
z-index: 0;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 5px 10px;
width: 310px;
border-radius: 3px;
background: #003d96;
color: #fff;
text-align: left;
font-weight: bold;
font-size: 16px;
line-height: 1.3;
}
.main .targetArea .showroom {
position: absolute;
top: 70px;
left: 20px;
z-index: 0;
}
.main .targetArea .btn {
position: absolute;
right: 25px;
bottom: 25px;
margin-bottom: 0;
line-height: 1;
}
.main .targetArea .btn a {
padding: 13px 40px 13px 20px;
} .main .balloonBox {
position: relative;
clear: both;
margin-bottom: 20px;
padding: 15px;
border-radius: 3px;
background: #003d96;
color: #fff;
}
.main .balloonBox p {
margin: 0;
font-weight: bold;
font-size: 32px;
line-height: 1.5;
}
.main .balloonBox p strong {
color: #fffc00;
}
#showroom .main .balloonBox {
padding: 15px;
}
#showroom .main .balloonBox p {
font-size: 18px;
}
#diagnosis .main .balloonBox,
#rainleaking .main .balloonBox {
text-align: center;
}
#diagnosis .main .balloonBox p {
font-size: 20px;
}
#rainleaking .main .balloonBox {
margin: 57px auto 0;
width: 1000px;
}
#rainleaking .main .balloonBox .imgLayer {
right: 0;
bottom: 0;
}
#colorsimulation .main .balloonBox {
padding: 0;
background: none;
color: #333;
}
#colorsimulation .main .balloonBox p strong {
color: #e50000;
} .main .basicKnow {
position: relative;
overflow: hidden;
}
.main .basicKnow .catchTtl {
margin-bottom: 0;
padding: 15px;
background: rgba(255, 255, 255, 0.7);
color: #333;
font-weight: bold;
font-size: 55px;
line-height: 1.2;
}
.main .basicKnow .pointList {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: #ccc solid 1px;
}
.main .basicKnow .pointList li {
position: relative;
margin: 0 20px 0 0;
width: 236px;
height: auto;
font-size: 14px;
line-height: 1.4;
}
.main .basicKnow .pointList li:nth-child(3n) {
margin-right: 0;
}
.main .basicKnow .pointList li .pointImg {
position: relative;
overflow: hidden;
margin-bottom: 10px;
width: 236px;
}
.main .basicKnow .pointList li img {
position: relative;
top: inherit;
left: inherit;
display: block;
width: 100%;
height: auto;
-webkit-transform: none;
transform: none;
}
.main .basicKnow .pointList li .imgLayer {
position: absolute;
right: 0;
bottom: 0;
width: auto;
width: 25%;
}
.main .basicKnow .pointList li h6 {
margin: 10px 0 5px;
padding: 0;
background: none;
font-size: 15px;
line-height: 1.4;
}
.main .basicKnow .pointList li h6:before,
.main .basicKnow .pointList li h6:after {
content: none;
}
.main .basicKnow .pointList li h6 strong {
display: block;
color: #e50000;
}
.main .basicKnow .pointList li p {
margin: 0;
padding: 0;
width: auto;
font-size: 14px;
line-height: 1.7;
}
.main .basicKnow .pointTxt .imgL20 {
margin-top: 20px;
}
.nocolumn .main .basicKnow .pointList li {
width: 316px;
height: auto;
text-align: left;
}
.nocolumn .main .basicKnow .pointList li .pointImg {
margin-bottom: 10px;
width: 316px;
}
.nocolumn .main .basicKnow .pointList li .imgLayer {
top: 0;
bottom: inherit;
width: auto;
}
.nocolumn .main .basicKnow .pointList li h6 {
font-size: 20px;
} .main .lawpriceWhy {
margin-bottom: 30px;
}
.nocoloumn .main .lawpriceWhy {
margin: 0 auto;
width: 1000px;
}
.main .lawpriceWhy .catchTtl {
text-align: center;
font-weight: bold;
font-size: 29px;
line-height: 1.2;
}
.main .lawpriceWhy .catchTtl strong {
color: #e50000;
}
.main .lawpriceWhy .highCost {
margin-top: 25px;
padding: 25px;
background-color: #e95f19;
}
.main .lawpriceWhy .highCost h3 {
margin: -5px 0 0;
padding: 0;
border-top: none;
background: none;
color: #fff;
text-align: center;
font-weight: normal;
font-size: 50px;
line-height: 1.3;
}
.main .lawpriceWhy .highCost h3 strong {
font-weight: normal;
}
.main .lawpriceWhy .highCost ul {
position: relative;
}
.main .lawpriceWhy .highCost ul li {
position: relative;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 25px 0 0;
padding: 10px;
width: 300px;
background: rgba(0, 0, 0, 0.2);
}
.main .lawpriceWhy .highCost ul li:before,
.main .lawpriceWhy .highCost ul li:after {
content: none;
}
.main .lawpriceWhy .highCost ul li:last-child {
margin-right: 0;
}
.main .lawpriceWhy .highCost ul li img {
margin-bottom: 10px;
}
.main .lawpriceWhy .highCost ul li h4 {
position: absolute;
top: -10px;
left: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
width: 57px;
height: 57px;
border-radius: 50%;
background: #e50000;
color: #fff;
text-align: center;
font-size: 13px;
line-height: 1.2;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main .lawpriceWhy .highCost ul li h4:before,
.main .lawpriceWhy .highCost ul li h4:after {
display: none;
}
.main .lawpriceWhy .highCost ul li p {
display: block;
margin-bottom: 0;
padding: 10px;
background: #fff;
font-weight: bold;
font-size: 23px;
line-height: 1.2;
} .main .lowpriceReason {
margin-bottom: 30px;
}
.nocolumn .main .lowpriceReason {
margin: 0 auto;
width: 1000px;
}
.main .lowpriceReason .lowcost ul {
position: relative;
overflow: hidden;
}
.main .lowpriceReason .lowcost ul li {
position: relative;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 20px 20px 0 0;
padding: 25px;
width: 490px;
background-color: #e95f19;
}
.main .lowpriceReason .lowcost ul li:nth-child(2n) {
margin-right: 0;
}
.main .lowpriceReason .lowcost ul li:nth-child(-n + 2) {
margin-top: 0;
}
.main .lowpriceReason .lowcost ul li:before,
.main .lowpriceReason .lowcost ul li:after {
content: none;
}
.main .lowpriceReason .lowcost ul li.fullW {
margin-right: 0;
width: 100%;
}
.main .lowpriceReason .lowcost ul li h4 {
position: relative;
margin: 0 0 30px;
padding: 10px;
background: rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 30px;
}
.main .lowpriceReason .lowcost ul li.fullW h4 {
padding: 0 25px;
}
.main .lowpriceReason .lowcost ul li h4:before {
display: none;
}
.main .lowpriceReason .lowcost ul li h4:after {
position: absolute;
top: 100%;
left: 50%;
margin-left: -25px;
width: 0;
height: 0;
border: 25px solid transparent;
border-top: rgba(0, 0, 0, 0.2) solid 25px;
border-radius: 0;
background: none;
content: " ";
}
.main .lowpriceReason .lowcost ul li h4 span {
display: inline-block;
padding-top: 5px;
line-height: 1.3;
}
.main .lowpriceReason .lowcost ul li.fullW span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main .lowpriceReason .lowcost ul li h4 span.reasonIco {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
float: left;
margin: -10px 10px 0 0;
padding: 0;
width: 110px;
height: 110px;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/comLowprice_ico.png) no-repeat center center;
color: #fff;
text-align: center;
font-size: 23px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main .lowpriceReason .lowcost ul li.fullW span.reasonIco {
margin-top: 0;
}
.main .lowpriceReason .lowcost ul li h4 strong {
margin-top: 5px;
font-size: 12px;
line-height: 1.2;
}
.main .lowpriceReason .lowcost ul li p {
margin-bottom: 0;
color: #fff;
font-weight: bold;
font-size: 30px;
line-height: 1.2;
}
.main .lowpriceReason .lowcost ul li .compareBox {
padding: 30px 25px;
background: #fff;
}
.main .lowpriceReason .lowcost ul li .compareBox h6:first-child {
margin-top: 0;
}
.main .lowpriceReason .lowcost ul li .compareBox hr {
display: block;
margin-top: 25px;
border-top: #333 dotted 1px;
} .main .qualityBox .catchTtl {
position: relative;
margin: 10px 0 15px;
text-align: left;
font-weight: bold;
font-size: 45px;
line-height: 1.2;
}
.main .comparePaint .catchKpt,
.main .qualityBox .catchKpt {
color: #333;
font-weight: bold;
font-size: 37px;
line-height: 1.2;
}
.main .qualityBox .catchTtl .txtL {
font-size: 78px;
line-height: 1.2;
}
.main .qualityBox .catchTtl .catchIco {
float: left;
margin-top: -10px;
}
.main .qualityBox h3 {
margin: 30px 0 20px;
}
.main .qualityBox h3 span {
display: inline-block;
margin: 10px;
padding: 0 10px;
border-radius: 4px;
background: #e95f19;
color: #fff;
font-size: 20px;
}
.main .qualityBox h3 strong {
color: #e50000;
}
.main .qualityBox h4,
.main .qualityBox h5 {
margin-top: 0;
font-size: 18px;
}
.main .qualityBox .catchTxt {
font-size: 23px;
}
.main .qualityBox ul {
margin-bottom: 20px;
}
.main .qualityBox .photoUL li {
margin: 0 15px 0 0;
width: 240px;
}
.main .qualityBox .photoUL li:nth-child(3n) {
margin-right: 0;
}
.main .qualityBox .photoUL li img {
position: relative;
top: inherit;
left: inherit;
margin-bottom: 5px;
-webkit-transform: none;
transform: none;
}
.main .qualityBox .flowWall-notice {
display: none;
}
.main .qualityBox p {
font-size: 16px;
}
.main .qualityBox dl dt {
margin-bottom: 20px;
padding: 5px 10px;
background: #f5a100;
color: #fff;
font-weight: bold;
font-size: 16px;
}
.main .qualityBox dl dd {
margin-bottom: 30px;
}
.main .commitFlow {
position: relative;
overflow: hidden;
}
.main .commitFlow li {
float: left;
margin: 0;
padding: 0;
width: 369px;
background: none;
}
.main .commitFlow li:before,
.main .commitFlow li:after {
content: none;
}
.main .commitFlow li h4 {
margin-bottom: 10px;
padding: 0;
border-radius: 5px;
background: #003d96;
color: #fff;
text-align: center;
}
.main .commitFlow li h4:before,
.main .commitFlow li h4:after {
display: none;
}
.main .commitFlow li:nth-child(2) {
position: relative;
margin: 0 84px 0 12px;
width: 229px;
}
.main .commitFlow li:nth-child(3) {
width: 285px;
}
.main .commitFlow li:nth-child(2):before,
.main .commitFlow li:nth-child(2):after,
.main .commitFlow li:nth-child(3):before {
position: absolute;
z-index: 10;
}
.main .commitFlow li:nth-child(2):before,
.main .commitFlow li:nth-child(3):before {
top: 50%;
left: 125%;
margin-top: -25px;
width: 0;
height: 0;
border: 55px solid transparent;
border-left: #f5a100 solid 48px;
background: none;
content: " ";
}
.main .commitFlow li:nth-child(3):before {
left: -8%;
z-index: 8;
border-left: #fff solid 48px;
}
.main .commitFlow li:nth-child(2):after {
top: 50%;
left: 95%;
padding: 15px 0;
width: 80px;
height: auto;
border: none;
border-left: #fff solid 2px;
background: #f5a100;
color: #fff;
content: "クリア";
text-align: right;
font-weight: bold;
font-size: 20px;
-webkit-transform: none;
transform: none;
}
.main .commitPoint {
position: relative;
margin-bottom: 30px;
}
.main .commitPoint .imgLayer {
top: 68px;
left: 56.5%;
} .main .flowList {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
clear: both;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
border-radius: 5px;
background: #e95f19;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.main .flowList h3 {
float: left;
margin: 0;
padding: 0 5px;
border: none;
background: none;
color: #fff;
font-size: 23px;
line-height: 1.2;
}
.main .flowList ul {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
margin: 0;
padding: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main .flowList ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 5px 0 0;
padding: 0;
width: 58px;
height: 58px;
border-radius: 10px;
background: #fff;
color: #e95f19;
text-align: center;
font-weight: bold;
font-size: 16px;
line-height: 1.2;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main .flowList ul li:before,
.main .flowList ul li:after {
content: none;
}
.main .flowList ul li.stxt {
font-size: 14px;
}
.main .flowList ul li:last-child {
margin-right: 0;
}
.main .flowList.flowRoof ul li {
width: 74px;
}
.nocolumn .main .flowList h3 {
font-size: 31px;
}
.nocolumn .main .flowList ul li {
width: 78px;
height: 78px;
font-size: 20px;
}
.nocolumn .main .flowList.flowRoof ul li {
width: 100px;
}
.nocolumn .main .flowList ul li.stxt {
font-size: 16px;
}
#diagnosis .main .flowList {
background: #004575;
}
#diagnosis .main .flowList ul li {
width: 70px;
color: #004575;
}
#diagnosis .main .flowList ul li:first-child {
background: #e50000;
color: #fff;
} .main .selectPoint ol {
margin: 0 0 20px;
padding: 0;
counter-reset: selectP;
}
.main .selectPoint li {
position: relative;
overflow: hidden;
margin-bottom: 15px;
padding: 0;
padding: 0;
background: none;
list-style: none;
counter-increment: selectP;
font-weight: bold;
font-size: 20px;
}
.main .selectPoint li:last-child {
margin-bottom: 0;
}
.main .selectPoint li span {
position: relative;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 15px;
padding-top: 25px;
width: 113px;
height: 113px;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ico_point.png) no-repeat center center;
color: #fff;
text-align: center;
font-size: 22px;
line-height: 1.2;
}
.main .selectPoint li span:after {
content: "\A"counter(selectP, decimal-leading-zero);
white-space: pre;
font-size: 36px;
line-height: 1;
}
.main .selectPoint li h3 {
display: table-cell;
margin-bottom: 5px;
padding: 0;
border-top: none;
background: none;
font-size: 36px;
}
.main .selectPoint li h3 strong {
color: #e50000;
}
.main .comparePaint h2 {
font-size: 30px;
}
.main .compareTable {
width: 100%;
table-layout: fixed;
}
.main .compareTable th,
.main .compareTable td {
width: auto;
border-right: #fff solid 1px;
border-bottom: #fff solid 1px;
vertical-align: top;
text-align: center;
}
.main .compareTable th {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 10px;
background: #003d96;
color: #fff;
vertical-align: middle;
font-weight: bold;
}
.main .compareTable th:first-of-type {
width: 12%;
}
.main .compareTable td {
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 5px 10px 50px;
height: 62px;
border-collapse: collapse;
background: #efefef;
text-align: left;
font-weight: normal;
font-size: 13px;
line-height: 1.4;
}
.main .compareTable td:last-child {
border-right: none;
}
.main .compareTable td span {
position: absolute;
left: 5px;
display: block;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 15px;
padding-right: 5px;
width: 38px;
border-right: #ccc solid 1px;
-webkit-box-shadow: 2px 0 0 0 #fff;
box-shadow: 2px 0 0 0 #fff;
text-align: center;
font-weight: bold;
font-size: 30px;
}
#menu .main .compareTable th.ourCompany,
#apartment .main .compareTable th.ourCompany {
width: 36%;
}
.main .compareTable td.ourCompany span {
color: #e50000;
}
.main .enqueteBox ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main .enqueteBox ul li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
width: 48%;
width: calc(50% - 8px);
background: none;
}
.main .enqueteBox ul li a {
color: #333;
text-decoration: none;
}
.main .enqueteBox ul li img {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: #ccc solid 1px;
}
.main .enqueteBox ul li h3 {
margin: 5px 0 0;
padding: 0;
border: 0;
background: none;
color: #f5a100;
}
.main .enqueteBox ul li .contTxt {
font-weight: bold;
font-size: 18px;
}
.main .iDeal .catchTtl {
font-weight: bold;
font-size: 43px;
line-height: 1.4;
}
.main .iDeal .catchTtl strong {
color: #e50000;
}
.main .iDeal .worksBox {
margin-bottom: 30px;
}
.main .iDeal .worksList {
padding-bottom: 0;
}
.main .iDeal .worksList article {
position: relative;
float: left;
margin: 0 21px 20px 0;
padding: 0;
}
.main .iDeal .worksList article:nth-child(4n) {
margin-right: 0;
}
.main .iDeal .worksList article:nth-child(3n + 1) {
clear: none;
}
.main .iDeal .worksList article:nth-child(4n + 1) {
clear: both;
}
.nocolumn .main .iDeal .worksList article:nth-child(3n) {
margin: 0 18px 20px 0;
} .main .comIdea {
margin-bottom: 29px;
}
.nocolumn .main .comIdea {
margin: 0 auto;
width: 1000px;
}
.main .comIdea .ttl {
margin-bottom: 3px;
}
.main .comIdea ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nocolumn .comIdea ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main .comIdea ul:after {
content: none;
}
.main .comIdea li {
float: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 7px;
padding-left: 0;
width: 182px;
}
.main .comIdea li:before,
.main .comIdea li:after {
content: none;
}
.main .comIdea li img {
display: block;
margin: 0 auto;
}
.main .comIdea li span {
position: relative;
display: block;
margin-bottom: 30px;
padding: 10px 10px;
border-radius: 6px;
background-color: #003d96;
color: #fff;
text-align: left;
font-weight: bold;
font-size: 18px;
line-height: 1.4;
}
.main .comIdea li span:after {
position: absolute;
top: 100%;
right: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #003d96;
content: "";
}
.main .comIdea li:first-child {
padding-left: 0;
}
.main .contactBox {
position: relative;
clear: both;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 25px auto;
padding: 15px 15px 0;
background: #e95f19 url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/bg_menubox.png) center center;
}
.main .contactBox h3 {
margin-bottom: 10px;
padding: 0;
border: none;
background: none;
}
.main .contactBox h3 img {
margin-right: 5px;
}
.main .contactBox .imgLayer {
display: block;
width: auto;
height: 175px;
top: -18px;
right: 5px;
z-index: 1;
}
.main .contactBox .contactCatch {
position: relative;
z-index: 2;
margin: 0 -15px 0;
padding: 5px 15px;
background: #003d96;
color: #fff;
font-weight: bold;
font-size: 20px;
line-height: 1.3;
}
.main .contactBox .telBox {
position: relative;
z-index: 1;
overflow: hidden;
margin: 0 160px 15px 0;
padding: 10px;
background: #fff;
}
.main .contactBox .telBox .contactLogo {
float: left;
margin: 0 30px 0 5px;
width: 220px;
}
.main .contactBox .telBox h6 {
margin-bottom: 0;
}
.main .contactBox .telBox p {
text-shadow: none;
}
.main .contactBox .telBox .tel {
position: relative;
display: block;
float: left;
overflow: hidden;
margin: 0 10px 0 0;
color: #333;
text-align: left;
font-weight: normal;
font-size: 11px;
line-height: 1;
}
.main .contactBox .telBox .tel span {
display: block;
margin: 0;
padding-bottom: 5px;
padding-left: 50px;
background-position: 0% 80%; background-size: 48px auto;
color: #e50000;
letter-spacing: -0.02em;
font-weight: 900;
font-size: 49px;
line-height: 1;
}
.main .contactBox .telBox .tel span.dNum {
background-size: 30px auto;
padding-left: 35px;
}
.main .contactBox .telBox .btn {
float: right;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 10px 0 0;
}
.main .contactBox .telBox .btn:hover {
opacity: 0.8;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.main .contactBox .telBox .btn a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 3px 0;
padding: 10px 33px 10px 23px;
background-size: 17px auto;
-webkit-box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.3) inset;
font-size: 18px;
}
.main .contactBox ul {
position: relative;
overflow: hidden;
margin: 0 0 10px;
}
.main .contactBox ul li:last-child {
margin-right: 0;
}
.nocolumn .main .contactBox {
margin: 30px auto 0;   padding: 10px;
width: 1000px;
border: #e95f19 solid 10px;
background: #fff;
}
.main .contactBox .floatL img {
position: absolute;
top: -34px;
left: -5px;
}
.nocolumn .main .contactBox .inner {
overflow: inherit;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 220px 15px 15px;
width: 1100px;
background: #fff;
}
.nocolumn .main .contactBox .imgLayer {
top: 0;
height: 185px;
}
.nocolumn .main .contactBox h2 {
position: relative;
overflow: hidden;
margin: 0 0 10px;
padding: 0;
border-top: none;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.nocolumn .main .contactBox h2 span {
float: left;
margin-right: 10px;
}
.nocolumn .main .contactBox h2 span img {
width: 220px;
height: auto;
}
.nocolumn .main .contactBox h2 img:first-child {
margin: 0 10px 0 0;
}
.nocolumn .main .contactBox h3 {
display: inline-block;
padding-left: 30px;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ico_bucket.png) no-repeat left center;
color: #8d471f;
font-size: 14px;
line-height: 1.3;
}
.nocolumn .main .contactBox .tel {
float: left;
margin-right: 15px;
font-size: 14px;
line-height: 1.2;
}
.nocolumn .main .contactBox .tel span {
display: block;
padding-left: 47px;
background-size: 40px auto;
font-size: 70px;
background-position: 0% 80%;
}
.nocolumn .main .contactBox a {
display: block;
}
.nocolumn .main .contactBox .btn {
margin-bottom: 0;
}
.nocolumn .main .contactBox .btn a {
padding: 15px 45px 15px 25px;
font-size: 24px;
}
.nocolumn .main .contactBox .btn a:before {
width: 20px;
height: 20px;
}
.nocolumn .main .contactBox .btn a:after,
.menuSingle .main .contactBox .btn a:after,
#diagnosis .main .contactBox .btn a:after,
#rainleaking .main .contactBox .btn a:after,
#apartment .main .contactBox .btn a:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.nocolumn .main .contactBox .btn a:after {
top: 0;
bottom: 0;
display: block;
margin: auto;
}
.nocolumn .main .contactBox .catchTxt {
clear: both;
margin: 15px -20px -20px -20px;
padding: 0 20px;
background: #003d96;
color: #fff;
font-weight: bold;
font-size: 20px;
}
.nocolumn .main .contactBox strong {
border-radius: 4px;
color: #fff;
}
.nocolumn .main .contactBox ul {
position: relative;
float: none;
overflow: hidden;
}
.nocolumn .main .contactBox ul li {
position: relative;
float: left;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
font-weight: bold;
font-size: 13px;
}
.nocolumn .main .contactBox ul li:last-child {
margin-right: 0;
}
.nocolumn .main .contactBox ul li a {
display: block;
color: #333;
text-decoration: none;
}
.nocolumn .main .contactBox ul li img {
float: left;
margin-right: 15px;
}
.nocolumn .main .contactBox ul li h4 {
color: #fed900;
font-size: 22px;
line-height: 1.2;
}
.main .contactTel h3 {
margin: 0;
border-top: none;
background: #003d96;
color: #fff;
}
.main .contactTel {
position: relative;
margin-bottom: 30px;
}
#colorsimulation .main .contactTel h4,
#apartment .main .contactTel h4,
#contact .main .contactTel h4,
#wall .main .contactTel h4,
#roof .main .contactTel h4 {
display: inline-block;
margin-bottom: 10px;
}
.main .contactTel .tel span {
display: block;
margin-right: 20px;
padding-left: 90px;
font-size: 65px;
}
.main .contactTel .tel span.dNum {
padding-bottom: 10px;
padding-left: 45px;
background-size: 39px auto;
}
.nocolumn .main .contactTel .tel span {
font-size: 75px;
background-position: 0% 50%;
}
.main .contactTel .inBox {
overflow: hidden;
padding: 15px;
border: #ccc solid 1px;
background: #fff;
}
#corporate .main .contactTel {
margin-top: -10px;
}
.main .contactTel .imgLayer {
display: block;
width: auto;
height: 165px;
right: 0;
bottom: 3px;
}
.main .contactTel h4 {
margin-bottom: 5px;
}
.main .contactTel p {
margin-bottom: 5px;
font-size: 13px;
line-height: 1.3;
}
.main .contactTel p.catchTxt {
font-weight: bold;
font-size: 27px;
}
.main .contactTel p.catchTxt span {
margin-right: 5px;
padding: 5px 7px;
border-radius: 4px;
background-color: #e50000;
color: #fff;
font-size: 20px;
}
.main .contactTel p.catchTxt strong {
color: #e50000;
}
.main .contactTel .telBox {
float: left;
overflow: hidden;
margin-right: 15px;
padding: 10px;
background-color: #e95f19;
}
.main .contactTel .telBox h5 {
display: block;
margin: 0 0 5px;
padding: 0;
background: none;
color: #fff;
font-size: 15px;
line-height: 1;
}
.main .contactTel .telBox .tel {
display: block;
margin-bottom: 0;
padding: 5px;
background: #fff;
color: #333;
text-align: center;
font-weight: normal;
font-size: 13px;
}
.main .contactTel .telBox .tel span {
display: inline-block;
margin: 0;
padding: 0 0 0 33px; font-size: 53px;
line-height: 1;
background-position: 0% 80%;
background-size: 30px;
}
.main .contactTel .telBox .btn {
margin: 10px 0 0;
width: 100%;
border-radius: 3px;
font-size: 18px;
}
.main .contactTel .telBox .btn a {
padding: 5px 30px 5px 40px;
}
.main .contactTel .telBox .btn a:before {
left: 28px;
}
.main .contactTel .telBox .btn a:after {
left: 33px;
}
.main .contactTel ul {
position: relative;
overflow: hidden;
margin: 0 0 10px;
}
.main .contactTel ul li {
float: left;
margin: 0 10px 0 0;
padding: 5px 15px;
border-radius: 4px;
background: #0eaa8e;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 20px;
}
.main .contactTel ul li:before,
.main .contactTel ul li:after {
display: none;
}
.main .contactTel ul li:last-child {
margin-right: 0;
}
.main .contactTel .overflowH {
width: 380px;
}
.main .contactFree {
position: relative;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
clear: both;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 10px;
padding: 0;
width: auto;
border: #e50000 solid 3px;
border-radius: 0;
background: #fff;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main .contactFree p {
margin: 0;
line-height: 1.3;
}
.main .contactFree .telBox {
overflow: hidden;
margin: 10px 0 10px 10px;
padding: 0;
background: none;
}
.main .contactFree .telBox .tel {
text-align: left;
font-weight: normal;
font-size: 14px;
}
.main .contactFree .telBox .tel span {
display: block;
margin: 0;
padding: 0 0 0 40px;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ico_tel03.png) no-repeat left center;
color: #e50000;
font-size: 68px;
font-family: "Impact", "Anton", Gadget, sans-serif;
line-height: 1;
}
.main .contactFree .telBox .catchTxt {
border-radius: 3px;
background: #f5a100;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 18px;
line-height: 1.4;
}
.main .contactFree h3,
.main .contactFree .btn a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main .contactFree h3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 17px 30px;
border: none;
background: #e50000;
}
#rainleaking .main .contactFree h3 {
padding: 20px 10px;
}
.main .contactFree .btn a {
position: relative;
overflow: hidden;
padding: 20px;
color: #fff;
font-weight: bold;
font-size: 34px;
}
.main .contactFree .btn a:before,
.main .contactFree .btn a:after {
content: none;
}
.main .contactFree .btn span {
display: block;
float: right;
margin-left: 20px;
text-align: left;
line-height: 1;
}
.main .msgContact {
clear: none;
margin: 40px 0 20px 5px;
padding: 3px 3px 3px 240px;
width: 700px;
}
.main .msgContact img {
position: absolute;
top: -10px;
left: -5px;
float: left;
}
.main .msgContact .telBox {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 10px;
padding: 5px 10px;
border-radius: 3px;
background: #fff;
}
.main .msgContact .telBox h4 {
position: relative;
margin-bottom: 0;
padding-left: 15px;
font-size: 13px;
}
.main .msgContact .telBox h4:before,
.main .msgContact .telBox h4:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
border-radius: 0;
background: none;
content: "";
vertical-align: middle;
}
.main .msgContact .telBox h4:before {
width: 11px;
height: 11px;
border-radius: 50%;
background: #003d96;
opacity: inherit;
}
.main .msgContact .telBox h4:after {
left: 3px;
width: 3px;
height: 3px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.main .msgContact .telBox .tel {
float: left;
margin-bottom: 0;
white-space: nowrap;
font-size: 11px;
line-height: 1.2;
}
.main .msgContact .tel .bHours {
display: block;
}
.main .msgContact .tel span {
display: block;
float: left;
margin-right: 5px;
padding-left: 35px;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ico_tel.png) no-repeat left center;
color: #e50000;
font-weight: bold;
font-size: 42px;
line-height: 1;
} a.leftNav,
a.rightNav {
outline: none;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/top/bg2.png);
-webkit-transition: none;
transition: none;
}
.leftNav:before,
.rightNav:before {
display: block;
width: 100%;
height: 100%;
content: "";
-webkit-transition: none;
transition: none;
}
.leftNav:hover {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/top/leftNav.png) right center no-repeat;
opacity: 1;
-webkit-transition: none;
transition: none;
}
.rightNav:hover {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/top/rightNav.png) left center no-repeat;
opacity: 1;
-webkit-transition: none;
transition: none;
}
.leftNav:hover:before,
.rightNav:hover:before {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/top/bg2.png);
-webkit-transition: none;
transition: none;
} .pageTitle {
position: relative;
overflow: hidden;
height: 145px;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#3682c6),
to(#003d96)
);
background: linear-gradient(0deg, #3682c6 0%, #003d96 100%);
}
.pageTitle .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
padding: 0;
width: 100%;
height: 100%;
-webkit-box-align: center;
align-items: center;
}
.pageTitle h1 {
position: relative;
margin: 0 auto;
width: 1000px;
color: #fff;
text-align: center;
text-shadow: 1px 1px 1px #003d96, -1px 1px 1px #003d96, 1px -1px 1px #003d96,
-1px -1px 1px #003d96;
font-size: 35px;
line-height: 1.2;
}
.pageTitle h1 span {
display: block;
font-weight: normal;
font-size: 15px;
} .pagePath {
padding: 3px 0;
background: #003d96;
}
.pagePath p {
margin: 0 auto;
width: 1000px;
color: #fff;
font-size: 11px;
}
.pagePath p a {
color: #fff;
} .topBnr {
float: right;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 230px;
height: 246px;
background: #fff;
}
.main .topBnr h4:before,
.main .topBnr h4:after {
content: none;
}
.main .topBnr h4 {
margin-bottom: 7px;
padding: 2px 5px;
border-radius: 15px;
background: #003d96;
color: #fff;
text-align: center;
font-size: 16px;
}
.topBnr .spLady {
margin-bottom: 0;
padding: 0 0 4px 0;
font-weight: bold;
font-size: 20px;
line-height: 1;
}
.topBnr .spLady span {
margin-right: 4px;
padding: 2px 5px;
border-radius: 4px;
background: #e50000;
color: #fff;
font-size: 16px;
line-height: 1;
}
.topBnr .spLady span:last-child {
margin-right: 0;
}
.topBnr .lead {
margin-bottom: 0;
padding: 5px 5px 0 5px;
text-align: center;
font-weight: bold;
font-size: 15px;
line-height: 1;
}
.topBnr .tel {
margin-bottom: 0;
padding: 0 5px;
font-size: 11px;
}
.topBnr .tel span {
display: block;
padding-left: 30px;
background-size: 32px auto;
text-align: center;
font-size: 31px;
}
.topBnr .tel span.dNum {
padding-left: 16px;
background-size: 14px auto;
}
.topBnr a img {
padding: 0 0 15px;
max-width: 230px;
}
.topBnr ul {
position: relative;
overflow: hidden;
width: 220px;
}
.topBnr ul li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 10px;
padding: 0;
}
.topBnr ul li:last-child {
margin-bottom: 0;
}
.topBnr ul li img {
width: 100%;
height: auto;
}
.topBnr ul li:before,
.topBnr ul li:after {
content: none;
}
.topBnrB {
margin: 30px auto 0;
width: 1000px;
} .main .topWorksBnr {
float: left;
width: 500px;
}
.main .inqCount {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 6px 6px;
width: 500px;
border: #e95f19 solid 7px;
-webkit-box-shadow: 0 0 0 6px #f2f2f2 inset;
box-shadow: 0 0 0 6px #f2f2f2 inset;
color: #fff;
}
.main .inqCount h3 {
margin-bottom: 0;
padding: 0;
border: none;
background: none;
color: #003d96;
text-align: center;
font-size: 32px;
line-height: 1;
}
.main .inqCount h3 span {
background: #003d96;
color: #fff;
text-align: center;
display: block;
font-size: 15px;
padding: 5px 5px;
margin: 5px 5px 0;
}
.main .inqCount p {
margin: 6px 0 0;
background: #673a1c;
text-align: center;
font-size: 15px;
}
.main .inqCount dl {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 5px 5px;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/inqCount_bg.png) no-repeat right bottom #fff;
}
.main .inqCount dt {
display: block;
float: left;
clear: both;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 3px 0;
width: 205px;
border-radius: 5px 0 0 5px;
background: #e95f19;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 18px;
}
.main .inqCount dd {
display: block;
margin-bottom: 10px;
padding: 1px 0 1px 205px;
width: 102px;
border-radius: 5px;
background: #f9f5ee;
background: #eee;
color: #e50000;
text-align: center;
font-weight: bold;
font-size: 28px;
line-height: 1.3;
}
.main .inqCount dd span {
font-size: 18px;
}
.main .inqCount dd:last-of-type {
margin-bottom: 0;
}
.main .topFormImg {
margin-bottom: 0.5em;
}
.main .topFormText {
margin: 0 0 15px 0;
color: #333;
font-weight: bold;
font-size: 20px;
line-height: 1.4;
}
.main .topFormText span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0 0.4em;
border-radius: 5px;
background-color: #e50000;
color: #fff;
line-height: 1.4;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main .topFormareaContact .contactCatch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
margin: 0.5em 0 2px;
padding: 0 10px;
border-radius: 30px;
background-color: #003d96;
color: #fff;
font-weight: bold;
font-size: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main .topFormareaContact .tel span {
padding: 0 0 5px 38px;
background-position: 0% 55%;
background-size: 38px auto; font-size: 56px; }
.main .contactTime {
margin: 0;
margin-top: -0.5em;
color: #000;
font-size: 0.8em;
font-size: 11px;
}
.main .tel {
margin: 0;
}
.wpcf7-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.wpcf7 td,
.wpcf7 th {
width: 50%;
}
.main .formBox th .-gray {
background: #ccc;
} .form {
margin: 0 auto;
}
.form h3 {
border-top: none;
background: #003d96;
color: #fff;
}
.form ul {
margin-bottom: 40px;
}
.form ul li {
padding: 0;
background: none;
}
.form ul li:before,
.form ul li:after {
content: none;
}
.form ul.formStep {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.form ul.formStep li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
margin: 5px 0;
padding: 0 10px 0 80px;
width: 160px;
height: 50px;
background: #efefef;
color: #333;
font-weight: bold;
font-size: 17px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nocolumn .form ul.formStep li {
width: 243px;
}
.form ul.formStep li:before,
.form ul.formStep li:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-width: 25px 0 25px 10px;
border-style: solid;
border-color: transparent transparent transparent #efefef;
content: "";
}
.form ul.formStep li:before {
top: 0;
left: 100%;
z-index: 10;
background: none;
}
.form ul.formStep li:after {
top: 0;
left: 100.8%;
z-index: 9;
border-color: transparent transparent transparent #fff;
-webkit-transform: none;
transform: none;
}
.form ul.formStep li:last-child:before,
.form ul.formStep li:last-child:after {
display: none;
}
.form ul.formStep li.on {
background: #e95f19;
color: #fff;
}
.form ul.formStep li.on:before {
border-color: rgb(0 0 0 / 0%) rgb(0 0 0 / 0%) rgb(0 0 0 / 0%) #e95f19;
}
.form ul.formStep li span {
position: absolute;
top: -3px;
left: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 57px;
height: 57px;
border-radius: 50%;
background: #003d96;
color: #fff;
text-align: center;
font-size: 13px;
line-height: 1.2;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.form ul.formStep li:first-child span {
left: 2px;
}
.main form table p,
.main form li p {
margin-bottom: 0;
}
.main form table p .form-wrap {
display: flex;
align-items: flex-start;
width: 690px;
max-width: 100%;
align-items: center;
}
.main form table p .form-wrap + .form-wrap {
margin-top: 5px;
}
.main form table p .form-wrap b {
display: block; flex-shrink: 0;
width: 4rem;
}
.main form table p .form-wrap .wpcf7-form-control-wrap {
display: block;
flex-shrink: 1;
margin: 0 5px;
}
.formBox td input[name="your-tel-or"],
.formBox td input[name="your-mobile-or"] {  }
.main .formBox {
margin-bottom: 40px;
}
.main .formBox table {
margin-bottom: 20px;
}
.main .formBox th {
padding: 20px 15px;
width: 30%;
border-bottom: #fff solid 1px;
background: #efe5c5;
color: #333;
vertical-align: top;
font-weight: bold;
font-size: 16px;
}
.main .formBox th span.any {
background: #b0b0b0;
}
.main .formBox td {
padding: 5px 10px;
border-bottom: #fff solid 1px;
background: #f3f3f3;
vertical-align: middle;
font-size: 13px;
}
.main .formBox td .wpcf7c-elm-step1 {
font-size: 13px;
}
.main .formBox td > span {
display: inline-block;
margin: 5px 0 0;
font-size: 16px;
}
.main .formBox td span.your-order span span {
margin-right: 10px;
font-weight: bold;
}
.main .formBox td a {
display: inline-block;
padding-left: 25px;
color: #333;
font-size: 16px;
}
.main .formBox td input[type="text"],
.main .formBox td input[type="tel"],
.main .formBox td input[type="email"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
width: 520px;
height: 35px;
border: 1px solid #ccc;
background: #ffffcf;
font-size: 16px;
}
.nocolumn .main .formBox td input[type="text"],
.nocolumn .main .formBox td input[type="tel"],
.nocolumn .main .formBox td input[type="email"] {
width: 690px;
max-width: 100%;
}
#contact.nocolumn .main .formBox td input[type="tel"] {
width: auto !important;
}
.main .formBox td select,
.main .formBox td input[type="date"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 10px;
padding: 2px;
width: 200px;
height: 30px;
border: 1px solid #ccc;
background: #ffffcf;
font-size: 14px;
line-height: 30px;
}
.main .formBox td input[type="date"] {
width: 360px;
}
.main .formBox td input:placeholder-shown,
.main .formBox td textarea:placeholder-shown {
color: #b0b0b0;
}
.main .formBox td input::-webkit-input-placeholder,
.main .formBox td textarea::-webkit-input-placeholder {
color: #b0b0b0;
}
.main .formBox td input:-moz-placeholder,
.main .formBox td textarea:-moz-placeholder {
color: #b0b0b0;
opacity: 1;
}
.main .formBox td input::-moz-placeholder,
.main .formBox td textarea::-moz-placeholder {
color: #b0b0b0;
opacity: 1;
}
.main .formBox td input:-ms-input-placeholder,
.main .formBox td textarea:-ms-input-placeholder {
color: #b0b0b0;
}
.main .formBox td input[type="checkbox"] {
display: inline-block;
margin-right: 5px;
}
.main .formBox .submit {
text-align: center;
}
.main .formBox .submit li {
display: inline;
margin: 0 5px;
}
.formBox .submit .wpcf7c-btn-back {
border: solid 3px #777;
background: #bbb;
}
.contents .main .wpcf7c-btn-back textarea[readonly] {
background: #efefef;
}
.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 {
text-indent: 0.01px;
text-overflow: "";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.main .formBox td select.wpcf7c-conf::-ms-expand {
display: none;
}
.formBox th,
.formBox td {
padding: 15px 20px;
vertical-align: top;
text-align: left;
font-size: 15px;
line-height: 1.5;
}
.formBox th {
width: 20%;
color: #333;
}
.formBox th {
padding: 20px 15px;
width: 30%;
vertical-align: middle;
font-weight: bold;
font-size: 16px;
}
.formBox th span {
float: right;
padding: 2px 15px;
background: #e50000;
color: #fff;
font-size: 14px;
}
.formBox th span.any {
background: #b0b0b0;
}
.formBox td {
padding: 5px;
vertical-align: middle;
font-size: 13px;
}
.formBox td .wpcf7c-elm-step1 {
font-size: 13px;
}
.formBox td > span {
display: inline-block;
margin: 5px 0 0;
font-size: 16px;
}
.formBox td a {
position: relative;
padding-left: 25px;
color: #333;
font-size: 16px;
}
.formBox td a:before,
.formBox td a:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.formBox td a:before {
width: 16px;
height: 16px;
border-radius: 50%;
background: #e95f19;
}
.formBox td a:after {
left: 4px;
width: 4px;
height: 4px;
border-top: 2px solid #fffeee;
border-right: 2px solid #fffeee;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.formBox td input[type="text"],
.formBox td input[type="tel"],
.formBox td input[type="email"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
height: 30px;
border: 1px solid #ccc;
}
.formBox td select,
.formBox td input[type="date"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 10px;
padding: 2px;
width: 200px;
height: 30px;
border: 1px solid #ccc;
font-size: 14px;
line-height: 30px;
}
.formBox td input[type="date"] {
width: 360px;
}
.formBox td textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
width: 520px;
border: 1px solid #ccc;
background: #ffffcf;
font: 400 13.3333px Arial;
font-size: 16px;
line-height: 1.5;
}
.nocolumn .formBox td textarea {
width: 690px;
}
.formBox .submit li {
display: inline;
margin: 0 5px;
}
.formBox .submit input {
padding: 10px 50px;
border: #00975d solid 3px;
border-radius: 5px;
background: #00975d;
-webkit-box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.3) inset;
color: #fff;
vertical-align: top;
text-align: center;
font-weight: bold;
font-size: 24px;
cursor: pointer;
}
.formBox .submit input:hover {
opacity: 0.8;
}
.formBox .submit input[type="button"] {
margin-right: 10px;
}
.formBox td input.wpcf7c-conf,
.formBox td select.wpcf7c-conf {
border: none;
background: #fffeee;
}
.formBox td select.wpcf7c-conf {
text-indent: 0.01px;
text-overflow: "";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.formBox td select.wpcf7c-conf::-ms-expand {
display: none;
}
.formBox td input.wpcf7c-conf:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #efefef inset;
box-shadow: 0 0 0 1000px #efefef inset;
}
div.wpcf7-validation-errors {
border: 3px solid #e50000;
background: #fff;
}
.topFormBox {
position: relative;
overflow: hidden;
margin-top: 1.5em;
margin-left: 1.5em;
width: 352px;
}
.topFormBox h3,
.topFormBox h4.title {
margin: 0;
padding: 5px 10px 5px 15px;
border: none;
background: #e50000;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-shadow: 0 0 0 1px #fff inset;
box-shadow: 0 0 0 1px #fff inset;
color: #fff;
font-size: 25px;
}
.topFormBox h4.title::before,
.topFormBox h4.title::after {
display: none;
}
.topFormBox h3 strong {
color: #fbe130;
}
.topFormBox h3 span {
margin-left: 20px;
font-size: 14px;
}
.topFormBox h4.title span {
color: #fbe130;
}
.topFormBox .formBox {
position: relative;
margin-bottom: 0;
border: #ccc solid 1px;
}
.topFormBox .formBox td input[type="text"],
.topFormBox .formBox td input[type="tel"],
.topFormBox .formBox td input[type="email"],
.topFormBox .formBox td textarea {
padding: 2px 5px;
width: 100%;
height: auto;
background: #ffffcc;
}
.topFormBox .formBox .form-wrap {
display: block;
width: auto !important;
}
.topFormBox .formBox table {
margin: 0;
}
.topFormBox .formBox td span {
margin: 0;
width: 100%;
}
.topFormBox .formBox .submit input {
padding: 12px 60px 11px;
font-size: 16px;
}
.topFormBox .formBox table tr th,
.topFormBox .formBox table tr td {
padding: 9px 10px;
border-top: none;
border-right: none;
border-bottom: #ccc solid 1px;
border-left: none;
background: #fff;
color: #333;
}
.topFormBox .formBox table tr th {
width: 25%;
font-size: 13px;
}
.topFormBox .formBox table tr th span {
float: left;
margin-right: 5px;
padding: 0 5px;
font-size: 12px;
}
.main .formBox td .wpcf7c-elm-step1 {
display: none;
}
.main .formBox .submit {
padding: 5px 10px;
background: #fff;
}
.main .formBox td > span.your-subject {
font-size: 14px;
}
span.wpcf7-list-item {
margin-left: 0;
}
div.wpcf7 .ajax-loader {
display: none;
} #form {
margin: 0 auto;
}
#form h3 {
border-top: none;
background: #003d96;
color: #fff;
}
#form ul {
margin-bottom: 40px;
}
#form ul li {
padding: 0;
background: none;
}
#form ul li:before,
#form ul li:after {
content: none;
}
#form ul.formStep {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
#form ul.formStep li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
margin: 5px 0;
padding: 0 10px 0 80px;
width: 160px;
height: 50px;
background: #efefef;
color: #333;
font-weight: bold;
font-size: 17px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nocolumn #form ul.formStep li {
width: 243px;
}
#form ul.formStep li:before,
#form ul.formStep li:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-width: 25px 0 25px 10px;
border-style: solid;
border-color: transparent transparent transparent #efefef;
content: "";
}
#form ul.formStep li:before {
top: 0;
left: 100%;
z-index: 10;
background: none;
}
#form ul.formStep li:after {
top: 0;
left: 100.8%;
z-index: 9;
border-color: transparent transparent transparent #fff;
-webkit-transform: none;
transform: none;
}
#form ul.formStep li:last-child:before,
#form ul.formStep li:last-child:after {
display: none;
}
#form ul.formStep li.on {
background: #e95f19;
color: #fff;
}
#form ul.formStep li.on:before {
border-color: rgb(0 0 0 / 0%) rgb(0 0 0 / 0%) rgb(0 0 0 / 0%) #e95f19;
}
#form ul.formStep li span {
position: absolute;
top: -3px;
left: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 57px;
height: 57px;
border-radius: 50%;
background: #003d96;
color: #fff;
text-align: center;
font-size: 13px;
line-height: 1.2;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#form ul.formStep li:first-child span {
left: 2px;
}
.wpcf7-spinner {
margin: 0 !important;
} .main .taxList li,
.main .areaList li,
.main .corpList li,
.main .materialList li,
.main .colorList li {
display: inline-block;
padding: 0;
background: none;
}
.main .cat a,
.main .warksTaxList li a {
display: inline-block;
margin: 0 4px 5px 0;
padding: 0 5px;
border-radius: 3px;
background: #e95f19;
color: #fff;
text-decoration: none;
font-weight: bold;
}
.main .areaList > li > a {
position: relative;
background: #003d96;
}
.main .corpList > li > a {
position: relative;
background: #e50000;
}
.main .materialList > li > a {
position: relative;
background: #00975d;
}
.main .colorList > li > a {
position: relative;
background: #333;
}
.main .areaList .children > li > a {
background: #e95f19;
}
.main .warksTaxList ul li:before,
.main .warksTaxList ul li:after,
.main .warksTaxList ul li a:before,
.main .warksTaxList ul li a:after {
content: none;
}
.main .taxList li.current-cat a {
border: solid 1px #e95f19;
background-color: #fff;
color: #e95f19;
}
.main .areaList > li > a {
position: relative;
background: #003d96;
}
.main .areaList li.current-cat a {
border: solid 1px #003d96;
background-color: #fff;
color: #003d96;
}
.main .corpList li.current-cat a {
border: solid 1px #e50000;
background-color: #fff;
color: #e50000;
}
.main .materialList li.current-cat a {
border: solid 1px #00975d;
background-color: #fff;
color: #00975d;
}
.main .colorList li.current-cat a {
border: solid 1px #333;
background-color: #fff;
color: #333;
}
.main .infoBox {
overflow: hidden;
margin-bottom: 25px;
padding: 5px 0;
border-bottom: dotted 1px #333;
}
.main .infoBox p {
display: inline-block;
margin-bottom: 0;
font-size: 13px;
}
.main .infoBox .time {
float: right;
font-weight: bold;
}
.main .archiveBox {
overflow: hidden;
padding-bottom: 0;
}
.main .archiveBox {
position: relative;
overflow: hidden;
}
.main .archiveBox article {
position: relative;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 21px 40px 0;
padding-bottom: 0;
width: 236px;
border-bottom: none;
text-align: center;
}
.main .archiveBox article:nth-child(3n) {
margin-right: 0;
}
.main .archiveBox article:nth-child(3n + 1) {
clear: both;
}
.main .archiveBox a {
position: relative;
display: inline-block;
overflow: hidden;
color: #333;
}
.main .archiveBox .archiveSummary { font-weight: bold;
}
.main .archiveBox h3,
.main .archiveBox .contTxt,
.main .archiveBox .price {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
border: none;
background: none;
color: #333;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
line-height: 1.4;
}
.main .archiveBox h3 {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
white-space: initial;
}
.main .archiveBox h3,
#voice .main .archiveBox h3 {
margin: 0;
text-align: center;
font-size: 15px;
}
.main .archiveBox .mainPict {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 25px;
width: 236px;
height: 183px;
border: #ccc solid 1px;
background: #fff;
}
.main .archiveBox .mainPict img {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
width: 100%;
height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-o-object-fit: cover;
object-fit: cover;
}
.main .archiveBox #readmore img {
width: auto;
height: auto;
}
.main .archiveBox .price {
color: #e50000;
font-weight: bold;
}
.main .archiveBox .price span {
display: inline-block;
margin-right: 8px;
padding: 1px 5px 0 5px;
border-radius: 3px;
background: #e50000;
color: #fff;
font-size: 12px;
}
.main .archiveBox .time {
margin-bottom: 0;
font-weight: bold;
font-size: 10px;
line-height: 1.4;
}
.main .archiveBox .cat {
position: absolute;
top: 190px;
overflow: hidden;
height: 22px;
font-size: 11px;
line-height: 1.4;
}
.main .archiveBox .cat a {
color: #fff;
} .main .archiveBox ul {
position: relative;
overflow: hidden;
}
.main .archiveBox .archiveWorks li {
float: left;
margin-bottom: 30px;
padding: 0;
width: 350px;
background: #ccc;
}
.main .archiveBox .archiveWorks li:nth-child(2n) {
float: right;
}
.main .archiveBox li:before,
.main .archiveBox li:after {
content: none;
}
.main .archiveBox .archiveWorks li a {
color: #333;
text-decoration: none;
}
.main .archiveBox .archiveWorks li .worksMain {
position: relative;
display: block;
overflow: hidden;
width: 350px;
height: 235px;
}
.main .archiveBox .archiveWorks li .worksMain img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main .archiveBox .archiveWorks h4 {
margin: 0;
padding: 0;
width: 100%;
background: #009ce9;
color: #fff;
text-align: center;
font-size: 23px;
}
.main .archiveBox .archiveWorks h4:before,
.main .archiveBox .archiveWorks h4:after {
content: none;
}
.main .archiveBox .archiveWorks .summary {
padding: 10px;
border: #ccc solid 1px;
background: #fffeee;
}
.main .archiveBox .archiveWorks .summary p {
font-size: 14px;
}
.main .archiveBox .taxonomyWorks h3,
.main .archiveBox .archiveVoice h3 {
margin: 10px 0 0;
}
.main .archiveBox .archiveBlog h3 {
margin: 0;
}
.main .archiveBox .archiveBlog .time {
margin: 0 0 0;
}
.main .archiveBox .archiveBlog .btn {
display: inline-block;
margin-top: 5px;
padding: 3px 10px;
background: #f5a100;
color: #fff;
font-size: 12px;
line-height: 1.4;
}
.main .archiveVoice .mainPict {
margin-bottom: 10px;
}
.main .singleVoice,
.main .singleBlog,
.main .singleWorks {
border-bottom: none;
}
.main .singleWorks p,
.main .singleVoice p {
font-size: 15px;
}
.main .singleBlog .singleDetail img {
float: none;
max-width: 100%;
height: auto;
}
.main .singleBlog .staffBox {
margin-top: 30px;
}
.main .singleBlog .staffBox .staffName {
margin-bottom: 0;
color: #333;
font-weight: bold;
font-size: 23px;
line-height: 1.3;
}
.main .singleBlog .staffBox .staffName span {
display: inline-block;
color: #003d96;
font-size: 15px;
}
.main .singleBlog .area-box .box {
display: inline-block;
margin-right: 5px;
width: 25%;
width: calc(25% - 10px);
}
.main .singleBlog .area-box .box img {
width: 100%;
height: auto;
}
.main .singleBlog #toc_container li {
padding-left: 1em;
}
.main .singleBlog #toc_container ul ul {
margin-left: 0;
}
.main .singleWorks .singleDetail table.jirei-data th,
.main .singleWorks .singleDetail table.jirei-data td {
padding: 0;
border-top: none;
}
.main .singleWorks .singleDetail table.jirei-data td {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0;
width: 100%;
background: none;
}
.main .singleWorks .singleDetail .table-style01 table,
.main .singleWorks .singleDetail .table-style01 table td {
margin-bottom: 0;
}
.main .singleWorks .singleDetail .table-style01 table th,
.main .singleWorks .singleDetail .table-style01 table td {
padding: 15px;
border-bottom: none;
}
.main .singleWorks .singleDetail .table-style01 table td {
background: #efefef;
}
.main .singleWorks .singleDetail .uc {
table-layout: fixed;
}
.main .singleWorks .singleDetail .uc th,
.main .singleWorks .singleDetail .uc td {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
}
.main .singleWorks .singleDetail .uc td img {
width: 100%;
}
.main .cstColorphoto li {
position: relative;
}
.main .cstColorphoto .medal {
position: absolute;
top: 95px;
right: 0;
}
.main .cstColorphoto .medal {
position: absolute;
top: 95px;
right: 0;
}
.main .picBox {
position: relative;
overflow: hidden;
margin: 30px 0 50px;
}
.main .picBox:before,
.main .picBox:after {
position: absolute;
z-index: 10;
margin: auto;
content: "";
vertical-align: middle;
}
.main .picBox:before {
top: 202px;
left: 240px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 5px;
height: 5px;
border: 32px solid transparent;
border-left: 45px solid #e50000;
}
.main .picBox:after {
top: 140px;
left: 165px;
width: 80px;
height: 80px;
border: 0 solid transparent;
border-bottom: 30px solid #e50000;
border-radius: 0 0 0 75px;
}
.main .picBox .photo {
position: relative;
float: right;
overflow: hidden;
width: 434px;
height: 289px;
}
.main .picBox .photo img,
.main .picBox .btmPhoto img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main .picBox .btmPhoto {
position: relative;
padding-bottom: 10px;
overflow: hidden;
width: 263px;
height: 175px;
}
.main .picBox .btmPhoto .noImg,
.main .picBox .btmPhoto .bImg {
position: relative;
display: block;
float: left;
overflow: hidden;
width: 263px;
height: 175px;
}
.main .picBox02 {
margin-top: 40px;
}
.main .picBox02:before,
.main .picBox02:after {
content: none;
}
.main .picBox02 .photo {
position: relative;
float: right;
overflow: hidden;
width: 370px;
height: 210px;
}
.main .picBox02 .btmPhoto {
position: relative;
float: left;
overflow: visible;
padding: 0;
width: 370px;
height: 210px;
}
.main .picBox02 .btmPhoto:before,
.main .picBox02 .btmPhoto:after {
position: absolute;
top: 0;
right: inherit;
bottom: 0;
left: 358px;
z-index: 10;
margin: auto;
content: "";
vertical-align: middle;
}
.main .picBox02 .btmPhoto:before {
width: 36px;
height: 36px;
border: none;
border-radius: 50%;
background: #e95f19;
}
.main .picBox02 .btmPhoto:after {
left: 373px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 10px solid transparent;
border-left: 12px solid #fff;
border-radius: 0;
}
.main .picBox03 .btmPhoto {
display: none;
}
.main .picBox03 .photo {
position: relative;
float: none;
overflow: hidden;
margin: 0 auto;
}
.main .picBox span.after,
.main .picBox span.before {
position: absolute;
top: 5px;
left: 5px;
z-index: 10;
display: inline-block;
padding: 2px 5px;
background: #003d96;
color: #fff;
font-weight: bold;
font-size: 15px;
line-height: 1.4;
}
.main .picBox span.before {
background: #e50000;
}
.main .picBox span span {
margin-left: 5px;
opacity: 0.5;
}
.main .staffBox {
margin-bottom: 20px;
padding: 20px;
border: #e95f19 solid 5px;
border-radius: 5px;
}
.main .staffBox .staffProf {
float: left;
margin-right: 40px;
width: 235px;
}
.main .staffBox .staffProf img {
width: 100%;
}
.main .staffBox h3 {
clear: none;
overflow: hidden;
margin-top: 0;
}
.main .staffBox h4,
.main .staffBox h5,
.main .staffBox h6 {
clear: none;
overflow: hidden;
}
.main .staffcom {
overflow: hidden;
}
#voice .main .voiceSummary {
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.main .voicephotList {
float: left;
}
.main .voicephotList li {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 15px;
padding: 0;
width: 316px;
height: 206px;
}
.main .singleVoice .enqImg {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto 20px;
height: auto;
text-align: center;
}
.main .voicephotList .enqImg a {
display: block;
}
.main .voicephotList li img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main .singleVoice .enqImg img {
width: auto;
height: 100%;
border: solid 1px #ccc;
}
.main .voicephotList li:before,
.main .voicephotList li:after {
content: none;
}
#voice .main .singleDetail {
float: right;
width: 400px;
}
#voice .main .singleDetail table th {
padding: 15px 10px;
width: 25%;
}
#voice .main .enq h5 {
margin: 0 0 5px;
padding: 0;
border-radius: 4px;
background: none;
color: #333;
font-size: 16px;
}
#voice .main .enq ul {
overflow: hidden;
margin: 0 0 20px;
}
#voice .main .enq li {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 3px 5px;
width: 25%;
border-right: solid 1px #fff;
background: #e8ddbd;
text-align: center;
}
#voice .main .enq li:before,
#voice .main .enq li:after {
content: none;
}
#voice .main .enq li.on {
background: #003d96;
color: #fff;
}
#voice .main h3 {
margin-bottom: 15px;
}
#voice .main .enq p.score {
color: #e50000;
font-weight: bold;
font-size: 40px;
}
#voice .main .enq p.score span {
font-size: 20px;
}
.main .otherPhoto {
position: relative;
overflow: hidden;
padding: 0;
}
.main .otherPhoto li {
float: left;
margin-bottom: 20px;
padding: 0;
width: 350px;
font-size: 14px;
}
.main .otherPhoto li:before,
.main .otherPhoto li:after {
content: none;
}
.main .otherPhoto li:nth-child(2n) {
float: right;
}
.main .otherPhoto li:nth-child(2n + 1) {
clear: both;
}
.main .otherPhoto li a {
position: relative;
float: left;
overflow: hidden;
margin-bottom: 10px;
width: 350px;
height: 237px;
}
.main .otherPhoto li a img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main .otherPhoto li h5 {
display: block;
margin-bottom: 0;
padding: 0;
background: none;
color: #e95f19;
}  img.centered {
display: block;
margin-right: auto;
margin-left: auto;
}
img.alignright {
display: inline;
margin: 0 0 2px 7px;
padding: 0;
}
img.alignleft {
display: inline;
margin: 0 30px 10px 0;
padding: 0;
}
img.aligncenter {
display: block;
margin: 0 auto;
}
.alignright {
float: right;
margin-bottom: 2px;
margin-left: 10px;
}
.alignleft {
float: left;
margin-right: 10px;
margin-bottom: 2px;
}
img {
border-style: none;
}
.main .nobr br {
display: none;
}
.main p.wp-caption {
margin: 0 0 10px 0;
font-size: 0.8em;
line-height: 1.2em;
}
.main p.wp-caption img {
margin-bottom: 5px;
}
.main p.wp-caption .caption-text {
text-align: left;
} .pagenavi {
position: relative;
margin: 0 auto 40px;
padding: 20px 0;
border-bottom: dotted 1px #333;
text-align: center;
}
.pagenavi ul {
position: relative;
overflow: hidden;
margin: 0;
height: 40px;
}
.pagenavi ul li::before,
.pagenavi ul li::after {
display: none;
}
.pagenavi a {
position: relative;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 5px;
padding: 5px 25px 5px 5px;
width: 130px;
border-radius: 5px;
background: #00975d;
text-align: center;
text-decoration: none;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.pagenavi a:before,
.pagenavi a:after {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.pagenavi a:before {
width: 17px;
height: 17px;
border-radius: 50%;
background: #fff;
}
.pagenavi a:after {
right: 16px;
width: 5px;
height: 5px;
border-top: 3px solid #00975d;
border-right: 3px solid #00975d;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.pagenavi .next a {
padding: 5px 5px 5px 25px;
}
.pagenavi .next a:before,
.pagenavi .next a:after {
right: inherit;
left: 10px;
}
.pagenavi .next a:after {
right: inherit;
left: 14px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.pagenavi a:link,
.pagenavi a:hover,
.pagenavi a:visited {
color: #fff;
text-decoration: none;
}
.pagenavi a:hover {
opacity: 0.75;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.pagenavi li,
.main .pagenavi li {
position: absolute;
display: block;
margin: 0;
padding: 0;
background: none;
font-weight: bold;
}
.pagenavi li:before,
.pagenavi li:after,
.main .pagenavi li:before,
.main .pagenavi li:after {
content: none;
}
.pagenavi .prev {
position: absolute;
right: 0;
}
.pagenavi li.list {
position: absolute;
left: 50%;
margin-left: -70px;
}
.pagenavi .list a {
padding: 5px;
}
.pagenavi .list a:before,
.pagenavi li.list a:after {
content: none;
}
.pagenavi .next {
position: absolute;
left: 0;
}
.main .wp-pagenavi {
text-align: center;
}
.main .wp-pagenavi a {
display: inline-block;
overflow: inherit;
padding: 0 5px;
border: none;
border-radius: 5px;
background: #003d96;
text-align: center;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.main .wp-pagenavi span {
padding: 0 5px;
border-radius: 5px;
text-align: center;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.main .wp-pagenavi span.pages,
.main .wp-pagenavi span.last {
display: inline-block;
}
.main .wp-pagenavi a:link,
.main .wp-pagenavi a:visited {
color: #fff;
text-decoration: none;
}
.main .wp-pagenavi a:hover,
.main .wp-pagenavi span.current {
display: inline-block;
border-color: #bfbfbf;
}
.main .wp-pagenavi a:hover {
color: #fff;
opacity: 0.7;
}  .main .blogCatsList {
display: flex;
flex-flow: row wrap;
}
.main .blogCatsListItem {
width: 49%;
margin: 0 2% 10px 0;
padding: 0;
background: #f5f5f5;
transition: ease 0.4s;
}
.main .blogCatsListItem:nth-child(even) {
margin-right: 0;
}
.main .blogCatsList li::before,
.main .blogCatsList li::after {
content: none;
}
.main .blogCatsListItem a {
box-sizing: border-box;
display: block;
padding: 10px;
text-decoration: none;
height: 100%;
color: #000;
}
.blogCatsListCont {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
}
.blogCatsListCont .imgWrap {
background: #00975d;
padding: 5px;
border-radius: 5px;
width: 60px;
box-sizing: border-box;
}
.blogCatsListCont .txtWrap {
width: calc(100% - 70px);
margin-left: 10px;
line-height: 1.4;
text-align: justify;
font-size: 14px;
}
.blogCatsListCont .txtWrap dt {
color: #e50000;
font-weight: 700;
border-bottom: 1px dashed #e50000;
padding-bottom: 5px;
margin-bottom: 5px;
font-size: 16px;
}
.main .topicsBox {
position: relative;
overflow: hidden;
}
.main .topicsBox ul {
position: relative;
overflow: hidden;
}
.main .topicsBox ul li {
position: relative;
float: left;
margin: 0 21px 20px 0;
padding: 0;
width: 236px;
border-bottom: none;
}
.main .topicsBox ul li:before,
.main .topicsBox ul li:after {
content: none;
}
.main .topicsBox ul li h5 {
display: block;
overflow: hidden;
margin-bottom: 0;
padding: 0;
background: none;
color: #003d96;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
}
.main .topicsBox ul li .type {
position: absolute;
top: 5px;
right: 5px;
display: inline-block;
padding: 2px 5px;
border-radius: 5px;
background: #e50000;
color: #fff;
}
.main .worksBox,
.main .diagnosisBox,
.main .reasonBox,
.main .voiceBox,
.main .blogBox {
position: relative;
overflow: hidden;
text-align: center;
}
.main .worksBox > p {
text-align: left;
}
.main .worksBox .lead,
.main .voiceBox .lead {
text-align: left;
}
.main ul.works-menu01 {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
margin: 0 auto 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main ul.works-menu01 li {
margin-right: 10px;
padding: 0;
width: 100%;
border: 1px solid #ff9600;
border-radius: 5px;
background: #ff9600;
-webkit-box-shadow: 0 0 0 2px #fff inset;
box-shadow: 0 0 0 2px #fff inset;
text-align: center;
font-weight: bold;
font-size: 20px;
}
.main ul.areaUl li {
border: 1px solid #003d96;
background: #003d96;
}
.main ul.works-menu01 li:hover {
opacity: 0.7;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.main ul.works-menu01 li:before,
.main ul.works-menu01 li:after {
content: none;
}
.main ul.works-menu01 li:last-child {
margin-right: 0;
}
.main ul.works-menu01 li a {
display: block;
padding: 5px 0;
color: #fff;
text-align: center;
text-decoration: none;
font-weight: bold;
}
.main ul.works-menu01 li a span {
font-size: 15px;
}
.main .diagnosisBox .floatR {
margin-left: 15px;
width: 316px;
}
.main .diagnosisBox h2 {
margin: 0 0 10px;
padding: 0;
border-top: none;
background: none;
}
.main .basicKnow h2,
.main .recommendBox h2,
#diagnosis .main h2.catchTtl,
.main .worksBox h2 {
z-index: 10;
overflow: hidden;
margin: 0 auto 15px;
padding: 20px 0 0;
border-width: 9px 0 0 0;
border-style: solid;
border-color: #e50000;
-o-border-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/bg_border.png) 9 9 round;
border-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/bg_border.png) 9 9 round;
background: none;
color: #333;
font-size: 44px;
line-height: 1.2;
}
.main .basicKnow h2 span,
.main .worksBox h2 span,
.main .recommendBox h2 span,
.main .msgBox h2 span,
#diagnosis .main h2.catchTtl span {
display: table;
margin: 0 0 10px;
padding: 5px 10px;
border-radius: 5px;
background: #e50000;
color: #fff;
font-size: 24px;
}
.main .basicKnow h2 span.txtL,
.main .worksBox h2 span.txtL,
.main .recommendBox h2 span.txtL,
.main .msgBox h2 span.txtL,
#diagnosis .main h2.catchTtl span.txtL {
display: block;
margin-bottom: 0;
padding: 0;
background: none;
color: #333;
font-size: 61px;
}
.main .worksBox h2 span.txtL {
font-size: 53px;
}
.main .worksBox h3 {
position: relative;
padding: 5px 15px;
border-top: none;
background: #e95f19;
color: #fff;
text-align: left;
font-size: 23px;
}
.main .worksBox .dmakerList {
display: flex;
justify-content: center;
flex-wrap: wrap;
font-weight: 700;
font-size: 18px;
}
.main .worksBox .dmakerList li {
border-right: solid 1px #333;
padding: 0 10px;
margin-bottom: 10px;
}
.main .worksBox .dmakerList li:last-of-type {
border: none;
}
.main .worksBox .dmakerList li::before,
.main .worksBox .dmakerList li::after {
display: none;
}
.main .diagnosisBox .catchTtl {
padding-bottom: 15px;
border-bottom: #333 solid 1px;
}
.main .reasonList p {
font-size: 18px;
}
.main .reasonList p strong {
text-decoration: underline;
font-weight: normal;
}
.main .reasonList {
position: relative;
overflow: hidden;
}
.main .reasonList li {
position: relative;
float: left;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 12px 0 0;
padding: 10px 5px 5px;
width: 140px;
border-radius: 4px;
background: #e95f19;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 14px;
}
.main .reasonList li:before,
.main .reasonList li:after {
content: none;
}
.main .reasonList li:last-child {
margin: 0;
}
.main .reasonList li h4 {
position: relative;
margin: 0 0 5px;
padding: 0;
text-align: center;
font-weight: normal;
font-size: 14px;
line-height: 1.2;
}
.main .reasonList li h4:before,
.main .reasonList li h4:after {
content: none;
}
.main .reasonList li h4 strong {
display: block;
text-decoration: none;
letter-spacing: -0.07em;
font-size: 20px;
}
.main .reasonList li p {
margin: 10px 0 0;
padding: 5px;
border-radius: 4px;
background: #fff;
color: #333;
text-align: left;
font-weight: bold;
font-size: 14px;
line-height: 1.3;
}
.main .reasonList li p strong {
color: #e50000;
}
.main .reasonList li a {
display: block;
color: #fff;
text-decoration: none;
}
.main .worksList,
.main .blogList,
.main .eventList,
.main .voiceList {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
padding-bottom: 30px;
border-bottom: #ccc solid 1px;
}
.main .worksList article,
.main .voiceList article,
#top .main .blogList article,
.main .eventList article,
.main .topicsBox ul li {
position: relative;
float: left;
margin: 20px 21px 0 0;
padding: 0;
width: 236px;
border-bottom: none;
text-align: center;
font-weight: bold;
}
.main .blogList article {
position: relative;
float: left;
margin: 20px 17px 0 0;
padding: 0;
width: 236px;
border-bottom: none;
text-align: center;
font-weight: bold;
}
.main .worksList article:nth-child(3n),
.main .voiceList article:nth-child(3n),
#top .main .blogList article:nth-child(3n),
.main .eventList article:nth-child(3n),
.main .topicsBox ul li:nth-child(3n) {
margin-right: 0;
}
.main .blogList article:nth-child(4n) {
margin-right: 0;
}
.main .worksList article:nth-child(3n + 1),
.main .voiceList article:nth-child(3n + 1),
#top .main .blogList article:nth-child(3n + 1),
.main .eventList article:nth-child(3n + 1) {
clear: both;
}
.main .blogList article:nth-child(4n + 1) {
clear: both;
}
.main .worksList article:nth-child(-n + 3),
.main .voiceList article:nth-child(-n + 3),
#top .main .blogList article:nth-child(-n + 3),
.main .eventList article:nth-child(-n + 3),
.main .topicsBox ul li:nth-child(-n + 3) {
margin-top: 0;
}
.main .blogList article:nth-child(-n + 4) {
margin-top: 0;
}
.main .areaTemp .voiceList {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.main .areaTemp .voiceList article {
width: 23.5%;
margin: 0 2% 0 0;
}
.main .areaTemp .voiceList article:nth-child(4n) {
margin-right: 0;
}
.main .worksList a,
.main .voiceList a,
.main .blogList a,
.main .eventList a,
.main .topicsBox ul li a {
display: block;
color: #003d96;
}
.main .worksList .worksImg,
.main .voiceList .voiceImg,
.main .blogList .blogImg,
.main .eventList .blogImg,
.main .topicsBox ul li .mainThum {
position: relative;
display: inline-block;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 183px;
border: #ccc solid 1px;
zoom: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.main .worksList .worksImg,
.main .topicsBox ul li .mainThum {
margin-bottom: 0;
}
.main .worksList .worksImg img,
.main .voiceList .voiceImg img,
.main .blogList .blogImg img,
.main .eventList .blogImg img,
.main .topicsBox ul li .mainThum img {
position: absolute;
top: 50%;
left: 50%;
max-width: none;
width: auto;
height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main .worksList h3,
.worksList p,
.main .voiceList h3,
.voiceList p,
.main .blogList h3,
.blogList p,
.main .eventList h3,
.main .eventList .contTxt,
.topicsBox ul li p {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
border: none;
background: none;
color: #003d96;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
line-height: 1.4;
}
.main .topicsBox ul li h3,
.main .worksList h3,
.main .voiceList h3,
.main .blogList h3,
.main .eventList h3 {
font-size: 14px;
}
.main .worksList a h3 {
background: transparent;
color: #003d96;
}
.main .worksList h3,
.main .voiceList h3 {
margin: 0 0 5px 0;
}
.main .voiceBox {
position: relative;
overflow: hidden;
}
.main .voiceList h3 {
overflow: visible;
overflow: hidden;
text-overflow: inherit;
text-overflow: ellipsis;
white-space: inherit;
white-space: nowrap;
font-size: 14px;
}
.main .worksList .catchTxt {
clear: both;
overflow: inherit;
text-align: left;
text-overflow: inherit;
white-space: inherit;
font-size: 15px;
}
.nocolumn .main .worksList article {
margin: 20px 18px 0 0;
}
.nocolumn .main .worksList article:nth-child(3n + 1) {
clear: none;
}
.nocolumn .main .worksList article:nth-child(4n) {
margin-right: 0;
}
.nocolumn .main .worksList article:nth-child(-n + 4) {
margin-top: 0;
}
.nocolumn .main .worksList article:nth-child(4n + 1) {
clear: both;
} #column .archive-column {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#column .archive-column .box {
width: 48%;
width: calc(50% - 20px);
margin-bottom: 30px;
}
#column .archive-column .pad_box {
position: relative;
overflow: hidden;
padding: 10px;
border: #ccc solid 1px;
}
#column .archive-column .pad_box p {
margin-bottom: 0;
}
#column .archive-column .box img {
float: left;
margin: 0 10px 0 0;
}
#column .archive-column .box .index_ttl { background: #e95f19;
color: #fff; }
#column .archive-column .box .index_ttl a {
display: block;
text-decoration: none;
color: #fff;
padding: 5px 10px;
font-size: 18px;
font-weight: bold;
line-height: 1.4;
position: relative;
}
#column .archive-column .box .index_ttl a:hover {
text-decoration: underline;
transition: 0.7s;
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
}
#column .archive-column .btnDetail {
float: right;
}
.singleColumn img {
margin: 15px auto;
display: block;
}
.singleColumn .flm {
float: left;
margin: 6px 12px 6px 0;
}
.singleColumn .frm {
float: right;
margin: 6px 0 6px 12px;
}
.box02_content {
margin-bottom: 20px;
}
.main .column_link li {
margin-bottom: 0;
} #first .main .catchTtl {
color: #333;
font-weight: bold;
font-size: 37px;
line-height: 1.2;
}
#first .main .catchTtl span {
display: table;
padding: 5px 10px;
border-radius: 4px;
background: #003d96;
color: #fff;
font-size: 18px;
line-height: 1.2;
}
#first .main .firstPoint h3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 20px;
padding: 0 7px;
font-size: 24px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#first .main .firstPoint h3 span {
display: inline-block;
margin: 7px 10px 7px 0;
padding: 3px 10px;
border-radius: 4px;
background: #e95f19;
color: #fff;
font-size: 18px;
line-height: 1.3;
flex-shrink: 0;
}
#first .main .firstPoint h3 strong {
color: #e50000;
}
.main .firstContents {
position: relative;
overflow: hidden;
}
.main .firstContents h4 {
clear: both;
}
.main .firstContents section {
margin-bottom: 0;
}
.main .firstContents h5 {
margin: 0 0 15px;
}
.main .firstContents img.alignleft {
margin-right: 10px;
}
.main .firstContents table {
float: right;
width: 385px;
}
.main .firstContents table th,
.main .firstContents table td {
border-bottom: #fff solid 1px;
border-left: #fff solid 1px;
}
.main .firstContents table td {
padding: 11px 10px;
background: #efefef;
text-align: right;
}
.main .firstContents table th {
padding: 11px 10px;
background: #003d96;
color: #fff;
vertical-align: middle;
text-align: center;
font-weight: normal;
}
.main .firstContents .btn {
float: right;
}
#first .main table strong {
color: #e50000;
}
#first .main .choicePoint {
margin: 0 0 40px;
padding: 0;
}
#first .main .choicePoint li {
position: relative;
overflow: hidden;
margin-bottom: 30px;
list-style: none;
}
#first .main .choicePoint li img {
float: right;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 30px;
border: #ccc solid 1px;
}
#first .main .choicePoint h4 {
position: relative;
margin-bottom: 15px;
padding: 8px 10px 8px 40px;
background: #efefef;
}
#first .main .choicePoint h4:before,
#first .main .choicePoint h4:after {
position: absolute;
top: 10px;
left: 10px;
margin: auto;
border-radius: 0;
background: none;
content: "";
vertical-align: middle;
}
#first .main .choicePoint h4:before {
width: 22px;
height: 22px;
border-radius: 50%;
background: #003d96;
opacity: inherit;
}
#first .main .choicePoint h4:after {
top: 16px;
left: 15px;
width: 6px;
height: 6px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#first .main .flowWorks {
position: relative;
overflow: hidden;
padding-bottom: 70px;
}
#first .main .flowWorks img {
float: right;
margin: 0 0 20px 30px;
}
#first .main .flowWorks:after {
position: absolute;
right: 0;
bottom: -100px;
left: 0;
margin: auto;
width: 0;
height: 0;
border: 100px solid transparent;
border-top: 45px solid #003d96;
content: "";
}
#first .main .flowComplete {
padding-bottom: 0;
}
#first .main .flowComplete:after {
content: none;
} #showroom article {
border-bottom: none;
}
.main .featureBox {
position: relative;
overflow: hidden;
margin-bottom: 30px;
background: #003d96;
}
.main .featureBox p {
display: inline-block;
margin-bottom: 0;
}
.main .featureBox ul {
float: right;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 0;
padding: 10px;
width: 300px;
}
.main .featureBox ul li {
position: relative;
overflow: hidden;
margin-top: 10px;
padding: 10px;
border-radius: 5px;
background: #fff;
font-size: 14px;
}
.main .featureBox ul li:first-child {
margin-top: 0;
}
.main .featureBox ul li:before,
.main .featureBox ul li:after {
content: none;
}
.main .featureBox ul li p {
display: inline;
font-size: 14px;
line-height: 1.8;
}
.main .featureBox ul li h4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 10px 0 0;
padding: 0;
width: 80px;
height: 77px;
background: #e95f19;
color: #fff;
font-size: 25px;
line-height: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main .featureBox ul li h4:before,
.main .featureBox ul li h4:after {
display: none;
}
.main ul.showroomDetail {
position: relative;
overflow: hidden;
}
.main ul.showroomDetail li {
float: left;
margin: 0;
padding: 0;
width: 480px;
font-size: 15px;
}
.main ul.showroomDetail li:nth-child(2n) {
float: right;
}
.main ul.showroomDetail li:before,
.main ul.showroomDetail li:after {
display: none;
}
.main ul.showroomDetail li img {
margin-bottom: 10px;
}
.main .showroomMerit ol {
position: relative;
overflow: hidden;
margin-top: 0;
padding: 0;
}
.main .showroomMerit li {
position: relative;
display: block;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 35px 0 0;
width: 310px;
list-style-type: none;
font-size: 18px;
}
.main .showroomMerit li br {
display: none;
}
.main .showroomMerit li:nth-child(3n) {
margin-right: 0;
}
.main .showroomMerit li:before,
.main .showroomMerit li:after {
display: none;
}
.main .showroomMerit li h5 {
margin: 0;
padding: 0;
background: none;
color: #e82c2c;
font-size: 18px;
font-family: "Impact", Gadget, "Anton", sans-serif;
line-height: 1;
}
.main .showroomMerit li img {
float: right;
margin-left: 10px;
}
.main .showroomMerit li p:first-of-type {
margin-top: 0;
}
.main .showroomMerit li p {
font-size: 15px;
}
.main .featureContents ol {
margin: 0;
padding: 0;
counter-reset: feature;
}
.main .featureContents ol > li {
counter-increment: feature;
}
.main .featureContents li {
padding: 0;
list-style: none;
}
.main .featureContents h3 {
position: relative;
display: block;
overflow: hidden;
overflow: hidden;
margin-bottom: 0;
padding: 0;
padding: 15px 0;
border: none;
background: none;
color: #333;
font-size: 52px;
line-height: 1.2;
}
.main .featureContents h3:before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
margin-right: 20px;
width: 125px;
height: 125px;
border: #4d90c3 solid 7px;
border-radius: 50%;
background: #003d96;
color: #fff;
content: "ここが違う\A"counter(feature, decimal-leading-zero);
text-align: center;
white-space: pre;
font-size: 20px;
line-height: 1.2;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main .featureContents h3 img {
position: absolute;
top: 0;
right: 0;
}
.main .featureContents .photoUL li {
margin-right: 20px;
width: 320px;
height: 230px;
}
.main .featureContents .photoUL li:nth-child(3n) {
margin-right: 0;
}
.main ol.showroomStep {
position: relative;
overflow: hidden;
margin: 0 0 30px;
padding: 0;
}
.main ol.showroomStep li {
float: left;
margin: 15px 0 0 -50px;
width: 250px;
list-style-type: none;
font-weight: bold;
}
.main ol.showroomStep li:first-child {
margin-left: 0;
width: 200px;
}
.main ol.showroomStep li span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 10px;
width: 67px;
height: 67px;
border-radius: 50%;
background: #003d96;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main ol.showroomStep li h4 {
margin: 0 50px 10px 0;
padding: 3px 10px 3px 50px;
background: -webkit-gradient(
linear,
left top,
right top,
from(#e95f19),
to(#fc0)
);
background: linear-gradient(90deg, #e95f19 0%, #fc0 100%);
color: #fff;
font-size: 15px;
}
.main ol.showroomStep li:first-child h4 {
padding-left: 10px;
}
.main ol.showroomStep li:last-child h4 {
background: #e50000;
}
.main ol.showroomStep li h4:before {
display: none;
}
.main ol.showroomStep li h4:after {
position: absolute;
top: inherit;
bottom: 0;
left: 100%;
z-index: 10;
width: 0;
height: 0;
border-width: 40px 0 0 40px;
border-style: solid;
border-color: transparent transparent transparent #fc0;
border-radius: 0;
background: none;
content: "";
}
.main ol.showroomStep li:last-child h4:after {
border-color: transparent transparent transparent #e50000;
}
.main ol.showroomStep li p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
padding-left: 40px;
height: 68px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main ol.showroomStep li:first-child p {
padding-left: 0;
} #reason .main .catchTtl {
position: relative;
z-index: 10;
overflow: hidden;
margin: 0 auto 15px;
padding: 10px 0 0;
width: auto;
border-top: none;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #333;
font-size: 57px;
line-height: 1.2;
}
#reason .main .catchTtl img {
float: left;
margin: -10px 10px 0 0;
}
.main .reasonDetail {
position: relative;
overflow: hidden;
padding: 0;
}
.main .reasonDetail li {
position: relative;
overflow: hidden;
margin-bottom: 40px;
padding: 0;
list-style: none;
}
.main .reasonDetail li:before,
.main .reasonDetail li:after {
content: none;
}
.main .reasonDetail li:last-child {
margin-bottom: 0;
}
.main .reasonDetail li .photoUL {
margin-top: 20px;
}
.main .reasonDetail li .photoUL li {
margin: 0 20px 0 0;
height: auto;
}
.main .reasonDetail li .photoUL li:nth-child(3n) {
margin-right: 0;
}
.main .reasonDetail li .photoUL li img {
position: relative;
top: inherit;
left: inherit;
-webkit-transform: none;
transform: none;
}
.main .reasonDetail h3 {
position: relative;
margin-bottom: 20px;
padding: 0 0 0 85px;
min-height: 75px;
border: none;
background: none;
font-size: 37px;
line-height: 1.1;
}
.main .reasonDetail h3 img {
position: absolute;
left: 0;
}
.main .reasonDetail h3 span {
display: table;
padding: 5px 10px;
border-radius: 4px;
background: #003d96;
color: #fff;
font-size: 18px;
line-height: 1;
}
.main .reasonDetail h3 strong {
color: #e50000;
}
.main .reasonDetail .alignleft {
margin: 0 30px 15px 0;
}
.main .reasonDetail .alignright {
margin: 0 0 15px 30px;
}
.main .reasonDetail p {
margin-bottom: 15px;
font-size: 15px;
line-height: 1.8;
}
.main .reasonDetail img {
margin-bottom: 20px;
}
.main .reasonDetail li p:last-child {
margin-bottom: 0;
}
.main .reasonDetail .btn {
float: right;
} body#staff.nocolumn {
min-width: 0;
}
#staff .main .staffList li {
position: relative;
float: left;
overflow: hidden;
margin: 0 20px 30px 0;
padding: 0;
width: 236px;
text-align: center;
}
#staff .main .staffList li a {
color: #333;
text-decoration: none;
}
#staff .main .staffList li:nth-child(3n) {
margin-right: 0;
}
#staff .main .staffList li:before,
#staff .main .staffList li:after {
content: none;
}
#staff .main .staffPhoto {
position: relative;
display: block;
overflow: hidden;
width: 236px;
height: 290px;
}
#staff .main .staffPhoto img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#staff .main .staffList li .positionTxt {
display: block;
margin: 5px 0;
line-height: 1;
}
#staff .main .staffList li .positionTxt span,
#staff .main .staffProf .profileDetail .positionTxt span {
display: inline-block;
margin-right: 5px;
font-weight: bold;
font-size: 12px;
}
#staff .main .staffList li .staffName,
#staff .main .staffProf .profileDetail .staffName,
#works .main .staffBox .staffName {
margin: 10px 0 0;
color: #333;
font-weight: bold;
font-size: 23px;
line-height: 1.3;
}
#staff .main .staffList li .staffName span,
#staff .main .staffProf .profileDetail .staffName span,
#works .main .staffBox .staffName span {
display: block;
color: #00975d;
font-size: 15px;
}
#staff .main .staffList li .btnDetail {
padding: 0 10px;
}
body#staff.nocolumn {
min-width: 0;
}
#staff .main .staffProf {
position: relative;
overflow: hidden;
padding: 20px;
}
#staff .main .staffProf .floatL {
margin-right: 40px;
}
#staff .main .staffProf .staffPhoto {
margin-bottom: 20px;
width: 240px;
height: 290px;
}
#staff .main .staffProf .staffPhoto img {
width: 100%;
height: auto;
}
#staff .main .staffProf .profileDetail {
overflow: hidden;
}
#staff .main .staffProf .profileDetail .positionTxt {
margin-bottom: 5px;
font-size: 12px;
}
#staff .main .staffProf .profileDetail .positionTxt span {
padding: 0 5px;
border-radius: 4px;
background: #e95f19;
color: #fff;
}
#staff .main .staffProf .profileDetail .staffName span {
display: inline-block;
margin-left: 10px;
}
#staff .main .staffProf .profileDetail dl dt {
display: block;
margin: 15px 0 10px;
padding: 3px 10px;
background: #e95f19;
color: #fff;
font-weight: bold;
font-size: 15px;
}
#staff .main .staffProf .profileDetail dl dd {
font-size: 15px;
}
.main .staffBtn {
clear: both;
margin: 20px 0;
text-align: center;
}
.main .staffBtn li {
display: inline-block;
padding: 0;
text-align: center;
}
.main .staffBtn li:before,
.main .staffBtn li:after {
content: none;
} .main ol.colorStep {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
}
.main ol.colorStep li {
float: left;
margin: 0 15px 0 0;
width: 182px;
border: #e95f19 solid 3px;
border-radius: 5px;
background: none;
list-style: none;
text-align: center;
}
.main ol.colorStep li:last-child {
margin-right: 0;
}
.main ol.colorStep li span {
display: block;
margin-bottom: 1px;
background: #e95f19;
color: #fff;
font-weight: bold;
}
.main ol.colorStep li h4 {
margin: 10px 0 5px;
padding: 0 5px;
text-align: left;
font-size: 14px;
}
.main ol.colorStep li h4:before,
.main ol.colorStep li h4:after {
display: none;
}
.main ol.colorStep li p {
margin: 5px 0;
padding: 0 5px;
text-align: left;
font-size: 12px;
}
#colorsimulation .main .campaignArw {
position: relative;
margin: 20px 165px 20px 0;
padding: 0 20px;
background: #e50000;
color: #fff;
font-weight: bold;
font-size: 20px;
}
#colorsimulation .main .campaignArw:after {
position: absolute;
top: 50%;
left: 100%;
margin-top: -30px;
width: 0;
height: 0;
border: 30px solid transparent;
border-left: #e50000 solid 48px;
content: " ";
}
.main .colorSample {
position: relative;
overflow: hidden;
}
.main .colorSample li {
position: relative;
overflow: hidden;
margin-bottom: 30px;
padding: 0;
}
.main .colorSample li:before,
.main .colorSample li:after {
content: none;
}
.main .colorSample li span {
position: relative;
display: inline-block;
float: left;
margin: 0 32px 0 0;
}
.main .colorSample li span:after {
position: absolute;
top: 0;
bottom: 0;
left: 102%;
margin: auto;
width: 0;
height: 0;
border: 20px solid transparent;
border-left: #e95f19 solid 20px;
content: " ";
} #rainleaking .main .ranking {
margin: 20px 0 30px;
padding: 0;
}
#rainleaking .main .ranking li {
margin: 0;
color: #e50000;
list-style: none;
font-weight: bold;
font-size: 25px;
}
#rainleaking .main .catchTtl {
margin-bottom: 30px;
font-weight: bold;
font-size: 52px;
line-height: 1.3;
}
.main .rainrepairChoose h2 {
position: relative;
display: block;
overflow: hidden;
padding: 0;
padding-top: 15px;
border-width: 9px 0 0 0;
border-style: solid;
border-color: #f5a100;
-o-border-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/bg_border.png) 9 9 round;
border-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/bg_border.png) 9 9 round;
background: none;
color: #333;
font-size: 52px;
line-height: 1.2;
}
.main .rainrepairChoose h2 span {
display: table;
margin: 0 0 10px;
padding: 5px 10px;
border-radius: 5px;
background: #003d96;
color: #fff;
font-size: 24px;
}
.main .rainrepairChoose h2 strong {
color: #e50000;
}
.main .rainrepairService h2 {
display: block;
margin-bottom: 20px;
padding: 5px;
background: #175abf;
color: #fff;
text-align: center;
font-size: 60px;
line-height: 1.4;
}
.main .rainrepairService > ul {
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.main .rainrepairService > ul > li {
position: relative;
display: block;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
padding: 15px;
background: rgba(241, 124, 45, 0.2);
}
.main .rainrepairService > ul > li:before,
.main .rainrepairService > ul > li:after {
content: none;
}
.main .rainrepairService > ul > li.shortList {
float: left;
width: 495px;
}
.main .rainrepairService > ul > li.shortList:nth-child(2n + 1) {
float: right;
}
.main .rainrepairService li h3 {
position: relative;
margin-bottom: 10px;
padding: 2px 10px;
background-color: #f5a100;
color: #fff;
font-size: 24px;
}
.main .rainrepairService li > p {
margin-bottom: 10px;
}
.main .rainrepairService li .serviceType {
position: relative;
overflow: hidden;
background: #fff;
}
.main .rainrepairService li .serviceType.floatL,
.main .rainrepairService li .serviceType.floatR {
width: 475px;
}
.main .rainrepairService li .serviceType img {
float: left;
}
.main .rainrepairService li .serviceType h4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
clear: none;
overflow: hidden;
margin: 0 0 10px;
padding: 5px;
border-left: 1px solid #fff;
background: #333;
color: #fff;
text-align: center;
font-size: 35px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main .rainrepairService li.shortList .serviceType h4 {
margin-bottom: 10px;
font-size: 26px;
}
.main .rainrepairService li .serviceType h4 span {
margin-left: 5px;
font-size: 28px;
}
.main .rainrepairService li .serviceType h4:before,
.main .rainrepairService li .serviceType h4:after {
content: none;
}
.main .rainrepairService li .serviceType p {
margin-bottom: 0;
}
.main .rainrepairService li .serviceType .price {
overflow: hidden;
padding: 0 10px;
color: #e50000;
text-align: right;
font-weight: bold;
font-size: 76px;
font-family: "Impact", Gadget, sans-serif;
line-height: 1.1;
}
.main .rainrepairService li .serviceType.floatL .price,
.main .rainrepairService li .serviceType.floatR .price,
.main .rainrepairService li.shortList .serviceType .price {
font-size: 45px;
}
.main .rainrepairService li .serviceType .price span {
font-size: 40px;
font-family: "Impact", Gadget, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro",
"ヒラギノ角ゴ Pro W3", sans-serif;
}
.main .rainrepairService li .serviceType.floatL .price span,
.main .rainrepairService li .serviceType.floatR .price span,
.main .rainrepairService li.shortList .serviceType .price span {
font-size: 25px;
}
.main .rainrepairService li .serviceType .price .tax {
display: inline-block;
color: #333;
text-align: right;
font-size: 30px;
font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro",
"ヒラギノ角ゴ Pro W3", sans-serif;
}
.main .rainrepairService li .serviceType.floatL .price .tax,
.main .rainrepairService li .serviceType.floatR .price .tax,
.main .rainrepairService li.shortList .serviceType .price .tax {
display: block;
font-size: 20px;
}
.main .ttlCaution {
margin: 0 auto 0;
border-top: none;
background: #003d96;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
text-align: center;
font-size: 30px;
}
.main .warningChk {
padding: 20px;
background: #fffeee;
}
.main .warningChk h3 {
margin-bottom: 0;
padding: 0;
border-top: 0;
background: none;
color: #003d96;
font-size: 29px;
line-height: 1.4;
}
.main .warningChk h5 {
margin: 0 0 10px;
background: #e50000;
}
.main .warningChk img {
margin: 0 15px 0 0;
}
.main .warningChk ul li {
position: relative;
margin: 0 0 0;
padding: 0 0 0 20px;
font-weight: bold;
font-size: 22px;
}
.main .warningChk ul li:before,
.main .warningChk ul li:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.main .warningChk ul li:before {
width: 16px;
height: 16px;
border-radius: 50%;
background: #e95f19;
}
.main .warningChk ul li:after {
left: 4px;
width: 4px;
height: 4px;
border-top: 2px solid #fffeee;
border-right: 2px solid #fffeee;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.main .troubleBox h2,
.main .diagnosisPoint h2 {
position: relative;
display: block;
overflow: hidden;
padding: 0;
padding-top: 15px;
border-width: 9px 0 0 0;
border-style: solid;
border-color: #003d96;
-o-border-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/bg_border.png) 9 9 round;
border-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/bg_border.png) 9 9 round;
background: none;
color: #333;
font-size: 31px;
line-height: 1.2;
}
.main .troubleBox h2 span,
.main .diagnosisPoint h2 span {
display: block;
font-size: 24px;
}
.main .troubleBox h2 span.txtL,
.main .diagnosisPoint h2 span.txtL {
display: block;
font-size: 38px;
}
.main .troubleBox h2 strong,
.main .diagnosisPoint h2 strong {
color: #e95f19;
}
.main .troubleBox h2 img,
.main .diagnosisPoint h2 img {
float: left;
margin: 0 10px 0 0;
}
.main .troubleBox h3 {
margin-bottom: 15px;
padding: 0;
border-top: none;
background: none;
color: #fff;
text-align: center;
font-size: 30px;
}
.main .troubleBox h3 strong {
color: #fdc758;
}
.main .troubleBox .floatL {
margin-right: 50px;
}
.main .troubleBox .floatL img {
margin-bottom: 10px;
}
.main .troubleBox .catchTxt {
position: relative;
display: block;
overflow: hidden;
margin-bottom: 0;
padding: 15px 0 0;
color: #fff;
font-weight: bold;
font-size: 18px;
}
.main .troubleBox .catchTxt strong {
text-decoration: underline;
}
.main .troubleBox .catchTxt img {
float: left;
margin: 0 10px 0 0;
}
#rainleaking .main .troubleBox {
padding: 0;
background: none;
}
#rainleaking .main .troubleBox .catchTxt {
color: #333;
font-size: 18px;
line-height: 1.5;
}
#rainleaking .main .troubleBox .catchTxt strong {
text-decoration: none;
}
.main .troubleBox h5 {
margin: 0 0 10px;
}
#rainleaking .main .troubleBox h5 {
margin: 0 0 20px;
background: #e95f19;
font-size: 30px;
}
.main .troubleBox .catchTxt {
clear: both;
font-size: 24px;
}
.main .troubleBox h6:before {
background: #e95f19;
}
.main .troubleBox ul li {
padding: 0;
background: none;
}
.main .troubleBox ul li:nth-child(3n) {
margin-right: 0;
}
.main .troubleBox ul li:before,
.main .troubleBox ul li:after {
content: none;
}
.main .troubleBox ul li p {
margin-top: 0;
padding-left: 20px;
font-size: 14px;
}
.main .troubleBox ul li h6 {
margin: 10px 0 0 0;
}
.main .troubleBox ul li h6:before {
background-color: #e95f19;
}
#rainleaking .main .troubleBox ul li {
margin: 0 15px 5px 0;
}
#rainleaking .main .troubleBox ul li:nth-child(3n) {
margin-right: 0;
}
.main .diagnosisPoint ol {
margin: 0;
padding: 0;
counter-reset: diagnosisPoint;
}
.main .diagnosisPoint > ol > li {
position: relative;
overflow: hidden;
margin-bottom: 30px;
counter-increment: diagnosisPoint;
line-height: inherit;
padding: 0;
}
.main .diagnosisPoint > ol > li:before,
.main .diagnosisPoint > ol > li:after {
content: none;
}
.main .diagnosisPoint li h3 {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
margin-bottom: 10px;
padding: 0;
border-top: none;
background: none;
color: #333;
font-size: 32px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main .diagnosisPoint li h3 strong {
color: #e50000;
}
.main .diagnosisPoint li h3 span {
display: inline-block;
float: left;
margin: 5px 10px 5px 0;
padding: 0 10px;
border-radius: 4px;
background: #f5a100;
color: #fff;
font-size: 18px;
line-height: 1.3;
}
.main .diagnosisPoint li h3:before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
margin-right: 20px;
width: 80px;
height: 80px;
border-radius: 50%;
background: #e95f19;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.33) 0 0 0 4px;
box-shadow: inset rgba(255, 255, 255, 0.33) 0 0 0 4px;
color: #fff;
content: "ここが違う\A"counter(diagnosisPoint, decimal-leading-zero);
text-align: center;
white-space: pre;
font-size: 14px;
line-height: 1.2;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main .diagnosisPoint li h4 {
display: inline-block;
margin-top: 0;
}
.main .diagnosisPoint li img {
float: left;
margin-right: 30px;
}
.nocolumn .main .photoUL li {
margin-right: 25px;
width: 316px;
height: 206px;
text-align: center;
}
.nocolumn .main .photoUL li:nth-child(3n) {
margin-right: 0;
}
.nocolumn .main .photoUL li:nth-child(3n + 1) {
clear: none;
}
.nocolumn .main .photoUL li:nth-child(4n) {
margin-right: 0;
}
.nocolumn .main .photoUL li:nth-child(4n + 1) {
clear: both;
}
.nocolumn .main .photoUL li img {
float: none;
margin: 0;
} .main .exMenu {
position: relative;
clear: both;
overflow: hidden;
}
.main .exMenu li {
position: relative;
float: left;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
width: 490px;
background: #fffddd;
color: #e82c2c;
text-align: center;
font-weight: bold;
font-size: 28px;
}
.main .exMenu li:nth-child(2n) {
float: right;
}
.main .exMenu li h5 {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0 15px;
width: 340px;
border-radius: 0;
background: #003d96;
color: #fff;
text-align: left;
font-size: 28px;
line-height: 1.8;
}
.main .exMenu li p {
margin-bottom: 0;
font-size: 28px;
}
.main .exMenu li:before,
.main .exMenu li:after {
content: none;
}
.main .sealingBox .exMenu li {
width: 700px;
} .main .wallPartsBox {
position: relative;
overflow: hidden;
margin: 30px 0;
}
.main .wallPartsBox .floatL {
width: 330px;
}
.main .wallPartsBox .floatR {
width: 640px;
text-align: center;
}
.main .wallPartsBox h2.catchTtl {
margin: 0 0 10px;
padding: 0;
background: none;
color: #333;
font-weight: bold;
font-size: 39px;
line-height: 1.2;
}
.main .wallPartsBox h2.catchTtl span {
margin: 0;
font-size: 39px;
}
.main .wallPartsBox h2.catchTtl strong {
color: #003d96;
}
.main .wallPartsBox h2.catchTtl .txtL {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
color: #e50000;
font-size: 92px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main .wallPartsBox h2.catchTtl .txtL span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
width: 120px;
height: 120px;
border-radius: 50%;
background: #e50000;
color: #fff;
font-weight: bold;
font-size: 92px;
line-height: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main .wallPartsBox p.txts {
font-weight: bold;
font-size: 14px;
}
.main .wallPartsBox h4 {
margin: 0 0 0;
padding: 0;
padding: 5px 0;
background: #003d96;
color: #fff;
text-align: center;
}
.main .wallPartsBox h4:before,
.main .wallPartsBox h4:after {
display: none;
}
.main .menuNote {
text-align: right;
}
.main h2.menuCatch {
margin: 30px 0;
padding: 0 0 30px;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #333;
text-align: center;
font-size: 45px;
line-height: 1.3;
}
.main h2.menuCatch:after {
position: absolute;
top: inherit;
bottom: 0;
left: 50%;
display: block;
margin: 0 auto;
margin-left: -245px;
width: 490px;
height: 15px;
border: none;
border-radius: 0;
background: #fed900;
content: "";
}
.main .itemBox h2 {
padding: 0;
background: none;
color: #333;
text-align: center;
font-size: 30px;
line-height: 1.4;
}
.main .itemBox h2 strong {
color: #003d96;
}
.main .itemBox h4 {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 15px;
font-size: 20px;
}
.main .itemImg {
position: relative;
display: block;
float: right;
overflow: hidden;
margin-left: 20px;
width: 245px;
height: auto;
}
.main .itemImg img {
width: 100%;
height: auto;
}
.main .wpackImg {
min-height: 250px;
padding-bottom: 50px;
}
.main .itemImg .imgLayer {
right: 0;
top: 0;
width: 60%;
height: auto;
}
.main .itemImg .imgLayer:last-of-type {
right: inherit;
left: 0;
top: inherit;
bottom: 0;
}
.main .itemSummery {
position: relative;
float: left;
width: 700px;
}
.main .itemSummery .leadTxt {
margin-bottom: 20px;
}
.main .itemSummery .leadTxt * {
font-size: 25px;
line-height: 1.5;
}
.main .itemSummery .leadTxt p {
margin-bottom: 20px;
}
.main .itemSummery .leadTxt .imgIco {
position: absolute;
top: -20px;
left: 100%;
width: 136px;
height: auto;
}
.main .itemSummery ul.iYears {
position: relative;
overflow: hidden;
}
.main .itemSummery ul.iYears li {
float: left;
margin: 0 1% 0 0;
padding: 0;
width: 49.5%;
background: none;
text-align: center;
font-weight: bold;
}
.main .itemSummery ul.iYears li:last-child {
margin: 0;
}
.main .itemSummery ul.iYears li:before,
.main .itemSummery ul.iYears li:after {
content: none;
}
.main .itemSummery ul.iYears li h5 {
display: block;
float: left;
margin: 0;
padding: 14px 10px;
border-radius: 0;
background: #e95f19;
font-size: 18px;
}
.main .itemSummery ul.iYears li.itemFeature {
margin-right: 0;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
.main .itemSummery ul.iYears li p {
margin: 0;
padding: 14px 0;
border: #ccc solid 1px;
background: #fffeee;
font-size: 17px;
line-height: 1.5;
}
.main .itemSummery ul.iYears li.itemFeature p {
text-align: left;
font-size: 18px;
}
.main .itemData {
clear: both;
margin-top: 20px;
padding: 15px;
background-color: #e95f19;
}
.main .itemData h4 {
display: block;
float: none;
margin: 0 0 20px;
padding: 0;
width: 100%;
color: #fff;
text-align: center;
font-size: 35px;
}
.main .itemData h4:before,
.main .itemData h4:after {
display: none;
}
.main .itemData > h5 {
display: block;
margin: 5px 0;
background: rgba(0, 0, 0, 0.3);
text-align: center;
}
.main .itemData ul {
position: relative;
overflow: hidden;
margin: 0;
}
.main .itemData ul li {
position: relative;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 15px 0 0;
padding: 15px 10px 50px;
width: 313px;
border-radius: 5px;
background: #fff;
text-align: center;
}
.main .itemData ul li:before,
.main .itemData ul li:after {
content: none;
}
.main .itemData ul li:nth-child(3n) {
margin-right: 0;
}
.main .itemData ul li h5 {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: auto;
padding: 3px;
width: 180px;
background: #003d96;
text-align: center;
} #faq .main h2 a {
color: #fff !important;
text-decoration: none;
}
.main .faqDl {
margin-bottom: 50px;
}
.main .faqDl dt {
font-size: 18px;
font-weight: bold;
background: #00975d;
margin-bottom: 0;
padding: 3px 5px;
}
.main .faqDl dt a {
color: #fff;
text-decoration: none;
}
.main .faqDl dd {
border: 1px solid #00975d;
margin-bottom: 20px;
padding: 15px;
}
.main .faqTtl {
margin-bottom: 0;
}
.main .faqList li {
margin-bottom: 50px;
padding: 0;
overflow: hidden;
}
.main .faqList li:before,
.main .faqList li:after {
content: none;
}
.main .faqList li h3:after {
content: none;
}
.main .faqList li .ansBox {
margin-bottom: 20px;
} .nocolumn .main .msgTxt,
#apartment .main .msgTxt,
#diagnosis .main .msgTxt,
#rainleaking .main .msgTxt {
position: relative;
display: block;
float: none;
overflow: hidden;
width: auto;
border-bottom: none;
}
#contact .main .msgTxt p,
#diagnosis .main .msgTxt p,
#rainleaking .main .msgTxt p,
#apartment .main .msgTxt p {
font-size: 16px;
}
#contact .main .msgTxt h3 br,
#diagnosis .main .msgTxt h3 br,
#rainleaking .main .msgTxt h3 br {
display: none;
}
#contact .main .msgTxt .catchTtl,
#diagnosis .main .msgTxt .catchTtl,
#rainleaking .main .msgTxt .catchTtl,
#apartment .main .msgTxt .catchTtl {
font-weight: bold;
font-size: 33px;
}
#contact .main .msgTxt .catchTtl span,
#diagnosis .main .msgTxt .catchTtl span,
#rainleaking .main .msgTxt .catchTtl span,
#apartment .main .msgTxt .catchTtl span {
display: inline-block;
margin-right: 5px;
padding: 0 10px;
border-radius: 5px;
background: #003d96;
color: #fff;
font-size: 25px;
}
#contact .main .msgTxt .catchTtl strong,
#diagnosis .main .msgTxt.catchTtl strong,
#rainleaking .main .msgTxt .catchTtl strong,
#apartment .main .msgTxt .catchTtl strong {
color: #e50000;
}
#contact .main .msgTxt .catchTxt,
#diagnosis .main .msgTxt .catchTxt,
#rainleaking .main .msgTxt .catchTxt,
#apartment .main .msgTxt .catchTxt {
width: 500px;
border-radius: 5px;
background-color: #f5a100;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 20px;
}
#contact .main .msgTxt .tel,
#diagnosis .main .msgTxt .tel,
#rainleaking .main .msgTxt .tel,
#apartment .main .msgTxt .tel {
font-size: 16px;
}
#contact .main .floatL {
position: relative;
overflow: hidden;
margin-right: 20px;
width: 380px;
}
#contact .main .floatL .catchTtl {
position: relative;
z-index: 10;
display: table-cell;
width: 210px;
height: 210px;
border-radius: 50%;
background-color: #e50000;
color: #fff;
vertical-align: middle;
text-align: center;
font-weight: bold;
font-size: 19px;
line-height: 1.4;
}
#contact .main .floatL .catchTtl strong {
display: block;
color: #fff000;
font-size: 28px;
}
#contact .main .floatL .imgLayer {
right: 0;
bottom: 0;
z-index: 0;
}
.main .campaignBox h4 {
padding: 0;
font-size: 25px;
}
.main .campaignBox h4:before,
.main .campaignBox h4:after {
content: none;
}
.main .estimateFlow ol {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
counter-reset: flow;
}
.main .estimateFlow ol li {
position: relative;
float: left;
margin: 15px 17px 52px 0;
width: 152px;
list-style: none;
counter-increment: flow;
}
.main .estimateFlow ol li:last-child {
margin-right: 0;
}
.main .estimateFlow ol li:before,
.main .estimateFlow ol li:after {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.main .estimateFlow ol li:before {
left: -8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 6px;
height: 6px;
border: 17px solid transparent;
border-left: 20px solid #00975d;
}
.main .estimateFlow ol li:after {
right: -10px;
height: 16px;
border-left: 20px solid #00975d;
}
.main .estimateFlow ol li:first-child:before,
.main .estimateFlow ol li:last-child:after {
content: none;
}
.main .estimateFlow ol li h4 {
position: absolute;
top: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0;
padding: 5px;
width: 100%;
background: #003d96;
color: #fff;
text-align: center;
font-size: 15px;
}
.main .estimateFlow ol li h4:before {
position: absolute;
top: -178px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 30px;
height: 30px;
background-color: #e95f19;
content: counter(flow);
text-align: center;
text-align: center;
font-size: 18px;
opacity: inherit;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main .estimateFlow ol li h4:after {
content: none;
}
.main .estimateFlow ol li p {
margin-bottom: 0;
}
.main .areaInfo p {
font-size: 16px;
}
.main .areaInfo p.catchTxt {
font-weight: bold;
font-size: 20px;
line-height: 1.4;
} .main .planList {
position: relative;
overflow: hidden;
}
.main .planList h3 {
padding: 0;
border-top: none;
background: none;
font-size: 60px;
line-height: 1;
}
.main .planList h3 span {
display: inline-block;
margin-left: 20px;
padding: 5px 20px;
border-radius: 5px;
background: #f5a100;
color: #fff;
font-size: 30px;
}
.main .planList ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 0;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/planlist_bg.png) center center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main .planList ul li {
margin: 10px 15px;
padding: 0;
width: 152px;
text-align: center;
font-weight: bold;
font-size: 18px;
line-height: 1.2;
}
.main .planList ul li img {
margin-bottom: 10px;
}
.main .planList ul li span {
display: block;
font-size: 15px;
}
.main .planList ul li:before,
.main .planList ul li:after {
content: none;
}
.main .emergencyBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #eee;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main .emergencyBox img {
margin-right: 35px;
}
.main .emergencyBox .tel span {
padding-left: 60px;
background-size: 57px auto;
font-size: 60px;
background-position: 0% 80%;
}
.main .emergencyBox .tel span.dNum {
padding-left: 26px;
background-size: 26px auto;
}
.main .recommendBox .photoUL li {
margin-right: 21px;
height: 186px;
}
.main .recommendBox .photoUL li:nth-child(3n) {
margin-right: 0;
}
.main .trialBox .catchTtl {
margin-bottom: 30px;
font-weight: bold;
font-size: 36px;
line-height: 1.4;
}
.main .trialBox > ul li {
position: relative;
overflow: hidden;
margin-bottom: 20px;
padding: 0;
}
.main .trialBox > ul li:before,
.main .trialBox > ul li:after {
content: none;
}
.main .trialBox > ul li iframe {
float: left;
width: 615px;
height: 248px;
}
.main .trialBox > ul li img {
float: right;
}
.main .tryPhoto {
position: relative;
overflow: hidden;
margin-bottom: 30px;
padding-top: 10px;
}
.main .tryPhoto .imgLayer {
bottom: 0;
left: 0;
z-index: 10;
}
.main .tryPhoto ul {
position: relative;
float: right;
overflow: hidden;
}
.main .tryPhoto ul li {
float: left;
margin-left: 20px;
padding: 0;
}
.main .tryPhoto ul li:before,
.main .tryPhoto ul li:after {
content: none;
} .main .recruitBnr {
position: relative;
overflow: hidden;
}
.main .recruitBnr li {
float: left;
padding: 0;
width: 480px;
text-align: center;
font-size: 24px;
line-height: 1.2;
}
.main .recruitBnr li:nth-child(2n) {
float: right;
}
.main .recruitBnr li:before,
.main .recruitBnr li:after,
.main .recruitAbout li:before,
.main .recruitAbout li:after,
.main .cooperationList li:before,
.main .cooperationList li:after {
content: none;
}
.main .recruitBnr li a {
position: relative;
display: block;
padding: 15px 10px 40px 10px;
border-radius: 4px;
background: #f5a100;
-webkit-box-shadow: inset 0 -4px 0 0 rgba(105, 105, 105, 0.3);
box-shadow: inset 0 -4px 0 0 rgba(105, 105, 105, 0.3);
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 18px;
}
.main .recruitBnr li a:hover {
opacity: 0.8;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.main .recruitBnr li a:after {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
display: block;
margin: auto 10px;
background: #fff;
color: #f5a100;
content: "\f078";
text-align: center;
font-weight: 900;
font-size: 16px;
font-family: "Font Awesome 5 Free";
}
.main .recruitBnr li span {
display: block;
font-size: 14px;
}
.main .recruitMsg {
position: relative;
overflow: hidden;
background: #eff5ff;
}
.main .recruitMsg h3 {
margin-bottom: 10px;
padding: 0;
border: none;
background: none;
color: #003078;
font-size: 28px;
font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho",
"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E",
"ＭＳ Ｐ明朝", "MS PMincho", serif;
line-height: 1.4;
}
.main .recruitMsg .overflowH {
margin-right: 20px;
}
.main .recruitMsg img {
margin-bottom: 0;
}
.main .recruitAbout {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
margin: 0 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main .recruitAbout li {
padding: 0;
width: 245px;
}
.main .recruitAbout li img {
margin-bottom: 10px;
}
.main .recruitAbout li h3 {
margin-bottom: 5px;
border: none;
border-radius: 30px;
background: #21886f;
color: #fff;
text-align: center;
font-size: 18px;
}
.main .recruitcatchBox {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 30px;
background: #0071bc;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main .recruitcatchBox .catchInfo {
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
width: 499px;
color: #fff;
}
.main .recruitcatchBox .catchInfo h3 {
margin-bottom: 40px;
padding: 0;
border-top: none;
background: none;
}
.main .recruitcatchBox p {
margin-bottom: 0;
font-size: 20px;
line-height: 1.4;
}
.main .cooperationList {
margin-bottom: 20px;
}
.main .cooperationList li {
position: relative;
display: inline-block;
padding: 0;
width: 15%;
font-size: 16px;
}
.main .cooperationList li:before {
position: inherit;
top: inherit;
width: auto;
height: auto;
background: none;
content: "・";
}
.main .staffInterview .subBox {
margin: 0;
padding: 10px;
background: rgba(238, 238, 238, 0.9);
text-align: center;
}
.main .staffInterview .subBox .inBox {
position: relative;
overflow: hidden;
margin-bottom: 10px;
padding: 20px;
background: rgba(255, 255, 255, 0.9);
text-align: left;
}
.main .staffInterview .subBox h3 {
margin-bottom: 15px;
padding: 0;
border: none;
background: none;
font-size: 30px;
line-height: 1.45;
}
.main .staffInterview .subBox h3 span {
margin-right: 10px;
}
.main .staffInterview .subBox h4 {
display: inline-block;
padding: 5px 15px;
background-color: #21886f;
color: #fff;
font-weight: bold;
font-size: 21px;
line-height: 1.35;
}
.main .staffInterview .subBox h4:before,
.main .staffInterview .subBox h4:after {
content: none;
}
.main .staffInterview .subBox .inBox .textBox {
float: left;
width: 630px;
}
.main .staffInterview .subBox .inBox .photoBox {
float: right;
width: 260px;
}
.main .staffInterview .photo {
position: relative;
overflow: hidden;
width: 260px;
height: 290px;
}
.main .staffInterview .photo img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main .staffInterview .subBox .inBox .photoBox .name {
text-align: right;
font-weight: bold;
font-size: 23px;
line-height: 1.4;
}
.main .staffInterview .subBox .inBox .photoBox .name span {
display: block;
margin-left: 5px;
color: #f2c700;
font-size: 15px;
}
.main .staffInterview .subBox .inBox .photoBox .text {
font-size: 15px;
line-height: 1.7;
}
.main .staffInterview .subBox .inBox .photoBox .text span {
display: inline-block;
margin-right: 5px;
padding: 0 5px;
border-radius: 3px;
background: #0071bc;
color: #fff;
}
.main .comTableBox table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #ccc;
}
.main .comTableBox th,
.main .comTableBox td {
padding: 10px 5px;
width: 79%;
border-bottom: 1px solid #ccc;
vertical-align: top;
text-align: left;
font-size: 15px;
line-height: 2;
}
.main .comTableBox th {
padding: 10px 25px;
width: 21%;
font-size: 15px;
}
.main .comTableBox ul {
position: relative;
overflow: hidden;
}
.main .comTableBox > ul > li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
background: #eff5ff;
}
.main .comTableBox > ul > li:before,
.main .comTableBox > ul > li:after,
.main .requirementList .comTableBox > ul > li:before,
.main .requirementList .comTableBox > ul > li:after {
content: none;
}
.main .requirementList .comTableBox {
margin-bottom: 0;
}
.main .requirementList .comTableBox > ul > li {
float: left;
margin-bottom: 50px;
width: 480px;
text-align: center;
}
.main .requirementList .comTableBox > ul > li:nth-child(2n) {
float: right;
}
.main .requirementList .comTableBox > ul > li:nth-child(2n + 1) {
clear: both;
}
.main .requirementList .comTableBox > ul > li .btn {
margin-bottom: 0;
}
.main .comTableBox ul li dl {
margin-bottom: 20px;
border-top: 1px solid #ccc;
}
.main .comTableBox ul li dt {
float: left;
clear: both;
padding: 10px 5%;
width: 20%;
text-align: left;
font-weight: bold;
font-size: 15px;
}
.main .comTableBox ul li dd {
margin-bottom: 5px;
padding: 10px 5px;
padding-left: 30%;
border-bottom: 1px solid #ccc;
text-align: left;
font-size: 15px;
}
.main .post-type-archive-works,
.main .tax-works_tax {
display: none;
}
.tel .tel-link ruby rt {
text-align: right;
text-justify: none;
letter-spacing: 0.3em;
font-size: 0.25em;
} .main .topMedal {
padding-top: 5px;
margin-bottom: 15px;
background: linear-gradient(to bottom, #e95f19, #fff 75%);
}
.main .topMedal ul {
display: flex;
justify-content: center;
}
.main .topMedal ul li {
margin: 0;
padding: 0;
}
.main .topMedal ul li img {
width: 100%;
height: auto;
}
.main .topMedal ul li:before,
.main .topMedal ul li:after {
content: none;
}
.main .topMedal p {
text-align: center;
color: #fff;
font-size: 36px;
font-weight: bold;
margin-bottom: 0;
} .main .topShowroom {
padding-top: 15px;
}
.main .topShowroom p.topShowroomCatch {
font-size: 22px;
font-weight: bold;
color: #003d96;
text-align: center;
margin: 0;
line-height: 1;
}
.main .topShowroom h2 {
background: none;
font-size: 31px;
color: #000;
text-align: center;
margin: 0;
padding: 0 0 10px;
position: relative;
}
.main .topShowroom h2:before {
content: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/topShowroom_ttl_l.png);
position: absolute;
top: -35px;
left: 60px;
z-index: -1;
}
.main .topShowroom h2:after {
content: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/topShowroom_ttl_r.png);
position: absolute;
top: -35px;
right: 60px;
z-index: -1;
}
.main .topShowroom h2 span {
color: #d00000;
font-size: 32px;
margin-left: 0;
}
.main .topShowroom h3 {
border-radius: 5px 5px 0 0;
background: #003d96;
margin: 0;
text-align: center;
color: #fff;
border: none;
font-size: 40px;
padding: 12px 0 5px;
line-height: 1;
}
.main .topShowroom h3 span {
font-size: 32px;
}
.main .topShowroom .topShowroomBox {
border-radius: 0 0 5px 5px;
border: 10px solid #fdc758;
border-top: none;
padding: 15px 15px 5px;
overflow: hidden;
position: relative;
background: #fff;
}
.main .topShowroom .topShowroomBox.type02 {
border-radius: none;
border: none;
border-top: none;
padding: 0 0 0;
}
.main .topShowroom .topShowroom_img01 {
float: left;
width: 43%;
margin-right: 2%;
}
.main .topShowroom .topShowroom_chara {
position: absolute;
top: 70px;
left: 200px;
width: 130px;
}
.main .topShowroom .topShowroom_ttl {
float: right;
width: 55%;
}
.main .topShowroom .topShowroomBox ul {
float: right;
width: 54%;
}
.main .topShowroom .topShowroomBox ul li {
font-size: 18px;
font-weight: bold;
line-height: 1.4;
margin-bottom: 0px;
padding-left: 32px;
padding-top: 9px;
}
.main .topShowroom .topShowroomBox ul li::before {
background: #d00000;
border-radius: 4px;
width: 25px;
height: 25px;
}
.main .topShowroom .topShowroomBox ul li::after {
left: 5px;
top: 13px;
width: 12px;
height: 6px;
border-left: 4px solid #fff;
border-bottom: 4px solid #fff;
border-right: none;
border-top: none;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.main .topShowroom .topShowroomBox dl:first-of-type {
clear: both;
padding-top: 1px;
}
.main .topShowroom .topShowroomBox dt {
background: #eb6100;
margin: 15px 0 5px;
font-size: 20px;
font-weight: bold;
color: #fff;
padding: 2px 10px 0;
}
.main .topShowroom .topShowroomBox dd { }
.main .topShowroom .topShowroom_img02 {
float: right;
width: 250px;
margin-left: 15px;
}
.main .topShowroom .topShowroomBoxBtn {
clear: both;
text-align: center;
padding-top: 15px;
}
.main .topShowroom .topShowroomMap {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px;
margin-top: 80px;
justify-content: space-between; }
.main .topShowroom .topShowroomMap iframe {
width: 100%;
height: auto;
aspect-ratio: 1 / 1; }
.main .topShowroom .topShowroomMap.kanazawa iframe {
width: 600px;
height: 450px;
aspect-ratio: 4 / 3;
}
.main .topShowroom .topShowroomMap .topShowroom_box { }
.main .topShowroom .topShowroomMap .topShowroom_box:last-of-type {
display: none;
}
.main .topShowroom .topShowroomMap.kanazawa .topShowroom_box:last-of-type {
display: block;
}
.main .topShowroom .topShowroomMap.kanazawa {
display: block;
text-align: center;
}
.main .btn.kanazawa a {
display: inline-block;
vertical-align: top;
}
.main .top_showroomName {
color: #fff;
font-weight: bold;
padding: 3px 10px;
border-radius: 4px;
background: #e8831a;
}
.main .topShowroomMap.kanazawa .top_showroomName {
text-align: left; margin: 0 auto 15px;
}
.main .showroom_btn {
text-align: center;
margin: 30px 0 40px;
}
.showroom_btn .btn,
.showroom_btn a.btn,
.showroom_btn .button.btn {
font-size: 20px;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
}
.main a.btn-custom01 {
margin-bottom: 0.5rem;
padding: 0;
border-radius: 0.75rem;
text-decoration: none;
}
a.btn-custom01:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(0, 0.75rem, -1rem);
transform: translate3d(0, 0.75rem, -1rem);
box-sizing: border-box;
border: 2px solid #000;
border-radius: inherit;
background: #ccc100;
-webkit-box-shadow: 0 0.6rem 0 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0.6rem 0 0 rgba(0, 0, 0, 0.2);
}
a.btn-custom01:after {
font-family: "Font Awesome 5 Free";
font-size: 2rem;
font-weight: normal;
line-height: 1;
position: absolute;
top: calc(50% - 1rem);
left: 1.5rem;
margin: 0;
padding: 0;
content: "\f0e0";
}
.btn-custom01-front {
position: relative;
display: block;
padding: 1.5rem 5rem 1.5rem 5rem;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: 2px solid #000;
border-radius: inherit;
background: #fff100;
}
.fa-position-left {
position: absolute;
top: calc(50% - 0.5em);
left: 1rem;
}
.fa-position-right {
position: absolute;
top: calc(50% - 0.5em);
right: 1rem;
}
a.btn-custom01:hover {
-webkit-transform: translate(0, 0.25rem);
transform: translate(0, 0.25rem);
background: #fff100;
}
a.btn-custom01:hover:before {
-webkit-transform: translate3d(0, 0.5rem, -1rem);
transform: translate3d(0, 0.5rem, -1rem);
-webkit-box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
}
a.btn-custom01:hover:after {
content: "\f2b6";
}
a.btn-custom01:active {
-webkit-transform: translate(0rem, 0.75rem);
transform: translate(0rem, 0.75rem);
}
a.btn-custom01:active:before {
-webkit-transform: translate3d(0, 0, -1rem);
transform: translate3d(0, 0, -1rem);
-webkit-box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
}
a.btn-custom01:active:after {
content: "\f2b6";
}
.cc-window.cc-floating {
padding: 1em 0.5em !important;
}
.cc-window.cc-floating .cc-message {
font-size: 13px;
line-height: 1.4;
}
.iframeWrap {
position: relative;
width: 100%;
padding-top: 75%;
}
.iframeWrap.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.iframeWrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .top_reviewBox h2 {
margin-bottom: 0;
}
.main .reviewBox {
}
.mainv .reviewBox ul,
.main .reviewBox ul {
position: relative;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 10px;
}
.mainv .reviewBox ul li,
.main .reviewBox ul li {
padding: 0;
width: 48%;
width: calc(50% - 5px);
background: rgba(255, 255, 255, 0.7);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
padding: 10px;
box-sizing: border-box;
}
.main .reviewBox ul li.singleColumn {
width: 100%;
}
.main .reviewBox ul li:before,
.main .reviewBox ul li:after {
content: none;
}
.main .reviewBox ul li .wp-google-place {
background: #ffea99 !important;
margin: -10px -10px 10px !important;
border-radius: 5px 5px 0 0 !important;
-webkit-border-radius: 5px 5px 0 0 !important;
-moz-border-radius: 5px 5px 0 0 !important;
-ms-border-radius: 5px 5px 0 0 !important;
-o-border-radius: 5px 5px 0 0 !important;
padding: 5px !important;
box-sizing: border-box !important;
}
.main .reviewBox ul li .wp-google-content-inner {
height: 300px;
overflow: auto !important;
}
.main .reviewBox ul li .wp-gr.wpac .wp-google-name a {
font-size: 15px !important;
}
.mainv .reviewBox ul {
width: 1100px;
margin: 0 auto;
}
.mainv .reviewBox ul li {
background: none !important;
padding: 0 20px;
}
.mainv .reviewBox ul li .wp-google-content-inner {
display: none;
}
.mainv .reviewBox ul li .wp-gr .wp-google-left {
float: left !important;
}
.mainv .reviewBox ul li .wp-gr .wp-google-right {
width: auto !important;
display: flex !important;
flex-wrap: wrap;
}
.mainv .reviewBox ul li .wp-gr .wp-google-right div {
margin-right: 20px !important;
}
.reviewTtl { padding: 10px !important;
box-sizing: border-box !important;
display: flex;
justify-content: center;
}
.main .reviewTtl h3 {
background: none;
border: none;
padding: 0;
font-size: 15px !important;
margin-bottom: 0;
}
.main .reviewTtl h3 a {
text-decoration: none;
color: #333;
}
.main .reviewTtl h3 a {
pointer-events: none;
}
.main .reviewTtl .scoreTxt {
color: #e7711b;
font-weight: bold;
margin-bottom: 0;
}
.reviewThum {
position: relative;
overflow: hidden;
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
margin-right: 10px;
}
.reviewThum img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;
display: inline-block;
}
.reviewCom {
background: #f3f3f2;
display: block;
height: 300px;
overflow: auto !important;
}
.main .reviewTtl .overflowH i {
display: none;
}
.main .reviewTtl .overflowH .scoreTxt i {
display: inline;
}
.main .reviewBox ul.reviewTab {
padding-bottom: 0;
}
.main .reviewBox ul.reviewTab li {
padding: 0;
width: calc(33% - 5px);
background: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
padding: 10px 10px 0;
box-sizing: border-box;
margin-top: 8px;
}
.main .reviewBox ul.reviewTab li.active {
margin-top: 0;
}
.main .reviewBox {
position: relative;
padding-bottom: 10px;
margin-bottom: 0;
}
.main .reviewBox ul.reviewTab li.active .reviewTtl {
padding-bottom: 13px !important;
}
.main .reviewCom {
padding: 10px 15px;
}
.main .reviewBox div.reviewTabContent {
display: block !important;
opacity: 0;
height: 0;
background: rgba(255, 255, 255, 0.7);
border-radius: 0 0 5px 5px;
}
.main .reviewBox div.reviewTabContent.active {
display: block !important;
opacity: 1;
height: auto;
}
.main .reviewBox ul.reviewTab li {
border-top: 5px solid #1d77b6;
}
.main .reviewBox ul.reviewTab li:nth-child(2) {
border-top: 5px solid #fab337;
}
.main .reviewBox ul.reviewTab li:nth-child(3) {
border-top: 5px solid #3b9a60;
}
.main .reviewTtl .scoreTxt .scoreNum {
color: #000;
font-size: 14px;
font-weight: normal;
}
.content-wrap {
height: auto;
overflow: hidden;
position: relative;
margin: 0;
}
.main .reviewComCont {
margin-bottom: 10px;
}
.main .reviewCom .content-txt p {
font-size: 12px;
margin-bottom: 0;
}
.main .reviewCom span.reviewStars {
color: #e7711b;
display: inline-block;
margin-left: 0.5em;
}
.main .content-wrap .content-txt span.txts {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
width: 100%;
}
.main .content-wrap.slide-down .content-txt span.txts {
white-space: initial;
text-overflow: initial;
}
.close-btn,
.more-btn {
display: block;
width: 100%;
padding: 0; background: -moz-linear-gradient(
top,
rgba(243, 243, 242, 0.2) 0%,
rgba(243, 243, 242, 1) 60%,
rgba(243, 243, 242, 1) 100%
);
background: -webkit-linear-gradient(
top,
rgba(243, 243, 242, 0.2) 0%,
rgba(243, 243, 242, 1) 60%,
rgba(243, 243, 242, 1) 100%
);
background: linear-gradient(
to bottom,
rgba(243, 243, 242, 0.2) 0%,
rgba(243, 243, 242, 1) 60%,
rgba(243, 243, 242, 1) 100%
);
}
.close-btn {
bottom: 15px;
background: none;
}
.slide-up { padding-bottom: 0;
overflow: hidden;
}
.slide-down {
height: auto;
overflow: visible; }
.main .more-btn {
line-height: 1;
}
.main .more-btn.close-btn {
line-height: 1.8;
}
.main .more-btn p {
display: inline-block;
color: #427fed;
cursor: pointer;
margin-bottom: 0;
width: 150px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
font-size: 12px;
}
.main .more-btn p.open {
width: auto;
line-height: 1;
margin-top: -5px;
}
.main .more-btn .open:hover {
text-decoration: underline;
}
.close-btn {
padding: 0;
}
.main .close-btn p {
color: #fff;
background: #427fed;
text-align: center;
margin: 0;
}
.reviewBoxPlugin-table {
width: 100%;
display: flex;
flex-wrap: wrap;
background-color: #f5f5f5;
}
.reviewBoxPlugin-table .reviewBoxPlugin {
width: 50%;
display: table-cell;
vertical-align: top;
box-sizing: border-box;
}
.reviewBoxPlugin-table .reviewBoxPlugin:nth-of-type(odd) {
padding-right: 10px;
}
.reviewBoxPlugin-table .reviewBoxPlugin:nth-of-type(even) {
padding-left: 10px;
}
.reviewBoxPlugin {
background: #f5f5f5;
padding: 20px;
}
.reviewBoxPlugin .wp-google-place {
width: 250px !important;
margin: 0 auto !important;
}
.reviewBoxPlugin .wp-google-content-inner {
padding: 0 20px !important;
background: #fff !important; max-height: 300px !important;
overflow-y: scroll;
margin-top: 20px !important;
} .areaFeature {
margin-top: 30px;
}
.areaFeatureBox {
margin-bottom: 50px;
}
.areaFeatureBox p {
margin-bottom: 20px;
}
.areaFeatureBox p strong {
font-size: 18px;
}
.areaFeatureBox a {
word-break: break-all;
}
.areaFeatureImg {
text-align: center;
margin-bottom: 10px;
}
.areaFeatureImg img {
max-width: 100%;
} .topMenu {
padding: 0 !important;
}
#komatsu .topMenu {
margin-right: 1px;
}
.topMenu_box { }
.topMenu_box + .topMenu_box {
margin-top: 20px;
}
#topMenu .headLine {
font-size: 23px;
color: #444;
position: relative; padding: 15px 15px 8px;
margin-bottom: 0;
box-sizing: border-box;
text-align: center;
background: none;   }
.new_serviceMenu {
display: flex;
justify-content: space-between;
align-items: stretch;
position: relative;
}
.new_serviceMenu article { flex: 1;
background: none;
border: none;
margin: 0;
padding: 0;
float: none;
box-sizing: border-box;
position: relative;
overflow: visible;
}
.new_serviceMenu article::before {
border-left: #ccc solid 1px;
border-right: #ccc solid 1px;
border-bottom: #ccc solid 1px;
width: calc(100% + 1px);
height: 100%;
content: "";
display: block;
position: absolute;
inset: 0;
margin: auto;
box-sizing: border-box;
pointer-events: none;
}
.new_serviceMenu article:last-of-type::before {
border-right: #ccc solid 1px;
}
.new_serviceMenu article a {
}
.mainpackWall a,
.mainpackRoof a {
text-decoration: none;
color: #333;
}
#topMenu .new_serviceMenu .packsummary {
width: 100%;
float: none;
margin: 0;
}
#topMenu .new_serviceMenu .imgIco {
width: 100px;
left: inherit;
right: 0;
top: 55px;
}
.mainpackWall .imgIco,
.mainpackRoof .imgIco {
position: absolute;
z-index: 99;
}
.new_serviceMenu .ttl {
height: 72px;
text-align: center;
margin: 0;
padding: 0 5px;
}
#topMenu .new_serviceMenu .ttl p {
color: #fff;
padding-top: 15px;
}
#topMenu .new_serviceMenu .ttl h3 {
display: inline-block;
font-size: 19px;
line-height: 1;
background: none;
margin: 20px 0;
padding: 0;
letter-spacing: -0.05em;
color: #fff;
border-top: none;
box-shadow: none;
}
.packSmallWork .ttl,
.mainpackWall .ttl,
.mainpackRoof .ttl {
font-size: 30px;
color: #333;
position: relative;
line-height: 1;
font-weight: bold;
}
.new_serviceMenu .mainpackCatch {
box-sizing: border-box;
margin: 0;
overflow: hidden;
}
.packSmallWork .mainpackCatch,
.mainpackWall .mainpackCatch,
.mainpackRoof .mainpackCatch {
text-align: center;
position: relative;
}
.packsummary_inbox { border-top: none;
padding: 10px 10px 40px;
}
.btnPack {
clear: both;
background: #e13131;
color: #fff;
font-size: 20px;
text-align: center;
border-radius: 5px;
float: left;
}
.new_serviceMenu .btnPack {
width: 100%;
height: 60px;
line-height: 1.2;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 10px;
padding: 5px;
}
.mainbasicC {
font-size: 20px;
background: #89603c;
color: #fff;
text-align: left;
clear: both;
line-height: 1.2;
padding: 4px;
text-align: center;
}
.packSmallWork p,
.mainpackWall p,
.mainpackRoof p {
margin-bottom: 0;
}
#topMenu .pack_price_box {
font-size: 18px;
text-align: center;
margin: 10px 0 0;
color: #000;
text-decoration: none;
}
.new_serviceMenu .priceTit {
font-size: 16px;
}
.pack_price {
color: #444;
font-size: 30px;
font-weight: bold;
background: #eee;
}
.new_serviceMenu .pricetxts {
font-size: 12px;
margin: 10px 0;
}
.packSmallWork .pricetxts,
.mainpackWall .pricetxts,
.mainpackRoof .pricetxts {
word-wrap: break-word;
}
.snd {
background: #23ac38;
}
.new_serviceMenu .ttl,
.new_serviceMenu .mainpackCatch {
background: #ccc;
} .new_serviceMenu article:nth-of-type(1) .ttl,
.new_serviceMenu article:nth-of-type(1) .mainpackCatch {
background: #ffc000;
} .new_serviceMenu article:nth-of-type(2) .ttl,
.new_serviceMenu article:nth-of-type(2) .mainpackCatch {
background: #5b9bd5;
} .new_serviceMenu article:nth-of-type(3) .ttl,
.new_serviceMenu article:nth-of-type(3) .mainpackCatch {
background: #ff7e27;
} .new_serviceMenu article:nth-of-type(4) .ttl,
.new_serviceMenu article:nth-of-type(4) .mainpackCatch {
background: #53b9c4;
} .new_serviceMenu article:nth-of-type(5) .ttl,
.new_serviceMenu article:nth-of-type(5) .mainpackCatch {
background: #ad1367;
}  .new_serviceMenu .snd {
position: absolute;
left: 0;
right: 0;
bottom: 10px;
margin: auto;
width: calc(100% - 20px);
height: fit-content;
box-sizing: border-box;
padding: 10px 5px 8px;
line-height: 1;
}
#topMenu .mainpackWall .mainpackCatch li,
#topMenu .mainpackRoof .mainpackCatch li {
min-height: 38px;
float: left;
border-radius: 4px;
color: #fff;
display: inline-block;
}
.new_serviceMenu .mainpackCatch li span {
text-align: center;
}
.new_serviceMenu .mainpackCatch.hasMedal li span {
text-align: left;
}
#topMenu .new_serviceMenu .mainpackCatch li {
width: calc(100% - 20px);
background: rgba(255, 255, 255, 0.3);
text-align: left;
margin: 5px 10px 10px;
padding: 5px 8px 3px;
box-sizing: border-box;
font-size: 22px;
line-height: 1.2;
font-weight: normal;
}
#topMenu .packSmallWork .mainpackCatch li span,
#topMenu .mainpackWall .mainpackCatch li span,
#topMenu .packRoof .mainpackCatch li span {
margin-bottom: 3px;
display: block;
}
#topMenu .new_serviceMenu .mainpackCatch li span {
font-size: 14px;
display: block;
}
#topMenu .new_serviceMenu .mainpackCatch li span {
}
#topMenu ul li:before,
#topMenu ul li:after {
content: none;
}
.packCatch_tit {
display: block;
}
#topMenu .mainbasicC span {
background: #fff;
color: #88410d;
font-weight: bold;
border-radius: 5px;
position: relative;
display: inline-block;
}
#topMenu .new_serviceMenu .mainbasicC {
font-size: 14px;
line-height: 2;
}
#topMenu .new_serviceMenu .mainbasicC span {
font-size: 14px;
line-height: 1;
margin-right: 20px;
padding: 4px 4px 2px;
}
#topMenu .new_serviceMenu .mainbasicC span:last-of-type {
margin-right: 0;
}
#topMenu .mainbasicC span::after {
content: "+";
color: #fff;
background-color: #5e2b06;
border-radius: 50%;
width: 20px;
height: 20px;
top: auto;
bottom: auto;
left: 101%;
text-align: center;
margin: auto;
position: absolute;
font-weight: bold;
line-height: 1;
display: inline-table;
vertical-align: middle;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#topMenu .new_serviceMenu .mainbasicC span:after {
width: 15px;
height: 15px;
left: 105%;
top: 12%;
}
#topMenu .mainbasicC span:last-of-type::after {
content: none;
}
#topMenu article a {
text-decoration: none;
}
.zsiq_theme1.zsiq_floatmain.siq_bR {
bottom: 103px;
} .main .topFaq dt {
cursor: pointer;
font-size: 16px;
font-weight: bold;
padding: 14px 30px 10px 38px;
position: relative;
border-top: #333 dashed 1px;
transition: 0.7s;
line-height: 1.3;
}
.main .topFaq dt:hover {
opacity: 0.7;
}
.main .topFaq dt:first-child {
border-top: none;
}
.main .topFaq dt:before {
content: "Q.";
font-size: 22px;
font-weight: bold;
position: absolute;
top: 9px;
left: 5px;
color: #e95f19;
}
.main .topFaq dt:after {
position: absolute;
top: 50%;
right: 15px;
content: "";
width: 8px;
height: 8px;
margin-top: -8px;
border-bottom: 2px solid #e95f19;
border-right: 2px solid #e95f19;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.main .topFaq dd {
display: none;
padding: 0 10px 20px 38px;
position: relative;
word-break: break-all;
}
.main .topFaq dd:before {
content: "A.";
font-size: 22px;
font-weight: bold;
position: absolute;
top: -5px;
left: 5px;
color: #00975d;
}
.main .topFaq p {
font-size: 15px;
}
.main .topFaq .q1 ul li {
margin-bottom: 20px;
}
.main .topFaq .q1 ul li:before,
.main .topFaq .q1 ul li:after {
display: none;
}
.main .topFaq .q1 span {
display: block;
font-weight: bold;
}
.main .topFaq .q1 p {
background: #fdf3df;
padding: 10px 20px;
}
.main .topFaq .q2 p {
margin: 10px 0 0;
}
.main .worksBnr {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.main .worksBnr li {
width: 235px;
padding: 0;
}
.main .worksBnr li::before,
.main .worksBnr li::after {
display: none;
}
.topShowroomBox .topFormBox {
width: 100%;
margin-left: 0;
}
.topShowroomBox .topFormBox .formBox td span {
width: auto;
display: inline-block;
}
.topShowroomBox .topFormBox .formBox td span label {
padding-right: 10px;
}
.topShowroomBox .topFormBox .formBox td span .wpcf7-form-control {
display: flex;
}
.main .areaMessage {
position: relative;
padding-bottom: 300px;
.txtWrap {
position: absolute; right: 0;
bottom: 0;
background: #e95f19;
padding: 30px;
color: #fff;
box-sizing: border-box;
max-width: 940px;
.lead {
line-height: 1.3;
font-size: 1.25em;
font-weight: 700;
.txtL {
font-size: 1.5em;
display: block;
}
}
.txt {
text-align: justify;
}
}
} .is-reflection {
overflow: hidden;
position: relative;
}
.is-reflection a {
overflow: hidden;
}
.is-reflection a:after {
-moz-animation: is-reflection 4s ease-in-out infinite;
-moz-transform: rotate(45deg);
-ms-animation: is-reflection 4s ease-in-out infinite;
-ms-transform: rotate(45deg);
-o-animation: is-reflection 4s ease-in-out infinite;
-o-transform: rotate(45deg);
-webkit-animation: is-reflection 4s ease-in-out infinite;
-webkit-transform: rotate(45deg);
animation: is-reflection 4s ease-in-out infinite;
background-color: #fff;
content: " ";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px;
} .is-reflection + .is-reflection a:after {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
@keyframes is-reflection {
0% {
-webkit-transform: scale(0) rotate(45deg);
transform: scale(0) rotate(45deg);
opacity: 0;
}
80% {
-webkit-transform: scale(0) rotate(45deg);
transform: scale(0) rotate(45deg);
opacity: 0.5;
}
81% {
-webkit-transform: scale(4) rotate(45deg);
transform: scale(4) rotate(45deg);
opacity: 1;
}
100% {
-webkit-transform: scale(50) rotate(45deg);
transform: scale(50) rotate(45deg);
opacity: 0;
}
}
@-webkit-keyframes is-reflection {
0% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0;
}
80% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0.5;
}
81% {
-webkit-transform: scale(4) rotate(45deg);
opacity: 1;
}
100% {
-webkit-transform: scale(50) rotate(45deg);
opacity: 0;
}
}
.footer_bnr_link {
display: inline-block;
padding: 5px;
border: 1px solid #ccc;
background: #fff;
margin-left: 5px;
margin-bottom: 15px;
}
.campaign-page .pageTitle,
.campaign-page .pagePath,
.campaign-page .side {
display: none;
}
.campaign-page .contents {
position: relative;
margin: 0 auto 40px;
width: 100%;
}
.campaign-page .main {
width: 100%;
}
.campaign-page .c-campaign__header-image img {
width: 100%;
}
.campaign-page .l-promo,
.campaign-page .c-special-offers {
padding: 32px 0;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/character_bg.png) top left repeat #fdc758;
background-size: 50% auto;
}
.campaign-page .c-special-offers {
background: none;
}
.campaign-page .l-promo.type02,
.campaign-page .c-special-offers.type02 {
background: #ffffff;
padding: 162px 0 32px;
}
.campaign-page .l-promo__inner,
.campaign-page .c-special-offers__wrap {
margin: 0 auto;
width: 1000px;
}
.campaign-page .c-reservation {
background-color: #fff;
border-radius: 24px;
margin-bottom: 40px;
padding: 19px 46px;
position: relative;
}
.campaign-page .c-reservation::before {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ftr_contact_img.png);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
content: "";
position: absolute;
top: 50%;
right: -55px;
width: 174px;
height: 191px;
transform: translateY(-50%);
z-index: 1;
pointer-events: none;
}
.campaign-page .c-reservation__content {
display: flex;
align-items: center;
gap: 36px;
}
.campaign-page .c-reservation__phone {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
}
.campaign-page .c-reservation__text {
color: #23ac38;
font-size: 26px;
font-weight: bold;
line-height: 1.5;
display: flex;
justify-content: center;
align-items: stretch;
gap: 16px;
}
.campaign-page .c-reservation__text::before {
transform: rotate(-30deg);
}
.campaign-page .c-reservation__text::before,
.c-reservation__text::after {
background-color: #23ac38;
border-radius: 4px;
content: "";
width: 4px;
flex-shrink: 0;
}
.campaign-page .c-reservation__text::after {
transform: rotate(30deg);
}
.campaign-page .c-reservation__phone-number {
color: #e50000;
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
font-size: 46px;
font-family: "LINESeedJP", sans-serif;
font-weight: bold;
line-height: 1;
}
.campaign-page .c-reservation__phone-number::before {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ico_freedial04.png);
background-position: center;
background-repeat: no-repeat;
content: "";
display: block;
width: 78px;
height: 44px;
flex-shrink: 0;
}
.campaign-page .c-reservation__details {
font-size: 16px;
font-weight: bold;
}
.campaign-page .l-campaign a:link,
.l-campaign a:visited {
transition: 0.25s;
}
.campaign-page .c-reservation__form-button::before {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/campaign-icon_mail.svg);
background-repeat: no-repeat;
background-position: center;
content: "";
display: block;
width: 50px;
height: 35px;
flex-shrink: 0;
}
.campaign-page .c-reservation__form-button:link,
.c-reservation__form-button:visited {
color: #fff;
text-decoration: none;
}
.campaign-page .c-reservation__form-button {
background-color: #d0004e;
border-radius: 100px;
box-shadow: 0 4px 0 #a6003e;
display: flex;
align-items: center;
gap: 20px;
position: relative;
text-align: center;
padding: 15px 44px;
width: 404px;
box-sizing: border-box;
position: relative;
}
.campaign-page .c-reservation__form-text {
display: flex;
flex-direction: column;
justify-content: center;
gap: 2px;
}
.campaign-page .c-reservation__form-tit {
font-size: 26px;
font-weight: bold;
line-height: 1.5;
letter-spacing: -0.06em;
}
.campaign-page .c-reservation__form-details {
background-color: #fff;
border-radius: 10px;
color: #a6003e;
font-size: 13px;
font-weight: bold;
line-height: 1.5;
padding: 2px;
}
.campaign-page .c-reservation__form-button:hover {
transition: 0.25s ease;
background-color: #d93371;
box-shadow: 0 2px 0 #a6003e;
color: #fff !important;
transform: translateY(2px);
}
.campaign-page .c-promo__content,
.campaign-page .c-special-offers__header {
padding: 0;
margin: 126px 0 105px;
position: relative;
}
.campaign-page .c-special-offers__header {
padding: 0;
margin: 50px 0 50px;
position: relative;
}
.campaign-page .c-promo__title {
position: relative;
margin: 0 auto;
padding: 8px 15px;
background: none;
text-align: center;
font-size: 23px;
}
.campaign-page .c-promo__title-text {
position: relative;
}
.campaign-page .c-promo__title-text p {
display: contents;
font-size: 50px;
color: #e95f19;
}
.campaign-page .stroke-text p {
--stroke-color: #fff;
--stroke-width: 4px;
text-shadow: calc(var(--stroke-width) * 1) calc(var(--stroke-width) * 0) 0
var(--stroke-color),
calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * 0.3827) 0
var(--stroke-color),
calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * 0.7071) 0
var(--stroke-color),
calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * 0.9239) 0
var(--stroke-color),
calc(var(--stroke-width) * 0) calc(var(--stroke-width) * 1) 0
var(--stroke-color),
calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * 0.9239) 0
var(--stroke-color),
calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * 0.7071) 0
var(--stroke-color),
calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * 0.3827) 0
var(--stroke-color),
calc(var(--stroke-width) * -1) calc(var(--stroke-width) * 0) 0
var(--stroke-color),
calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * -0.3827) 0
var(--stroke-color),
calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * -0.7071) 0
var(--stroke-color),
calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * -0.9239) 0
var(--stroke-color),
calc(var(--stroke-width) * 0) calc(var(--stroke-width) * -1) 0
var(--stroke-color),
calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * -0.9239) 0
var(--stroke-color),
calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * -0.7071) 0
var(--stroke-color),
calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * -0.3827) 0
var(--stroke-color);
}
.campaign-page .c-promo__title-text::before {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/campaign-title_img.svg);
background-repeat: no-repeat;
background-position: center;
content: "";
position: absolute;
top: -60px;
left: -52px;
width: 67px;
height: 62px;
}
.campaign-page .c-special-offers .c-promo__title-text::before {
display: none;
}
.campaign-page .c-promo__title::before {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/contactM_img.png);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
content: "";
position: absolute;
top: 0;
left: 50%;
width: 152px;
height: 173px;
transform: translateX(-50%);
margin-left: -59px;
}
.campaign-page .c-special-offers .c-promo__title::before {
display: none;
}
.campaign-page .c-promo__title::before {
top: -80px;
left: 75px;
width: 152px;
height: 173px;
transform: none;
margin-left: 0;
}
.campaign-page .c-promo__title::after {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ftr_contact_img.png);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
content: "";
position: absolute;
top: 0;
left: 50%;
width: 152px;
height: 167px;
transform: translateX(-50%);
margin-left: 62px;
}
.campaign-page .c-special-offers .c-promo__title::after {
display: none;
}
.campaign-page .c-special-offers .c-promo__title-text::after {
display: none;
}
.campaign-page .c-promo__title::after {
top: -82px;
left: auto;
right: 100px;
width: 152px;
height: 167px;
transform: none;
margin-left: 0;
}
.campaign-page .c-promo__item {
position: relative;
}
.campaign-page .c-promo__details,
.campaign-page .c-special-offers .c-special-offers__list {
background-color: #fff;
border-radius: 24px;
padding: 40px;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
.campaign-page .c-promo__details img,
.campaign-page .c-special-offers .c-special-offers__offer-details img {
max-width: 100%;
width: auto;
height: auto;
}
.campaign-page .c-campaign__btn {
margin-top: 40px;
}
.campaign-page .a-campaign-btn__link {
background-color: #d0004e;
border-radius: calc(100vw * 100 / 430);
box-shadow: 0 calc(4vw * 100 / 430) 0 #a6003e;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: calc(26vw * 100 / 430);
font-weight: bold;
line-height: 1.3;
letter-spacing: -0.05em;
padding: calc(16vw * 100 / 430) calc(24vw * 100 / 430) calc(16vw * 100 / 430)
calc(100vw * 100 / 430);
position: relative;
text-align: center;
min-height: calc(50vw * 100 / 430);
}
.campaign-page .a-campaign-btn__link {
border-radius: 100px;
box-shadow: 0 4px 0 #a6003e;
flex-direction: row;
font-size: 30px;
padding: 0 24px;
padding-left: 100px;
min-height: 104px;
margin: 0 auto;
width: 520px;
box-sizing: border-box;
color: #ffffff !important;
text-decoration: none !important;
}
.campaign-page .a-campaign-btn__link::before {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ftr_contact_img.png);
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
content: "";
display: block;
position: absolute;
left: calc(8vw * 100 / 430);
bottom: 0;
width: calc(104vw * 100 / 430);
height: calc(94vw * 100 / 430);
}
.campaign-page .a-campaign-btn__link::before {
left: 24px;
width: 113px;
height: 125px;
}
.campaign-page .a-campaign-btn__link:hover {
transition: 0.25s ease;
background-color: #d93371;
box-shadow: 0 2px 0 #a6003e;
color: #fff !important;
transform: translateY(2px);
}
.campaign-page .c-campaign__footer-title {
border-bottom: 4px dotted #e95f19;
color: #f27600;
font-size: 24px;
font-weight: bold;
line-height: 1.3;
text-align: center;
padding: 0 72px 16px;
margin: 0 0 20px;
position: relative;
}
.campaign-page .c-campaign__footer-title {
font-size: 32px;
padding: 0 72px 16px;
margin: 0 0 40px;
color: #e95f19;
}
.campaign-page .c-campaign__footer-title::before {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/contactM_img.png);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 114px;
height: 130px;
}
.campaign-page .c-campaign__footer-title::before {
left: 10px;
width: 114px;
height: 130px;
}
.campaign-page .c-campaign__footer-title::after {
background-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/ftr_contact_img.png);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 114px;
height: 126px;
}
.campaign-page .c-campaign__footer-title::after {
right: 10px;
width: 114px;
height: 126px;
}
.campaign-page .c-showroom {
display: flex;
flex-direction: row;
gap: 20px;
}
.campaign-page .c-showroom__location {
background-color: #fff7e9;
border-radius: 24px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
width: 33.3%;
}
.campaign-page .c-showroom__name {
font-size: 20px;
font-weight: bold;
}
.campaign-page .c-showroom__image {
height: 168px;
overflow: hidden;
}
.campaign-page .c-showroom__image img {
width: 100%;
height: auto;
}
.campaign-page .c-showroom__location iframe {
width: 100%;
height: 170px;
}
.campaign-page .c-showroom__address {
font-size: 16px;
line-height: 1.8;
}
.campaign-page .c-showroom__btn {
margin-top: auto;
}
.campaign-page .l-campaign a:link,
.l-campaign a:visited {
transition: 0.25s;
}
.campaign-page .a-btn__link {
background-color: #1a2466;
border-radius: calc(100vw * 100 / 430);
box-shadow: 0 calc(4vw * 100 / 430) 0 #0b1244;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: calc(26vw * 100 / 430);
font-weight: bold;
line-height: 1.3;
padding: calc(12vw * 100 / 430) calc(16vw * 100 / 430);
position: relative;
text-align: center;
min-height: calc(50vw * 100 / 430);
align-items: center;
}
.campaign-page .a-btn__link {
border-radius: 100px;
box-shadow: 0 4px 0 #0b1244;
flex-direction: row;
font-size: 26px;
padding: 0 48px;
padding-left: 82px;
min-height: 72px;
margin: 0 auto;
width: max-content;
position: relative;
}
.campaign-page .a-btn__link.c-showroom__link {
color: #fff;
text-decoration: none;
background-color: #fd670b;
font-size: calc(20vw * 100 / 430);
padding-left: calc(42vw * 100 / 430);
box-shadow: 0 calc(4vw * 100 / 430) 0 #d25000;
}
.campaign-page .a-btn__link.c-showroom__link {
font-size: 16px;
padding-left: 42px;
padding-right: 0;
box-shadow: 0 4px 0 #d25000;
width: 100%;
box-sizing: border-box;
}
.campaign-page .a-btn__link::before {
background-color: #fff;
-webkit-mask-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/campaign-btn_arrow.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: cover;
mask-image: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/campaign-btn_arrow.svg);
mask-repeat: no-repeat;
mask-position: center;
mask-size: cover;
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: calc(16vw * 100 / 430);
width: calc(50vw * 100 / 430);
height: calc(50vw * 100 / 430);
}
.campaign-page .a-btn__link::before {
left: 16px;
width: 50px;
height: 50px;
}
.campaign-page #jsHeader > nav {
margin-bottom: 0;
}
.mainv.area {
height: auto;
}
.mainv.area > picture {
display: block;
text-align: center;
}
.mainv.area > picture img {
max-width: 1000px;
width: 100%;
height: auto;
}
.repairs-page .pageTitle {
display: none !important;
}
.repairs-page .pagePath {
display: none !important;
}
.repairs-page .contents {
width: 100%;
margin: 40px auto;
}
.repairs-page .side {
display: none !important;
}
.repairs-page .main {
float: none;
width: 100%;
}
.repairs-page .main p {
margin-bottom: 0;
}
.repairs-page .main a {
text-decoration: none;
}
.repairs-page .main a:hover {
transition: 0.3s;
opacity: 0.7;
}
.l-repairs * {
box-sizing: border-box;
}
.l-repairs-header {
width: 1000px;
margin: 0 auto;
position: relative;
background: #e95f19;
border-bottom: 2px solid #ffffff;
}
.l-repairs-header:after {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
bottom: -3px;
border-bottom: 1px solid #e95f19;
}
.l-repairs-inner {
width: 1000px;
margin: 0 auto;
}
.main .l-repairs-header-h2 {
position: relative;
margin: 0 auto;
padding: 10px 10px;
background: transparent;
color: #ffffff;
text-align: center;
font-size: 26px;
font-weight: 700;
line-height: 1.75;
letter-spacing: 0.06em;
}
.l-repairs-block01 {
padding-top: 35px;
}
.l-repairs-block01-picture01 {
display: block;
text-align: center;
}
.l-repairs-block01-picture01 img {
width: 100%;
height: auto;
}
.l-repairs-block02 {
padding-top: 20px;
}
.l-repairs-block02-picture01 {
display: block;
text-align: center;
}
.l-repairs-block02-picture01 img {
width: 100%;
height: auto;
}
.l-repairs-block02-picture02 {
padding-top: 10px;
display: block;
text-align: center;
}
.l-repairs-block02-picture02 img {
width: 100%;
height: auto;
}
.l-repairs-block03 {
padding: 30px 0;
}
.l-repairs-block03-table {
width: 100%;
display: table;
table-layout: fixed;
}
.l-repairs-block03-table > div {
display: table-cell;
vertical-align: top;
}
.l-repairs-block03-table-left {
width: 600px;
}
.l-repairs-block03-picture01 {
display: block;
position: relative;
z-index: 2;
}
.l-repairs-block03-picture01 img {
width: 600px;
height: auto;
}
.l-repairs-block03-picture02 {
display: block;
text-align: center;
margin-top: -10px;
position: relative;
z-index: 1;
}
.l-repairs-block03-picture02 img {
width: 546px;
height: auto;
}
.l-repairs-block03-table-right {
width: auto;
margin-top: 20px;
border: 1px solid #d4d4d4;
position: relative;
z-index: 1;
left: -10px;
}
.main .l-repairs-block03-table-right h4 {
margin: 0;
padding: 5px 10px 5px 15px;
border: none;
background: #e50000;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-shadow: 0 0 0 1px #fff inset;
box-shadow: 0 0 0 1px #fff inset;
color: #fff;
font-size: 24px;
}
.main .l-repairs-block03-table-right h4:before,
.main .l-repairs-block03-table-right h4:after {
display: none;
}
.main .l-repairs-block03-table-right .formBox {
margin-bottom: 20px;
}
.l-repairs-block03-table-right table {
width: 100%;
display: block;
}
.main .l-repairs-block03-table-right table {
margin-bottom: 10px;
}
.l-repairs-block03-table-right table tbody {
width: 100%;
display: block;
}
.l-repairs-block03-table-right table tr {
width: 100%;
display: block;
}
.l-repairs-block03-table-right table tr th {
width: 100% !important;
display: block;
border: none !important;
background: #ffffff !important;
padding: 10px 10px !important;
}
.l-repairs-block03-table-right .formBox table tr th span {
float: left;
margin-right: 7px;
padding: 2px 15px;
background: #e50000;
color: #fff;
font-size: 14px;
}
.l-repairs-block03-table-right table tr td {
width: 100% !important;
display: block;
border: none !important;
background: #ffffff !important;
}
.l-repairs-block03-table-right input[type="text"] {
width: 100% !important;
}
.l-repairs-block03-table-right table tr td .wpcf7-checkbox {
flex-direction: row;
flex-wrap: wrap;
}
.l-repairs-block03-table-right
table
tr
td
.wpcf7-checkbox
span.wpcf7-list-item {
width: 48%;
}
.l-repairs-block03-table-right table tr td .wpcf7-radio span.wpcf7-list-item {
width: 25%;
}
.l-repairs-block04 {
}
.repairs-page .main .l-repairs-block04 .contactBox .telBox .tel span {
font-size: 75px;
}
.repairs-page .main .l-repairs-block04 .contactBox .telBox .btn a {
width: 295px;
margin: 5px 0;
padding: 15px 33px 13px 23px;
font-size: 22px;
}
.l-repairs-block05 {
}
.l-repairs-block05-back {
margin-bottom: 30px;
background: #f8f8f8;
border: 4px solid #ffffff;
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);
padding: 25px 25px 60px 25px;
}
.l-repairs-block05-h3 {
margin-bottom: 50px !important;
padding: 15px 25px !important;
border-top: none !important;
background: #283985 !important;
color: #ffffff !important;
font-size: 20px !important;
font-weight: 600;
line-height: 1.75;
letter-spacing: 0em;
}
.l-repairs-block05-h3 span {
color: #ffff00 !important;
font-size: 20px !important;
font-weight: 600;
line-height: 1.75;
letter-spacing: 0em;
}
.l-repairs-block05-picture01 {
display: block;
text-align: center;
}
.l-repairs-block05-picture01 img {
width: 854px;
height: auto;
}
.l-repairs-block05-back > p {
padding-top: 10px;
text-align: center;
color: #333333 !important;
font-size: 16px !important;
font-weight: 400;
line-height: 1.75;
letter-spacing: 0em;
}
.l-repairs-block06 {
}
.l-repairs-block06-back {
position: relative;
}
.l-repairs-block06-back:before {
content: "";
position: absolute;
z-index: -1;
top: 125px;
background: #283985;
width: 110%;
height: 430px;
transform: rotate(-5deg);
left: -5%;
}
.l-repairs-block06-h2 {
position: relative;
margin: 0 auto 0 !important;
padding: 0 0 !important;
background: none !important;
color: #fff;
text-align: center;
font-size: 23px;
}
.l-repairs-block06-h2 img {
width: 1080px;
height: auto;
}
.l-repairs-block06-picture01 {
display: block;
text-align: center;
}
.l-repairs-block06-picture01 img {
width: 100%;
height: auto;
}
.l-repairs-block06-back02 {
margin: 30px 0 45px;
background: #f8f8f8;
border: 4px solid #ffffff;
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);
padding: 20px 40px 30px 35px;
}
.l-repairs-block06-back02-inner {
background: url(//gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/lp/block06-img03_pc.png) left bottom 20px no-repeat
transparent;
background-size: 170px auto;
min-height: 214px;
padding-left: 200px;
}
.l-repairs-block06-back02-box {
background: #ffffff;
padding: 16px 30px 32px;
}
.l-repairs-block06-back02-box ul {
display: block;
}
.l-repairs-block06-back02-box ul li {
border-bottom: 1px solid #f8f8f8;
display: block;
padding: 16px 16px 16px 108px;
background: url(//gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/lp/block06-icon01_pc.png) left 16px center no-repeat
transparent;
background-size: 52px auto;
min-height: 38px;
text-align: left;
color: #333333;
font-size: 26px;
font-weight: 600;
line-height: 1.55;
letter-spacing: 0em;
}
.l-repairs-block06-back02-box ul li:before,
.l-repairs-block06-back02-box ul li:after {
display: none;
}
.l-repairs-block07 {
border-top: 7px solid #333333;
border-bottom: 7px solid #333333;
background: #ffbf01;
padding: 35px 0;
}
.l-repairs-block07-picture01 {
display: block;
text-align: center;
}
.l-repairs-block07-picture01 img {
width: 100%;
height: auto;
}
.l-repairs-block08 {
padding-top: 30px;
}
.l-repairs-block08.-last {
padding-bottom: 30px;
}
.l-repairs-block08-back {
position: relative;
}
.l-repairs-block08-back:before {
content: "";
position: absolute;
z-index: -1;
top: 85px;
background: #283985;
width: 110%;
height: 430px;
transform: rotate(-5deg);
left: -5%;
}
.l-repairs-block08-h2 {
position: relative;
margin: 0 auto 155px !important;
padding: 0 0 !important;
background: none !important;
color: #fff;
text-align: center;
font-size: 23px;
}
.l-repairs-block08-h2 img {
width: 100%;
height: auto;
}
.l-repairs-block08-h3 {
margin-bottom: 20px !important;
padding: 0 0 !important;
border-top: none !important;
background: none !important;
color: #333;
font-size: 20px;
}
.l-repairs-block08-h3 img {
width: 100%;
height: auto;
}
.l-repairs-block08-back02 {
background: #f8f8f8;
border: 4px solid #ffffff;
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);
padding: 20px 20px;
}
.l-repairs-block08-back02-box {
background: #ffffff;
padding: 0 0 35px;
}
.l-repairs-block08-picture01 {
display: block;
text-align: center;
}
.l-repairs-block08-picture01 img {
width: 942px;
height: auto;
}
.l-repairs-block08-picture02 {
padding-top: 30px;
display: block;
text-align: center;
}
.l-repairs-block08-picture02 img {
width: 942px;
height: auto;
}
.l-repairs-block08-back02-box p {
padding: 20px 30px 0;
margin-bottom: 0;
text-align: left;
color: #333333;
font-size: 18px;
font-weight: 400;
line-height: 2;
letter-spacing: -0.02em;
}
.l-repairs-block08-back02-box p.l-repairs-block08-back02-box-message {
padding: 0 30px 0;
}
.l-repairs-block08-back02-box p span {
text-align: left;
color: #e95f19;
font-size: 18px;
font-weight: 700;
line-height: 2;
letter-spacing: -0.02em;
}
.l-repairs-block08-back02-box ul {
display: block;
}
.l-repairs-block08-back02-box ul li {
padding: 0 30px;
display: block;
text-align: left;
color: #333333;
font-size: 18px;
font-weight: 700;
line-height: 2;
letter-spacing: -0.02em;
}
.l-repairs-block08-back02-box ul li:before,
.l-repairs-block08-back02-box ul li:after {
display: none;
}
.l-repairs-block08-back02-box-table {
width: 100%;
display: table;
}
.l-repairs-block08-back02-box-table > div {
display: table-cell;
vertical-align: top;
}
.l-repairs-block08-back02-box-table-left {
width: 326px;
padding: 30px 32px 30px 30px;
}
.l-repairs-back02-box-table-picture01 {
display: block;
}
.l-repairs-back02-box-table-picture01 img {
width: 294px;
height: auto;
}
.l-repairs-block08-back02-box-table-right {
width: auto;
padding: 30px 30px 30px 0;
}
.l-repairs-block08-back02-box-table-right p {
padding: 0 0;
text-align: left;
color: #333333;
font-size: 18px;
font-weight: 400;
line-height: 2;
letter-spacing: -0.02em;
}
.repairs-page .main .worksBox h2 {
border-image: none;
border: none;
padding: 0 0 0;
}
.repairs-page .main .worksList article:nth-child(-n + 3) {
margin-top: 0;
}
.repairs-page .main .worksList article:nth-child(-n + 4) {
margin-top: 0;
}
.repairs-page .main .worksList article:nth-child(3n + 1) {
clear: none;
}
.repairs-page .main .worksList article:nth-child(4n + 1) {
clear: both;
}
.repairs-page .main .worksList article:nth-child(3n) {
margin-right: 18px;
}
.repairs-page .main .worksList article:nth-child(4n) {
margin-right: 0;
}
.repairs-page .main .worksList article {
position: relative;
float: left;
margin: 20px 18px 0 0;
padding: 0;
width: 236px;
border-bottom: none;
text-align: center;
font-weight: bold;
}
.l-repairs-block15 {
padding-top: 15px;
}
.l-repairs-block15-back {
position: relative;
}
.l-repairs-block15-back:before {
content: "";
position: absolute;
z-index: -1;
top: 115px;
background: #283985;
width: 110%;
height: 490px;
transform: rotate(-5deg);
left: -5%;
}
.repairs-page .main h3.l-repairs-block15-h3 {
margin-bottom: 0;
padding: 0 0;
border: none;
background: transparent;
color: #333;
font-size: 20px;
text-align: center;
}
.l-repairs-block15-h3 img {
width: 278px;
height: auto;
}
.l-repairs-block15-picture01 {
display: block;
text-align: center;
padding-top: 25px;
}
.l-repairs-block15-picture01 img {
width: 674px;
height: 34px;
}
.l-repairs-block15-block {
padding-top: 35px;
display: block;
text-align: left;
font-size: 0;
}
.l-repairs-block15-block-list {
width: 50%;
display: inline-block;
vertical-align: top;
padding-top: 20px;
}
.l-repairs-block15-block-list:nth-of-type(odd) {
padding-right: 10px;
}
.l-repairs-block15-block-list:nth-of-type(even) {
padding-left: 10px;
}
.l-repairs-block15-block-list-table {
width: 100%;
display: table;
text-decoration: none !important;
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);
}
.l-repairs-block15-block-list-table > div {
display: table-cell;
vertical-align: top;
}
.l-repairs-block15-block-list-table-left {
width: 216px;
}
.l-repairs-block15-block-list-table-left picture {
display: block;
overflow: hidden;
}
.l-repairs-block15-block-list-table-left picture img {
object-fit: cover;
width: 216px;
height: auto;
}
.l-repairs-block15-block-list-table-right {
width: auto;
background: url(//gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/lp/block15-icon01_pc.png) right 10px center no-repeat
#ffffff;
background-size: 18px auto;
min-height: 10px;
padding: 10px 15px 10px 10px;
}
.l-repairs-block15-block-list-table-right-title {
text-align: left;
color: #333333;
font-size: 18px;
font-weight: 700;
line-height: 1.75;
letter-spacing: 0em;
}
.l-repairs-block15-block-list-table-right-price {
padding-top: 5px;
text-align: right;
color: #e50000;
font-size: 18px;
font-weight: 600;
line-height: 1;
letter-spacing: 0em;
}
.l-repairs-block15-block-list-table-right-price span {
font-family: "Oswald", sans-serif;
text-align: right;
color: #e50000;
font-size: 48px;
font-weight: 400;
line-height: 1;
letter-spacing: 0em;
}
.l-repairs-block15-block-list-table-right-caution {
padding-top: 5px;
text-align: right;
color: #333333;
font-size: 14px;
font-weight: 400;
line-height: 1.75;
letter-spacing: 0em;
}
.l-repairs-block15-btn {
padding-top: 55px;
text-align: center;
}
.l-repairs-block15-btn a {
display: inline-block;
background: url(//gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/lp/block14-icon01_pc.png) right 37px center no-repeat
#e50000;
background-size: 20px auto;
min-height: 24px;
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);
padding: 20px 95px;
text-decoration: none;
border-radius: 50px;
text-align: center;
color: #ffffff;
font-size: 26px;
font-weight: 600;
line-height: 1.66;
letter-spacing: 0em;
}
.l-repairs-block16 {
padding-top: 30px;
}
.repairs-page .main h2.l-repairs-block16-h2 {
position: relative;
margin: 0 auto 50px;
padding: 0 0;
background: transparent;
color: #fff;
text-align: center;
font-size: 23px;
}
.l-repairs-block16-h2 picture {
display: block;
text-align: center;
}
.l-repairs-block16-h2 picture img {
width: 100%;
height: auto;
}
.l-repairs-block17 {
}
.repairs-page .main .l-repairs-block17 .l-repairs-inner > p {
margin-bottom: 15px;
}
.l-repairs-block17 ul li {
padding-left: 0 !important;
}
.l-repairs-block17 ul li:before,
.l-repairs-block17 ul li:after {
display: none;
} .bg05 {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/bg04.png) repeat center center,
url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/bg05.jpg) no-repeat center center;
background-size: auto, cover;
}
.bg07 {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/bg04.png) repeat center center,
url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/bg07.jpg) no-repeat center center;
background-size: auto, cover;
}
#factory .bg07 {
padding: 80px 0 50px;
margin-bottom: 80px;
}
#factory .pageTitle .inner {
width: 100%;
}
#factory .inner {
width: 1100px;
}
#factory .side {
display: none !important;
}
#factory .main article {
margin-bottom: 80px;
}
#factory .contents {
width: 100%;
margin: 40px auto 0;
}
#factory .main {
float: none;
width: 100%;
}
#factory .main h2.fullWidth {
margin: 40px auto;
}
#factory .mainv {
height: auto;
margin-bottom: 80px;
}
#factory .main .factorySTtl {
font-size: 24px;
text-align: center;
font-weight: bold;
} #factory .main .worksBox h2 {
margin-bottom: 40px;
}
#factory .main .worksList {
display: flex;
flex-wrap: wrap;
gap: 50px;
border-bottom: none;
}
#factory .main .worksList article {
width: calc(100% / 2 - 30px);
background: #fff;
margin: 0;
box-shadow: 10px 10px 0px -3px rgba(0, 0, 0, 0.2);
}
#factory .main .worksList .workColumn .archiveSummary {
text-align: left;
margin: 10px 0 20px;
padding: 0 10px;
}
#factory .main .mainThumb {
width: 100%;
position: relative;
overflow: hidden;
display: block;
background: #f5f5f5;
}
#factory .main .mainThumb img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
#factory .main .mainThumb:before {
content: "" !important;
display: block;
padding-top: 75%;
}
#factory .main .archiveList .contTxt {
font-size: 14px;
color: #fff;
text-decoration: none;
font-weight: 700;
display: inline-block;
margin: 0 4px 5px 0;
padding: 0 5px;
border-radius: 3px;
background: #e95f19;
}
#factory .main .worksList a:link {
color: #333;
}
#factory .main .worksList a h3 {
font-size: 20px;
color: #333;
}
#factory .main .worksList p {
font-size: 14px;
color: #333;
}
#factory .main .btnDetail {
color: #fff !important;
margin-top: 0;
margin-bottom: 20px;
padding: 5px 20px 3px;
box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.3) inset;
}
#factory .main ul.txtL li {
font-size: 24px;
padding-left: 30px;
}
#factory .main ul.txtL li:before {
font-family: "Font Awesome 5 Free";
content: "\f14a";
font-weight: 900;
color: #fff;
height: auto;
background: none;
width: auto;
margin: auto;
top: 0;
bottom: 0;
left: 0;
color: #e95f19;
}
#factory .main .reasonList {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
#factory .main .reasonList li {
width: 360px;
height: auto;
margin: 0;
padding: 0;
background: #f3f3f3;
border-radius: 0;
counter-increment: reasonlist;
}
#factory .main .reasonList li:before {
content: counter(reasonlist, decimal-leading-zero);
background: none;
z-index: 1;
font-size: 35px;
font-weight: bold;
top: 10px;
left: 10px;
width: auto;
height: auto;
line-height: 1;
color: #fff;
}
#factory .main .reasonList li:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 100px 100px 0 0;
border-color: #e95f19 transparent transparent transparent;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
top: 0;
left: 0;
}
#factory .main .reasonList .reasonSummary h4 {
line-height: 1.4;
}
#factory .main .reasonList .reasonSummary h4 span {
font-size: 35px;
font-weight: bold;
display: block;
}
#factory .main .reasonList li p {
font-size: 16px;
font-weight: normal;
text-align: center;
color: #fff;
background: none;
height: auto !important;
}
#factory .main .reasonList .reasonSummary {
padding: 80px 10px 10px;
}
#factory .problem .reasonList .reasonSummary {
padding-top: 80px;
color: #fff;
background: rgba(0, 0, 0, 0.5);
}
#factory .main .reasonList li h4:before {
content: "";
width: 60px;
height: 60px;
border-radius: 50%;
background: #fff;
position: absolute;
left: 50%;
top: -65px;
margin: 0 0 0 -30px;
border: none;
opacity: 1;
}
#factory .problem .reasonList li:nth-child(1) {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/factory_p01.jpg) no-repeat top left / cover;
}
#factory .problem .reasonList li:nth-child(2) {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/factory_p02.jpg) no-repeat top left / cover;
}
#factory .problem .reasonList li:nth-child(3) {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/factory_p03.jpg) no-repeat top left / cover;
}
#factory .problem .reasonList li:nth-child(4) {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/factory_p04.jpg) no-repeat top left / cover;
}
#factory .problem .reasonList li:nth-child(5) {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/factory_p05.jpg) no-repeat top left / cover;
}
#factory .problem .reasonList li:nth-child(6) {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/factory_p06.jpg) no-repeat top left / cover;
}
#factory .main .reasonList li:nth-child(1) h4:before {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/gnav_ico_case_p.png) no-repeat center center #fff;
background-size: auto 23px;
}
#factory .main .reasonList li:nth-child(2) h4:before {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/gnav_ico_work_p.png) no-repeat center center #fff;
background-size: auto 23px;
}
#factory .main .reasonList li:nth-child(3) h4:before {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/gnav_ico_menu_p.png) no-repeat center center #fff;
background-size: auto 23px;
}
#factory .main .reasonList li:nth-child(4) h4:before {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/gnav_ico_reason_p.png) no-repeat center center
#fff;
background-size: auto 23px;
}
#factory .main .reasonList li:nth-child(5) h4:before {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/gnav_ico_showroom_p.png) no-repeat center center
#fff;
background-size: auto 23px;
}
#factory .main .reasonList li:nth-child(6) h4:before {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/gnav_ico_corporate_p.png) no-repeat center center
#fff;
background-size: auto 23px;
}
#factory .main .reasonList.factoryFlowList .reasonSummary h4 span {
font-size: 25px;
font-weight: bold;
color: #333;
}
#factory .main .reasonList.factoryFlowList li .reasonSummary:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid #e95f19;
border-left: 0;
border-bottom: 0;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 12px;
margin-top: -20px;
z-index: 10;
}
#factory .main .reasonList.factoryFlowList li:last-child .reasonSummary:before {
content: none;
}
#factory .main .reasonList.factoryFlowList li:nth-child(1) h4:before {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/gnav_ico_showroom_p.png) no-repeat center center
#fff;
background-size: auto 23px;
}
#factory .main .reasonList.factoryFlowList li:nth-child(2) h4:before {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/gnav_ico_work_p.png) no-repeat center center #fff;
background-size: auto 23px;
}
#factory .main .reasonList.factoryFlowList li:nth-child(3) h4:before {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/gnav_ico_seminar_p.png) no-repeat center center
#fff;
background-size: auto 23px;
}
#factory .main .reasonList.factoryFlowList li:nth-child(4) h4:before {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/gnav_ico_column_p.png) no-repeat center center
#fff;
background-size: auto 23px;
}
#factory .main .reasonList.factoryFlowList li:nth-child(5) h4:before {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/gnav_ico_case_p.png) no-repeat center center #fff;
background-size: auto 23px;
}
#factory .main .reasonList.factoryFlowList li:nth-child(6) h4:before {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/gnav_ico_corporate_p.png) no-repeat center center
#fff;
background-size: auto 23px;
}
#factory .main .reasonList.factoryFlowList .reasonSummary p {
font-weight: normal;
text-align: left;
color: #333;
margin: 0;
padding: 0 10px 10px;
}
#factory .main .reasonList.factoryFlowList .reasonSummary h4 {
margin-bottom: 10px;
}
#factory .main .reasonDetail h3 {
padding-left: 0;
}
#factory .main .reasonDetail div.overflowH {
line-height: 1.7;
}
#factory .main .serviceContents h2.fullWidth {
margin-top: 0;
}
#factory .main .serviceContents .inner {
padding: 20px 0 40px;
}
#factory .main .serviceMenu {
position: relative;
overflow: hidden;
background: none;
margin-bottom: 30px;
}
#factory .main .serviceMenu article {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
color: #fff;
background: #fff;
margin: 0 10px 30px 0;
padding: 0;
border: #fff solid 2px;
box-shadow: 10px 10px 0px -3px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
#factory .main .packTtl {
position: relative;
float: left;
margin-bottom: 0;
}
#factory .main .packImg {
width: 300px;
height: 185px;
overflow: hidden;
margin: 0;
float: left;
position: relative;
}
#factory .main .packsummary {
position: relative;
padding: 0 7px;
max-width: 100%;
box-sizing: border-box;
width: 785px;
}
#factory .main .packList h4 {
font-size: 34px;
color: #333;
position: relative;
padding-left: 0;
margin: 0 0 8px;
line-height: 1;
}
#factory .main .packList h4::before,
#factory .main .packList h4::after {
content: none;
}
#factory .main .priceBlock {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#factory .main .packList ul.optionalUl {
margin: 0;
line-height: 1;
bottom: 25px;
}
#factory .main .packList ul.optionalUl li {
display: block;
float: none;
border: none;
padding: 2px 5px;
background: #00975d;
margin: 5px 10px 0 0;
color: #fff;
font-size: 18px;
text-align: center;
line-height: 1.5;
font-weight: bold;
overflow: hidden;
width: auto;
}
#factory .main .packList ul.optionalUl li::before,
#factory .main .packList ul.optionalUl li::after {
content: none;
}
#factory .main .priceTaxin {
text-align: left;
font-size: 13px;
line-height: 1.5;
color: #333;
padding: 5px;
margin-bottom: 0;
}
#factory .main .packsummary .priceTxt {
font-size: 80px;
font-family: "Oswald", sans-serif;
color: #e50000;
line-height: 0.9;
}
#factory .main .priceTxt span {
font-size: 60px;
}
#factory .main .packsummary .priceTxt span.unitTxt {
font-size: 40px;
margin-left: 2px;
line-height: 0.9;
font-weight: bold;
padding-bottom: 7px;
display: inline;
}
#factory .main .basicC {
font-size: 20px;
background: #003d96;
color: #fff;
font-weight: bold;
padding: 10px 5px;
margin-bottom: 0;
line-height: 1;
clear: both;
}
#factory .main .basicC.basicTxt span {
background: #fff;
color: #333;
border-radius: 5px;
padding: 0 5px;
position: relative;
margin: 0 5px;
}
.main .basicC.basicTxt span:before {
font-family: "Font Awesome 5 Free";
content: "\f055";
font-weight: 900;
color: #003d96;
font-size: 18px;
position: absolute;
right: 100%;
background: #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
width: 15px;
height: 15px;
line-height: 1;
top: 0;
bottom: 0;
margin: auto;
}
#factory .main .basicC.basicTxt span:first-of-type {
margin-left: 0;
}
#factory .main .basicC.basicTxt span:first-of-type:before {
content: none;
}
#factory .main #message {
width: 1100px;
margin: 0 auto 40px;
}
#factory .main #message h2 {
display: none;
}
#factory .main article.flowSec {
margin-top: 80px;
}
.faqBox dt {
padding: 10px 60px;
font-size: 22px;
font-weight: bold;
background-color: #003d96;
color: #fff;
margin-top: 15px;
cursor: pointer;
position: relative;
}
.faqBox dd {
display: none;
background-color: #f3f3f3;
padding: 15px 30px 15px 60px;
border: solid 1px #ddd;
position: relative;
}
.faqBox dt::before,
.faqBox dd::before {
content: "Q";
color: #fff;
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
width: auto;
font-size: 36px;
line-height: 1;
border: none;
}
.faqBox dd::before {
content: "A";
color: #333;
font-weight: bold;
}
.faqBox dt::after {
position: absolute;
top: 0;
bottom: 0;
right: 10px;
bottom: 0;
display: block;
margin: auto;
height: 32px;
content: "\f055";
font-weight: 900;
font-size: 28px;
font-family: "Font Awesome 5 Free";
line-height: 1;
color: #fff;
}
.faqBox dt.clicked::after {
content: "\f056";
}
#factory .main .form .bg02 {
width: 1100px;
background: none;
}
#factory .main .form h2.fullWidth {
font-weight: bold;
color: #333;
width: 100%;
margin-bottom: 0;
padding: 70px 0 20px !important;
border-top: 10px solid #e95f19;
}
#factory .main .form h2.fullWidth::before {
content: "";
height: 0;
position: absolute;
width: 0;
border: solid transparent;
border-top-color: #e95f19;
border-width: 32px 100px 0 100px;
top: 0;
left: 0;
right: 0;
margin: auto;
-index: 99;
}
#factory .ftrConBox {
padding: 20px 0;
background: #e95f19;
}
#factory .ftrConBox .inner {
overflow: inherit;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 215px 15px 15px;
width: 1100px;
background: #fff;
}
#factory .ftrConBox .imgLayer {
right: 20px;
bottom: 0;
}
#factory .ftrConBox h2 {
position: relative;
overflow: hidden;
margin: 0 0 3px 0;
background: none;
padding: 0 0;
}
#factory .ftrConBox h2 img {
margin-right: 10px;
}
#factory .ftrConBox h2 span {
float: left;
margin-right: 10px;
}
#factory .ftrConBox h2 span img {
width: 220px;
height: auto;
}
#factory .ftrConBox h3 {
display: inline-block;
padding-left: 30px;
background: url(//gaihekiou.info/cms/wp-content/themes/img/common/ico_bucket.png) no-repeat left center;
color: #8d471f;
font-size: 14px;
line-height: 1.3;
}
#factory .ftrConBox .footerTel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#factory .ftrConBox .tel {
margin-bottom: 10px;
font-size: 13px;
line-height: 1.2;
}
#factory .ftrConBox .fconbtn {
float: right;
}
#factory .ftrConBox .fconbtn a {
display: block;
float: left;
margin-right: 5px;
}
#factory .ftrConBox .fconbtn a:last-child {
margin-right: 0;
}
#factory .ftrConBox .tel span {
padding-bottom: 5px;
padding-left: 70px;
font-size: 70px;
background-size: 70px auto;
background-position: left 80%;
}
#factory .ftrConBox .btn {
margin-right: 35px;
}
#factory .ftrConBox .btn a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 8px 58px 8px 27px;
border: 3px solid #00975d;
border-radius: 10px;
background-color: #00975d;
font-size: 30px;
}
#factory .ftrConBox .btn a:after {
right: 20px;
height: 24px;
font-size: 24px;
}
#factory .ftrConBox .catchTxt {
clear: both;
margin: 10px -215px -15px -15px;
margin-top: 0;
padding: 0 20px;
background: #003d96;
color: #fff;
font-weight: bold;
font-size: 24px;
}
#factory .ftrConBox strong {
border-radius: 4px;
color: #fff;
}
#factory .ftrConBox ul {
position: relative;
float: none;
overflow: hidden;
}
#factory .ftrConBox ul li {
position: relative;
float: left;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
font-weight: bold;
font-size: 13px;
}
#factory .ftrConBox ul li:last-child {
margin-right: 0;
}
#factory .ftrConBox ul li a {
display: block;
color: #333;
text-decoration: none;
}
#factory .ftrConBox ul li img {
float: left;
margin-right: 15px;
}
#factory .ftrConBox ul li h4 {
color: #fed900;
font-size: 22px;
line-height: 1.2;
}
.faqBox dt.clicked::after {
content: "\f056";
}
.pc-only {
display: block !important;
}
.sp-only {
display: none !important;
}
.line-btn {
text-align: center;
}
.line-btn * {
box-sizing: border-box;
}
.line-btn a {
display: inline-block;
width: auto;
box-sizing: border-box;
text-decoration: none;
transition: 0.3s;
}
.line-btn a:hover {
opacity: 0.7;
}
.line-btn a span {
display: block;
width: 100%;
height: auto;
background: #fff;
font-size: 22px;
font-weight: bold;
color: #fff;
line-height: 1.5;
position: relative;
background: #00b900;
color: #fff;
padding: 15px 34px 15px 70px;
border-radius: 5px;
}
.line-btn a span:before {
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
content: "";
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/icon_line.png) no-repeat center;
background-size: contain;
width: 30px;
height: 28px;
font-weight: 400;
}
.l-showroom-youtube {
padding-top: 40px;
}
.l-showroom-youtube iframe {
width: 100%;
height: 563px;
} #housemaker .pageTitle {
display: none;
}
#housemaker .pagePath {
display: none;
}
#housemaker .contents {
position: relative;
margin: 0 auto;
width: 100%;
}
#housemaker .main {
float: none;
width: 100%;
}
#housemaker .main * {
box-sizing: border-box;
font-feature-settings: "palt";
font-family: "Noto Sans JP", "メイリオ", "Meiryo", verdana,
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",
"MS PGothic", Sans-Serif;
}
.main {
.l-housemaker {
}
.l-housemaker * {
box-sizing: border-box;
}
.l-housemaker img {
max-width: 100%;
height: auto;
}
.l-housemaker-wrapper {
margin: 0 auto;
width: 1000px;
}
.l-housemaker p {
margin-bottom: 0;
font-size: 16px;
}
.l-housemaker01 {
}
.l-housemaker01 p {
}
.l-housemaker01 p img {
width: 100%;
}
.l-housemaker02 {
padding: 95px 0;
}
.l-housemaker02-inner {
width: 1200px;
margin: 0 auto;
}
.l-housemaker02-inner p {
}
.l-housemaker02-inner p img {
width: 100%;
}
.l-housemaker03 {
background: #fef0e7;
}
.l-housemaker03 h2 {
padding: 55px 10px;
background: #eb6100;
text-align: center;
}
.l-housemaker03 h2 img {
width: 660px;
}
.l-housemaker03-inner {
width: 1420px;
margin: 0 auto;
position: relative;
z-index: 2;
padding: 15px 0 60px;
}
.l-housemaker03-inner:after {
content: "";
display: inline-block;
position: absolute;
bottom: -72px;
z-index: 3;
left: 0;
right: 0;
margin: 0 auto;
width: 130px;
height: 72px;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/housemaker/housemaker03-bg.png) bottom center
no-repeat transparent;
background-size: 130px auto;
}
.l-housemaker03-table {
width: 100%;
display: table;
}
.l-housemaker03-table > div {
display: table-cell;
vertical-align: top;
text-align: left;
}
.l-housemaker03-table-left {
width: 496px;
padding-top: 45px;
}
.l-housemaker03-table-left p {
}
.l-housemaker03-table-left p img {
width: 454px;
}
.l-housemaker03-table-right {
width: 924px;
}
.l-housemaker03-table-right p {
padding-top: 40px;
}
.l-housemaker03-table-right p img {
width: 924px;
}
.l-housemaker04 {
padding: 80px 0;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/housemaker/housemaker04-bg.png) top center no-repeat
transparent;
background-size: cover;
min-height: 640px;
}
.l-housemaker04-inner {
width: 1310px;
margin: 0 auto;
}
.l-housemaker04-inner p {
width: 805px;
text-align: justify;
color: #464646;
font-size: 20px;
font-weight: 400;
line-height: 2.4;
letter-spacing: 0.1em;
}
.l-housemaker04-inner p.l-housemaker04-message01 {
font-size: 24px;
font-weight: 700;
}
.l-housemaker04-inner p.l-housemaker04-message02 {
font-size: 20px;
padding-top: 30px;
}
.l-housemaker04-inner p span {
background: linear-gradient(transparent 60%, #f1f360 60%);
}
.l-housemaker05 {
padding: 50px 0 80px;
}
.l-housemaker05-inner {
width: 1414px;
margin: 0 auto;
}
.l-housemaker05-block {
display: flex;
justify-content: space-between;
gap: 0 30px;
flex-wrap: wrap;
}
.l-housemaker05-block a {
display: block;
width: calc(50% - 15px);
margin-top: 30px;
}
.l-housemaker05-block a img {
width: 100%;
}
.l-housemaker06 {
}
.l-housemaker06 > h2 {
padding: 55px 10px;
background: #eb6100;
text-align: center;
}
.l-housemaker06 > h2 img {
}
.l-housemaker06-inner {
width: 1500px;
margin: 0 auto;
}
.l-housemaker06-slider {
overflow: hidden;
padding: 50px 0 95px;
}
.l-housemaker06-slider-list {
width: 351px;
padding: 0 23px 10px;
opacity: 1;
}
.l-housemaker06-slider-list a {
display: block;
background: #ffffff;
box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.35);
text-decoration: none;
}
.l-housemaker06-slider-list a picture {
display: block;
}
.l-housemaker06-slider-list a picture img {
width: 100%;
}
.l-housemaker06-slider-list a p {
padding: 12px 3px;
text-align: center;
color: #464646;
font-size: 21px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.1em;
}
.l-housemaker06-tel {
background: #e95f19;
padding: 45px 0 30px;
}
.l-housemaker06-tel-message {
text-align: center;
color: #ffffff;
font-size: 42px !important;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0em;
}
.l-housemaker06-tel a {
display: block;
width: 1100px;
margin: 0 auto;
text-align: center;
}
.l-housemaker06-tel a img {
width: 85%;
}
.l-housemaker07 {
background: #eeeeee;
}
.l-housemaker07 h3 {
padding: 45px 0 35px;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/housemaker/housemaker07-bg01.png) top center
no-repeat transparent;
background-size: cover;
height: 228px;
text-align: center;
border: none;
}
.l-housemaker07 h3 img {
width: 906px;
}
.l-housemaker07-inner {
width: 1500px;
margin: 0 auto;
padding: 25px 0 100px;
position: relative;
}
.l-housemaker07-inner:before {
position: absolute;
z-index: 1;
top: 75px;
left: 20px;
content: "";
width: 370px;
height: 286px;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/housemaker/housemaker07-bg02.png) top center
no-repeat transparent;
background-size: 370px auto;
height: 286px;
}
.l-housemaker07-inner:after {
position: absolute;
z-index: 1;
bottom: 38px;
right: 35px;
content: "";
width: 218px;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/housemaker/housemaker07-bg03.png) top center
no-repeat transparent;
background-size: 218px auto;
height: 290px;
}
.l-housemaker07-block {
width: 954px;
margin: 0 auto;
display: block;
text-align: center;
font-size: 0;
position: relative;
z-index: 2;
}
.l-housemaker07-block-list {
width: 318px;
display: inline-block;
vertical-align: top;
padding: 60px 15px 0;
}
.l-housemaker07-block-list a {
display: block;
background: #ffffff;
border-bottom: 5px solid #eb6100;
text-decoration: none;
}
.l-housemaker07-block-list a picture {
display: block;
}
.l-housemaker07-block-list a picture img {
width: 100%;
}
.l-housemaker07-block-list a p {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/housemaker/housemaker07-icon.png) bottom 7px center
no-repeat transparent;
background-size: 10px auto;
min-height: 8px;
padding: 40px 10px 50px;
text-align: center;
color: #333333;
font-size: 18px;
font-weight: 500;
line-height: 1.66;
letter-spacing: -0.1em;
}
.l-housemaker08 {
}
.l-housemaker08 h3 {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/housemaker/housemaker08-bg.png) top center no-repeat
transparent;
background-size: cover;
height: auto;
text-align: center;
padding: 0 0;
border: none;
}
.l-housemaker08 h3 p {
width: 1108px;
margin: 0 auto;
text-align: left;
}
.l-housemaker08 h3 p img {
width: 1108px;
}
.l-housemaker08-inner {
width: 996px;
margin: 0 auto;
}
.l-housemaker08-table {
width: 100%;
display: table;
margin: 65px auto;
}
.l-housemaker08-table > div {
display: table-cell;
vertical-align: top;
text-align: left;
}
.l-housemaker08-table-left {
width: auto;
padding-right: 30px;
}
.l-housemaker08-table-left p {
text-align: justify;
color: #333333;
font-size: 18px;
font-weight: 400;
line-height: 2;
letter-spacing: 0.1em;
}
.l-housemaker08-table-left p span {
text-align: justify;
color: #333333;
font-size: 18px;
font-weight: 700;
line-height: 2;
letter-spacing: 0.1em;
}
.l-housemaker08-table-right {
width: 350px;
}
.l-housemaker08-table-right picture {
}
.l-housemaker08-table-right picture img {
width: 100%;
}
.l-housemaker08-image {
display: block;
}
.l-housemaker08-image img {
width: 100%;
}
.l-housemaker08-message {
padding-top: 50px;
text-align: center;
color: #464646;
font-size: 30px !important;
font-weight: 500;
line-height: 2;
letter-spacing: 0em;
}
.l-housemaker09 {
padding-top: 80px;
}
.l-housemaker09 h2 {
position: relative;
margin: 0 auto 75px;
padding: 0;
background: 0 0;
color: #000;
text-align: center;
font-size: 42px;
font-weight: 700;
}
.l-housemaker09 .mainThumb {
border: #ccc solid 1px;
background: #fff;
box-sizing: border-box;
}
.l-housemaker .voiceList,
.l-housemaker .workList {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
padding-bottom: 30px;
border-bottom: #ccc solid 1px;
}
.l-housemaker .voiceList article,
.l-housemaker .worksList article {
position: relative;
float: left;
margin: 20px 21px 0 0;
padding: 0;
width: 232px;
border-bottom: none;
text-align: center;
font-weight: 700;
opacity: 1;
}
.l-housemaker .voiceList article:nth-child(3n + 1),
.l-housemaker .worksList article:nth-child(3n + 1) {
clear: none;
}
.l-housemaker .archiveBox .mainPict {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 25px;
width: 236px;
height: 183px;
border: #ccc solid 1px;
background: #fff;
}
.l-housemaker .archiveBox .mainPict img {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
width: 100%;
height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-o-object-fit: cover;
object-fit: cover;
}
.l-housemaker .archiveBox .archiveSummary {
font-weight: 700;
}
.l-housemaker .voiceList h3 {
overflow: visible;
overflow: hidden;
text-overflow: inherit;
text-overflow: ellipsis;
white-space: inherit;
white-space: nowrap;
font-size: 15px;
font-weight: 700;
color: #333;
}
.l-housemaker .archiveBox .time {
margin-bottom: 0;
font-weight: 700;
font-size: 10px;
line-height: 1.4;
color: #333;
}
.l-housemaker10 {
padding-top: 100px;
padding-bottom: 100px;
}
.l-housemaker10 h2 {
position: relative;
margin: 0 auto 75px;
padding: 0;
background: 0 0;
color: #000;
text-align: center;
font-size: 42px;
font-weight: 700;
}
.l-housemaker10-btn {
text-align: center;
}
.l-housemaker10-btn a {
display: inline-block;
border-radius: 50px;
color: #fff !important;
font-size: 18px;
position: relative;
padding: 10px 65px 10px 45px;
text-decoration: none;
text-align: center;
background: #e60012;
text-decoration: none !important;
font-weight: 500;
}
.l-housemaker10-btn a::after {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
font-family: "Font Awesome 5 Free";
content: "\f138";
font-weight: 900;
font-size: 14px;
right: 20px;
height: 1em;
line-height: 1;
}
.l-housemaker10 .workList {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
padding-bottom: 30px;
border-bottom: #ccc solid 1px;
}
.l-housemaker10 .worksList a h3 {
background: 0 0;
color: #333;
font-size: 15px;
}
.l-housemaker .archiveBox .cat a {
display: inline-block;
}
.l-housemaker11 {
}
.l-housemaker11 h3 {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/housemaker/housemaker08-bg.png) top center no-repeat
transparent;
background-size: cover;
height: auto;
text-align: center;
border: none;
padding: 0 0;
}
.l-housemaker11 h3 p {
width: 1108px;
margin: 0 auto;
text-align: left;
}
.l-housemaker11 h3 p img {
width: 1108px;
}
.l-housemaker11-inner {
width: 1108px;
margin: 0 auto;
padding: 60px 0 100px;
}
.l-housemaker11-table {
width: 100%;
display: block;
}
.l-housemaker11-table-right {
}
.l-housemaker11-table-right img {
display: inline;
float: right;
width: 368px;
margin: 0 0 15px 30px;
}
.l-housemaker11-table-left {
width: auto;
}
.l-housemaker11-table-left p {
text-align: justify;
color: #333333;
font-size: 18px;
font-weight: 400;
line-height: 2;
letter-spacing: 0.1em;
}
.l-housemaker11-image01 {
display: block;
padding-top: 70px;
text-align: center;
}
.l-housemaker11-image01 img {
width: 824px;
}
.l-housemaker11-image02 {
display: block;
padding-top: 70px;
text-align: center;
}
.l-housemaker11-image02 img {
width: 984px;
}
.l-housemaker12 {
}
.l-housemaker12 h3 {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/housemaker/housemaker08-bg.png) top center no-repeat
transparent;
background-size: cover;
height: auto;
text-align: center;
border: none;
padding: 0 0;
}
.l-housemaker12 h3 p {
width: 1108px;
margin: 0 auto;
text-align: left;
}
.l-housemaker12 h3 p img {
width: 1108px;
}
.l-housemaker12-inner {
width: 1108px;
margin: 0 auto;
padding: 60px 0 100px;
}
.l-housemaker12-block {
}
.l-housemaker12-block-image {
}
.l-housemaker12-block-image img {
display: inline;
float: left;
width: 480px;
margin: 0 30px 15px 0;
}
.l-housemaker12-block-message {
}
.l-housemaker12-block-message p {
margin-bottom: 15px;
font-size: 16px;
line-height: 2;
letter-spacing: 0.1em;
}
.l-housemaker12-block-message p strong {
}
.l-housemaker12-btn {
text-align: center;
padding-top: 70px;
}
.l-housemaker12-btn a {
display: inline-block;
border-radius: 50px;
color: #fff !important;
font-size: 18px;
position: relative;
padding: 10px 65px 10px 45px;
text-decoration: none;
text-align: center;
background: #e60012;
text-decoration: none !important;
font-weight: 500;
}
.l-housemaker12-btn a::after {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
font-family: "Font Awesome 5 Free";
content: "\f138";
font-weight: 900;
font-size: 14px;
right: 20px;
height: 1em;
line-height: 1;
}
.l-housemaker13 {
}
.l-housemaker13 h3 {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/housemaker/housemaker08-bg.png) top center no-repeat
transparent;
background-size: cover;
height: auto;
text-align: center;
border: none;
padding: 0 0;
}
.l-housemaker13 h3 p {
width: 1108px;
margin: 0 auto;
text-align: left;
}
.l-housemaker13 h3 p img {
width: 1108px;
}
.l-housemaker13-inner {
width: 1108px;
margin: 0 auto;
padding: 60px 0 0;
}
.l-housemaker13-table {
width: 100%;
display: block;
}
.l-housemaker13-table-right {
}
.l-housemaker13-table-right img {
display: inline;
float: right;
width: 414px;
margin: 0 0 15px 30px;
}
.l-housemaker13-table-left {
width: auto;
}
.l-housemaker13-table-left p {
text-align: justify;
color: #333333;
font-size: 18px;
font-weight: 400;
line-height: 2;
letter-spacing: 0.1em;
}
.l-housemaker13-block {
padding: 70px 0 0;
display: flex;
gap: 0;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.l-housemaker13-block p:first-of-type {
width: 468px;
}
.l-housemaker13-block p {
width: calc(100% - 468px);
}
.l-housemaker13-block img {
width: 468px;
}
.l-housemaker13-block-message {
margin-bottom: 0 !important;
text-align: center;
color: #464646;
font-size: 30px !important;
font-weight: 400;
line-height: 2;
letter-spacing: 0em;
}
.l-housemaker14 {
}
.l-housemaker14 h3 {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/housemaker/housemaker08-bg.png) top center no-repeat
transparent;
background-size: cover;
height: auto;
text-align: center;
border: none;
padding: 0 0;
}
.l-housemaker14 h3 p {
width: 1108px;
margin: 0 auto;
text-align: left;
}
.l-housemaker14 h3 p img {
width: 1108px;
}
.l-housemaker14-inner {
width: 1108px;
margin: 0 auto;
padding: 60px 0;
}
.l-housemaker14-table {
width: 100%;
display: table;
}
.l-housemaker14-table > div {
display: table-cell;
vertical-align: top;
}
.l-housemaker14-table-left {
width: auto;
padding-right: 30px;
text-align: left;
}
.l-housemaker14-table-left p {
text-align: justify;
color: #464646;
font-size: 18px;
font-weight: 400;
line-height: 2;
letter-spacing: 0.1em;
}
.l-housemaker14-table-left p span {
color: #464646;
font-size: 18px;
font-weight: 700;
line-height: 2;
letter-spacing: 0.1em;
}
.l-housemaker14-table-right {
width: 368px;
padding-right: 30px;
text-align: right;
}
.l-housemaker14-table-right picture {
}
.l-housemaker14-table-right picture img {
width: 338px;
}
.l-housemaker15 {
}
.l-housemaker15 h3 {
padding: 45px 0 35px;
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/housemaker/housemaker07-bg01.png) top center no-repeat
transparent;
background-size: cover;
height: 228px;
text-align: center;
border-top: none;
}
.l-housemaker15 h3 img {
width: 742px;
}
.l-housemaker15-inner {
width: 930px;
margin: 0 auto;
padding: 30px 0 60px;
}
.l-housemaker15-message {
padding-bottom: 30px;
text-align: center;
color: #464646;
font-size: 24px !important;
font-weight: 400;
line-height: 2.5;
letter-spacing: 0em;
}
.l-housemaker15 .compareTable th {
height: auto;
}
.l-housemaker16 {
background: #eeeeee;
padding-bottom: 30px;
}
.l-housemaker16 h2 {
padding: 55px 10px;
background: #eb6100;
text-align: center;
}
.l-housemaker16 h2 img {
width: 336px;
}
.l-housemaker16-inner {
width: 930px;
margin: 0 auto;
padding: 45px 0 85px;
}
.l-housemaker16-inner dl {
padding-top: 35px;
display: block;
}
.l-housemaker16-inner dl dt {
display: flex;
background: #136da6;
padding: 15px 35px;
}
.l-housemaker16-inner dl dt span {
display: block;
text-align: left;
color: #ffffff;
font-size: 18px;
font-weight: 700;
line-height: 2;
letter-spacing: 0.1em;
}
.l-housemaker16-inner dl dd {
display: flex;
background: #ffffff;
padding: 15px 35px;
}
.l-housemaker16-inner dl dd span {
display: block;
text-align: left;
color: #333333;
font-size: 18px;
font-weight: 700;
line-height: 2;
letter-spacing: 0.1em;
}
.l-housemaker16-inner02 {
background: linear-gradient(
180deg,
transparent 0px,
transparent 11px,
#ff8129 11px,
#ff8129 156px,
#fffcb1 157px,
#fffcb1 510px,
#ff8129 510px,
#ff8129 100%
);
}
.l-housemaker16-tel {
display: block;
width: 1100px;
margin: 0 auto;
}
.l-housemaker16-tel a {
display: block;
text-align: center;
}
.l-housemaker16-tel a img {
width: 85%;
}
.l-housemaker17 {
background: #fffce3;
}
.l-housemaker17 h2 {
padding: 75px 0;
background: url(//gaihekiou.info/cms/wp-content/themes/gaihekiou.info/./img/housemaker/housemaker07-bg01.png)
top center no-repeat transparent;
background-size: cover;
height: auto;
text-align: center;
border-top: none;
}
.l-housemaker17 h2 img {
width: 714px;
}
.l-housemaker17-inner {
width: 1000px;
margin: 0 auto;
padding: 75px 0 125px;
}
.l-housemaker17-image01 {
display: flex;
justify-content: space-between;
}
.l-housemaker17-image01 a {
width: 480px;
display: block;
}
.l-housemaker17-image01 a img {
width: 480px;
}
.l-housemaker17-image02 {
display: block;
padding-top: 63px;
text-align: center;
}
.l-housemaker17-image02 img {
width: 138px;
}
.l-housemaker17-table {
margin-top: 80px;
width: 100%;
display: table;
}
.l-housemaker17-table > div {
display: table-cell;
vertical-align: top;
}
.l-housemaker17-table-left {
width: auto;
text-align: left;
padding-right: 30px;
}
.l-housemaker17-table-left h3 {
margin-bottom: 30px;
padding: 0 0 25px;
border-top: none;
border-bottom: 2px solid #e1dbac;
background: none;
color: #eb6100;
font-size: 24px;
line-height: 2;
}
.l-housemaker17-table-left p {
margin-bottom: 0 !important;
text-align: left;
color: #464646;
font-size: 18px !important;
font-weight: 400;
line-height: 2;
letter-spacing: 0em;
}
.l-housemaker17-table-right {
width: 380px;
text-align: right;
}
.l-housemaker17-table-right picture {
}
.l-housemaker17-table-right picture img {
width: 380px;
}
.l-housemaker17-table-right-message01 {
margin-bottom: 0 !important;
text-align: right;
color: #000;
font-size: 22px !important;
font-weight: 700;
line-height: 2.4;
letter-spacing: 0em;
}
.l-housemaker17-table-right-message02 {
margin-bottom: 0 !important;
text-align: right;
color: #000;
font-size: 22px !important;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0em;
}
.l-housemaker17-table-right-message02 span {
margin-left: 15px;
margin-bottom: 0 !important;
text-align: right;
color: #000;
font-size: 34px !important;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0em;
}
.l-housemaker a[href^="tel:"] {
pointer-events: none;
}
.l-housemaker .contactBox {
margin: 30px auto 0;
padding: 10px;
width: 1000px;
border: none;
background: #fff;
}
.l-housemaker .contactBox .inner {
overflow: inherit;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 220px 15px 15px;
width: 1100px;
background: #fff;
}
.l-housemaker .contactBox .imgLayer {
top: 6px;
right: 0;
height: 185px;
}
.l-housemaker .contactBox h2 {
position: relative;
overflow: hidden;
margin: 0 0 10px;
padding: 0;
border-top: none;
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align: left;
}
.l-housemaker .contactBox h2 span {
float: left;
margin-right: 10px;
}
.l-housemaker .contactBox h2 span img {
width: 220px;
height: auto;
}
.l-housemaker .contactBox h2 img:first-child {
margin: 0 10px 0 0;
}
.l-housemaker .contactBox h3 {
display: inline-block;
padding-left: 30px;
background: url(//gaihekiou.info/cms/wp-content/themes/gaihekiou.info/./img/common/ico_bucket.png)
no-repeat left center;
color: #8d471f;
font-size: 14px;
line-height: 1.3;
}
.l-housemaker .contactBox .tel {
float: left;
margin-right: 15px;
font-size: 14px;
line-height: 1.2;
margin-bottom: 10px;
}
.l-housemaker .contactBox .tel span {
display: block;
padding-left: 47px;
background-size: 40px auto;
font-size: 70px;
background-position: 0 80%;
}
.l-housemaker .contactBox a {
display: block;
}
.l-housemaker .contactBox .btn {
margin-bottom: 0;
float: left;
}
.l-housemaker .contactBox .btn a {
padding: 15px 45px 15px 25px;
font-size: 24px;
width: 290px;
}
.l-housemaker .contactBox .btn a:before {
width: 20px;
height: 20px;
}
.l-housemaker .contactBox .btn a:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.l-housemaker .contactBox .btn a:after {
top: 0;
bottom: 0;
display: block;
margin: auto;
}
.l-housemaker .contactBox .catchTxt {
clear: both;
margin: 15px -10px -20px;
padding: 0 20px;
background: #003d96;
color: #fff;
font-weight: 700;
font-size: 20px;
}
.l-housemaker .contactBox strong {
border-radius: 4px;
color: #fff;
}
.l-housemaker .contactBox ul {
position: relative;
float: none;
overflow: hidden;
}
.l-housemaker .contactBox ul li {
position: relative;
float: left;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
font-weight: 700;
font-size: 13px;
}
.l-housemaker .contactBox ul li:last-child {
margin-right: 0;
}
.l-housemaker .contactBox ul li a {
display: block;
color: #333;
text-decoration: none;
}
.l-housemaker .contactBox ul li img {
float: left;
margin-right: 15px;
}
.l-housemaker .contactBox ul li h4 {
color: #fed900;
font-size: 22px;
line-height: 1.2;
}
.l-housemaker06-2 .staffList li {
position: relative;
float: left;
overflow: hidden;
margin: 0 20px 30px 0;
padding: 0;
width: 236px;
text-align: center;
opacity: 1;
}
.l-housemaker06-2 .staffList li a {
color: #333;
text-decoration: none;
}
.l-housemaker06-2 .staffList li:nth-child(3n) {
}
.l-housemaker06-2 .staffList li:before,
.l-housemaker06-2 .staffList li:after {
content: none;
}
.l-housemaker06-2 .staffPhoto {
position: relative;
display: block;
overflow: hidden;
width: 236px;
height: 262px;
}
.l-housemaker06-2 .staffPhoto img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.l-housemaker06-2 .staffList li .positionTxt {
display: block;
margin: 5px 0;
line-height: 1;
}
.l-housemaker06-2 .staffList li .positionTxt span,
.l-housemaker06-2 .staffProf .profileDetail .positionTxt span {
display: inline-block;
margin-right: 5px;
font-weight: 700;
font-size: 12px;
}
.l-housemaker06-2 .staffList li .staffName,
.l-housemaker06-2 .staffProf .profileDetail .staffName {
margin: 10px 0 0;
color: #333;
font-weight: 700;
font-size: 23px;
line-height: 1.3;
}
.l-housemaker06-2 .staffList li .staffName span,
.l-housemaker06-2 .staffProf .profileDetail .staffName span {
display: block;
color: #00975d;
font-size: 15px;
}
.l-housemaker06-2 .staffList li .btnDetail {
padding: 0 10px;
}
.l-housemaker06-2 .staffProf {
position: relative;
overflow: hidden;
padding: 20px;
}
.l-housemaker06-2 .staffProf .floatL {
margin-right: 40px;
}
.l-housemaker06-2 .staffProf .staffPhoto {
margin-bottom: 20px;
width: 240px;
height: 290px;
}
.l-housemaker06-2 .staffProf .staffPhoto img {
width: 100%;
height: auto;
}
.l-housemaker06-2 .staffProf .profileDetail {
overflow: hidden;
}
.l-housemaker06-2 .staffProf .profileDetail .positionTxt {
margin-bottom: 5px;
font-size: 12px;
}
.l-housemaker06-2 .staffProf .profileDetail .positionTxt span {
padding: 0 5px;
border-radius: 4px;
background: #e95f19;
color: #fff;
}
.l-housemaker06-2 .staffProf .profileDetail .staffName span {
display: inline-block;
margin-left: 10px;
}
.l-housemaker06-2 .staffProf .profileDetail dl dt {
display: block;
margin: 15px 0 10px;
padding: 3px 10px;
background: #e95f19;
color: #fff;
font-weight: 700;
font-size: 15px;
}
.l-housemaker06-2 .staffProf .profileDetail dl dd {
font-size: 15px;
}
.l-housemaker06-2 .staffBtn {
clear: both;
margin: 20px 0;
text-align: center;
}
.l-housemaker06-2 .staffBtn li {
display: inline-block;
padding: 0;
text-align: center;
}
.l-housemaker06-2 .staffBtn li:before,
.l-housemaker06-2 .staffBtn li:after {
content: none;
}
.l-housemaker06-2 {
padding-top: 100px;
}
.l-housemaker06-2 h2 {
position: relative;
margin: 0 auto 75px;
padding: 0 0;
background: transparent;
color: #000000;
text-align: center;
font-size: 42px;
font-weight: bold;
}
.l-housemaker06-3 {
padding: 90px 0;
width: 1320px;
margin: 0 auto;
}
.l-housemaker06-3-table {
width: 100%;
display: table;
}
.l-housemaker06-3-table > div {
display: table-cell;
vertical-align: top;
}
.l-housemaker06-3-table-left {
width: auto;
text-align: left;
}
.l-housemaker06-3-table-left p {
text-align: left;
color: #464646;
font-size: 20px;
font-weight: 400;
line-height: 2.4;
letter-spacing: 0.1em;
}
.l-housemaker06-3-table-right {
width: 490px;
text-align: right;
}
.l-housemaker06-3-table-right picture {
}
.l-housemaker06-3-table-right picture img {
width: 452px;
}
.l-housemaker06-3-table-right-message01 {
margin-bottom: 0 !important;
text-align: right;
color: #000000;
font-size: 22px !important;
font-weight: 700;
line-height: 2.4;
letter-spacing: 0em;
}
.l-housemaker06-3-table-right-message02 {
margin-bottom: 0 !important;
text-align: right;
color: #000000;
font-size: 22px !important;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0em;
}
.l-housemaker06-3-table-right-message02 span {
margin-left: 15px;
margin-bottom: 0 !important;
text-align: right;
color: #000000;
font-size: 34px !important;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0em;
}
.l-housemaker .msgPhoto {
float: right;
margin: 0 0 0 30px;
width: 452px;
text-align: right;
}
.l-housemaker .msgPhoto .ceoPict {
position: static;
overflow: visible;
margin-bottom: 0;
width: auto;
height: auto;
}
.l-housemaker .msgPhoto .ceoPict img {
position: static;
width: 100%;
height: auto;
}
.l-housemaker18 {
padding-bottom: 170px;
}
.l-housemaker18 h2 {
padding: 55px 10px;
background: #eb6100;
text-align: center;
}
.l-housemaker18 h2 img {
width: 816px;
}
.l-housemaker18-table {
width: 1165px;
display: table;
margin: 100px auto 0;
}
.l-housemaker18-table > div {
display: table-cell;
vertical-align: top;
text-align: left;
}
.l-housemaker18-table-left {
width: auto;
padding-right: 40px;
}
.l-housemaker18-table-left p {
text-align: left;
color: #464646;
font-size: 18px !important;
font-weight: 400;
line-height: 2;
letter-spacing: 0.1em;
}
.l-housemaker18-table-right {
width: 476px;
}
.l-housemaker18-table-right picture {
}
.l-housemaker18-table-right picture img {
width: 476px;
}
}
.mainv.swiper-container {
height: 535px;
}
.mainv .swiper-slide {
width: 1000px;
opacity: 0.5;
transition: 0.5s;
}
#komatsu .mainv .swiper-slide {
width: 500px;
opacity: 1;
}
#komatsu .mainv .swiper-slide img {
width: 100%;
height: auto;
}
.mainv .swiper-slide-active {
opacity: 1;
}
.mainv.swiper-container .arrows {
position: relative;
margin: 0 auto;
width: 1110px;
}
.mainv .swiper-button-prev,
.mainv .swiper-button-next {
position: absolute;
border: none;
width: 2000px;
height: 500px;
outline: none;
background: none;
cursor: pointer;
margin-top: 0;
}
.mainv .swiper-button-prev {
display: block;
top: -535px;
left: inherit;
right: 1050px;
}
.mainv .swiper-button-next {
display: block;
top: -535px;
right: inherit;
left: 1050px;
}
.mainv .swiper-button-prev:hover {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/leftNav.png) right center no-repeat;
opacity: 1;
}
.mainv .swiper-button-next:hover {
background: url(https://gaihekiou.info/cms/wp-content/themes/gaihekiou.info/img/common/rightNav.png) left center no-repeat;
opacity: 1;
}
.mainv .swiper-button-prev::before,
.mainv .swiper-button-next::before {
display: block;
width: 100%;
height: 100%;
content: "";
cursor: pointer;
}
.mainv .swiper-button-prev::after,
.mainv .swiper-button-next::after {
display: none;
}
.mainv.swiper-container .swiper-pagination {
position: absolute;
bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
list-style: none;
text-align: center;
}
#komatsu .mainv.swiper-container .swiper-pagination {
bottom: 5px;
}
.mainv.swiper-container .swiper-pagination span {
position: relative;
display: block;
width: 12px;
height: 12px;
margin: 0 10px;
background: #ccc;
border-radius: 50%;
outline: none;
border: 0;
font-size: 0;
line-height: 0;
cursor: pointer;
opacity: 1;
}
.mainv.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
background: #fdc758;
}