body {
color: #212529;
font-family: "Noto Sans JP";
font-weight: 400;
}
.main {
overflow: hidden;
}
body.is-fixed {
position: fixed;
}
.u-desktop {
display: block;
}
.u-mobile {
display: none;
} html {
font-size: 16px;
}
*,
*::before,
*::after {
box-sizing: border-box;
} ul,
ol {
padding: 0;
} body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
margin: 0;
} html {
scroll-behavior: smooth;
} body {
line-height: 1.5;
min-height: 100vh;
text-rendering: optimizeLegibility;
} ul,
ol {
list-style: none;
} a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
} img {
display: block;
max-width: 100%;
width: 100%;
} article > * + * {
margin-top: 1em;
} input,
button,
textarea,
select {
font: inherit;
} img:not([alt]) {
filter: blur(10px);
} input,
button,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
}
textarea {
resize: vertical;
}
input[type=checkbox],
input[type=radio] {
display: none;
}
input[type=submit],
input[type=button],
label,
button,
select {
cursor: pointer;
}
select::-ms-expand {
display: none;
} a {
-webkit-text-decoration: none;
color: inherit;
text-decoration: none;
transition: opacity 0.3s;
}
.b-fv {
margin-top: 5rem;
position: relative;
}
.b-fv img {
-o-object-fit: cover;
min-height: 25rem;
object-fit: cover;
}
.b-fv__content {
left: 50%;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
width: 92%;
}
.b-fv__title {
font-weight: 700;
line-height: 1.4;
}
.b-fv__title span {
color: #328740;
font-family: "Raleway", "sans-serif";
font-size: 1.25rem;
}
.b-fv__title h2 {
font-size: 2.5rem;
}
.b-fv__lead {
font-size: 1.375rem;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.8;
margin-top: 1%;
}
.b-fv .fv-buttons {
margin: 3% auto 0;
max-width: 39.625rem;
width: 100%;
}
.b-case {
background: #F7F7F7;
padding-bottom: 8.75rem;
padding-top: 8.75rem;
}
.b-faq {
background: #F7F7F7;
padding-bottom: 8.75rem;
padding-top: 8.75rem;
}
.b-faq__wrapper {
margin: 0 auto;
width: 77%;
}
.b-faq__price,
.b-faq__other {
margin: 4.0625rem auto 0;
}
.b-faq__head {
align-items: center;
display: flex;
justify-content: center;
}
.b-faq__head img {
height: 3em;
margin-right: 0.4em;
width: 2.5em;
}
.b-faq__head span {
display: block;
font-size: 1.75rem;
font-weight: 700;
}
.faq__wrapper {
margin: 1.875rem auto 0;
}
.faq__item {
margin-bottom: 1.8%;
}
.faq__q {
grid-gap: 0 3%;
align-items: center;
background: #fff;
border-radius: 0.625rem;
display: grid;
gap: 0 3%;
grid-template-columns: 4% 93%;
padding: 1.9% 0.7% 1.9% 2.7%;
}
.faq__q.open {
background: linear-gradient(150deg, #42934F, #39848E);
border-radius: 0.625rem 0.625rem 0 0;
color: #fff;
}
.faq__q:hover {
cursor: pointer;
}
.faq__q-l span {
align-items: center;
background: #328740;
border-radius: 50%;
color: #fff;
display: flex;
font-family: "Raleway", "sans-serif";
font-size: 1rem;
font-weight: 600;
height: 2.2em;
justify-content: center;
line-height: 1;
width: 2.2em;
}
.faq__q.open .faq__q-l span {
background: #fff;
color: #328740;
}
.faq__q-r {
grid-gap: 0 2%;
display: grid;
gap: 0 2%;
grid-template-columns: 93% 5%;
}
.faq__q-r-text {
word-wrap: break-word; align-items: center;
display: flex;
font-size: 1rem;
font-weight: 700;
word-break: break-all; }
.faq__q-r-icon {
position: relative;
}
.faq__q-r-icon::before,
.faq__q-r-icon::after {
background: #999999;
content: "";
height: 2px;
position: absolute;
right: 1.1em;
top: 0.6em;
width: 15px;
}
.faq__q-r-icon::after {
transform: rotate(-90deg);
transition: transform 0.3s;
}
.faq__q-r-icon.open::after {
background: #fff;
transform: rotate(0deg);
}
.faq__q-r-icon.open::before {
background: #fff;
}
.faq__content {
display: none;
}
.faq__a {
grid-gap: 0 3%;
align-items: center;
background: #fff;
border-radius: 0 0 0.625rem 0.625rem;
display: grid;
gap: 0 3%;
grid-template-columns: 4% 93%;
padding: 2% 2.5% 1.5%;
}
.faq__a-l span {
align-items: center;
background: #328740;
border-radius: 50%;
color: #fff;
display: flex;
font-size: 1.3125rem;
height: 1.8em;
justify-content: center;
width: 1.8em;
}
.faq__a-r {
word-wrap: break-word; align-items: center;
display: flex;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 1.8;
word-break: break-all; }
.b-industry {
background: #ECF5ED;
padding-bottom: 10.3125rem;
padding-top: 8.75rem;
}
.b-industry__items {
grid-gap: 1.4375rem 2%;
display: grid;
gap: 1.4375rem 2%;
grid-template-columns: repeat(3, 1fr);
margin: 4.6875rem auto 0;
}
.b-industry__item {
background: #fff;
border: 3px solid #328740;
border-radius: 0.25rem;
font-size: 1.5rem;
font-weight: 500;
padding: 3.5% 0;
text-align: center;
}
.b-payment {
background: #ECF5ED;
padding-bottom: 8.75rem;
padding-top: 8.75rem;
}
.b-payment__lead {
font-size: 1.5rem;
font-weight: 700;
margin: 3.4375rem auto 0;
text-align: center;
}
.b-payment__content {
grid-gap: 0.625rem 0;
display: grid;
gap: 0.625rem 0;
grid-template-columns: 1fr;
margin: 0.9375rem auto 0;
width: 92%;
}
.b-payment__items {
grid-gap: 0 1%;
display: grid;
gap: 0 1%;
grid-template-columns: repeat(4, 1fr);
margin: 0 3% 0 1%;
}
.b-payment__item {
background: #fff;
border-radius: 0.25rem;
padding: 11% 13%;
}
.b-payment__item-head {
color: #328740;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.4;
}
.b-payment__item-detail {
font-size: 1rem;
font-weight: 400;
line-height: 1.8;
margin-top: 0.9375rem;
}
.b-point {
padding-bottom: 11.25rem;
padding-top: 9.0625rem;
}
.b-point__inner {
margin: 0 auto;
max-width: 81.25rem;
padding: 0 1.5625rem;
}
.b-point__lead {
font-size: 1.75rem;
font-weight: 700;
line-height: 2;
margin: 0 auto;
text-align: center;
}
.b-point__lead span {
-webkit-box-decoration-break: clone;
background: linear-gradient(transparent 75%, #ECF5ED 75%);
box-decoration-break: clone;
position: relative;
}
.b-point__lead span:nth-child(1)::before {
background: transparent url(https://mldrlxyxmodg.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://bonz-c.co.jp/wordpress/wp-content/themes/bonz/img/telephone-new/feature/quotes.png) no-repeat top left/contain;
content: "";
height: 1em;
left: -2em;
position: absolute;
top: -0.2em;
width: 1em;
}
.b-point__lead span:last-child::after {
background: transparent url(https://mldrlxyxmodg.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://bonz-c.co.jp/wordpress/wp-content/themes/bonz/img/telephone-new/feature/quotes.png) no-repeat bottom right/contain;
bottom: 0;
content: "";
height: 1em;
position: absolute;
right: -4em;
transform: rotate(180deg);
width: 1em;
}
.b-point__items {
margin: 10.625rem auto 0;
width: 91%;
}
.b-point__item {
grid-gap: 0 7.5%;
display: grid;
gap: 0 7.5%;
grid-template-columns: 46% 46.5%;
position: relative;
}
.b-point__item:nth-of-type(n + 2) {
margin-top: 10.625rem;
}
.b-point__text {
margin-top: 10%;
}
.b-point__item-head span {
-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(150deg, #4FA95E, #4F9EA9);
color: #328740; font-family: "Raleway", "sans-serif";
font-size: 2.5rem;
font-weight: bold;
position: relative;
}
.b-point__item-head span::before {
background: linear-gradient(150deg, #4FA95E, #4F9EA9);
bottom: -0.3em;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 1em;
}
.b-point__item-title {
font-size: 1.625rem;
font-size: clamp(1.25rem, 1rem + 0.5208vw, 1.625rem);
font-weight: 700;
line-height: 1.4;
margin-top: 1.25rem;
}
.b-point__detail {
font-size: 1rem;
font-weight: 400;
line-height: 1.8;
margin-top: 1.0625rem;
padding-right: 6%;
}
.b-point__img {
position: relative;
}
.b-point__img::before {
background: linear-gradient(150deg, #4FA95E, #4F9EA9);
content: "";
height: 100%;
left: 2em;
position: absolute;
top: 2em;
width: 100%;
z-index: -1;
}
.b-point__item.b-point__item-reverse .b-point__text {
order: 2;
}
.b-point__item.b-point__item-reverse .b-point__img {
order: 1;
}
.b-point__item.b-point__item-reverse .b-point__img::before {
left: -2em;
}
.b-point__item:nth-of-type(1):before {
background-color: #F7F7F7;
content: "";
display: block;
height: 150%;
position: absolute;
right: 16%;
top: 52%;
transform: translate(0, -50%);
width: 100vw;
z-index: -1;
}
.b-point__item:nth-of-type(3):before {
background-color: #F7F7F7;
content: "";
display: block;
height: 150%;
left: 12%;
position: absolute;
top: 54%;
transform: translate(0, -50%);
width: 100vw;
z-index: -1;
}
.b-price {
padding-bottom: 8.75rem;
padding-top: 8.75rem;
}
.b-price__price {
margin: 5rem auto 0;
}
.b-price__correspondence {
margin: 5rem auto 0;
}
.b-price__design {
margin: 5rem auto 0;
}
.b-scene {
background: #F7F7F7;
padding-bottom: 10rem;
padding-top: 9.375rem;
}
.b-scene__items {
grid-gap: 2.1875rem 3%;
display: grid;
gap: 2.1875rem 3%;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, 1fr);
}
.b-scene__item {
grid-gap: 0 5%;
align-items: center;
background: #fff;
border-radius: 0.25rem;
display: grid;
gap: 0 5%;
grid-template-columns: 25% 70%;
padding: 4% 8% 5% 7%;
}
.b-scene__text {
display: flex;
flex-direction: column;
}
.b-scene__item-head {
font-size: 1.375rem;
font-weight: 700;
line-height: 1.8;
}
.b-scene__item-detail {
font-size: 1rem;
font-weight: 400;
line-height: 1.8;
margin-top: 0.3125rem;
}
.b-service-case {
padding-bottom: 8.75rem;
padding-top: 8.75rem;
}
.b-service-case__lead {
font-size: 1.5rem;
font-weight: 700;
margin-top: 4.375rem;
text-align: center;
}
.b-service-case__items {
margin: 3.4375rem auto 0;
width: max(88%, 700px);
}
.b-service-case__item {
grid-gap: 0 2%;
display: grid;
gap: 0 2%;
grid-template-columns: 18% 80%;
}
.b-service-case__item:nth-of-type(n + 2) {
margin-top: 2.25rem;
}
.b-service-case__item-reverse {
grid-template-columns: 78% 20%;
}
.b-service-case__text {
border: 2px solid #328740;
border-radius: 1rem;
margin-right: 3%;
padding: 4% 5%;
}
.b-service-case__item.b-service-case__item-reverse .b-service-case__text {
margin-left: 2%;
margin-right: 0;
}
.b-service-case__item.b-service-case__item-reverse .b-service-case__img {
margin-right: 7%;
}
.b-service-case__img img {
margin-top: -8%;
}
.b-service-case__head {
background: #328740;
border-radius: 0.25rem;
color: #fff;
font-size: 1.0625rem;
font-weight: 700;
line-height: 1.8;
padding: 0.5% 1%;
width: -moz-fit-content;
width: fit-content;
}
.b-service-case__detail {
font-size: 1rem;
font-weight: 400;
line-height: 1.8;
margin-top: 0.625rem;
}
.b-service-case__detail p:nth-of-type(n + 2) {
margin-top: 0.5rem;
padding-left: 7%;
position: relative;
}
.b-service-case__detail p:nth-of-type(n + 2)::before {
background: #666666;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 2em;
}
.b-service-content {
background: linear-gradient(150deg, #4FA95E, #4F9EA9);
padding-bottom: 8.75rem;
padding-top: 8.75rem;
}
.b-service-content__lead {
color: #fff;
font-size: 1.5rem;
font-weight: 700;
margin-top: 4.375rem;
text-align: center;
}
.b-service-content__items {
grid-gap: 2.3125rem 4%;
display: grid;
gap: 2.3125rem 4%;
grid-template-columns: repeat(2, 1fr);
margin: 3.75rem auto 0;
}
.b-service-content__item {
grid-gap: 0 4%;
align-items: center;
background: #fff;
border-radius: 0.25rem;
display: grid;
gap: 0 4%;
grid-template-columns: 25% 71%;
height: 13.5625rem;
padding: 0 7%;
}
.b-service-content__head {
font-size: 1.375rem;
font-weight: 700;
line-height: 1.8;
}
.b-service-content__detail {
font-size: 1rem;
font-weight: 400;
line-height: 1.8;
margin-top: 0.625rem;
}
.b-service-faq {
background: transparent url(https://mldrlxyxmodg.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://bonz-c.co.jp/wordpress/wp-content/themes/bonz/img/telephone-new/feature/faq_bg.png) no-repeat top left;
background-size: cover;
padding-bottom: 8.75rem;
padding-top: 8.75rem;
}
.b-service-faq__items {
margin: 4.6875rem auto 0;
width: 77%;
}
.b-service-faq__item:nth-of-type(n + 2) {
margin-top: 1.875rem;
}
.b-service-faq__item-t {
align-items: center;
background: linear-gradient(150deg, #4FA95E, #4F9EA9);
border-radius: 0.5rem 0.5rem 0 0;
display: grid;
grid-template-columns: 7% 93%;
padding: 2% 2.5%;
}
.b-service-faq__t-l span {
align-items: center;
aspect-ratio: 1/1;
background: #fff;
border-radius: 50%;
color: #328740;
display: flex;
font-family: "Raleway", "sans-serif";
font-size: 1rem;
font-weight: 600;
height: 2em;
justify-content: center;
width: 2em;
}
.b-service-faq__t-r {
color: #fff;
font-size: 1rem;
font-weight: 700;
}
.b-service-faq__item-b {
align-items: center;
background: #fff;
border-radius: 0 0 0.5rem 0.5rem;
display: grid;
grid-template-columns: 7% 93%;
padding: 2% 2.5%;
}
.b-service-faq__b-l span {
align-items: center;
aspect-ratio: 1/1;
background: #328740;
border-radius: 50%;
color: #fff;
display: flex;
font-family: "Raleway", "sans-serif";
font-size: 1rem;
font-weight: 600;
height: 2em;
justify-content: center;
width: 2em;
}
.b-service-faq__b-r {
font-size: 1rem;
font-weight: 700;
line-height: 1.8;
}
.b-service {
padding-bottom: 8.75rem;
padding-top: 8.75rem;
}
.b-service__head {
text-align: center;
}
.b-service__head h3 {
color: #328740;
font-size: 2rem;
font-weight: 700;
}
.b-service__head p {
font-size: 1.125rem;
font-weight: 500;
line-height: 1.8;
margin-top: 0.9375rem;
}
.b-service__purpose {
margin: 5rem auto 0;
}
.b-service__specialize {
margin: 5rem auto 0;
}
.telephone-button {
border-radius: 0.25rem;
display: block;
margin: 0 auto;
padding: 1.125rem 0;
position: relative;
text-align: center;
transition: opacity 0.3s;
width: 18.75rem;
text-shadow: none;
letter-spacing: normal;
}
.telephone-button span {
color: #fff;
font-size: 1rem;
font-weight: 700;
}
.telephone-button svg {
position: absolute;
right: 1.25rem;
top: 50%;
transform: translateY(-50%);
}
.telephone-button:hover {
opacity: 0.7;
}
.reason__button {
margin-top: 8.75rem;
}
.about__button,
.image__button,
.price__button,
.performance__button {
margin-top: 5rem;
}
.grade__button .telephone-button {
background: linear-gradient(150deg, #4FA95E, #4F9EA9);
}
.plain__button .telephone-button {
background: #53CF67;
}
.cards-head {
align-items: center;
display: flex;
}
.cards-head img {
height: 3em;
margin-right: 0.4em;
width: 2.5em;
}
.cards-head span {
display: block;
font-size: 1.75rem;
font-weight: 700;
}
.cards {
grid-gap: 2.5rem 4%;
display: grid;
gap: 2.5rem 4%;
grid-template-columns: repeat(3, 1fr);
margin: 2.5rem auto 0;
}
.card {
background: #fff;
border-radius: 0.5rem;
box-shadow: 0 4px 10px rgba(51, 51, 51, 0.08);
display: grid;
grid-template-rows: auto 1fr auto;
height: 100%;
}
.card__img {
aspect-ratio: 353/200;
border-radius: 0.5rem 0.5rem 0 0;
height: auto;
width: 100%;
}
.card__img img {
-o-object-fit: cover;
border-radius: 0.5rem 0.5rem 0 0;
height: 100%;
object-fit: cover;
width: 100%;
}
.card__body {
border-radius: 0 0 0.5rem 0.5rem;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
padding: 1.25rem 1.0625rem 1.5625rem;
}
.card__title {
font-size: 1.375rem;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.5;
}
.card__detail {
flex-grow: 1;
font-size: 1rem;
font-weight: 400;
line-height: 1.8;
margin-top: 0.625rem;
}
.card__buttons {
grid-gap: 0 4%;
display: grid;
gap: 0 4%;
grid-template-columns: repeat(2, 1fr);
margin-top: 1.25rem;
}
.card__button {
border: 2px solid #328740;
border-radius: 0.25rem;
color: #328740;
font-size: 1rem;
font-weight: 700;
padding: 11% 1%;
text-align: center;
transition: all 0.3s;
}
.card__button--l {
background: #ECF5ED;
}
.card__button--r {
background: #fff;
}
.card__button--l:hover {
opacity: 0.7;
}
.card__button--r:hover {
background: #328740;
color: #fff;
}
.card-nolink {
pointer-events: none;
}
.cards2 {
grid-gap: 2.5rem 4%;
display: grid;
gap: 2.5rem 4%;
grid-template-columns: repeat(3, 1fr);
margin: 0 auto;
}
.card2 {
background: #fff;
border-radius: 0.5rem;
box-shadow: 0 4px 10px rgba(51, 51, 51, 0.08);
display: grid;
grid-template-rows: auto 1fr auto;
height: 100%;
min-height: 32.9375rem;
}
.card2__img {
aspect-ratio: 353/200;
border-radius: 0.5rem 0.5rem 0 0;
height: auto;
width: 100%;
}
.card2__img img {
-o-object-fit: cover;
border-radius: 0.5rem 0.5rem 0 0;
height: 100%;
object-fit: cover;
width: 100%;
}
.card2__icon {
aspect-ratio: 120/72;
background: #fff;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
height: auto;
left: 1em;
padding: 0 2%;
position: absolute;
top: -2.4em;
width: 34%;
}
.card2__icon img {
-o-object-fit: contain;
align-items: center;
display: flex;
height: 100%;
justify-content: center;
margin: 0 auto;
object-fit: contain;
width: 100%;
}
.card2__body {
border-radius: 0 0 0.5rem 0.5rem;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
padding: 3.125rem 0.9375rem 1.5625rem;
position: relative;
}
.card2__title {
color: #328740;
font-size: 1.125rem;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.33333;
}
.card2__customer {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.33333;
margin-top: 0.625rem;
}
.card2__content {
flex-grow: 1;
margin-top: 0.9375rem;
}
.card2__content-item {
grid-gap: 0 5%;
align-items: center;
display: grid;
gap: 0 5%;
grid-template-columns: 23% 72%;
}
.card2__content-item:nth-of-type(n + 2) {
margin-top: 0.6875rem;
}
.card2__content-l {
align-self: start;
border: 1px solid #212529;
font-size: 0.9375rem;
font-weight: 500;
line-height: 1;
padding: 0.1875rem 0;
text-align: center;
transition: all 0.3s;
}
.card2__content-r {
font-size: 0.9375rem;
font-weight: 500;
line-height: 1.5;
}
.card2__button--l:hover {
opacity: 0.7;
}
.card2__button--r:hover {
background: #328740;
color: #fff;
}
.contact {
padding-bottom: 8.125rem;
padding-top: 8.75rem;
}
.contact__inner {
margin: 0 auto;
max-width: 62.5rem;
padding: 0 1.5625rem;
position: relative;
}
.contact__inner::before {
background: transparent url(https://mldrlxyxmodg.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://bonz-c.co.jp/wordpress/wp-content/themes/bonz/img/telephone-new/top/contact_bg.png) no-repeat center left/contain;
content: "";
height: 90%;
left: -22em;
position: absolute;
top: 48%;
transform: translateY(-50%);
width: 100%;
z-index: -1;
}
.contact__lead {
font-size: 1.625rem;
font-weight: 500;
line-height: 1.8;
margin-top: 4.6875rem;
text-align: center;
}
.contact__button-wrapper {
margin-top: 3.125rem;
}
.contact__button {
background: linear-gradient(150deg, #FEAD15, #E87E00);
border-radius: 0.25rem;
display: block;
margin: 0 auto;
padding: 1.5625rem 0;
position: relative;
text-align: center;
transition: opacity 0.3s;
width: 31.25rem;
}
.contact__button span {
color: #fff;
font-size: 1.25rem;
font-weight: 700;
}
.contact__button svg {
position: absolute;
right: 1.25rem;
top: 50%;
transform: translateY(-50%);
}
.contact__button:hover {
opacity: 0.7;
}
.contact__content {
grid-gap: 0 1%;
align-items: center;
display: grid;
font-weight: 700;
gap: 0 1%;
grid-template-columns: 27% 35% 18% 17%;
margin: 3.5rem auto 0;
width: 80%;
}
.contact__content1 {
font-size: 1.125rem;
line-height: 1.8;
}
.contact__content2 {
align-items: center;
display: flex;
font-size: 2rem;
justify-content: center;
line-height: 1.4;
}
.contact__content2 span {
margin-right: 4%;
width: 0.6em;
}
.contact__content3 {
font-size: 0.75rem;
line-height: 1.8;
}
.contact__content4 {
border-left: 1px solid #D9D9D9;
font-size: 1rem;
line-height: 1.8;
position: relative;
text-align: right;
}
.contact__content4 a {
transition: opacity 0.3s;
}
.contact__content4 a:hover {
opacity: 0.7;
}
.contact__bottom {
grid-gap: 0 2%;
align-items: center;
background: #F7F7F7;
border-radius: 0.5rem;
display: grid;
gap: 0 2%;
grid-template-columns: 7% 53% 36%;
margin: 3.4375rem auto 0;
padding: 3% 5%;
}
.contact__bottom1 span {
align-items: center;
aspect-ratio: 1/1;
background: #328740;
border-radius: 50%;
color: #fff;
display: flex;
font-size: 1.125rem;
font-weight: 700;
justify-content: center;
line-height: 1.8;
}
.contact__bottom2 {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.8;
}
.contact__bottom3 a {
align-items: center;
background: #fff;
border: 1px solid #328740;
border-radius: 0.25rem;
color: #328740;
display: flex;
font-size: 1rem;
font-weight: 700;
justify-content: center;
line-height: 1.4;
padding: 5% 0;
transition: all 0.2s;
}
.contact__bottom3 a svg {
margin-right: 2%;
}
.contact__bottom3 a:hover {
background: #328740;
color: #fff;
}
.contact__bottom3 a:hover svg path {
fill: #fff;
}
.footer {
background: #2A4133;
color: #fff;
padding: 9.375rem 0;
}
.footer__items {
grid-gap: 0 9%;
align-items: center;
display: grid;
gap: 0 9%;
grid-template-columns: 40% 51%;
}
.footer__item-l {
padding-left: 5%;
}
.footer__logo {
width: 7.5rem;
}
.footer__detail {
font-size: 1rem;
line-height: 1.8;
margin-top: 0.625rem;
}
.footer__copyright {
font-size: 0.75rem;
line-height: 1.8;
margin-top: 0.9375rem;
}
.footer__nav {
grid-column-gap: 0px;
grid-row-gap: 0px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
}
.footer__nav-item {
font-size: 1rem;
font-weight: 700;
line-height: 1.8;
padding: 4% 0;
}
.footer__nav-item a {
transition: opacity 0.3s;
}
.footer__nav-item a:hover {
opacity: 0.7;
}
.footer__nav-item1 {
grid-area: 1/1/2/2;
}
.footer__nav-item2 {
grid-area: 2/1/3/2;
}
.footer__nav-item3 {
grid-area: 3/1/4/2;
}
.footer__nav-item4 {
grid-area: 1/2/2/3;
}
.footer__nav-item5 {
grid-area: 2/2/3/3;
}
.footer__nav-item6 {
grid-area: 3/2/4/3;
}
.footer__nav-item7 {
grid-area: 1/3/2/4;
}
.footer__nav-item8 {
grid-area: 2/3/3/4;
}
.footer__nav-item9 {
grid-area: 3/3/4/4;
}
.fv {
margin-top: 5rem;
}
[class*=swiper]:focus {
outline: none;
}
.fv .swiper-slide {
position: relative;
}
.fv .fv-media img {
-o-object-fit: cover;
min-height: 25rem;
object-fit: cover;
}
.fv .fv-content {
position: absolute;
right: 8vw;
text-align: center;
top: 50%;
transform: translateY(-50%);
width: 40%;
}
.fv .fv-lead {
font-size: 2rem;
font-size: clamp(0.875rem, 0.125rem + 1.5625vw, 2rem);
font-weight: 700;
line-height: 1.4;
}
.fv .fv-lead span {
font-size: 3.125rem;
font-size: clamp(1rem, -0.4167rem + 2.9514vw, 3.125rem);
}
.fv .fv-title {
color: #328740;
font-size: 5rem;
font-size: clamp(1.875rem, -0.2083rem + 4.3403vw, 5rem);
font-weight: 700;
line-height: 1.6;
}
.fv .fv-text {
font-size: 1.125rem;
font-size: clamp(0.75rem, 0.5rem + 0.5208vw, 1.125rem);
font-weight: 500;
letter-spacing: -1px;
line-height: 1.8;
}
.fv-buttons {
grid-gap: 0 3%;
display: grid;
gap: 0 3%;
grid-template-columns: repeat(2, 1fr);
margin: 4% auto 0;
width: max(81%, 400px);
}
.fv-button {
align-items: center;
border-radius: 5px;
display: flex;
justify-content: center;
padding: 6% 0;
transition: opacity 0.3s;
}
.fv-button-load {
background: rgb(79, 169, 94);
background: linear-gradient(90deg, rgb(79, 169, 94) 0%, rgb(79, 158, 169) 100%);
}
.fv-button-tel {
background: rgb(254, 173, 21);
background: linear-gradient(90deg, rgb(254, 173, 21) 0%, rgb(232, 126, 0) 100%);
}
.fv-button span {
color: #fff;
font-size: 1rem;
font-size: clamp(0.75rem, 0.4643rem + 0.4464vw, 1rem);
font-weight: 700;
}
.fv-button svg {
height: 1.5em;
margin-right: 1%;
width: 1.5em;
}
.fv-button:hover {
opacity: 0.7;
}
.swiper-pagination {
bottom: 5vw !important;
left: auto !important;
width: max(40%, 400px) !important;
}
.swiper-pagination {
right: 8vw;
}
.swiper-pagination-bullet {
background-color: #D9D9D9;
cursor: pointer;
height: 0.75rem;
opacity: 1;
transition: 0.8 cubic-bezier(0.2, 1, 0.2, 1);
vertical-align: top;
width: 0.75rem;
}
.swiper-pagination-bullet-active {
background-color: #328740;
height: 0.75rem;
width: 0.75rem;
}
.layout-header {
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 900;
}
.header {
background-color: #fff;
height: 5rem;
line-height: 1;
}
.header__inner {
align-items: center;
display: grid;
grid-template-columns: 11% 53% 36%;
height: inherit;
justify-content: space-between;
padding: 0 2%;
}
.header__logo {
height: inherit;
max-width: 7.5rem;
position: relative;
width: 100%;
}
.header__logo a {
align-items: center;
display: flex;
height: inherit;
}
.header__logo img {
-o-object-fit: contain;
height: 100%;
object-fit: contain;
padding-top: 15%;
width: 100%;
}
.header__logo span {
font-size: 0.75rem;
font-weight: 500;
left: 0;
line-height: 1;
position: absolute;
top: 1em;
white-space: nowrap;
}
.header__nav {
display: block;
height: inherit;
}
.header__nav-items {
align-items: center;
display: flex;
height: inherit;
}
.header__nav-item {
align-items: center;
display: flex;
height: inherit;
justify-content: center;
}
.header__nav-item a {
align-items: center;
display: flex;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 1px;
padding: 0 1.125rem;
position: relative;
text-transform: uppercase;
}
.header__nav-item a::after {
background: #328740;
bottom: -1em;
content: "";
height: 2px;
left: 11%;
position: absolute;
transform: scale(0, 1);
transform-origin: left top;
transition: transform 0.3s;
width: 80%;
}
.header__nav-item a:hover::after {
transform: scale(1, 1);
}
.header__nav-item.current a {
color: #328740;
}
.header__buttons {
align-items: center;
display: flex;
justify-content: end;
white-space: nowrap;
}
.header__tel {
display: flex;
flex-direction: column;
justify-content: end;
pointer-events: none;
text-align: right;
}
.header__tel-t svg {
height: 0.8em;
width: 1em;
}
.header__tel-t span {
font-size: 0.9375rem;
font-weight: 700;
}
.header__tel-b {
font-size: 0.75rem;
font-weight: 700;
margin-top: 0.5rem;
}
.header__button {
align-items: center;
border-radius: 0.25rem;
color: #fff;
display: flex;
font-size: 0.875rem;
font-weight: 700;
justify-content: center;
margin-left: 4%;
padding: 0.8125rem 0;
transition: opacity 0.3s;
width: 9.9375rem;
}
.header__button1 {
background: linear-gradient(150deg, #4FA95E, #4F9EA9);
}
.header__button2 {
background: linear-gradient(150deg, #FEAD15, #E87E00);
}
.header__button:hover {
cursor: pointer;
opacity: 0.7;
}
.header__hamburger {
display: none;
}
.header__hamburger.is-open {
background-color: transparent;
}
.header__hamburger span {
background-color: #212529;
display: block;
height: 2px;
left: 50%;
position: relative;
transform: translateX(-50%);
transition: 0.5s;
width: 1.5625rem;
}
.header__hamburger span:nth-of-type(1) {
top: -0.4375rem;
}
.header__hamburger span:nth-of-type(2) {
top: 0;
}
.header__hamburger span:nth-of-type(3) {
top: 0.4375rem;
}
.header__hamburger.is-open span:nth-of-type(1) {
top: 0.125rem;
top: 0.2em;
transform: translateX(-50%) rotate(45deg);
}
.header__hamburger.is-open span:nth-of-type(2) {
opacity: 0;
}
.header__hamburger.is-open span:nth-of-type(3) {
top: -0.125rem;
top: -0.05rem;
transform: translateX(-50%) rotate(-45deg);
}
.header__sp {
background-color: #fff;
height: 100vh;
overflow-y: scroll;
position: absolute;
right: -120%;
scrollbar-width: none;
text-align: center;
top: 4.0625rem;
transition: 0.6s;
width: 89%;
z-index: 900;
}
.header__sp.is-open {
right: 0;
}
.header__sp::-webkit-scrollbar {
display: none;
}
.header__sp-items {
margin-bottom: 6.25rem;
margin-top: 1.625rem;
overflow-y: scroll;
}
.header__sp-item a {
display: block;
font-size: 1rem;
font-weight: 700;
line-height: 1;
padding: 1.25rem 14%;
text-transform: uppercase;
}
.header__sp-button a {
border-radius: 0.25rem;
color: #fff;
display: block;
font-size: 0.875rem;
font-weight: 700;
line-height: 1;
padding: 0.9375rem 0;
text-transform: uppercase;
width: min(39%, 250px);
}
.header__sp-button.header__sp-button1 a {
background: linear-gradient(150deg, #4FA95E, #4F9EA9);
margin: 0.875rem auto 0;
}
.header__sp-button.header__sp-button2 a {
background: linear-gradient(150deg, #FEAD15, #E87E00);
margin: 1.0625rem auto 0;
}
.header__sp-tel a {
display: flex;
flex-direction: column;
justify-content: end;
margin-top: 2.125rem;
}
.header__tel-t svg {
height: 0.8em;
width: 1em;
}
.header__tel-t span {
font-size: 0.9375rem;
font-weight: 700;
}
.header__tel-b {
font-size: 0.75rem;
font-weight: 700;
margin-top: 0.5rem;
}
body.no-scroll {
overflow: hidden;
}
.inner {
margin-left: auto;
margin-right: auto;
max-width: 1190px;
padding-left: 25px;
padding-right: 25px;
width: 100%;
}
.pagination {
display: flex;
justify-content: center;
margin-top: 3.125rem;
}
.pagination .page-item {
color: #ABABAB;
font-size: 1.25rem;
font-weight: 500;
margin-left: 1.25rem;
margin-right: 1.25rem;
transition: all 0.3s;
}
.pagination .active .page-link {
color: #328740;
}
.pagination a.page-link:hover {
color: #328740;
}
.section-title {
text-align: center;
}
.section-title span {
color: #328740;
font-family: "Raleway", "sans-serif";
font-size: 1.25rem;
font-weight: 700;
}
.section-title h3 {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.7;
position: relative;
}
.section-title h3::after {
background: #328740;
bottom: -0.5em;
content: "";
height: 2px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 1em;
}
.image__title.section-title span,
.performance__title.section-title span,
.b-service-content__title.section-title span {
color: #53CF67;
}
.image__title.section-title h3,
.performance__title.section-title h3,
.b-service-content__title.section-title h3 {
color: #fff;
}
.image__title.section-title h3::after,
.performance__title.section-title h3::after,
.b-service-content__title.section-title h3::after {
background: #53CF67;
}
#top .about {
padding-bottom: 8.75rem;
padding-top: 8.75rem;
}
#top .about__inner {
margin: 0 auto;
max-width: 100rem;
padding: 0 1.5625rem;
}
#top .about__items {
grid-gap: 0 3%;
display: grid;
gap: 0 3%;
grid-template-columns: repeat(3, 1fr);
margin: 4.6875rem auto 0;
}
#top .about__item {
background: linear-gradient(150deg, #4FA95E, #4F9EA9);
border-radius: 0.25rem;
display: flex;
flex-direction: column;
padding: 3px;
position: relative;
}
#top .about__item-inner {
background: #fff;
border-radius: 0.25rem;
padding: 8% 7% 10%;
height: 100%;
}
#top .about__num {
border-radius: 0.25rem 0 0 0;
left: 0;
position: absolute;
top: 0;
width: 32%;
}
#top .about__num img {
border-radius: 0.25rem 0 0 0;
}
#top .about__img {
margin: 0 auto;
width: 39%;
}
#top .about__head {
font-size: 1.5rem;
font-weight: 500;
line-height: 1;
margin-top: 0.3125rem;
text-align: center;
}
#top .about__detail {
font-size: 1rem;
font-weight: 400;
line-height: 1.8;
margin-top: 0.9375rem;
}
#top .image {
background: linear-gradient(150deg, #42934F, #39848E);
padding-bottom: 7.8125rem;
padding-top: 8.75rem;
}
#top .image__inner {
margin: 0 auto;
max-width: 100rem;
padding: 0 1.5625rem;
}
#top .image__items {
grid-gap: 1.5625rem 1.5%;
display: grid;
gap: 1.5625rem 1.5%;
grid-template-columns: repeat(3, 1fr);
margin: 4.6875rem auto 0;
}
#top .image__item {
grid-gap: 0 4%;
align-items: center;
background: #fff;
border-radius: 0.25rem;
display: grid;
gap: 0 4%;
grid-template-columns: 25% 71%;
padding: 6% 3%;
}
#top .image__head {
font-size: 1.375rem;
font-weight: 700;
line-height: 1.4;
}
#top .image__detail {
font-size: 1rem;
font-weight: 400;
line-height: 1.8;
margin-top: 0.625rem;
}
#top .performance {
background: linear-gradient(150deg, #4FA95E, #4F9EA9);
padding-bottom: 8.75rem;
padding-top: 8.75rem;
}
#top .performance__t {
margin: 4.5625rem auto 0;
}
#top .performance__t-lead {
color: #fff;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.8;
text-align: center;
}
#top .performance__t-items {
grid-gap: 0 3%;
display: grid;
gap: 0 3%;
grid-template-columns: repeat(3, 1fr);
margin: 1.875rem auto 0;
width: 90%;
}
#top .performance__t-item {
background: #fff;
border-radius: 0.25rem;
padding: 10% 0;
text-align: center;
}
#top .performance__t-head {
background: #328740;
border-radius: 0.25rem;
color: #fff;
font-size: 1.5rem;
font-weight: 700;
margin: 0 auto;
padding: 0.1875rem 0;
width: 60%;
}
#top .performance__t-text {
font-size: 1.75rem;
font-weight: 500;
margin-top: 4%;
}
#top .performance__t-text span {
color: #328740;
font-size: 3.625rem;
font-weight: 700;
}
#top .performance__t-img {
margin: 5% auto 0;
width: 31%;
}
#top .performance__b {
margin: 3.4375rem auto 0;
}
#top .performance__b-lead {
color: #fff;
font-size: 2.1875rem;
font-weight: 700;
line-height: 1.8;
text-align: center;
}
#top .performance__b-items {
grid-gap: 0 3%;
display: grid;
gap: 0 3%;
grid-template-columns: repeat(3, 1fr);
margin: 1.875rem auto 0;
width: 90%;
}
#top .performance__b-item {
background: #fff;
border-radius: 0.25rem;
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.16);
}
#top .performance__b-head {
background: #328740;
border-radius: 0.25rem 0.25rem 0 0;
color: #fff;
font-family: "Raleway", "sans-serif";
font-size: 2.125rem;
font-weight: 600;
padding: 0.625rem 0;
text-align: center;
}
#top .performance__b-body {
padding: 8% 5%;
}
#top .performance__b-content {
grid-gap: 0 4%;
align-items: center;
display: grid;
gap: 0 4%;
grid-template-columns: 42% 54%;
}
#top .performance__b-content:nth-of-type(n + 2) {
margin-top: 1.1875rem;
}
#top .performance__b-l {
align-self: start;
background: #ECF5ED;
border: 1px solid #328740;
border-radius: 0.25rem;
color: #328740;
font-size: 0.9375rem;
font-weight: 500;
line-height: 1.3;
padding: 0.25rem 0;
text-align: center;
}
#top .performance__b-r {
font-size: 0.9375rem;
font-weight: 500;
letter-spacing: 1px;
line-height: 1.3;
}
#top .performance__b-text {
color: #fff;
font-size: 0.8125rem;
font-weight: 500;
margin: 30px 0 0 26%;
}
#top .price {
background: transparent url(https://mldrlxyxmodg.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://bonz-c.co.jp/wordpress/wp-content/themes/bonz/img/telephone-new/top/price_bg.png) no-repeat top center;
background-size: cover;
padding-bottom: 8.75rem;
padding-top: 8.75rem;
}
#top .price__content h3 {
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
text-align: center;
}
#top .price__content.price__point {
margin: 4.6875rem 0 auto;
}
#top .price__content.price__comparison {
margin: 3.4375rem 0 auto;
}
#top .price__items {
grid-gap: 2.3125rem 6%;
display: grid;
gap: 2.3125rem 6%;
grid-template-columns: repeat(4, 1fr);
margin: 2.5rem auto 0;
width: 80%;
}
#top .price__item {
align-items: center;
aspect-ratio: 185/174;
background: #fff;
border: 3px solid #328740;
border-radius: 0.625rem;
display: flex;
flex-direction: column;
justify-content: center;
}
#top .price__img img {
margin: 0 auto;
width: 53%;
}
#top .price__text {
color: #328740;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.4;
margin-top: 0.9375rem;
text-align: center;
}
#top .price__comparison-head {
margin-top: 2.5rem;
}
#top .price__comparison-head img {
margin: 0 auto;
width: 69%;
}
#top .price__comparison-head p {
color: #328740;
font-size: 1.125rem;
font-size: clamp(1.0625rem, 1.0029rem + 0.2545vw, 1.125rem);
font-weight: 700;
letter-spacing: 0.5px;
line-height: 1.4;
text-align: center;
}
#top .price__comparison-items-wrapper::-webkit-scrollbar { display: none;
}
#top .price__comparison-items {
grid-gap: 0;
border-left: 1px solid #ABABAB;
border-top: 1px solid #ABABAB;
display: grid;
gap: 0;
grid-template-columns: 16% 34% 25% 25%;
margin: 0.9375rem auto 0;
width: 88%;
}
#top .price__comparison-item {
align-items: center;
background: #fff;
border-bottom: 1px solid #ABABAB;
border-right: 1px solid #ABABAB;
display: flex;
padding: 0.5rem 0.8125rem;
}
#top .comparison-item-head {
background: #EDEDED;
font-size: 1rem;
font-weight: 500;
justify-content: center;
line-height: 1.3;
text-align: center;
}
#top .comparison-item-head2 {
background: #EDEDED;
}
#top .comparison-item-head.comparison-bonz {
background: linear-gradient(150deg, #4FA95E, #4F9EA9);
color: #fff;
}
#top .comparison-item-head2,
#top .comparison-item-detail {
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.3;
}
#top .comparison-item-detail-bonz {
background: #ECF5ED;
font-size: 0.9375rem;
font-weight: 500;
line-height: 1.3;
}
.simplebar-scrollbar::before {
height: 3px !important;
}
.simplebar-scrollbar::before {
background: #ABABAB;
border-radius: 0;
margin-left: 2px;
margin-top: -2px;
}
.simplebar-scrollbar.simplebar-visible::before {
opacity: 1;
}
.simplebar-track {
height: 3px !important;
}
.simplebar-track {
background: #dfe7ed;
}
#top .reason {
background: #F7F7F7;
padding-bottom: 8.75rem;
padding-top: 8.4375rem;
}
#top .reason__wrapper {
margin: 4.6875rem auto 0;
}
#top .reason__item {
align-items: center;
display: flex;
justify-content: space-between;
margin: auto;
max-width: 74.375rem;
padding: 0 1.5625rem;
position: relative;
z-index: 0;
}
#top .reason__item:nth-of-type(n + 2) {
margin-top: 6.25rem;
}
#top .reason__item-reverse {
flex-direction: row-reverse;
}
#top .reason__column {
position: relative;
width: 57%;
} #top .reason__column-right {
flex: 1;
margin-left: 4%;
margin-right: calc(50% - 50vw);
} #top .reason__column-left {
flex: 1;
margin-left: calc(50% - 50vw);
margin-right: 4%;
}
#top .reason__item-reverse .reason__text {
padding-right: 8.5vw;
}
#top .reason__item-left .reason__text {
padding-left: 8.5vw;
}
#top .reason__column-head {
color: #EDEDED;
font-family: "Raleway", "sans-serif";
font-size: 7.5rem;
font-weight: 700;
line-height: 1;
position: relative;
}
#top .reason__column-head span {
bottom: -0.7em;
color: #328740;
font-size: 1.25rem;
left: 0.1em;
line-height: 1.4;
position: absolute;
}
#top .reason__column-lead {
font-size: 2.1875rem;
font-weight: 700;
line-height: 1.4;
margin-top: 6%;
}
#top .reason__column-detail {
font-size: 1rem;
font-weight: 400;
line-height: 1.8;
margin-top: 2%;
}
#top .reason__column-right::before {
background: linear-gradient(150deg, #42934F, #39848E);
content: "";
height: 100%;
left: -3em;
position: absolute;
top: 2.5em;
width: 100%;
z-index: -1;
}
#top .reason__column-left::before {
background: linear-gradient(150deg, #42934F, #39848E);
content: "";
height: 105%;
position: absolute;
right: -3em;
top: 2.5em;
width: 100%;
z-index: -1;
}
@media (min-width: 768px) {
a[href^="tel:"] {
pointer-events: none;
}
}
@media screen and (min-width: 1440px) {
.header__inner {
grid-template-columns: 19% 54% 27%;
}
}
@media (max-width: 1350px) {
#top .about__head {
font-size: clamp(1.125rem, 0.875rem + 0.5208vw, 1.5rem);
}
}
@media (max-width: 1279px) {
.b-fv {
margin-top: 4.0625rem;
}
.fv {
margin-top: 4.0625rem;
}
.header {
box-shadow: 0 4px 10px rgba(79, 79, 79, 0.08);
height: 4.0625rem;
}
.header__inner {
display: flex;
justify-content: space-between;
padding: 0 3%;
}
.header__logo {
margin-top: 0.1875rem;
max-width: 6.4375rem;
}
.header__logo span {
font-size: 0.625rem;
top: 0.5em;
}
.header__nav {
display: none;
}
.header__buttons {
display: none;
}
.header__hamburger {
border: none;
cursor: pointer;
display: block;
height: inherit;
margin: 0;
outline: none;
padding: 0;
position: relative;
transition: 0.3s;
width: 1.5625rem;
z-index: 999;
}
#top .image__items {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 1140px) {
html {
font-size: 1.4035087719vw;
}
}
@media screen and (max-width: 1023px) {
.fv .fv-content {
right: 3vw;
width: max(40%, 400px);
}
.fv-button span {
font-size: 0.8125rem;
}
}
@media screen and (max-width: 767px) {
.u-desktop {
display: none;
}
.u-mobile {
display: block;
}
html {
font-size: 16px;
}
.b-fv img {
min-height: auto;
}
.b-fv__title span {
font-size: 1rem;
font-size: clamp(1rem, 0.7608rem + 1.0204vw, 1.25rem);
}
.b-fv__title h2 {
font-size: 1.625rem;
font-size: clamp(1.625rem, 1.0869rem + 2.2959vw, 2.1875rem);
}
.b-fv__lead {
font-size: 1rem;
font-size: clamp(1rem, 0.7608rem + 1.0204vw, 1.25rem);
line-height: 1.4;
margin-top: 4%;
}
.b-fv .fv-buttons {
gap: 0.9375rem 0;
grid-template-columns: 1fr;
margin: 5% auto 0;
width: min(86%, 400px);
}
.b-case {
padding-bottom: 3.4375rem;
padding-top: 4.0625rem;
}
.b-case .inner {
max-width: 34.375rem;
padding: 0 0.9375rem;
}
.b-faq {
padding-bottom: 2.1875rem;
padding-top: 3.125rem;
}
.b-faq .inner {
max-width: 31.25rem;
padding: 0 0.9375rem;
}
.b-faq__wrapper {
width: 100%;
}
.b-faq__head img {
margin-right: 0;
}
.b-faq__head span {
font-size: 1.25rem;
}
.faq__item {
margin-bottom: 6.3%;
}
.faq__q {
gap: 0 5%;
grid-template-columns: 11% 84%;
padding: 4.5% 5% 4.5%;
}
.faq__q-l span {
font-size: 1rem;
}
.faq__q-r {
gap: 0 6%;
grid-template-columns: 86% 8%;
}
.faq__q-r-text {
font-size: 0.9375rem;
}
.faq__q-r-icon::before,
.faq__q-r-icon::after {
bottom: auto;
height: 0.125rem;
right: 0;
top: 50%;
width: 1rem;
}
.faq__a {
gap: 0 5%;
grid-template-columns: 11% 84%;
padding: 4.5% 5% 4.5%;
}
.faq__a-l span {
font-size: 1rem;
height: 2.2em;
width: 2.2em;
}
.faq__a-r {
font-size: 0.9375rem;
letter-spacing: 0;
line-height: 1.6;
}
.b-industry {
padding-bottom: 5rem;
padding-top: 4.375rem;
}
.b-industry .inner {
max-width: 34.375rem;
padding: 0 0.9375rem;
}
.b-industry__items {
gap: 0.5rem 2%;
grid-template-columns: repeat(2, 1fr);
margin: 3.125rem auto 0;
}
.b-industry__item {
font-size: 1rem;
line-height: 1.4;
padding: 7.5% 0;
}
.b-industry__item1 {
order: 1;
}
.b-industry__item2 {
order: 2;
}
.b-industry__item3 {
order: 3;
}
.b-industry__item4 {
order: 4;
}
.b-industry__item5 {
order: 9;
}
.b-industry__item6 {
order: 5;
}
.b-industry__item7 {
order: 6;
}
.b-industry__item8 {
order: 7;
}
.b-industry__item9 {
order: 8;
}
.b-industry__item10 {
order: 10;
}
.b-industry__item11 {
order: 11;
}
.b-industry__item12 {
order: 12;
}
.b-payment {
padding-bottom: 2.5rem;
padding-top: 2.8125rem;
}
.b-payment .inner {
max-width: 34.375rem;
padding: 0 0.9375rem;
}
.b-payment__lead {
font-size: 1.125rem;
margin: 2.9375rem auto 0;
}
.b-payment__content {
gap: 0 2%;
grid-template-columns: 28% 71%;
width: 100%;
}
.b-payment__items {
gap: 0.3125rem 0;
grid-template-columns: 1fr;
grid-template-rows: repeat(4, 1fr);
margin: 3% 6% 14% 0;
}
.b-payment__item {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 10% 0 11%;
}
.b-payment__item-head {
font-size: 1rem;
}
.b-payment__item-detail {
font-size: 0.9375rem;
line-height: 1.6;
margin-top: 0.625rem;
}
.b-point {
padding-bottom: 3.125rem;
padding-top: 3.125rem;
}
.b-point__inner {
max-width: 31.25rem;
padding: 0 0.9375rem;
}
.b-point__lead {
font-size: 1rem;
line-height: 1.8;
text-align: left;
width: 90%;
}
.b-point__lead span:nth-child(1)::before {
display: none;
}
.b-point__lead span:last-child::after {
display: none;
}
.b-point__items {
margin: 3.125rem auto 0;
width: 100%;
}
.b-point__item {
gap: 1.4375rem 0;
grid-template-columns: 1fr;
}
.b-point__item:nth-of-type(n + 2) {
margin-top: 4.0625rem;
}
.b-point__text {
margin-top: 0;
}
.b-point__item-head span {
font-size: 1.875rem;
line-height: 1;
}
.b-point__item-head span::before {
bottom: -0.4em;
width: 1.4em;
}
.b-point__item-title {
font-size: 1.25rem;
margin-top: 1.875rem;
}
.b-point__detail {
font-size: 0.9375rem;
line-height: 1.6;
margin-top: 0.625rem;
padding-right: 0;
}
.b-point__img {
margin-left: -4%;
}
.b-point__img::before {
left: 1em;
top: 1em;
}
.b-point__item.b-point__item-reverse .b-point__text {
order: 1;
}
.b-point__item.b-point__item-reverse .b-point__img {
margin-left: 0;
margin-right: -4%;
order: 2;
}
.b-point__item.b-point__item-reverse .b-point__img::before {
height: 100%;
left: -1em;
top: 1em;
}
.b-point__item:nth-of-type(1):before {
display: none;
}
.b-point__item:nth-of-type(3):before {
display: none;
}
.b-price {
padding-bottom: 3.4375rem;
padding-top: 2.8125rem;
}
.b-price .inner {
max-width: 31.25rem;
padding: 0 0.9375rem;
}
.b-price__price {
margin: 2.9375rem auto 0;
}
.b-price__correspondence {
margin: 3.4375rem auto 0;
}
.b-price__design {
margin: 3.4375rem auto 0;
}
.b-scene {
padding-bottom: 3.4375rem;
padding-top: 3.125rem;
}
.b-scene .inner {
max-width: 31.25rem;
padding: 0 0.9375rem;
}
.b-scene__items {
gap: 1.0625rem 0;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
.b-scene__item {
gap: 0.625rem 0;
grid-template-columns: 1fr;
padding: 7% 3%;
}
.b-scene__img img {
margin: 0 auto;
width: 32%;
}
.b-scene__item-head {
font-size: 1.25rem;
line-height: 1.4;
text-align: center;
}
.b-scene__item-detail {
font-size: 0.9375rem;
line-height: 1.6;
}
.b-service-case {
padding-bottom: 3.4375rem;
padding-top: 2.8125rem;
}
.b-service-case .inner {
max-width: 31.25rem;
padding: 0 0.9375rem;
}
.b-service-case__lead {
font-size: 1.125rem;
letter-spacing: 1px;
line-height: 1.4;
margin-top: 3.125rem;
}
.b-service-case__items {
margin: 1.4375rem auto 0;
max-width: 31.25rem;
width: 100%;
}
.b-service-case__item {
border: 2px solid #328740;
border-radius: 1rem;
gap: 0.625rem 0;
grid-template-columns: 32% 68%;
padding: 6% 4%;
}
.b-service-case__item:nth-of-type(n + 2) {
margin-top: 1.5625rem;
}
.b-service-case__item.b-service-case__item-reverse .b-service-case__img {
margin-right: 0;
}
.b-service-case__img {
align-items: center;
background: #328740;
border-radius: 0.25rem 0 0 0.25rem;
display: flex;
grid-area: 1/1/2/2;
}
.b-service-case__img img {
margin-top: 0;
}
.b-service-case__head {
align-items: center;
background: #328740;
border-radius: 0 0.25rem 0.25rem 0;
display: flex;
grid-area: 1/2/2/3;
line-height: 1.6;
padding: 8% 1% 7% 0;
}
.b-service-case__item:nth-of-type(2) .b-service-case__head {
padding: 14% 1% 13% 0;
}
.b-service-case__detail {
font-size: 0.9375rem;
grid-area: 2/1/3/3;
line-height: 1.6;
margin-top: 0;
}
.b-service-case__detail p:nth-of-type(n + 2) {
padding-left: 16%;
}
.b-service-content {
padding-bottom: 3.4375rem;
padding-top: 2.5rem;
}
.b-service-content .inner {
max-width: 31.25rem;
padding: 0 0.9375rem;
}
.b-service-content__lead {
font-size: 1.125rem;
letter-spacing: 1px;
line-height: 1.4;
margin-top: 3.125rem;
}
.b-service-content__items {
gap: 1rem 0;
grid-template-columns: 1fr;
margin: 1.5625rem auto 0;
}
.b-service-content__item {
gap: 0.9375rem 0;
grid-template-columns: 1fr;
height: auto;
padding: 7% 5%;
}
.b-service-content__img {
margin: 0 auto;
width: 32%;
}
.b-service-content__text {
margin: 0 auto;
max-width: 20.8125rem;
}
.b-service-content__head {
font-size: 1.25rem;
line-height: 1.4;
text-align: center;
}
.b-service-content__detail {
font-size: 0.9375rem;
line-height: 1.6;
margin-top: 0.3125rem;
}
.b-service-faq {
background: transparent url(https://mldrlxyxmodg.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://bonz-c.co.jp/wordpress/wp-content/themes/bonz/img/telephone-new/feature/faq_bg_sp.png) no-repeat top left;
background-size: cover;
padding-bottom: 3.4375rem;
padding-top: 2.8125rem;
}
.b-service-faq .inner {
max-width: 31.25rem;
padding: 0 0.9375rem;
}
.b-service-faq__items {
margin: 3rem auto 0;
width: 100%;
}
.b-service-faq__item:nth-of-type(n + 2) {
margin-top: 1.625rem;
}
.b-service-faq__item-t {
gap: 0 3%;
grid-template-columns: 15% 82%;
padding: 5% 14% 4% 4%;
}
.b-service-faq__t-l {
align-items: center;
display: flex;
justify-content: center;
}
.b-service-faq__t-r {
font-size: 0.9375rem;
line-height: 1.6;
}
.b-service-faq__item-b {
gap: 0 3%;
grid-template-columns: 13% 84%;
padding: 5% 5% 4% 4%;
}
.b-service-faq__b-l {
align-items: center;
display: flex;
justify-content: center;
}
.b-service-faq__b-r {
font-size: 0.9375rem;
line-height: 1.6;
}
.b-service {
padding-bottom: 3.4375rem;
padding-top: 3.125rem;
}
.b-service .inner {
max-width: 31.25rem;
padding: 0 0.9375rem;
}
.b-service__head h3 {
font-size: 1.25rem;
line-height: 1.4;
}
.b-service__head p {
font-size: 0.9375rem;
margin: 0.4375rem auto 0;
text-align: left;
width: 90%;
width: 91%;
}
.b-service__purpose {
margin: 3.75rem auto 0;
}
.b-service__specialize {
margin: 3.4375rem auto 0;
}
.telephone-button {
padding: 0.8125rem 0;
width: 16.25rem;
}
.telephone-button span {
font-size: 0.875rem;
}
.reason__button {
margin-top: 3.125rem;
}
.about__button,
.image__button,
.price__button,
.performance__button {
margin-top: 1.5625rem;
}
.cards-head img {
margin-right: 0;
}
.cards-head span {
font-size: 1.25rem;
}
.cards {
gap: 1.5625rem 0;
grid-template-columns: 1fr;
margin: 1.875rem auto 0;
}
.cards2 {
grid-template-columns: 1fr;
}
.card2__icon {
width: 7.5rem;
}
.card2__body {
padding: 2.8125rem 0.9375rem 0.9375rem;
}
.contact {
padding-bottom: 3.4375rem;
padding-top: 2.8125rem;
}
.contact__inner {
max-width: 34.375rem;
padding: 0 0.9375rem;
}
.contact__lead {
font-size: 1rem;
letter-spacing: 0.5px;
line-height: 1.4;
margin: 2.9375rem auto 0;
width: 90%;
}
.contact__button-wrapper {
margin-top: 1.375rem;
}
.contact__button {
padding: 1.0625rem 0;
width: min(90%, 350px);
}
.contact__button span {
font-size: 1.125rem;
}
.contact__content {
gap: 0.375rem 0;
grid-template-columns: 1fr;
margin: 1.5625rem auto 0;
text-align: center;
}
.contact__content4 {
border: none;
margin-top: 0.625rem;
text-align: center;
}
.contact__bottom {
gap: 0.9375rem 5%;
grid-template-columns: 24% 71%;
margin: 1.5625rem auto 0;
padding: 7% 6%;
}
.contact__bottom1 {
grid-area: 1/1/2/2;
}
.contact__bottom1 span {
font-size: 0.875rem;
margin-left: auto;
width: 54%;
}
.contact__bottom2 {
font-size: 0.9375rem;
grid-area: 1/2/2/3;
line-height: 1.4;
}
.contact__bottom3 {
grid-area: 2/1/3/3;
}
.contact__bottom3 a {
padding: 6% 0;
}
.footer {
padding: 2.8125rem 0;
}
.footer .inner {
margin: 0 auto;
max-width: 37.5rem;
padding: 0 1.875rem;
}
.footer__items {
gap: 2.1875rem 0;
grid-template-columns: 1fr;
}
.footer__item-l {
order: 2;
padding-left: 0;
}
.footer__detail {
font-size: 0.875rem;
}
.footer__nav {
grid-column-gap: 0px;
grid-row-gap: 0px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(6, 1fr);
order: 1;
}
.footer__nav-item {
font-size: 0.875rem;
padding: 2.5% 0;
}
.footer__nav-item1 {
grid-area: 1/1/2/2;
}
.footer__nav-item2 {
grid-area: 2/1/3/2;
}
.footer__nav-item3 {
grid-area: 3/1/4/2;
}
.footer__nav-item4 {
grid-area: 4/1/5/2;
}
.footer__nav-item5 {
grid-area: 5/1/6/2;
}
.footer__nav-item6 {
grid-area: 6/1/7/2;
}
.footer__nav-item7 {
grid-area: 1/2/2/3;
}
.footer__nav-item8 {
grid-area: 2/2/3/3;
}
.footer__nav-item9 {
grid-area: 3/2/4/3;
}
.fv .fv-content {
left: 50%;
right: auto;
top: 46%;
transform: translate(-50%, -50%);
width: min(93%, 450px);
}
.fv .fv-lead {
font-size: 1.25rem;
font-size: clamp(1.25rem, 0.8325rem + 1.7812vw, 1.6875rem);
}
.fv .fv-lead span {
font-size: 2.1875rem;
font-size: clamp(2.1875rem, 1.5911rem + 2.5445vw, 2.8125rem);
}
.fv .fv-title {
font-size: 2.375rem;
font-size: clamp(2.375rem, 1.6594rem + 3.0534vw, 3.125rem);
margin-top: 0.3125rem;
}
.fv .fv-text {
font-size: 0.9375rem;
font-size: clamp(0.9375rem, 0.699rem + 1.0178vw, 1.1875rem);
letter-spacing: 0.5px;
margin-top: 0.3125rem;
}
.fv-buttons {
gap: 0.9375rem 0;
grid-template-columns: 1fr;
margin: 8% auto 0;
width: 86%;
}
.fv-button span {
font-size: 1rem;
font-size: clamp(1rem, 0.7615rem + 1.0178vw, 1.25rem);
}
.swiper-pagination {
bottom: 15vw !important;
width: 100% !important;
}
.swiper-pagination {
left: 50%;
position: absolute;
right: auto;
}
.swiper-pagination-bullet {
height: 0.5rem;
width: 0.5rem;
}
.swiper-pagination-bullet-active {
height: 0.5rem;
width: 0.5rem;
}
.inner {
padding-left: 20px;
padding-right: 20px;
}
.section-title span {
font-size: 1rem;
}
.section-title h3 {
font-size: 1.375rem;
line-height: 1.4;
margin-top: 0.4375rem;
}
.section-title h3::after {
bottom: -1em;
width: 1.5em;
}
#top .about {
padding-bottom: 3.4375rem;
padding-top: 2.8125rem;
}
#top .about__inner {
max-width: 31.25rem;
padding: 0 0.9375rem;
}
#top .about__items {
gap: 1.125rem 0;
grid-template-columns: 1fr;
margin: 3.4375rem auto 0;
}
#top .about__item-inner {
padding: 10% 11% 10%;
}
#top .about__num {
width: 38%;
}
#top .about__head {
font-size: 1.125rem;
margin-top: 0;
}
#top .about__detail {
font-size: 0.9375rem;
line-height: 1.6;
}
#top .image {
padding-bottom: 3.4375rem;
padding-top: 2.8125rem;
}
#top .image__inner {
max-width: 31.25rem;
padding: 0 0.9375rem;
}
#top .image__items {
gap: 1.25rem 1.5%;
grid-template-columns: 1fr;
margin: 3.125rem auto 0;
}
#top .image__item {
gap: 0.9375rem 0;
grid-template-columns: 1fr;
padding: 6% 6%;
}
#top .image__l img {
margin: 0 auto;
width: 33%;
}
#top .image__head {
font-size: 1.25rem;
text-align: center;
}
#top .image__detail {
font-size: 0.9375rem;
line-height: 1.6;
margin-top: 0.5rem;
}
#top .performance {
padding-bottom: 3.4375rem;
padding-top: 2.8125rem;
}
#top .performance .inner {
padding: 0 0.9375rem;
}
#top .performance__t {
margin: 2.8125rem auto 0;
}
#top .performance__t-lead {
font-size: 1.125rem;
letter-spacing: 1px;
line-height: 1.4;
}
#top .performance__t-items {
gap: 1.4375rem 0;
grid-template-columns: 1fr;
margin: 1.5625rem auto 0;
width: min(90%, 500px);
}
#top .performance__t-item {
padding: 7% 0;
}
#top .performance__t-head {
font-size: 1.125rem;
padding: 0.0625rem 0;
width: 62%;
}
#top .performance__t-text {
font-size: 1.25rem;
margin-top: 3%;
}
#top .performance__t-text span {
font-size: 2.375rem;
}
#top .performance__t-img {
margin: -1% auto 0;
width: 25%;
}
#top .performance__b {
margin: 2.5rem auto 0;
}
#top .performance__b-lead {
font-size: 1.25rem;
letter-spacing: 1px;
line-height: 1.4;
}
#top .performance__b-items {
gap: 1.5rem 0;
grid-template-columns: 1fr;
margin: 1.4375rem auto 0;
width: min(90%, 500px);
}
#top .performance__b-head {
font-size: 1.625rem;
letter-spacing: 1px;
padding: 0.25rem 0;
}
#top .performance__b-content {
gap: 0 4%;
grid-template-columns: 43% 53%;
}
#top .performance__b-content:nth-of-type(n + 2) {
margin-top: 1.0625rem;
}
#top .performance__b-r {
font-size: 1rem;
letter-spacing: 0;
}
#top .performance__b-text {
margin: 1.875rem auto 0;
max-width: 31.25rem;
}
#top .price {
background: transparent url(https://mldrlxyxmodg.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://bonz-c.co.jp/wordpress/wp-content/themes/bonz/img/telephone-new/top/price_bg_sp.png) no-repeat top center;
background-size: cover;
padding-bottom: 3.4375rem;
padding-top: 2.9375rem;
}
#top .price .inner {
max-width: 31.25rem;
padding: 0 1rem;
}
#top .price__content h3 {
font-size: 1.25rem;
line-height: 1.4;
}
#top .price__content.price__point {
margin: 2.8125rem 0 auto;
}
#top .price__content.price__comparison {
margin: 2.8125rem 0 auto;
}
#top .price__items {
gap: 0.9375rem 5%;
grid-template-columns: repeat(2, 1fr);
margin: 1.5625rem auto 0;
width: 100%;
}
#top .price__text {
font-size: 1rem;
}
#top .price__comparison-head {
margin-top: 0.8125rem;
}
#top .price__comparison-items-wrapper {
-ms-overflow-style: none;
overflow-x: scroll; scrollbar-width: none; }
#top .price__comparison-items {
margin-bottom: 0.625rem;
max-width: 62.5rem;
width: 62.5rem;
}
#top .reason {
padding-bottom: 3.4375rem;
padding-top: 2.9375rem;
}
#top .reason__wrapper {
margin: 2.8125rem auto 0;
}
#top .reason__item {
padding: 0;
}
#top .reason__item:nth-of-type(n + 2) {
margin-top: 2.1875rem;
}
#top .reason__item-reverse {
flex-direction: column-reverse;
}
#top .reason__column {
width: 100%;
}
#top .reason__column-right {
margin-left: auto;
margin-right: 0;
margin-top: 1.5625rem;
padding: 0;
width: min(96%, 500px);
}
#top .reason__column-left {
margin-left: 0;
margin-right: auto;
margin-top: 1.5625rem;
padding: 0;
width: min(96%, 500px);
}
#top .reason__item-reverse .reason__text {
max-width: 31.25rem;
padding: 0 2rem;
}
#top .reason__item-left .reason__text {
max-width: 31.25rem;
padding: 0 2rem;
}
#top .reason__column-head {
font-size: 3.75rem;
}
#top .reason__column-head span {
font-size: 1rem;
}
#top .reason__column-lead {
font-size: 1.25rem;
line-height: 1;
margin-top: 8.5%;
}
#top .reason__column-detail {
font-size: 0.9375rem;
line-height: 1.6;
margin-top: 2.5%;
}
#top .reason__column-right::before {
height: 105%;
left: auto;
right: 0;
top: 0.5em;
width: 105%;
}
#top .reason__column-left::before {
height: 105%;
left: 0;
right: auto;
top: 0.5em;
width: 105%;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
#top .reason__item-left {
flex-direction: column-reverse;
}
}
@media (max-width: 375px) {
html {
font-size: 4.2666666667vw;
}
}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:100 900;font-display:swap;src:url(//bonz-c.co.jp/wordpress/wp-content/uploads/omgf/omgf-stylesheet-127/noto-sans-jp-normal-100-900.woff2?ver=1765951495)format('woff2');unicode-range:U+20, U+2027, U+3001-3002, U+3041-307f, U+3081-308f, U+3091-3093, U+3099-309a, U+309d-309e, U+30a1-30e1, U+30e3-30ed, U+30ef-30f0, U+30f2-30f4, U+30fb-30fe, U+ff0c, U+ff0e;}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:100 900;font-display:swap;src:url(//bonz-c.co.jp/wordpress/wp-content/uploads/omgf/omgf-stylesheet-127/noto-sans-jp-normal-latin-ext-100-900.woff2?ver=1765951495)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:100 900;font-display:swap;src:url(//bonz-c.co.jp/wordpress/wp-content/uploads/omgf/omgf-stylesheet-127/noto-sans-jp-normal-latin-100-900.woff2?ver=1765951495)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Raleway';font-style:italic;font-weight:100 900;font-display:swap;src:url(//bonz-c.co.jp/wordpress/wp-content/uploads/omgf/omgf-stylesheet-127/raleway-italic-latin-ext-100-900.woff2?ver=1765951495)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Raleway';font-style:italic;font-weight:100 900;font-display:swap;src:url(//bonz-c.co.jp/wordpress/wp-content/uploads/omgf/omgf-stylesheet-127/raleway-italic-latin-100-900.woff2?ver=1765951495)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Raleway';font-style:normal;font-weight:100 900;font-display:swap;src:url(//bonz-c.co.jp/wordpress/wp-content/uploads/omgf/omgf-stylesheet-127/raleway-normal-latin-ext-100-900.woff2?ver=1765951495)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Raleway';font-style:normal;font-weight:100 900;font-display:swap;src:url(//bonz-c.co.jp/wordpress/wp-content/uploads/omgf/omgf-stylesheet-127/raleway-normal-latin-100-900.woff2?ver=1765951495)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}