@charset "UTF-8";
:root {
--main-color: #eb6120;
}
*,
::before,
::after {
box-sizing: border-box;
border-style: solid;
border-width: 0;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
margin: 0;
}
main {
display: block;
}
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
margin: 0;
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
a {
background-color: rgba(0,0,0,0);
text-decoration: none;
color: inherit;
}
svg,
img,
embed,
object,
iframe {
vertical-align: bottom;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
background-color: #fff9eb;
font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
font-size: 16px;
color: #333;
line-height: 1.5;
letter-spacing: .08em;
}
a {
color: inherit;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
input {
margin: 0;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
input[type=submit] {
-webkit-appearance: none;
}
main {
padding-top: 80px;
}
.c-headline .c-headline_subtitle {
color: #382712;
font-size: 14px;
margin-top: 60px;
}
.c-headline .c-headline_border {
position: absolute;
bottom: 30px;
}
.c-headline .c-headline_bordertop {
position: absolute;
top: -70px;
}
.c-headline.white {
color: #fff;
text-align: center;
}
.c-headline.white span.c-headline_subtitle {
color: #fff;
}
div.c-button {
background: var(--main-color);
max-width: 340px;
margin: 0 auto;
height: 48px;
position: relative;
color: #fff;
font-weight: 600;
z-index: 0;
position: relative;
}
div.c-button:hover {
color: var(--main-color);
}
div.c-button::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 0%;
height: 100%;
background-color: #fff;
transition: .4s;
}
div.c-button:hover::before {
width: 100%;
}
div.c-button a.c-button__link {
display: flex;
justify-content: center;
font-size: 18px;
height: 100%;
align-items: center;
cursor: pointer;
border: solid 2px var(--main-color);
z-index: 100;
}
div.c-button a.c-button__link:hover span::before {
background-color: var(--main-color);
transition: .5s;
}
div.c-button a.c-button__link:hover span::after {
border-top: solid 1px #fff;
border-right: solid 1px #fff;
}
div.c-button a.c-button__link span {
position: relative;
}
div.c-button a.c-button__link span::before {
content: "";
width: 18px;
height: 18px;
vertical-align: top;
border-radius: 18px;
background-color: #fff;
position: absolute;
right: -30px;
top: 17%;
}
div.c-button a.c-button__link span::after {
content: "";
width: 8px;
height: 8px;
margin-top: -5px;
border-top: solid 1px var(--main-color);
border-right: solid 1px var(--main-color);
transform: rotate(45deg);
position: absolute;
top: 0;
right: -23px;
bottom: 0;
margin: auto;
}
.c-headline-page {
font-size: 28px;
color: #fff;
font-weight: 700;
background: var(--main-color);
display: flex;
min-height: 80px;
align-items: center;
justify-content: center;
position: relative;
}
.c-headline-page::after {
content: "";
width: 100%;
position: absolute;
bottom: -4px;
background-image: repeating-linear-gradient(135deg, transparent 0 2px, var(--main-color) 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: top;
height: 4px;
}
.c-basicform {
max-width: 880px;
background: #fff;
margin: 0 auto;
margin-top: 80px;
padding-bottom: 64px;
}
.c-basicform__headline {
height: 64px;
display: flex;
font-size: 28px;
color: #fff;
background: #f38c1f;
justify-content: center;
align-items: center;
font-weight: 700;
margin-bottom: 40px;
}
.c-basicform__table {
margin: 0 auto;
max-width: 686px;
}
.c-basicform__tableItems {
display: flex;
min-height: 100px;
}
.c-basicform__tableTitle {
background: #fae8d4;
width: 270px;
display: flex;
padding: 32px 20px;
min-height: 100px;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #fff;
font-size: 18px;
}
.c-basicform__tableContent {
background: #fff;
border: solid 1px #f8f4f0;
padding: 16px;
display: flex;
flex: 1;
gap: 8px;
align-items: flex-start;
flex-direction: column;
}
.c-basicform__tableContent span {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.c-basicform__tableContent input[type=text] {
background: #f8f4f0;
border-radius: 5px;
height: 40px;
width: 100%;
flex: 1;
min-width: 100px;
position: relative;
}
.c-basicform__tableContent input[type=text]:focus {
border: 2px solid var(--main-color);
outline: 0;
}
.c-basicform__tableContent textarea {
background: #f8f4f0;
width: 100%;
height: 240px;
border-radius: 5px;
}
.c-basicform__tableContent textarea:focus {
border: 2px solid var(--main-color);
outline: 0;
}
.c-basicform__Required {
background: var(--main-color);
display: flex;
align-items: center;
color: #fff;
font-size: 14px;
font-weight: 400;
padding: 0 16px;
border-radius: 5px;
height: 22px;
}
.c-basicform__example {
font-size: 14px;
color: #888;
}
.c-basicform__placesearch {
font-size: 16px;
color: #fff;
background: #707070;
display: flex;
margin-left: 12px;
height: 40px;
align-items: center;
border-radius: 5px;
padding: 0 16px;
cursor: pointer;
}
.c-basicform__placesearch:hover {
opacity: .8;
}
.c-basicform__sendbtn {
margin-top: 50px;
}
.c-basicform__postwrapp {
margin-left: 24px;
position: relative;
flex: 1;
}
.c-basicform__postwrapp::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/common/icon-post.svg);
background-size: contain;
vertical-align: middle;
position: absolute;
left: -26px;
top: 10px;
}
.c-basicform .wpcf7-not-valid-tip {
color: #ce2d32;
}
.c-pankuzu {
height: 60px;
display: flex;
align-items: center;
padding-left: 40px;
}
.c-cta__block {
margin-bottom: 18px;
}
.c-cta__title {
text-align: center;
font-size: 16px;
letter-spacing: 0;
font-weight: 700;
color: #382712;
}
.c-cta__tel {
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 0;
}
.c-cta__tel--img {
flex: none;
margin-right: 10px;
}
.c-cta__tel--link {
color: var(--main-color);
font-size: 28px;
font-weight: 700;
}
.c-cta__note {
display: block;
font-size: 14px;
letter-spacing: 0;
text-align: center;
color: #382712;
width: 100%;
}
.c-cta__list {
margin-bottom: 24px;
}
.c-cta__item {
margin-bottom: 16px;
}
.c-cta__link {
display: flex;
align-items: center;
border-radius: 10px 10px 0 0;
overflow: hidden;
transition: .3s;
}
.c-cta__link:hover {
opacity: .7;
}
.c-cta__icon {
box-sizing: border-box;
flex: none;
border-right: dotted 2px #fff;
text-align: center;
width: 56px;
max-width: 100%;
padding-right: 8px;
}
.c-cta__text {
text-align: center;
font-size: 18px;
font-weight: 700;
letter-spacing: 0;
width: 100%;
}
.c-cta__btn {
background-color: var(--main-color);
border: solid 1px #fff;
box-shadow: 0 0 4px 2px rgba(0,0,0,.1);
color: #fff;
min-height: 56px;
padding: 13px;
}
.c-cta__banner {
width: 100%;
}
.c-cta__btn.--mail {
background-color: var(--main-color);
}
.c-cta__btn.--line {
background-color: #39ad36;
}
.c-cta__btn.--flyer {
background-color: #48b5d0;
}
.p-service-contact {
margin: 130px auto 40px auto;
}
.p-service-contact__bnr {
text-align: center;
}
.p-service-contact__contentlink {
transition: .3s;
}
.p-service-contact__contentlink:hover {
opacity: .7;
}
.p-service-top {
padding: 0 0 50px;
width: calc(100% - 80px);
max-width: 980px;
margin: 0 auto;
}
.p-service-top__wrapper {
max-width: 100%;
margin: 50px auto 0 auto;
padding: 0 50px;
box-sizing: content-box;
}
.p-service-top .c-header__orange {
background: #76471b;
color: #fff;
font-size: 28px;
font-weight: 700;
display: flex;
height: 64px;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 50px;
background-size: auto auto;
background-color: var(--main-color);
background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, rgb(247, 113, 51) 1px, rgb(247, 113, 51) 6px);
}
.p-service-top__flexwrapper {
display: flex;
flex-wrap: wrap;
gap: 32px;
}
.p-service-top__flexcontents {
width: calc((100% - 64px)/3);
}
.p-service-top__contentimg {
position: relative;
}
.p-service-top__contentimg img {
position: relative;
border-radius: 20px 20px 0 0;
z-index: 1;
}
.p-service-top__title {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
font-size: 20px;
font-weight: 700;
line-height: 1.6;
letter-spacing: 0;
text-align: center;
color: #fff;
z-index: 2;
}
.p-service-top__titletag {
position: relative;
}
.p-service-top__text {
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #382712;
letter-spacing: 0;
}
.p-service-top .u-hidden-tab {
display: none;
}
.p-blogarchive__wrapper {
margin: 40px 40px;
}
.p-blogarchive__flexlist {
display: flex;
flex-wrap: wrap;
gap: 32px;
}
.p-blogarchive__flexcontnt {
width: calc((100% - 64px)/3);
cursor: pointer;
box-sizing: border-box;
padding: 16px 16px 22px;
background: #fff;
border-radius: 20px 20px 0 0;
background-image: repeating-linear-gradient(135deg, transparent 0 2px, var(--main-color) 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
}
.p-blogarchive__flexcontnt:hover {
opacity: .8;
}
.p-blogarchive__date {
font-weight: 300;
color: #888;
margin-bottom: 16px;
}
.p-blogarchive__imgbox {
position: relative;
margin-bottom: 8px;
}
.p-blogarchive__thumb {
width: 100%;
aspect-ratio: 1.619 / 1;
object-fit: cover;
}
.p-blogarchive__cattag {
font-weight: 700;
color: #fff;
height: 28px;
background: #b98d4a;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0 8px;
font-size: 14px;
align-items: center;
position: absolute;
bottom: 0;
}
.p-blogarchive__cattag[color='社長ブログ'],
.p-blogdetail__articlecat[color='社長ブログ'],
.p-top-blog__cattag[color='社長ブログ']
{
background: #6B2100;
}
.p-blogarchive__cattag[color='スタッフブログ'],
.p-blogdetail__articlecat[color='スタッフブログ'],
.p-top-blog__cattag[color='スタッフブログ']
{
background: #EA9D51;
}
.p-blogarchive__title {
font-weight: 700;
overflow: hidden;
display: -webkit-box;
height: 48px;
}
.p-blogdetail {
margin-top: 40px;
}
.p-blogdetail__mainflex {
display: flex;
margin: 0 40px;
gap: 0 32px;
flex-wrap: wrap;
justify-content: center;
}
.p-blogdetail__maincontnt {
background: #fff;
padding: 32px; flex: 1;
max-width: 980px;
min-width: 600px;
}
.p-blogdetail__articletitle {
font-size: 24px;
font-weight: 700;
color: var(--main-color);
}
.p-blogdetail__articleinfoconteiner {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.p-blogdetail__articledate {
font-size: 14px;
color: #888;
font-weight: 400;
}
.p-blogdetail__articlecat {
background-color: #ea9d51;
color: #fff;
display: inline;
padding: 0 8px;
vertical-align: middle;
font-weight: 700;
display: inline-flex;
font-size: 14px;
height: 28px;
align-items: center;
margin-bottom: 16px;
}
.p-blogdetail__articlethumb {
width: 100%;
margin-bottom: 32px;
}
.p-blogdetail__articlethumb img {
width: 100%;
}
.p-blogdetail__texts {
font-size: 16px;
line-height: 1.9;
}
.p-blogdetail__subcontnet {
width: auto;
max-width: 240px;
flex: 1;
}
.p-blogdetail__subinner {
margin-bottom: 70px;
}
.p-blogdetail__newarticle {
background: #888;
border-radius: 20px 20px 0 0;
color: #fff;
font-weight: 700;
display: flex;
height: 50px;
font-size: 18px;
align-items: center;
justify-content: center;
}
.p-blogdetail__newarticle.catcolor {
background: #d39f6b;
}
.p-blogdetail__newarticlelist {
display: flex;
flex-direction: column;
background: #fff;
}
.p-blogdetail__newarticlelelistchild {
border-bottom: solid 1px #888;
}
.p-blogdetail__newarticlelelistchild :hover {
opacity: .8;
}
.p-blogdetail__newarticlelelistchild:last-child {
border-bottom: none;
}
.p-blogdetail__newarticletitle {
font-size: 16px;
font-weight: 700;
padding: 16px 16px 12px;
word-wrap: break-word;
overflow-wrap: break-word;
}
.p-blogdetail__rerativearticle {
margin-bottom: 70px;
}
.p-blogdetail__newarticledate {
padding: 0 16px 16px 16px;
font-size: 14px;
color: #888;
}
.p-blogdetail__newlink {
cursor: pointer;
}
.p-blogdetail__rheadline {
display: flex;
flex-direction: column;
margin-bottom: 36px;
}
.p-blogdetail__rheadline span {
border-top: solid 2px rgba(56,39,18,.9294117647);
border-bottom: solid 1px #382712;
font-size: 24px;
font-weight: 700;
display: block;
padding: 20px 0;
}
.p-blogdetail__rlist {
display: flex;
margin: 0 40px;
gap: 30px;
}
.p-blogdetail__rlistchild {
width: calc((100% - 60px) / 3 );
box-sizing: border-box;
padding: 16px 16px 22px;
background: #fff;
border-radius: 20px 20px 0 0;
background-image: repeating-linear-gradient(135deg, transparent 0 2px, var(--main-color) 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
}
.p-blogdetail__rlistchild:hover {
opacity: .8;
}
.p-blogdetail__rcontentlink {
cursor: pointer;
}
.p-blogdetail__rdate {
font-weight: 300;
color: #888;
margin-bottom: 16px;
}
.p-blogdetail__rimgbox {
position: relative;
margin-bottom: 8px;
}
.p-blogdetail__rimgbox img {
width: 100%;
}
.p-blogdetail__rtitle {
font-weight: 700;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.p-blogdetail__rcattag {
font-weight: 700;
color: #fff;
height: 28px;
background: #b98d4a;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0 8px;
font-size: 14px;
align-items: center;
position: absolute;
bottom: 0;
}
.p-blogdetail__rthumb {
min-width: 240px;
height: 144px;
object-fit: cover;
}
.p-campaignarchive__wrapper {
margin: 40px;
}
.p-campaignarchive__content {
background: #fff;
padding: 50px;
}
.p-campaignarchive__flexlist {
display: flex;
flex-direction: column;
gap: 56px;
}
.p-campaignarchive__flexcontent {
display: flex;
gap: 32px;
}
.p-campaignarchive__articletitle {
font-size: 24px;
font-weight: 700;
}
.p-campaignarchive__articledetail {
flex: 1;
}
.p-campaignarchive__thumbimg img {
-o-object-fit: cover;
object-fit: cover;
width: 240px;
height: 240px;
border-radius: 20px 20px 0 0;
}
.p-campaignarchive__articledate {
font-size: 16px;
color: #888;
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: solid 1px #e5d4c2;
}
.p-campaignarchive__articletext {
font-size: 16px;
line-height: 1.7;
}
.p-campaignarchive__buttonbox {
padding: 16px;
}
.p-campaignarchive__morebutton {
display: none;
font-size: 15px;
font-weight: 700;
bottom: 0;
position: relative;
text-align: right;
padding-right: 24px;
}
.p-campaignarchive__morebutton::before {
content: "";
width: 18px;
height: 18px;
vertical-align: top;
border-radius: 18px;
background-color: var(--main-color);
position: absolute;
right: 0px;
}
.p-campaignarchive__morebutton::after {
content: "";
width: 8px;
height: 8px;
margin-top: -5px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
transform: rotate(45deg);
position: absolute;
top: 46%;
right: 6px;
}
.p-campaigndetail__content {
margin: 40px 40px;
background: #fff;
padding: 40px;
min-height: 500px;
overflow-wrap: anywhere;
}
.p-campaigndetail__wrapper {
position: relative;
padding-right: 368px;
}
.p-campaigndetail__articletitle {
font-size: 28px;
font-weight: 700;
margin-bottom: 24px;
}
.p-campaigndetail__articecontent {
min-height: 300px;
}
.p-campaigndetail__articledate {
font-size: 14px;
color: #382712;
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: solid 1px #e5d4c2;
}
.p-campaigndetail__articlethumb {
position: absolute;
right: 0;
top: 0;
}
.p-campaigndetail__articlethumb img {
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px 20px 0 0;
width: 328px;
height: 328px;
}
.p-campaigndetail__zoomimg {
margin: 0 40px;
background: #fff;
padding: 40px;
}
.p-campaigndetail__zoomlist {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap: 32px;
}
.p-campaigndetail__zoomimgbox {
padding: 32px;
}
.p-campaigndetail__zoomcontent {
border: solid 1px #e5d4c2;
width: calc((100% - 64px)/3); display: flex;
align-items: center;
position: relative;
justify-content: center;
}
.p-campaigndetail__zoomcontent:hover {
opacity: .7;
}
.p-campaigndetail__zoomcontent::after {
background-image: url(https://hikari-paint.co.jp/wp-content/themes/swell_child/assets/css/assets/images/common/icon-zoom.svg);
content: "";
display: inline-block;
position: absolute;
bottom: 8px;
right: 8px;
width: 32px;
height: 32px;
background-size: contain;
background-repeat: no-repeat;
}
.p-casearchive {
padding: 40px 40px;
display: flex;
gap: 40px;
}
.p-casearchive__wrapper {
max-width: 100%;
margin: 0 auto;
background: #fff;
margin: 0 auto;
padding: 36px 48px 64px;
background-size: 100% 5px;
flex: 1;
}
.p-casearchive__description {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 32px;
}
.p-casearchive__resultvalue {
max-width: 576px;
color: #382712;
}
.p-casearchive__flexwrapper {
display: flex;
flex-wrap: wrap;
gap: 32px;
margin-bottom: 48px;
justify-content: space-between;
}
.p-casearchive__flexcontent {
width: calc((100% - 64px)/2);
}
.p-casearchive__flexcontent a {
position: relative;
}
.p-casearchive__flexcontent a img {
border-radius: 20px 20px 0 0;
width: 100%;
aspect-ratio: 1/.6;
object-fit: cover;
}
.p-casearchive__navwrapper {
width: 272px;
padding-bottom: 20px;
}
.p-casearchive__navtitle {
background: var(--main-color);
color: #fff;
text-align: center;
border-radius: 20px 20px 0 0;
padding: 8px;
text-align: center;
}
.p-casearchive__selecttitle {
border-top: solid 1px var(--main-color);
border-bottom: solid 1px var(--main-color);
padding: 8px 16px;
font-weight: 700;
}
.p-casearchive__navflex {
display: flex;
flex-direction: column;
background: #fff;
border: solid 1px var(--main-color);
padding-bottom: 16px;
position: relative;
top: -2px;
}
.p-casearchive__navflex.casetoggleactive {
display: block;
}
.p-casearchive__resultbtn {
padding: 0 16px;
}
.p-casearchive__selecttag {
padding: 8px 16px;
display: block;
flex-direction: column;
cursor: pointer;
}
.p-casearchive__selecttag input[type=checkbox] {
margin-right: 8px;
}
.p-casearchive__statelabel {
font-size: 14px;
color: #fff;
font-weight: 700;
position: absolute;
text-align: center;
height: 28px;
width: 64px;
background: #888;
top: -8px;
display: flex;
justify-content: center;
align-items: center;
}
.p-casedetail__statelabel[name='施工前'],
.p-casearchive__statelabel[name='施工前']{
background: #6CAF6B;
}
.p-casedetail__statelabel[name='完成'],
.p-casearchive__statelabel[name='完成']{
background: #F59E24;
}
.p-casearchive__nametag {
font-size: 15px;
padding: 8px 0;
width: 270px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.p-casearchive__catlabel {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.p-casearchive__catlabelchild {
font-size: 14px;
height: 28px;
display: flex;
font-weight: 700;
color: #b98d4a;
border: solid 2px #b98d4a;
align-items: center;
padding: 0 11px;
}
.p-casedetail {
margin: 40px auto 64px;
max-width: 980px;
}
.p-casedetail__inner {
padding: 40px;
background: #fff;
}
.p-casedetail__cats {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 16px;
}
.p-casedetail__cat {
font-size: 14px;
height: 28px;
display: flex;
font-weight: 500;
color: #b98d4a;
border: solid 1px #b98d4a;
align-items: center;
padding: 0 11px;
}
.p-casedetail__casestate {
position: absolute;
left: 0;
bottom: 32px;
z-index: 2;
background: #f59e24;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
width: 126px;
font-size: 20px;
font-weight: 700;
color: #fff;
}
.p-casedetail__casestate.before {
background: #6caf6b;
font-size: 18px;
height: 37px;
width: 97px;
bottom: 0px;
}
.p-casedetail__mainswiper {
margin-bottom: 16px;
border-radius: 20px 20px 0 0;
overflow: hidden;
position: relative;
}
.p-casedetail__mainswiper .swipercase .swiper-pagination-horizontal {
text-align: center;
position: relative;
bottom: 0;
height: 32px;
}
.p-casedetail__mainswiper .swipercase .swiper-pagination-horizontal .swiper-pagination-bullet {
background: #888;
opacity: 1;
}
.p-casedetail__mainswiper .swipercase .swiper-pagination-horizontal .swiper-pagination-bullet-active {
background: var(--main-color);
border: none;
position: relative;
}
.p-casedetail__mainswiper .swipercase .swiper-pagination-horizontal .swiper-pagination-bullet-active::before {
content: "";
position: absolute;
top: -4px;
right: -4px;
bottom: -4px;
left: -4px;
border: 1px solid tomato;
border-radius: 50px;
}
.p-casedetail__mainswiper .swiper-slide img {
width: 100%;
aspect-ratio: 1.8 / 1;
object-fit: cover;
}
.p-casedetail__nation1 {
text-align: center;
}
.p-casedetail__smallswiper {
width: 100%;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
position: relative;
}
.p-casedetail__smallswiper .swiper-slide img {
aspect-ratio: 1.8 / 1;
object-fit: cover;
width: 100%;
}
.p-casedetail__nation2 {
text-align: center;
}
.p-casedetail__nation2 .swiper-pagination-bullet {
background: #888;
opacity: 1;
}
.p-casedetail__nation2 .swiper-pagination-bullet-active {
background: var(--main-color);
border: none;
position: relative;
}
.p-casedetail__nation2 .swiper-pagination-bullet-active::before {
content: "";
position: absolute;
top: -4px;
right: -4px;
bottom: -4px;
left: -4px;
border: 1px solid tomato;
border-radius: 50px;
}
.p-casedetail__mapdataflex {
display: flex;
gap: 40px;
margin-top: 16px;
}
.p-casedetail__smallswiper {
max-width: 320px;
overflow: hidden;
}
.p-casedetail__comment {
flex: 1;
background: #fff9eb;
}
.p-casedetail__commenttitle {
border-bottom: solid 1px #e5d4c2;
padding: 16px;
color: var(--main-color);
font-weight: 700;
font-size: 20px;
position: relative;
padding-left: 48px;
}
.p-casedetail__commenttitle::before {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/case/icon-comment.svg);
display: inline-block;
height: 20px;
width: 20px;
background-repeat: no-repeat;
left: 16px;
position: absolute;
top: calc(50% - 10px);
}
.p-casedetail__commentcontent {
padding: 16px;
font-size: 16px;
line-height: 1.7;
}
.p-casedetail__voiceinner {
padding: 40px;
}
.p-casedetail__voiceheadline {
background: #76471b;
color: #fff;
font-size: 28px;
font-weight: 700;
display: flex;
height: 64px;
align-items: center;
justify-content: center;
padding: 0 50px;
background-size: auto auto;
background-color: #9d652f;
background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, rgb(118, 71, 27) 1px, rgb(118, 71, 27) 6px);
}
.p-casedetail__customervoice {
display: flex;
gap: 40px;
margin-bottom: 64px;
}
.p-casedetail__customervoice img {
width: 100%;
}
.p-casedetail__questionwrap {
flex: 1;
}
.p-casedetail__questionitem {
padding-left: 32px;
margin-bottom: 32px;
}
.p-casedetail__question {
font-weight: 700;
font-size: 18px;
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: solid 1px #e5d4c2;
position: relative;
}
.p-casedetail__question::before {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/case/icon-question.svg);
display: inline-block;
height: 20px;
width: 20px;
background-repeat: no-repeat;
left: -30px;
position: absolute;
top: calc(50% - 15px);
}
.p-casedetail__answer {
font-weight: 400;
font-size: 16px;
position: relative;
}
.p-casedetail__answer::before {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/case/icon-answer.svg);
display: inline-block;
height: 20px;
width: 20px;
background-repeat: no-repeat;
left: -30px;
position: absolute;
bottom: calc(50% - 10px);
}
.p-casedetail__photos {
max-width: 304px;
display: flex;
gap: 24px;
flex-direction: column;
}
.p-casedetail__customerphoto img {
border-radius: 20px 20px 0 0;
}
.p-casedetail__table {
border: solid 1px var(--main-color);
background: #fff;
width: 100%;
}
.p-casedetail__tableitems {
border: solid 1px var(--main-color);
align-items: center;
}
.p-casedetail__tabletitle {
background: var(--main-color);
border-bottom: solid 1px #fff;
width: 160px;
font-size: 18px;
color: #fff;
padding: 16px;
vertical-align: middle;
}
.p-casedetail__tablecontent {
padding: 16px;
}
.p-casedetail__steptitle {
margin-top: 24px;
border-bottom: solid 2px var(--main-color);
margin-bottom: 32px;
}
.p-casedetail__steptitle span {
background: var(--main-color);
display: inline-block;
padding: 8px 40px;
border-radius: 0 20px 0 0;
color: #fff;
font-weight: 700;
font-size: 24px;
}
.p-casedetail__stepflex {
display: flex;
flex-wrap: wrap;
gap: 32px;
margin-bottom: 64px;
}
.p-casedetail__stepphoto img {
border-radius: 20px 20px 0 0;
width: 100%;
height: 168px;
object-fit: cover;
}
.p-casedetail__stepitems {
width: calc((100% - 64px)/3);
}
.p-casedetail__phototext {
margin-top: 4px;
}
.p-casedetail__grid {
background-image: linear-gradient(#FDF8EF 1px, transparent 1px),linear-gradient(to right, #FDF8EF 1px, #ffffff 1px);
background-size: 16px 16px;
max-width: 980px;
margin: 80px auto 0;
}
.p-casedetail__gridinner {
padding: 40px;
margin: 0 auto;
}
.p-casedetail__rerativetitle {
font-size: 24px;
font-weight: 700;
padding: 24px 40px;
border-top: solid 2px #b98d4a;
border-bottom: solid 1px #b98d4a;
}
.p-casedetail__rerativeflex {
padding: 40px;
}
.p-casedetail__flexcontent {
width: calc((100% - 64px)/3);
position: relative;
}
.p-casedetail__flexcontent img{
width: 100%;
aspect-ratio: 1/.6;
object-fit: cover;
}
.p-casedetail__statelabel {
font-size: 14px;
color: #fff;
font-weight: 700;
position: absolute;
text-align: center;
height: 28px;
width: 64px;
background: #888;
top: -8px;
display: flex;
justify-content: center;
align-items: center;
}
.p-casedetail__nametag {
font-size: 15px;
padding: 8px 0;
width: 270px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.p-casedetail__catlabel {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.p-casedetail__catlabelchild {
font-size: 14px;
height: 28px;
display: flex;
font-weight: 700;
color: #b98d4a;
border: solid 2px #b98d4a;
align-items: center;
padding: 0 11px;
}
.p-casedetail__rerativeflex {
display: flex;
flex-wrap: wrap;
gap: 32px; }
.p-casedetail__rerativelink {
position: relative;
}
.p-company {
max-width: 980px;
margin: 0 auto;
}
.p-company #feature,
.p-company #award,
.p-company #about,
.p-company #history,
.p-company #accsess {
scroll-margin-top: 78px;
}
.p-company__linkbox {
display: flex;
gap: 16px;
justify-content: center;
margin-bottom: 40px;
margin-top: 40px;
}
.p-company__linkcont a {
display: flex;
padding: 0 56px 0 24px;
height: 44px;
border: solid 1px #815124;
color: #815124;
background: #fff;
font-size: 20px;
font-weight: 700;
align-items: center;
position: relative;
}
.p-company__linkcont a:hover {
opacity: .8;
}
.p-company__linkcont a::after {
content: "";
width: 10px;
height: 10px;
margin-top: -2px;
border-top: solid 2px #815124;
border-right: solid 2px #815124;
transform: rotate(135deg);
position: absolute;
top: 40%;
right: 20px;
}
.p-company__feature {
background: #fff;
margin: 0 40px 80px;
}
.p-company__greetingflexwrap {
display: flex;
gap: 40px;
padding: 40px 50px;
}
.p-company .reverceFlex {
padding: 50px 50px 50px 400px;
}
.p-company .reverceFlex .p-company__pointsPhotobox {
left: 0;
right: initial;
}
.p-company .p-company__pointsFlexwrapp:nth-child(2n) {
padding: 0 50px 50px 400px;
}
.p-company .p-company__pointsFlexwrapp:nth-child(2n) .p-company__pointsPhotobox {
left: 0;
right: initial;
}
.p-company__greetingPhotobox img {
border-radius: 20px 20px 0 0;
}
.p-company__greetingText {
line-height: 1.7;
}
.p-company__greetingTextbox {
max-width: 55%;
}
.p-company__greetingName {
font-weight: 700;
font-size: 18px;
line-height: 1.7;
color: #382712;
}
.p-company__points {
margin: 0 40px;
}
.p-company__pointsFlexwrapp {
display: flex;
padding: 0px 400px 50px 50px;
gap: 50px;
position: relative;
min-height: 264px;
max-width: 1080px;
margin: 0 auto 64px;
}
.p-company__pointsTitle {
color: var(--main-color);
font-size: 28px;
font-weight: 700;
margin-bottom: 24px;
}
.p-company__pointsPhotobox {
position: absolute;
right: 0;
top: 0;
}
.p-company__pointsPhotobox img {
width: 352px;
height: 264px;
border-radius: 20px 20px 0 0;
-o-object-fit: cover;
object-fit: cover;
}
.p-company__sqBackground {
background: #fff;
background-image: linear-gradient(#FDF8EF 1px, transparent 1px),linear-gradient(to right, #FDF8EF 1px, #ffffff 1px);
background-size: 16px 16px;
padding: 80px 0;
}
.p-company__award {
margin: 0 40px;
}
.p-company__awardInner {
padding: 0 50px;
}
.p-company__awardText {
margin-top: 24px;
font-size: 16px;
margin-bottom: 40px;
}
.p-company__awardFlexwrap {
display: flex;
gap: 32px;
flex-wrap: wrap;
}
.p-company__awardFlexcontents {
width: calc((100% - 64px)/3);
}
.p-company__awardImgdetail {
font-size: 18px;
font-weight: 700;
}
.p-company__awardImgbox img {
width: 100%;
}
.p-company__tableinner {
padding: 0 50px;
}
.p-company__companytable {
margin: 40px;
}
.p-company__tableWrapp {
border: solid 1px #f1ece8;
width: 100%;
margin-top: 40px;
}
.p-company__tableTitle {
background: #f1ece8;
padding: 16px;
vertical-align: middle;
font-size: 18px;
border-bottom: 1px #fff solid;
width: 160px;
padding-left: 24px;
}
.p-company__tableContent {
background: #fff;
vertical-align: middle;
font-size: 18px;
border: solid 1px #f1ece8;
padding: 24px;
}
.p-company__access {
margin: 40px;
}
.p-company__accessInner {
padding: 0 50px;
}
.p-company__accessFlexcontents {
display: flex;
gap: 40px;
}
.p-company__accessText {
margin: 24px 0;
}
.p-company__accessImgbox img {
width: 304px;
height: 192px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px 20px 0 0;
}
.p-company__accessMapbox {
flex: 1;
}
.p-company__accessMapbox iframe {
width: 100%;
}
.p-company .c-header__brown {
background: #76471b;
color: #fff;
font-size: 28px;
font-weight: 700;
display: flex;
height: 64px;
align-items: center;
padding: 0 50px;
background-size: auto auto;
background-color: #9d652f;
background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, rgb(118, 71, 27) 1px, rgb(118, 71, 27) 6px);
}
.p-contact__flexwrap {
display: flex;
max-width: 880px;
margin: 0 auto;
gap: 56px;
margin-top: 36px;
padding: 0 10px;
box-sizing: content-box;
}
.p-contact__flextext {
max-width: 488px;
}
.p-contact__flexphoto {
width: 336px;
height: 202px;
}
.p-contact__flexphoto img {
width: 100%;
}
.p-contact__headline {
font-size: 24px;
margin-bottom: 24px;
font-weight: 700;
}
.p-contact__flexphoto img {
border-radius: 20px 20px 0 0;
}
.p-diagnosis-lead {
padding: 40px 0 0 0;
}
.p-diagnosis-lead .p-service__wrapp {
padding-top: 36px;
padding-bottom: 40px;
}
.p-diagnosis-lead__title {
font-size: 32px;
font-weight: 700;
color: #382712;
letter-spacing: 0;
}
.p-diagnosis-lead .title_wrap .p-service__fleximg {
width: 46%;
max-width: 400px;
}
.p-diagnosis-lead .title_wrap .p-service__flexcontents {
width: calc(100% - 40px - 46%);
}
.p-diagnosis-lead .p-service__flextext+.p-service__flextext {
margin-top: 23px;
}
.p-diagnosis-reason .p-service-lightbrown {
margin: 0;
}
.p-diagnosis-reason #reason01,
.p-diagnosis-reason #reason02,
.p-diagnosis-reason #reason03 {
scroll-margin-top: 78px;
}
.p-diagnosis-reason .u-hidden-tab__small {
display: block;
}
.p-diagnosis-reason__title {
text-align: center;
font-size: 32px;
font-weight: 700;
color: #382712;
letter-spacing: 0;
margin-bottom: 20px;
}
.p-diagnosis-reason .reason-nav__wrap.p-service-lightbrown {
padding: 12px 0 20px 0;
margin-bottom: 60px;
}
.p-diagnosis-reason .reason-nav__link {
position: relative;
border-bottom: 1px solid #a7a598;
}
.p-diagnosis-reason .reason-nav__link:last-of-type {
border-bottom: none;
}
.p-diagnosis-reason .reason-nav__link:after {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/common/icon-toggle.svg);
display: inline-block;
height: 10px;
width: 18px;
background-repeat: no-repeat;
position: absolute;
right: 40px;
top: calc(50% - 5px);
background-size: contain;
transition: .2s;
}
.p-diagnosis-reason .reason-nav__link a {
display: flex;
padding: 30px 40px 20px 40px;
}
.p-diagnosis-reason .reason-nav__link a:hover {
opacity: .8;
transition: .2s;
}
.p-diagnosis-reason .reason-nav__number {
position: relative;
top: 4px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 16px;
width: 28px;
height: 28px;
font-size: 18px;
font-weight: 700;
letter-spacing: 0;
color: #fff;
background: var(--main-color);
}
.p-diagnosis-reason .reason-nav__txt {
width: calc(100% - 46px);
font-size: 24px;
font-weight: 700;
letter-spacing: 0;
color: #382712;
}
.p-diagnosis-reason .c-header__yellow {
padding: 11px 50px;
margin-bottom: 40px;
}
.p-diagnosis-reason .p-service-lightbrown {
margin-top: 37px;
}
.p-diagnosis-reason .p-service-lightbrown__text {
font-size: 16px;
}
.p-diagnosis-reason .p-reason01__wrap {
padding-bottom: 65px;
}
.p-diagnosis-reason .p-reason02__wrap {
padding-bottom: 70px;
}
.p-diagnosis-reason .p-reason02 .c-header__yellow {
margin-bottom: 20px;
}
.p-diagnosis-reason .p-reason02__text {
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
color: #382712;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist {
margin-top: 90px;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__wrap {
position: relative;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__wrap:before {
position: absolute;
right: 50%;
bottom: 0;
display: block;
content: "";
width: 1px;
height: 100%;
background: #a7a598;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__box {
width: calc((100% - 70px)/2);
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__box:nth-of-type(odd) {
float: left;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__box:nth-of-type(even) {
float: right;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__box .p-diagnosis-itemlist__boxinner+.p-diagnosis-itemlist__boxinner {
margin-top: 34px;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__title {
font-size: 24px;
font-weight: 700;
line-height: 1.5833333333;
letter-spacing: 0;
color: #382712;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__conts {
border: 1px solid #f59e24;
box-sizing: border-box;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__conts+.p-diagnosis-itemlist__conts {
margin-top: 10px;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__head {
position: relative;
cursor: pointer;
font-size: 20px;
font-weight: 700;
color: #fff;
background: #f59e24;
padding: 9px 25px;
box-sizing: border-box;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__head:after {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/common/icon-toggle_white.svg);
display: inline-block;
height: 12px;
width: 20px;
background-repeat: no-repeat;
position: absolute;
right: 14px;
top: calc(50% - 5px);
background-size: contain;
transition: .2s;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__head.toggletransform::after {
transition: .2s;
transform: rotate(-180deg);
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__body {
height: 0;
overflow: hidden;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__body li {
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
color: #382712;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__body.display {
height: auto;
padding: 10px 16px;
box-sizing: border-box;
}
.p-diagnosis-reason .p-reason03__wrap {
padding-bottom: 60px;
}
.p-diagnosis-reason .p-reason03 .c-header__yellow {
margin-bottom: 60px;
}
.p-diagnosis-reason .p-reason03 .p-service__flextitle {
font-size: 24px;
}
.p-diagnosis-reason .p-reason03 .p-service__flextext+.p-service__flextext {
margin-top: 23px;
}
.p-diagnosis-voice .p-service__wrapp {
background: #f1ece8;
padding: 0;
}
.p-diagnosis-voice__inner {
padding: 56px 50px 64px 50px;
}
.p-diagnosis-voice__title {
text-align: center;
font-size: 28px;
font-weight: 700;
letter-spacing: 0;
color: #382712;
margin-bottom: 30px;
}
.p-diagnosis-voice .voice-box__wrap {
display: flex;
gap: 0 32px;
}
.p-diagnosis-voice .voice-box__conts {
width: calc((100% - 32px)/2);
background: #fff;
padding: 20px;
box-sizing: border-box;
}
.p-diagnosis-voice .voice-box__conts .box-head {
display: flex;
flex-direction: row-reverse;
gap: 0 20px;
margin-bottom: 15px;
}
.p-diagnosis-voice .voice-box__conts .box-head__txt {
width: calc(100% - 124px);
}
.p-diagnosis-voice .voice-box__conts .box-head__title {
font-size: 20px;
line-height: 1.3;
font-weight: 700;
letter-spacing: 0;
color: #000;
}
.p-diagnosis-voice .voice-box__conts .box-head__name {
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
color: #000;
}
.p-diagnosis-voice .voice-box__conts .box-head__img {
width: 104px;
}
.p-diagnosis-voice .voice-box__txt {
font-size: 16px; letter-spacing: 0;
color: #000;
}
.p-faq__wrapp.p-service__wrapp {
margin: 0 auto 80px auto !important;
padding-top: 0 !important;
padding-bottom: 65px;
}
.p-faq__wrapp.p-service__wrapp .p-faq__headline {
color: #382712;
}
.p-service__wrapp {
width: calc(100% - 80px);
max-width: 980px;
margin: 0 auto;
padding: 48px 0 50px 0;
padding-left: 0 !important;
padding-right: 0 !important;
background: #fff;
box-shadow: 0 2px 4px 0 rgba(185,141,74,.1);
}
.p-service__wrapp .c-header__brown {
background: #76471b;
color: #fff;
font-size: 28px;
font-weight: 700;
text-align: center;
display: flex;
height: 64px;
justify-content: center;
align-items: center;
padding: 0 50px;
margin-bottom: 50px;
background-size: auto auto;
background-color: #9d652f;
background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, rgb(118, 71, 27) 1px, rgb(118, 71, 27) 6px);
}
.p-service__wrapp.no-bg {
background: none;
padding: 0;
}
.p-service__inner {
padding: 0 50px;
box-sizing: border-box;
}
.p-service__flexwrapper {
display: flex;
gap: 0 40px;
}
.p-service__flexwrapper+.p-service__flexwrapper {
margin-top: 64px;
}
.p-service__flexcontents {
width: calc(100% - 40px - 40%);
}
.p-service__flextitle {
font-size: 28px;
font-weight: 700;
margin-bottom: 15px;
color: #382712;
letter-spacing: 0;
}
.p-service__flextext {
font-size: 16px;
font-weight: 500;
color: #382712;
letter-spacing: 0;
}
.p-service__fleximg {
width: 40%;
}
.p-service__fleximg__smalltxt {
margin-top: 15px;
font-size: 14px;
font-weight: 500;
line-height: 1.4285714286;
}
.p-estimate-lead {
padding: 40px 0 0 0;
}
.p-estimate-lead .p-service__wrapp {
padding-bottom: 90px;
}
.p-estimate-lead__title {
text-align: center;
font-size: 32px;
font-weight: 700;
color: #382712;
margin-bottom: 20px;
letter-spacing: 0;
}
.p-estimate-lead__text {
margin-top: 15px;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
margin-bottom: 60px;
}
.u-hidden-tabsmall {
display: block;
}
.p-faq__wrapp.p-service__wrapp {
margin: 0 auto 80px auto !important;
padding-top: 0 !important;
padding-bottom: 65px;
}
.p-faq__wrapp.p-service__wrapp .p-faq__headline {
color: #382712;
}
.p-eventarchive__wrapp {
margin: 40px 40px;
padding: 40px 50px;
background: #fff;
}
.p-eventarchive__flexwrapp {
display: flex;
flex-wrap: wrap;
gap: 32px;
}
.p-eventarchive__flexcontnts {
width: calc((100% - 64px)/3);
cursor: pointer;
}
.p-eventarchive__flexcontnts:hover {
opacity: .8;
}
.p-eventarchive__articlethumb img {
border-radius: 20px 20px 0 0;
width: 100%;
}
.p-eventarchive__articletitle {
font-size: 18px;
font-weight: 700;
margin-top: 12px;
margin-bottom: 16px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 54px;
}
.p-eventarchive__articleinfo {
font-size: 16px;
display: flex;
align-items: flex-start;
margin-bottom: 12px;
}
.p-eventarchive__articleinfo span {
font-size: 14px;
color: #fff;
display: inline-flex;
min-width: 64px;
background: #b98d4a;
align-items: center;
justify-content: center;
margin-right: 16px;
height: 24px;
}
.p-eventarchive__articleinfo:last-child {
margin-bottom: 0;
}
.p-eventarchive__buttonbox {
display: none;
}
.p-eventdetail__wrapp {
margin: 40px;
padding: 40px 50px;
background: #fff;
position: relative;
}
.p-eventdetail__list {
margin-bottom: 56px;
}
.p-eventdetail__listchild {
margin-bottom: 24px;
}
.p-eventdetail__listchild span {
background: #b98d4a;
color: #fff;
display: inline-flex;
align-items: center;
height: 28px;
justify-content: center;
padding: 0 16px;
margin-right: 16px;
}
.p-eventdetail__listchild:last-child span {
margin-bottom: 16px;
}
.p-eventdetail__map {
position: absolute;
top: 40px;
right: 50px;
width: 320px;
height: 168px;
}
.p-eventdetail__map iframe{
width: 100%;
height: 100%;
}
.p-eventdetail__zoomlist {
padding: 0 50px;
display: flex;
gap: 32px;
margin-top: 64px;
flex-wrap: wrap;
}
.p-eventdetail__zoomimgbox {
padding: 40px;
}
.p-eventdetail__zoomchild {
border: solid 1px #e5d4c2;
width: calc((100% - 32px)/2);
display: flex;
position: relative;
justify-content: center;
max-width: 600px;
display: flex;
align-items: center;
}
.p-eventdetail__zoomchild::before {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/common/icon-zoom.svg);
content: "";
display: inline-block;
position: absolute;
bottom: 8px;
right: 8px;
width: 32px;
height: 32px;
background-size: contain;
background-repeat: no-repeat;
}
.p-faq__wrapp {
margin: 40px 40px;
padding: 40px 50px;
background: #fff;
}
.p-faq__flexchild {
margin-bottom: 24px;
}
.p-faq__flexchild:last-child {
margin-bottom: 0;
}
.p-faq__headline {
background: #fff9eb;
font-size: 18px;
font-weight: 700;
min-height: 64px;
display: flex;
align-items: center;
border-radius: 40px;
padding: 0 40px 0 80px;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.p-faq__headline:hover {
opacity: .8;
}
.p-faq__headline::before {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/case/icon-question.svg);
display: inline-block;
height: 20px;
width: 20px;
background-repeat: no-repeat;
left: 40px;
position: absolute;
top: 20px;
}
.p-faq__headline::after {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/common/icon-toggle.svg);
display: inline-block;
height: 10px;
width: 18px;
background-repeat: no-repeat;
position: absolute;
right: 40px;
top: calc(50% - 5px);
background-size: contain;
transition: .2s;
}
.p-faq__answer {
font-size: 16px;
line-height: 1.7;
margin-top: 24px;
margin-bottom: 22px;
padding: 0 40px 0 80px;
position: relative;
display: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.p-faq__answer::before {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/case/icon-answer.svg);
display: inline-block;
height: 20px;
width: 20px;
background-repeat: no-repeat;
left: 40px;
position: absolute;
top: 1px;
}
.p-faq .display {
display: block;
}
.p-faq .toggletransform::after {
transition: .2s;
transform: rotate(-180deg);
}
.p-flow {
margin-top: 40px;
margin-bottom: 82px;
}
.p-flow__cta {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-left: 50px;
padding-right: 50px;
margin-top: 24px;
margin-bottom: 40px;
}
.p-flow__cta--block {
margin-right: 2rem;
}
.p-flow__cta--button {
width: 100%;
max-width: 320px;
}
.p-flow__cta .c-button a.c-button__link {
font-size: 16px;
}
.p-flow__cta .c-button a.c-button__link span::after,
.p-flow__cta .c-button a.c-button__link span::before {
display: none;
}
.p-flow .c-header__yellow.title__flex {
position: relative;
}
.p-flow .p-service__wrapp {
padding-bottom: 0;
}
.p-flow .p-service__flexwrapper {
margin-top: 2rem;
padding-bottom: 56px;
}
.p-flow--toggle {
position: relative;
}
.p-flow .p-service__fleximg img {
border-radius: 20px 20px 0 0;
overflow: hidden;
}
.p-flow .p-service__flextext {
padding-bottom: 32px;
}
.p-flow__article .c-header__yellow {
pointer-events: none;
}
.p-flow .arrow-bottom {
position: absolute;
top: auto;
bottom: 0;
left: 50px;
display: inline-block;
width: 32px;
height: 32px;
margin: 0 auto 48px;
border-bottom: 4px solid var(--main-color);
border-right: 4px solid var(--main-color);
transform: rotate(45deg);
}
.p-service-yellowbox {
padding: 28px 50px;
background: #fbefba;
box-sizing: border-box;
}
.p-service-yellowbox__title {
font-size: 20px;
font-weight: 700;
letter-spacing: 0;
color: #382712;
margin-bottom: 10px;
}
.p-service-yellowbox__text {
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
color: #382712;
}
.p-service-lightbrown {
padding: 28px 24px;
background: #f1ece8;
box-sizing: border-box;
}
.p-service-lightbrown__title {
font-size: 20px;
font-weight: 700;
letter-spacing: 0;
color: #382712;
margin-bottom: 10px;
}
.p-service-lightbrown__text {
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
color: #382712;
}
.service-list {
display: flex;
flex-wrap: wrap;
gap: 5px 20px;
}
.service-list__item {
width: calc((100% - 40px)/3);
position: relative;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
color: #382712;
padding-left: 18px;
box-sizing: border-box;
}
.service-list__item:before {
position: absolute;
left: 0;
top: 9px;
display: block;
content: "";
width: 8px;
height: 8px;
border-radius: 100%;
background: var(--main-color);
box-sizing: border-box;
}
.p-guarantee-lead {
padding: 40px 0 30px 0;
width: calc(100% - 80px);
max-width: 980px;
margin: 0 auto;
}
.p-guarantee-lead__title {
text-align: center;
font-size: 32px;
font-weight: 700;
color: #382712;
margin-bottom: 20px;
letter-spacing: 0;
}
.p-guarantee-lead__subtitle {
text-align: center;
font-size: 28px;
font-weight: 700;
color: #382712;
margin-bottom: 20px;
letter-spacing: 0;
}
.p-guarantee-lead__flexwrapper {
margin-top: 45px;
display: flex;
gap: 0 30px;
}
.p-guarantee-lead__fleximg {
width: 230px;
}
.p-guarantee-lead__flexcaption {
font-size: 12px;
line-height: 1.3333333333;
font-weight: 500;
letter-spacing: 0;
}
.p-guarantee-lead__flexcontents {
width: calc(100% - 30px - 230px);
}
.p-guarantee-lead__flextitle {
font-size: 24px;
font-weight: 700;
color: #382712;
margin-bottom: 15px;
letter-spacing: 0;
}
.p-guarantee-lead__flextxt {
font-size: 16px;
line-height: 1.55;
font-weight: 500;
color: #382712;
letter-spacing: 0;
}
.p-guarantee-lead .p-service-yellowbox {
margin-top: 30px;
}
.p-guarantee-lead__double-guarantee {
margin-top: 40px;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flexwrapper {
flex-direction: row-reverse;
justify-content: space-between;
padding: 0 50px;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flexwrapper.flex02 {
align-items: center;
padding: 0;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flexwrapper.flex02 .p-guarantee-lead__fleximg {
width: 16%;
max-width: 156px;
margin-right: 50px;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flexwrapper.flex02 .p-guarantee-lead__flexcontent {
width: 72%;
max-width: 704px;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flexwrapper.flex02 .p-guarantee-lead__flextxt {
font-size: 20px;
line-height: 1.35;
font-weight: 700;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flexwrapper.flex02 .p-service-yellowbox {
margin-top: 0;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__fleximg {
width: 49%;
max-width: 428px;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flexcontents {
width: 46%;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flextxt+.p-guarantee-lead__flextxt {
margin-top: 20px;
}
.p-guarantee-plan.p-service__wrapp.no-bg {
padding-bottom: 55px;
}
.p-guarantee-plan__note {
margin-top: 15px;
font-size: 14px;
font-weight: 500;
line-height: 1.3571428571;
letter-spacing: 0;
color: #382712;
}
.p-guarantee-file.p-service__wrapp {
padding-top: 0;
margin-bottom: 40px;
}
.p-guarantee-file__text {
width: 71%;
font-size: 16px;
line-height: 1.3125;
font-weight: 500;
letter-spacing: 0;
color: #382712;
}
.p-guarantee-file__text.p-guarantee-file__text {
margin-top: 20px;
}
.p-guarantee-file .p-service__flexwrapper {
margin-top: 25px;
flex-direction: row-reverse;
}
.p-guarantee-file .p-service__flexcontents {
padding-right: 55px;
}
.p-guarantee-file .p-service__flextitle {
font-size: 24px;
margin-bottom: 8px;
}
.p-guarantee-file .p-service__flextext+.p-service__flextitle {
margin-top: 20px;
}
.p-guarantee-file .p-service__fleximg {
max-width: 336px;
}
.p-guarantee-file .p-service-lightbrown {
margin-top: 40px;
}
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(1),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(4),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(7),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(10) {
max-width: 230px;
}
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(2),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(5),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(8),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(11) {
max-width: 275px;
}
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(3),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(6),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(9),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(12) {
max-width: 225px;
}
.p-top-swiper {
max-width: 100%;
margin: 0 auto;
padding: 22px 40px 0;
box-sizing: content-box;
}
.p-top-swiper .swiper {
width: 100%;
}
.p-top-swiper .swipermain {
border-radius: 20px 20px 0 0;
}
.p-top-swiper .swipermain .swiper-pagination-horizontal {
text-align: center;
position: relative;
bottom: 0;
height: 32px;
}
.p-top-swiper .swipermain .swiper-pagination-horizontal .swiper-pagination-bullet {
background: #888;
opacity: 1;
}
.p-top-swiper .swipermain .swiper-pagination-horizontal .swiper-pagination-bullet-active {
background: var(--main-color);
border: none;
position: relative;
}
.p-top-swiper .swipermain .swiper-pagination-horizontal .swiper-pagination-bullet-active::before {
content: "";
position: absolute;
top: -4px;
right: -4px;
bottom: -4px;
left: -4px;
border: 1px solid tomato;
border-radius: 50px;
}
.p-top-swiper .swiperbanners_wrapper {
position: relative;
overflow: visible;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners_prev {
width: 40px;
height: 40px;
position: relative;
top: calc(50% - 20px);
border-radius: 50%;
box-sizing: border-box;
position: absolute;
left: -20px;
background: var(--main-color);
z-index: 2;
cursor: pointer;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners_prev:hover {
opacity: .8;
transition: .2s;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners_prev::before {
content: "";
width: 32px;
height: 32px;
position: absolute;
top: 4px;
left: 4px;
border: solid #fff 3px;
border-radius: 50%;
box-sizing: border-box;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners_prev::after {
content: "";
width: 12px;
height: 12px;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
transform: rotate(225deg);
position: absolute;
top: calc(50% - 6px);
right: 11px;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners_next {
width: 40px;
height: 40px;
position: relative;
top: calc(50% - 20px);
border-radius: 50%;
box-sizing: border-box;
position: absolute;
right: -20px;
background: var(--main-color);
z-index: 2;
cursor: pointer;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners_next:hover {
opacity: .8;
transition: .2s;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners_next::before {
content: "";
width: 32px;
height: 32px;
position: absolute;
top: 4px;
left: 4px;
border: solid #fff 3px;
border-radius: 50%;
box-sizing: border-box;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners_next::after {
content: "";
width: 12px;
height: 12px;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
transform: rotate(45deg);
position: absolute;
top: calc(50% - 6px);
right: 16px;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners {
position: relative;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners div.swiper-slide {
max-width: 256px;
}
.p-top-campaign {
max-width: 100%;
margin: 0 auto;
padding: 32px 40px 90px;
box-sizing: content-box;
position: relative;
}
.p-top-campaign::before {
content: "";
width: 100vw;
height: 380px;
background-color: #fbefba;
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.p-top-campaign__bkimg {
position: absolute;
z-index: -1;
top: -150px;
}
.p-top-campaign__wrapper {
padding: 40px 40px 30px;
border-radius: 20px 20px 0 0;
border: solid 1px var(--main-color);
background: #fff;
background-image: linear-gradient(#FDF8EF 1px, transparent 1px),linear-gradient(to right, #FDF8EF 1px, #ffffff 1px);
background-size: 16px 16px;
box-shadow: 3.8px 7.7px 9.7px rgba(0,0,0,.06);
}
.p-top-campaign__wrapper::after {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/top/icon-campaign.png);
content: "";
display: inline-block;
position: absolute;
bottom: 80px;
right: 80px;
width: 180px;
height: 140px;
background-size: contain;
background-repeat: no-repeat;
}
.p-top-campaign_flex {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.p-top-campaign__campthumb {
width: 304px;
margin-right: 40px;
border-radius: 20px 20px 0 0;
}
.p-top-campaign__campthumb a img {
border-radius: 20px 20px 0 0;
}
.p-top-campaign__infotext {
flex: 1;
min-width: 240px;
text-align: start;
}
.p-top-campaign__infoarticles {
margin-bottom: 10px;
}
.p-top-campaign__infoarticles:last-child .p-top-campaign__articlelink .p-top-campaign__articledate {
background-image: none;
}
.p-top-campaign__articlelink {
color: #707070;
font-size: 20px;
font-weight: 600;
}
.p-top-campaign__articlelink.endlink {
color: #aaa;
pointer-events: none;
}
.p-top-campaign__articlelink:hover {
color: var(--main-color);
transition: .6s;
}
.p-top-campaign__endcampaing {
color: #fff;
font-size: 14px;
padding: 6px 14px;
background: #aaa;
}
.p-top-campaign__articledate {
display: block;
font-size: 14px;
padding-bottom: 15px;
font-weight: 400;
background-image: repeating-linear-gradient(135deg, transparent 0 2px, #707070 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
}
.p-top-reasons {
background: var(--main-color);
padding: 40px 0 32px;
position: relative;
}
.p-top-reasons::before {
content: "";
position: absolute;
top: -40px;
width: 440px;
height: 240px;
border-radius: 220px 220px 0 0;
background: var(--main-color);
left: calc(50% - 220px);
}
.p-top-reasons::after {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/top/icon-reason.png);
content: "";
display: inline-block;
position: absolute;
top: 90px;
right: 110px;
width: 180px;
height: 140px;
background-size: contain;
background-repeat: no-repeat;
}
.p-top-reasons__wrapper {
max-width: 100%;
margin: 0 auto;
padding: 0 20px;
box-sizing: content-box;
}
.p-top-reasons .p-top-reasons__flexwrap {
max-width: 100%;
margin-bottom: 32px;
padding: 0 50px;
}
.p-top-reasons .p-top-reasons__flexwrap>.p-top-reasons_title {
display: none;
}
.p-top-reasons_link {
display: flex;
justify-content: center;
justify-content: space-between;
cursor: pointer;
}
.p-top-reasons__flexthumb {
max-width: 208px;
margin-right: 16px;
width: 40%;
}
.p-top-reasons__flexthumb img {
border-radius: 20px 20px 0 0;
}
.p-top-reasons__flextext {
max-width: 100%;
margin-right: 56px;
flex: 1;
min-width: 280px;
position: relative;
}
.p-top-reasons__flextext::before {
content: "";
width: 24px;
height: 24px;
vertical-align: top;
border-radius: 18px; position: absolute;
right: -50px;
top: 24px;  }
.p-top-reasons__flextext::after {
content: "";
width: 8px;
height: 8px;
margin-top: -2px;
border-top: solid 1px var(--main-color);
border-right: solid 1px var(--main-color);
transform: rotate(45deg);
position: absolute;
top: 34px;
right: -40px;
}
.p-top-reasons__flextext:hover {
opacity: .7;
transition: .5s;
}
.p-top-reasons__flextext .p-top-reasons_title {
font-size: 20px;
font-weight: 600;
color: #fbefba;
background-image: repeating-linear-gradient(135deg, transparent 0 2px, #ffffff 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
margin-bottom: 16px;
padding-bottom: 16px;
}
.p-top-reasons_articetext {
color: #fff;
font-weight: 300;
}
.p-top-reasons_articetext .p-top-reasons__moredetail {
display: none;
}
.p-top-cases {
padding: 80px 40px;
}
.p-top-cases__tabswrapper {
max-width: 980px;
margin: 0 auto;
display: flex;
justify-content: center;
gap: 16px;
}
.p-top-cases__tabs {
width: 372px;
cursor: pointer;
justify-content: center;
margin: 0;
border: solid var(--main-color) 1px;
display: flex;
height: 52px;
align-items: center;
font-weight: 600;
font-size: 20px;
color: #382712;
border-radius: 20px 20px 0 0;
}
.p-top-cases__tabs.active {
background: var(--main-color);
color: #fff;
position: relative;
}
.p-top-cases__tabs.active::after {
content: "";
position: absolute;
bottom: -8px;
left: calc(50% - 12px);
width: 0;
height: 0;
border-top: 7px solid var(--main-color);
border-right: 6px solid rgba(0,0,0,0);
border-left: 6px solid rgba(0,0,0,0);
}
.p-top-cases__wrapper {
max-width: 100%;
margin: 0 auto;
background: #fff;
margin: 0 auto;
border-radius: 20px 20px 0 0;
padding: 36px 48px 64px;
display: none;
background-image: repeating-linear-gradient(135deg, transparent 0 2px, var(--main-color) 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: top;
}
.p-top-cases__description {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 32px;
}
.p-top-cases__descriptiontext {
max-width: 576px;
color: #382712;
}
.p-top-cases__descriptiongreen {
font-size: 24px;
color: var(--main-color);
font-weight: 600;
background: linear-gradient(transparent 78%, #FBEFBA 60%);
background-position-y: -10px;
}
.p-top-cases__descriptiongreen span {
font-size: 56px;
}
.p-top-cases__flexwrapper {
display: flex;
flex-wrap: wrap;
gap: 32px;
margin-bottom: 48px;
}
.p-top-cases__flexcontent {
width: calc((100% - 64px)/3);
}
.p-top-cases__flexcontent a {
position: relative;
}
.p-top-cases__flexcontent a img {
border-radius: 20px 20px 0 0;
width: 100%;
object-fit: cover;
aspect-ratio: 1/.6;
}
.p-top-cases__statelabel {
font-size: 14px;
color: #fff;
font-weight: 700;
position: absolute;
text-align: center;
height: 28px;
width: 64px;
background: #888;
top: -8px;
display: flex;
justify-content: center;
align-items: center;
}
.p-top-cases__statelabel[name='完成'] {
background: #f59e24;
}
.p-top-cases__statelabel[name='施工前'] {
background: #6caf6b;
}
.p-top-cases__nametag {
font-size: 15px;
padding: 8px 0;
width: 270px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.p-top-cases__catlabel {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.p-top-cases__catlabelchild {
font-size: 14px;
height: 28px;
display: flex;
font-weight: 700;
color: #b98d4a;
border: solid 2px #b98d4a;
align-items: center;
padding: 0 11px;
}
.p-top-cases__wrapper.active {
display: block;
}
.p-top-president {
background: var(--main-color);
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/top/president-background.png);
background-size: cover;
background-position: bottom;
background-blend-mode: multiply;
}
.p-top-president__wrapper {
max-width: 80%;
margin: 0 auto;
padding: 0 20px;
box-sizing: content-box;
}
.p-top-president__flexwrapper {
display: flex;
justify-content: flex-start;
padding: 64px 0 105px 0;
gap: 16px;
}
.p-top-president_prof {
min-width: 256px;
}
.p-top-president_prof img {
border-radius: 20px 20px 0 0;
width: 256px;
height: 272px;
-o-object-fit: cover;
object-fit: cover;
}
.p-top-president__compname {
color: #fff;
font-weight: 700;
font-size: 18px;
margin-top: 8px;
}
.p-top-president__presidentname {
display: block;
}
.p-top-president_textstitle {
font-size: 28px;
font-weight: 700;
color: #fbefba;
margin-bottom: 24px;
}
.p-top-president_textcontent {
color: #fff;
text-align: justify;
font-size: 16px;
}
.p-top-staffs {
padding-top: 40px;
padding-bottom: 80px;
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/top/bg-yellow.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
background-position-y: 80px;
}
.p-top-staffs::before {
content: "";
position: absolute;
top: -50px;
width: 440px;
height: 220px;
border-radius: 220px 220px 0 0;
background: #fff9eb;
left: calc(50% - 220px);
}
.p-top-staffs__wrapper {
max-width: 100%;
margin: 0 auto;
padding: 0 50px;
box-sizing: content-box;
position: relative;
}
.p-top-staffs__flexwrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 50px;
}
.p-top-staffs .p-top-staffs__flexcontents {
width: calc((100% - 80px)/5);
}
.p-top-staffs__contentlink {
cursor: pointer;
}
.p-top-staffs__contentlink img {
border-radius: 20px 20px 0 0;
object-fit: cover;
aspect-ratio: 1 / .9;
}
.p-top-staffs__name {
font-size: 16px;
color: #382712;
margin-top: 18px;
}
.p-top-staffs__name span {
display: block;
font-weight: 700;
}
.p-top-blog {
padding: 80px 0;
background: #75a7ce;
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/top/bg-blog.jpg);
background-size: cover;
background-repeat: no-repeat;
}
@media only screen and (max-width:1980px){
.p-top-blog {
background-size: contain;
}
}
.p-top-blog__wrapper {
max-width: 880px;
margin: 0 auto 0;
padding: 0 20px;
box-sizing: content-box;
position: relative;
}
.p-top-blog__prev {
width: 40px;
height: 40px;
position: relative;
top: calc(50% - 50px);
border-radius: 50%;
box-sizing: border-box;
position: absolute;
left: 0px;
background: var(--main-color);
z-index: 2;
cursor: pointer;
}
.p-top-blog__prev:hover {
opacity: .8;
transition: .2s;
}
.p-top-blog__prev::before {
content: "";
width: 32px;
height: 32px;
position: absolute;
top: 4px;
left: 4px;
border: solid #fff 3px;
border-radius: 50%;
box-sizing: border-box;
}
.p-top-blog__prev::after {
content: "";
width: 12px;
height: 12px;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
transform: rotate(225deg);
position: absolute;
top: calc(50% - 6px);
right: 11px;
}
.p-top-blog__next {
width: 40px;
height: 40px;
position: relative;
top: calc(50% - 50px);
border-radius: 50%;
box-sizing: border-box;
position: absolute;
right: 0px;
background: var(--main-color);
z-index: 2;
cursor: pointer;
}
.p-top-blog__next:hover {
opacity: .8;
transition: .2s;
}
.p-top-blog__next::before {
content: "";
width: 32px;
height: 32px;
position: absolute;
top: 4px;
left: 4px;
border: solid #fff 3px;
border-radius: 50%;
box-sizing: border-box;
}
.p-top-blog__next::after {
content: "";
width: 12px;
height: 12px;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
transform: rotate(45deg);
position: absolute;
top: calc(50% - 6px);
right: 16px;
}
.p-top-blog__flexwrapper {
display: flex;
padding-bottom: 50px;
}
.p-top-blog__flexcontents {
box-sizing: border-box;
max-width: 272px;
padding: 16px 16px 22px;
background: #fff;
border-radius: 20px 20px 0 0;
background-image: repeating-linear-gradient(135deg, transparent 0 2px, var(--main-color) 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
box-shadow: 13.8px 13.7px 9.7px rgba(0,0,0,.06);
}
.p-top-blog__contentlink {
position: relative;
cursor: pointer;
}
.p-top-blog__date {
font-weight: 300;
color: #888;
margin-bottom: 16px;
}
.p-top-blog__imgbox {
position: relative;
margin-bottom: 8px;
}
.p-top-blog__thumb {
height: 144px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.p-top-blog__cattag {
font-weight: 700;
color: #fff;
height: 28px;
background: #b98d4a;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0 8px;
font-size: 14px;
align-items: center;
position: absolute;
bottom: 0;
}
.p-top-blog__title {
font-weight: 700;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 48px;
}
.p-top-events {
padding: 50px 0;
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/top/bg-yellow.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-position-y: 60px;
position: relative;
}
.p-top-events::before {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/top/icon-event-before.png);
content: "";
display: inline-block;
position: absolute;
top: 130px;
left: calc(50% - 360px);
width: 180px;
height: 140px;
background-size: contain;
background-repeat: no-repeat;
}
.p-top-events::after {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/top/icon-event-after.png);
content: "";
display: inline-block;
position: absolute;
top: 130px;
right: calc(50% - 360px);
width: 180px;
height: 140px;
background-size: contain;
background-repeat: no-repeat;
}
.p-top-events__wrapper {
max-width: 100%;
margin: 0 auto;
padding: 0 50px;
box-sizing: content-box;
margin-bottom: 48px;
}
.p-top-events__flex {
display: flex;
flex-wrap: wrap;
gap: 32px;
justify-content: space-between;
padding-bottom: 60px;
}
.p-top-events__flexcontent {
width: calc((100% - 32px)/2);
background: #fff;
padding: 16px;
border-radius: 20px 20px 0 0;
background-image: repeating-linear-gradient(135deg, transparent 0 2px, var(--main-color) 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
}
.p-top-events__contentinnerflex {
display: flex;
gap: 8px;
align-items: center;
justify-content: space-between;
}
.p-top-events__contentinnerflex:first-child {
margin-bottom: 8px;
justify-content: initial;
}
.p-top-events__imgbox img {
width: 96px;
height: 72px;
-o-object-fit: cover;
object-fit: cover;
}
.p-top-events__title {
font-weight: 700;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
max-width: 288px;
}
.p-top-events__date {
color: #888;
font-size: 15px;
}
.p-top-events .ptop-events__link {
border: solid 1px #382712;
cursor: pointer;
display: flex;
height: 32px;
align-items: center;
padding: 0 32px 0 8px;
font-weight: 700;
position: relative;
}
.p-top-events .ptop-events__link:hover {
background: var(--main-color);
border: solid 1px var(--main-color);
transition: .2s;
color: #fff;
}
.p-top-events .ptop-events__link:hover::before {
border-top: solid 1px var(--main-color);
border-right: solid 1px var(--main-color);
}
.p-top-events .ptop-events__link:hover:after {
background-color: #fff;
}
.p-top-events .ptop-events__link::before {
content: "";
width: 8px;
height: 8px;
margin-top: -5px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
transform: rotate(45deg);
position: absolute;
top: 53%;
right: 15px;
z-index: 1;
}
.p-top-events .ptop-events__link:after {
content: "";
width: 18px;
height: 18px;
vertical-align: top;
border-radius: 18px;
background-color: #301010;
position: absolute;
right: 8px;
top: 17%;
}
.p-top-aboutprotimes {
padding: 64px 20px 116px;
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/top/about-background.jpg);
background-size: cover;
background-position: bottom;
}
.p-top-aboutprotimes .p-top-aboutprotimes__wrapper {
max-width: 880px;
margin: 0 auto;
padding: 48px 48px 40px;
border-radius: 32px 32px 0 0;
background: #fff;
background-image: repeating-linear-gradient(135deg, transparent 0 2px, var(--main-color) 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
box-shadow: 3.8px 7.7px 9.7px rgba(0,0,0,.3);
}
.p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper {
display: flex;
justify-content: space-between;
}
.p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents .p-top-aboutprotimes__gaihekisan {
width: 122px;
position: absolute;
left: 0;
}
.p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents .p-top-aboutprotimes__title {
font-size: 24px;
font-weight: 700;
color: #b98d4a;
margin-bottom: 16px;
}
.p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents .p-top-aboutprotimes__text {
font-size: 16px;
max-width: 277px;
}
.p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents .p-top-aboutprotimes__logo {
width: 286px;
margin: 0 auto 32px;
}
.p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents.p-top-aboutprotimes__flextexts {
padding-left: 122px;
position: relative;
}
.p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents.p-top-aboutprotimes__linksection {
width: 344px;
}
.p-top-pickup {
padding: 77px 0 80px;
}
.p-top-pickup__wrapper {
max-width: 100%;
margin: 0 auto;
padding: 0 50px;
box-sizing: content-box;
}
.p-top-pickup__flexwrapper {
display: flex;
flex-wrap: wrap;
gap: 32px;
}
.p-top-pickup__flexcontents {
display: flex;
flex-wrap: wrap;
width: calc((100% - 64px)/3);
}
.p-top-pickup__contentlink {
display: flex;
flex-wrap: wrap;
cursor: pointer;
}
.p-top-pickup__contentlink img {
border-radius: 20px 20px 0 0;
width: 100%;
}
.p-top-pickup__contentlink:hover .p-top-pickup__title {
background: var(--main-color);
transition: .7s;
}
.p-top-pickup__contentlink:hover .p-top-pickup__titletag {
color: #fff;
transition: .1s;
}
.p-top-pickup__contentlink:hover .p-top-pickup__titletag--arrow::before {
background-color: #fff;
transition: .1s;
}
.p-top-pickup__contentlink:hover .p-top-pickup__titletag--arrow::after {
border-top: solid 1px var(--main-color);
border-right: solid 1px var(--main-color);
transition: .1s;
}
.p-top-pickup__title {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: 700;
text-align: center;
padding: 8px;
background: #fff;
width: 100%;
}
.p-top-pickup__titletag {
position: relative;
}
.p-top-pickup__titletag--arrow {
position: relative;
width: 18px;
height: 18px;
padding-left: 1rem;
}
.p-top-pickup__titletag--arrow::before {
content: "";
width: 18px;
height: 18px;
vertical-align: top;
border-radius: 18px;
background-color: #301010;
position: absolute;
right: -24px;
top: 0;
}
.p-top-pickup__titletag--arrow::after {
content: "";
width: 8px;
height: 8px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
right: -17px;
z-index: 1;
margin: auto;
}
.p-top-newinfo {
background: #fff;
background-image: linear-gradient(#FDF8EF 1px, transparent 1px),linear-gradient(to right, #FDF8EF 1px, #ffffff 1px);
background-size: 16px 16px;
padding: 80px 0;
position: relative;
}
.p-top-newinfo::after {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/top/icon-news.png);
content: "";
display: inline-block;
position: absolute;
top: 120px;
right: calc(50% - 420px);
width: 180px;
height: 140px;
background-size: contain;
background-repeat: no-repeat;
}
.p-top-newinfo__wrapper {
max-width: 880px;
margin: 0 auto;
padding: 0 20px;
}
.p-top-newinfo__flexwrapper {
display: flex;
flex-direction: column;
gap: 24px;
margin-bottom: 48px;
}
.p-top-newinfo__flexcontents {
display: flex;
height: 64px;
}
.p-top-newinfo__contentlink {
cursor: pointer;
padding: 0 50px;
background: #fff9eb;
border-radius: 50px;
width: 100%;
display: flex;
height: 100%;
align-items: center;
}
.p-top-newinfo__title {
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.p-top-newinfo__date {
color: #c4c4c4;
margin-right: 16px;
}
.p-top-newinfo__cattag {
color: #fff;
font-size: 15px;
margin-right: 16px;
height: 24px;
display: inline-flex;
padding: 0 24px;
min-width: 120px;
justify-content: center;
align-items: center;
}
[posttypecolor='イベント']{
background: #62B84A;
}
[posttypecolor='施工事例']{
background: #69AFE3;
}
[posttypecolor='キャンペーン']{
background: #F77296;
}
[posttypecolor='ブログ']{
background: var(--main-color);
}
.p-top-newinfo__title {
color: #382712;
font-weight: 700;
}
.p-top-plans {
background: #b98d4a;
padding: 40px 0 80px;
position: relative;
}
.p-top-plans::after {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/top/icon-plan.png);
content: "";
display: inline-block;
position: absolute;
top: 70px;
right: 100px;
width: 180px;
height: 140px;
background-size: contain;
background-repeat: no-repeat;
}
.p-top-plans::before {
content: "";
position: absolute;
top: -40px;
width: 440px;
height: 220px;
border-radius: 220px 220px 0 0;
background: #b98d4a;
left: calc(50% - 220px);
}
.p-top-plans__wrapper {
max-width: 100%;
margin: 0 auto;
padding: 0 50px;
box-sizing: content-box;
}
.p-top-plans__category {
color: #fff;
font-size: 20px;
font-weight: 700;
padding-bottom: 16px;
margin-bottom: 32px;
background-image: repeating-linear-gradient(135deg, transparent 0 2px, #FFF 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
}
.p-top-plans__flex {
display: flex;
flex-wrap: wrap;
gap: 32px;
margin-bottom: 40px;
position: relative;
margin-bottom: 56px;
}
.p-top-plans__statelabel {
position: absolute;
display: flex;
align-items: center;
background: var(--main-color);
height: 32px;
padding: 0 16px;
border-radius: 8px;
color: #fff;
right: 10px;
top: -20px;
font-weight: 700;
}
[color='人気NO1'] { 
background: #48B5D0;
}
[color='イチオシ'] {
background: #F38C1F;
}
[color='オススメ！'] {
background: #6CAF6B;
}
.p-top-plans__flexcontent {
padding: 16px 0;
position: relative;
width: calc(50% - 16px);
background: #fff;
border-radius: 20px 20px 0 0;
background-image: repeating-linear-gradient(135deg, transparent 0 2px, var(--main-color) 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
box-shadow: 3.8px 7.7px 9.7px rgba(0,0,0,.06);
}
.p-top-plans__contentnametag {
padding: 0 16px;
font-size: 20px;
color: #b98d4a;
font-weight: 700;
}
.p-top-plans__contentnametag span {
font-size: 16px;
display: block;
font-weight: 400;
color: #382712;
}
.p-top-plans__usepaints {
padding: 0 16px;
letter-spacing: .4px;
font-weight: 700;
margin-bottom: 8px;
display: flex;
}
.p-top-plans__usepaintstag {
color: #fff;
font-weight: 700;
display: inline-flex;
background: #b98d4a;
padding: 0 8px;
align-items: center;
margin-right: 8px;
font-size: 14px;
height: 24px;
}
.p-top-plans__usepaintsname {
flex: 1;
}
.p-top-plans__plandetail {
display: flex;
justify-content: space-between;
align-items: center;
background: #fff9eb;
margin: 0 16px;
padding: 8px 16px;
}
.p-top-plans__price {
font-size: 16px;
font-weight: 700;
}
.p-top-plans__price span {
font-size: 36px;
}
.p-news__wrapp {
margin: 20px 40px;
padding: 40px 50px;
background: #fff;
}
.p-news__listchild {
margin-bottom: 24px;
}
.p-news__listchild:last-child {
margin-bottom: 0;
}
.p-news__flex {
display: flex;
padding: 20px 50px;
min-height: 64px;
background: #fff9eb;
align-items: center;
border-radius: 50px;
gap: 24px;
}
.p-news__day {
font-size: 14px;
color: #888;
}
.p-news__cat {
padding: 0 36px;
background: var(--main-color);
color: #fff;
min-width: fit-content;
}
.p-news__cat.blue {
background: #69afe3;
}
.p-news__cat.green {
background: #62b84a;
}
.p-news__title {
font-size: 16px;
font-weight: 700;
word-break: break-all;
}
.p-plan__anclist {
display: flex;
gap: 16px;
justify-content: center;
padding: 0 16px;
margin: 40px 20px;
}
.p-plan__anclink {
display: flex;
padding: 0 56px 0 24px;
height: 44px;
border: solid 1px #815124;
color: #815124;
background: #fff;
font-size: 20px;
font-weight: 700;
align-items: center;
position: relative;
justify-content: center;
}
.p-plan__anclink::before {
content: "";
width: 10px;
height: 10px;
margin-top: -2px;
border-top: solid 2px #815124;
border-right: solid 2px #815124;
transform: rotate(135deg);
position: absolute;
top: 40%;
right: 20px;
}
.p-plan__maincontnt {
margin: 0 40px;
}
.p-plan__headline {
background: #76471b;
color: #fff;
font-size: 28px;
font-weight: 700;
display: flex;
height: 64px;
align-items: center;
padding: 0 50px;
background-size: auto auto;
background-color: #9d652f;
background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, rgb(118, 71, 27) 1px, rgb(118, 71, 27) 6px);
scroll-margin-top: 78px;
}
.p-plan__planlist {
margin: 40px 0 60px;
display: flex;
gap: 32px;
flex-wrap: wrap;
align-items: flex-start;
}
.p-plan__planchild {
position: relative;
padding: 16px 0;
position: relative;
width: calc(50% - 16px);
background: #fff;
border-radius: 20px 20px 0 0;
background-image: repeating-linear-gradient(135deg, transparent 0 2px, var(--main-color) 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
box-shadow: 3.8px 7.7px 9.7px rgba(0,0,0,.06);
}
.p-plan__usepaintsname {
flex: 1;
}
.p-plan__contentnametag {
padding: 0 24px;
font-size: 20px;
color: #b98d4a;
font-weight: 700;
border-bottom: dashed 1px #c4c4c4;
padding-bottom: 12px;
margin-bottom: 12px;
}
.p-plan__contentnametag span {
font-size: 16px;
display: block;
font-weight: 400;
color: #382712;
}
.p-plan__statelabel {
position: absolute;
display: flex;
align-items: center; height: 32px;
padding: 0 16px;
border-radius: 8px;
color: #fff;
right: 10px;
font-weight: 700;
top: -20px;
}
.p-plan__usepaints {
padding: 0 24px;
letter-spacing: .4px;
font-weight: 700;
margin-bottom: 12px;
display: flex;
}
.p-plan__usepaintstag {
color: #fff;
font-weight: 700;
display: inline-flex;
background: #b98d4a;
padding: 0 8px;
align-items: center;
margin-right: 8px;
font-size: 14px;
height: 24px;
}
.p-plan__plandetail {
display: flex;
justify-content: flex-start;
align-items: center;
background: #fff9eb;
margin: 0 24px;
gap: 100px;
padding: 8px 16px;
}
.p-plan__plandetailbox {
width: 100%;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.p-plan__price {
font-size: 16px;
font-weight: 700;
}
.p-plan__price span {
font-size: 36px;
}
.p-plan__expflex {
display: flex;
margin: 0 24px;
margin-top: 16px;
gap: 40px;
}
.p-plan__exptext {
flex: 1;
text-align: justify;
}
.p-plan__expphotobox img {
width: 160px;
height: 96px;
-o-object-fit: cover;
object-fit: cover;
}
.p-plan #wall,
.p-plan #roof,
.p-plan #cover {
scroll-margin-top: 78px;
}
.p-plan__priceAnnotation {
font-size: 14px;
text-align: right;
margin-bottom: 8px;
}
.platinum_ec .p-platinum-series-under {
margin-top: 0 !important;
}
.platinum_ec .mainvidual {
margin-top: 40px;
margin-bottom: 70px;
background: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/platinum_ec/mv-bg.png) repeat;
}
.platinum_ec .mainvidual .mainimg {
max-width: 1162px;
padding: 0 10px;
margin: 0 auto;
}
.platinum_ec .mainvidual .page_eyecatch_bg {
display: flex;
justify-content: center;
align-items: center;
}
.platinum_ec .p-platinum-series-under .inner_wrap {
max-width: 840px;
width: 100%;
margin: 0 auto;
background: #0f2643;
padding: 30px 55px;
margin-bottom: 80px;
box-sizing: border-box;
}
.platinum_ec .p-platinum-series-under .inner_wrap section {
margin-bottom: 70px;
box-sizing: border-box;
}
.platinum_ec .p-platinum-series-under .inner_wrap section:last-child {
margin-bottom: 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .h2_title {
font-size: 30px;
color: #fede89;
margin-bottom: 30px;
letter-spacing: -1px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .h2_title span {
display: block;
font-size: 30px;
color: #fede89;
}
.platinum_ec .p-platinum-series-under .inner_wrap h3 {
margin-bottom: 10px;
}
.platinum_ec .p-platinum-series-under .inner_wrap h3 span {
display: inline-flex;
color: #000;
font-size: 22px;
padding: 0 10px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .spacing {
letter-spacing: -10px;
}
.platinum_ec .p-platinum-series-under .inner_wrap p,
.platinum_ec .p-platinum-series-under .inner_wrap dd,
.platinum_ec .p-platinum-series-under .inner_wrap dt,
.platinum_ec .p-platinum-series-under .inner_wrap a,
.platinum_ec .p-platinum-series-under .inner_wrap h2,
.platinum_ec .p-platinum-series-under .inner_wrap h3,
.platinum_ec .p-platinum-series-under .inner_wrap h4,
.platinum_ec .p-platinum-series-under .inner_wrap span {
font-style: normal;
font-weight: 300;
color: #fff;
line-height: 1.5;
}
.platinum_ec .p-platinum-series-under .inner_wrap .small_text {
margin-top: 14px;
font-size: 14px;
line-height: 1.4;
}
.platinum_ec .p-platinum-series-under .inner_wrap .contents_title_bottom {
margin-bottom: 35px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .contents_title {
font-size: 27px;
font-weight: bold;
color: #adb5b8;
line-height: 1.3;
display: block;
}
.platinum_ec .p-platinum-series-under .inner_wrap .contents_text {
font-size: 18px;
color: #fff;
letter-spacing: -1px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec01 h2 {
line-height: 88px;
font-size: 40px;
border: solid #fff;
border-width: .5px 0 .5px 0;
box-sizing: border-box;
letter-spacing: -1px;
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec01 dl {
margin-bottom: 30px;
display: flex;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec01 dl:last-child {
margin-bottom: 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec01 dt {
position: relative;
width: 96px;
margin-right: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec01 dt img {
width: 100%;
box-shadow: 6px 5px 8px rgba(0,0,0,.2);
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec01 dd {
font-size: 22px;
color: #adb5b8;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents01 {
display: flex;
margin-bottom: 40px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents01 dl {
width: 440px;
margin-right: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents01 ul {
width: 260px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents01 ul li {
margin-bottom: 2px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents01 ul li:last-of-type {
margin-bottom: 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents02 p:nth-of-type(2) {
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents02 ul {
display: flex;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents02 ul li:nth-of-type(1) {
width: 440px;
margin-right: 50px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents02 ul li:nth-of-type(2) {
width: 220px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec03_contents01 {
display: flex;
margin-bottom: 50px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec03_contents01 dl {
width: 410px;
margin-right: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec03_contents01 dt {
margin-bottom: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec03_contents01 ul {
width: 300px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec03_contents02 p:nth-of-type(2) {
margin-bottom: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec03_contents02 ul {
margin-top: 30px;
overflow: hidden;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec03_contents02 ul li:nth-of-type(1) {
float: left;
width: 410px;
margin-right: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec03_contents02 ul li:nth-of-type(2) {
float: left;
width: 300px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04 dl {
display: flex;
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04 dt {
width: 97px;
margin-right: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04 dd h2 {
margin-bottom: 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04 dd h2 p::nth-of-type(1) {
margin-bottom: 8px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents01 {
margin-bottom: 50px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents01 p:nth-of-type(1) {
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents01 p:nth-of-type(2),
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents01 p:nth-of-type(3) {
letter-spacing: -2px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents01 p:nth-of-type(3) {
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents02 {
margin-bottom: 60px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents03 {
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents02,
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents03 {
display: flex;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents02 dl,
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents03 dl {
display: block;
width: 440px;
margin-right: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents02 dt,
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents03 dt {
margin-bottom: 30px;
width: 100%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents02 dt p,
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents03 dt p {
letter-spacing: -3px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents02 ul,
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents03 ul {
width: 260px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents04 {
box-sizing: border-box;
display: flex;
background: #fff;
padding: 30px;
border-radius: 10px;
box-shadow: 3px 3px 5px #000;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents04 dl {
display: block;
width: 364px;
margin-right: 23px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents04 dt {
width: 100%;
margin-bottom: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents04 dd p {
color: #666;
font-weight: 500;
line-height: 1.7;
font-size: 14px;
letter-spacing: 1px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents04 ul {
width: 283px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05 dl {
display: flex;
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05 dt {
width: 86px;
height: 81px;
margin-right: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05 dd h2 {
margin-bottom: 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05 dd h2 p:nth-of-type(1) {
margin-bottom: 8px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents02,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents03 {
display: flex;
margin-top: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01 dl,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents02 dl,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents03 dl {
display: block;
width: 440px;
margin-right: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01 dl dt,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents02 dl dt,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents03 dl dt {
width: 100%;
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01 ul,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents02 ul,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents03 ul {
width: 260px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01 {
margin-bottom: 50px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01 p:nth-of-type(1) {
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01 p:nth-of-type(2),
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01 p:nth-of-type(3) {
letter-spacing: -2px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01 p:nth-of-type(3) {
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01 img {
width: 660px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents02 {
margin-bottom: 60px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents03 {
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06 dl {
display: flex;
align-content: center;
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06 dt {
width: 86px;
height: 81px;
margin-right: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06 dd h2 {
margin-bottom: 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06 dd h2 p:nth-of-type(1) {
margin-bottom: 8px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents01 {
margin-bottom: 50px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents01 p:nth-of-type(1) {
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents01 p:nth-of-type(2),
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents01 p:nth-of-type(3) {
letter-spacing: -2px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents01 p:nth-of-type(3) {
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents02 {
margin-bottom: 60px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents03 {
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents03 dl dt p {
letter-spacing: -3px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents02,
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents03 {
display: flex;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents02 dl,
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents03 dl {
display: block;
width: 440px;
margin-right: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents02 dl dt,
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents03 dl dt {
width: 100%;
margin-bottom: 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents02 ul,
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_contents03 ul {
width: 260px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06 .flex-grid {
margin-top: 20px;
display: flex;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06 .flex-grid__large {
width: auto;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06 .flex-grid__large {
width: auto;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06 .border-white {
border: 1px solid #fff;
border-radius: 20px;
padding: 20px 30px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06 .border-white .sec06_contents02 {
display: block;
margin-bottom: 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06 .border-white ul {
width: 100%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_white-head {
display: flex;
margin-bottom: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_white-head__one {
width: 170px;
height: 56px;
display: flex;
align-content: center;
justify-content: center;
border-radius: 10px;
color: #fff;
font-weight: bold;
background: #9c816a;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_white-head__one span {
width: 100%;
height: 100%;
display: flex;
align-content: center;
justify-content: center;
padding-top: 14px;
text-align: center;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_white-head__two {
flex: 1;
width: auto;
padding-left: 10px;
font-size: 22px;
color: #9c816a;
line-height: 1.2;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_white-head__two-option {
position: relative;
top: -3px;
font-size: 12px;
color: red;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07_grid01 {
margin-top: 24px;
display: flex;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07_grid01 li:first-child {
width: 80%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07_grid01 li::last-child {
width: auto;
flex: 1;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07.white-box {
background: #fff;
padding: 36px 12px;
color: #000;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07.white-box p {
color: #000;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07.white-box h2 {
font-size: 25px;
color: #000;
text-align: center;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07.white-box h3 {
color: #6a4832;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07.white-box .big-copy {
margin-top: 20px;
text-align: center;
font-size: 42px;
color: #6a4832;
line-height: 1.2;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07.white-box .image-box {
margin-top: 20px;
}
.page-platinum {
font-weight: 500;
}
.page-platinum .p-container {
width: 100%;
max-width: 830px;
margin: 0 auto;
}
.page-platinum .p-platinum-under {
max-width: 980px;
width: 100%;
margin: 0 auto;
}
.page-platinum .l-layer {
width: 100%;
max-width: 880px;
margin: 0 auto;
}
.page-platinum .l-inside {
width: 100%;
max-width: 748px;
margin: 0 auto;
}
.page-platinum .c-heading01 {
position: relative;
padding-left: 20px;
padding-bottom: 14px;
display: flex;
align-items: center;
}
.page-platinum .c-heading01:before {
position: absolute;
left: 0;
top: 59px;
width: 100%;
height: 1px;
content: "";
background: #000;
}
.page-platinum .c-heading01 .main {
font-size: 44px;
line-height: 1;
font-weight: 700;
letter-spacing: .001em;
white-space: nowrap;
}
.page-platinum .c-heading01 .sub {
margin-left: 15px;
font-size: 22px;
line-height: 1.2727272727;
letter-spacing: .001em;
}
.page-platinum .c-heading01 .sub .small {
font-size: 10px;
line-height: 1;
}
.page-platinum .c-heading01__object {
position: absolute;
top: 0;
left: 0;
width: 11px;
}
.page-platinum .c-heading01__object img {
width: 100%;
}
.page-platinum .p-unit {
display: flex;
}
.page-platinum .p-unit.-align-center {
align-items: center;
}
.page-platinum .p-unit.mt40 {
margin-top: 40px;
}
.page-platinum .p-unit__main {
width: auto;
flex: 1;
}
.page-platinum .p-unit__main .p-unit__text {
margin-top: 24px;
}
.page-platinum .p-unit__main .p-unit__text.-no-gut {
margin-top: 0;
}
.page-platinum .p-unit__main .p-unit__text p {
font-size: 20px;
line-height: 1.8;
letter-spacing: .001em;
}
.page-platinum .p-unit__main .p-unit__box {
margin-top: 16px;
}
.page-platinum .p-unit .p-unit__sub.w560 {
margin-left: 16px;
width: 560px;
}
.page-platinum .p-unit .p-unit__sub.w502 {
margin-left: 16px;
width: 502px;
}
.page-platinum .p-unit .p-unit__sub.w502.-ml-more {
margin-left: 32px;
}
.page-platinum .p-unit .p-unit__sub.w455 {
width: 455px;
margin-left: 32px;
}
.page-platinum .p-unit .p-unit__sub.w455.-ml-more {
margin-left: 32px;
}
.page-platinum .p-option {
margin-top: 20px;
font-size: 10px;
line-height: 2.2;
}
.page-platinum .p-option.tar {
text-align: right;
}
.page-platinum .p-option.-no-gut {
margin-top: 0;
}
.page-platinum .c-bg-box {
display: flex;
align-items: center;
justify-content: center;
background: #f3eae0;
min-height: 136px;
height: auto;
padding: 14px;
}
.page-platinum .c-bg-box__title {
position: relative;
padding-bottom: 9px;
text-align: center;
}
.page-platinum .c-bg-box__title span {
font-size: 20px;
line-height: 1;
font-weight: 700;
letter-spacing: .001em;
}
.page-platinum .c-bg-box__title:before {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 310px;
height: 1px;
content: "";
background: #000;
}
.page-platinum .c-bg-box__title.-short {
height: auto;
}
.page-platinum .c-bg-box__title.-short:before {
width: 230px;
}
.page-platinum .c-bg-box__text {
margin-top: 10px;
}
.page-platinum .c-bg-box__text p {
font-size: 18px;
line-height: 1.5555555556;
text-align: center;
}
.page-platinum .c-two-border {
padding: 10px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
font-size: 22px;
font-weight: 900;
line-height: 1.2727272727;
text-align: center;
}
.page-platinum .p-gray-box {
margin-top: 26px;
padding: 34px 28px 30px;
border: 5px solid #d2d3d5;
}
.page-platinum .p-gray-box__title {
font-size: 24px;
line-height: 1;
font-weight: 900;
padding-bottom: 10px;
letter-spacing: .001em;
text-align: center;
border-bottom: 2px solid #d2d3d5;
}
.page-platinum .p-gray-box__text {
margin-top: 16px;
}
.page-platinum .p-gray-box__text p {
font-size: 16px;
line-height: 1.5;
}
.page-platinum .p-gray-box__grid {
margin-top: 30px;
}
.page-platinum .p-gray-box__grid ul {
display: flex;
justify-content: space-between;
}
.page-platinum .p-gray-box__grid li {
width: 50%;
}
.page-platinum .p-gray-box__box {
display: flex;
}
.page-platinum .p-gray-box__box-sub {
width: 196px;
}
.page-platinum .p-gray-box__box-main {
width: auto;
flex: 1;
padding-right: 34px;
}
.page-platinum .p-gray-box__box-main p {
margin-top: 10px;
font-size: 14px;
line-height: 1.7142857143;
letter-spacing: .001em;
}
.page-platinum .p-gray-box__box-title {
font-size: 18px;
line-height: 1.3333333333;
font-weight: 700;
}
.page-platinum .p-text.mt30 {
margin-top: 30px;
}
.page-platinum .p-text p {
font-size: 20px;
line-height: 1.8;
letter-spacing: .001em;
}
.page-platinum .p-text p .small {
font-size: 10px;
line-height: 1;
}
.page-platinum .p-copy {
margin-top: 15px;
font-size: 20px;
line-height: 1.4;
letter-spacing: .001em;
text-align: center;
}
.page-platinum .p-box-wrap {
margin-top: 28px;
}
.page-platinum .p-box-wrap ul {
display: flex;
}
.page-platinum .p-box-wrap ul li {
width: 50%;
}
.page-platinum .c-card01__title {
position: relative;
padding-bottom: 10px;
font-size: 26px;
line-height: 1;
font-weight: 700;
text-align: center;
}
.page-platinum .c-card01__title:before {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
content: "";
height: 1px;
width: 60px;
background: #000;
border: none;
top: auto;
}
.page-platinum .c-card01__text {
width: 310px;
margin: 18px auto 0;
}
.page-platinum .c-card01__text p {
font-size: 18px;
line-height: 1.7777777778;
letter-spacing: .001em;
}
.page-platinum .c-card01__sub {
margin-top: 20px;
height: 216px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.page-platinum .p-two-panel {
margin-top: 26px;
}
.page-platinum .p-two-panel ul {
display: flex;
margin: 0 -20px;
}
.page-platinum .p-two-panel ul li {
width: 50%;
padding: 0 20px;
}
.page-platinum .p-two-panel__title {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 22px;
line-height: 1;
}
.page-platinum .p-two-panel__title.-pink {
background: #ddb1b2;
}
.page-platinum .p-two-panel__title.-green {
background: #b6bb8f;
}
.page-platinum .p-two-panel__text {
margin-top: 20px;
}
.page-platinum .p-two-panel__text p {
font-size: 20px;
line-height: 1;
text-align: center;
}
.page-platinum .p-two-panel__image {
margin-top: 30px;
display: flex;
margin-left: -10px;
margin-right: -10px;
}
.page-platinum .p-two-panel__image .item {
width: 50%;
padding: 0 10px;
}
.page-platinum .p-two-panel__image .item figure {
margin: 0 auto;
}
.page-platinum .p-two-panel__image .item figcaption {
margin-top: 10px;
font-size: 20px;
line-height: 1;
text-align: center;
}
.page-platinum .p-two-type {
margin-top: 46px;
}
.page-platinum .p-two-type ul {
padding-left: 50px;
display: flex;
}
.page-platinum .p-two-type ul li:first-child {
width: 444px;
}
.page-platinum .p-two-type ul li:last-child {
width: auto;
flex: 1;
}
.page-platinum .p-two-type__title {
padding-bottom: 10px;
border-bottom: 1px solid #000;
white-space: nowrap;
}
.page-platinum .p-two-type__title span {
font-size: 24px;
line-height: 1;
font-weight: 700;
}
.page-platinum .p-two-type__title.-short {
width: 338px;
}
.page-platinum .p-two-type__title.-normal {
width: 387px;
}
.page-platinum .p-two-type__image {
margin-top: 30px;
height: 260px;
display: flex;
align-items: center;
}
.page-platinum .p-two-type__text {
margin-top: 12px;
font-size: 20px;
line-height: 1;
letter-spacing: .001em;
}
.page-platinum .p-box-to {
margin-top: 56px;
display: flex;
justify-content: space-between;
}
.page-platinum .p-box-to__main {
position: relative;
width: 330px;
padding-top: 57px;
padding-left: 35px;
background: #f3eae0;
}
.page-platinum .p-box-to__main:before {
position: absolute;
top: 0;
right: -75px;
width: 0;
height: 0;
border-style: solid;
border-width: 180px 0 180px 75px;
border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #f3eae0;
content: "";
}
.page-platinum .p-box-to__title {
text-align: center;
font-weight: 700;
font-size: 30px;
line-height: 1;
letter-spacing: .001em;
}
.page-platinum .p-box-to__text {
margin-top: 24px;
}
.page-platinum .p-box-to__text p {
font-size: 20px;
line-height: 1.6;
letter-spacing: .001em;
}
.page-platinum .p-box-to__sub {
width: 495px;
}
.page-platinum .c-option-head {
position: relative;
}
.page-platinum .c-option-head__title {
font-size: 30px;
font-weight: 900;
line-height: 1;
}
.page-platinum .c-option-head__copy {
margin-top: 18px;
padding: 18px 26px;
background: #000;
color: #fff;
font-size: 22px;
line-height: 1;
white-space: nowrap;
letter-spacing: .001em;
}
.page-platinum .c-option-head__copy.-blue {
background: #000d53;
}
.page-platinum .c-option-head__copy.-red {
background: #6b0000;
}
.page-platinum .c-option-head__copy p {
color: #fff;
}
.page-platinum .c-option-head__image {
position: absolute;
top: 0;
right: -20px;
width: 268px;
height: 267px;
}
.page-platinum .c-option-head__image.-r20 {
right: 20px;
}
.page-platinum .p-table-grid {
margin-top: 20px;
display: flex;
}
.page-platinum .p-table-grid .c-table-title {
font-size: 18px;
line-height: 1;
font-weight: 700;
letter-spacing: .001em;
}
.page-platinum .p-table-grid .c-table01 {
margin-top: 10px;
border-bottom: 1px solid #000;
}
.page-platinum .p-table-grid .c-table01 table {
border-collapse: collapse;
}
.page-platinum .p-table-grid .c-table01 tr th {
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
width: 44px;
background: #dcdcde;
font-size: 10px;
line-height: 1;
letter-spacing: .01em;
text-align: center;
font-weight: 700;
vertical-align: baseline;
}
.page-platinum .p-table-grid .c-table01 tr td {
padding: 3.5px 6px;
border-top: 1px solid #000;
border-right: 1px solid #000;
background: #fff;
width: 166px;
font-size: 10px;
line-height: 2;
letter-spacing: -0.03em;
vertical-align: baseline;
}
.page-platinum .p-table-grid .c-table-border {
margin-top: 10px;
width: 430px;
border: 1px solid #000;
background: #fff;
padding: 10px;
margin-bottom: 12px;
}
.page-platinum .p-table-grid .c-table-border p {
font-size: 12px;
letter-spacing: .001em;
line-height: 1.5;
}
.page-platinum .p-table-grid .c-table-border .small {
font-size: 10px;
}
.page-platinum .p-table-grid .c-table-border+.c-table01 {
margin-top: 10px;
}
.page-platinum .p-table-grid .c-table-dl {
margin-top: 10px;
border-bottom: 1px solid #000;
}
.page-platinum .p-table-grid .c-table-dl dl {
display: flex;
}
.page-platinum .p-table-grid .c-table-dl dl dt {
border-top: 1px solid #000;
border-left: 1px solid #000;
color: #000;
background: #dcdcde;
font-size: 10px;
line-height: 1;
letter-spacing: .001em;
width: 174px;
padding: 8px;
}
.page-platinum .p-table-grid .c-table-dl dl dd {
margin: 0;
border-top: 1px solid #000;
border-left: 1px solid #000;
color: #000;
background: #fff;
font-size: 10px;
line-height: 1;
letter-spacing: .001em;
padding: 8px;
}
.page-platinum .p-table-grid .c-table-dl dl dd.dd01 {
width: auto;
flex: 1;
}
.page-platinum .p-table-grid .c-table-dl dl dd.dd02 {
width: 70px;
white-space: nowrap;
border-right: 1px solid #000;
}
.page-platinum .p-table-grid__item01 {
width: 210px;
}
.page-platinum .p-table-grid__item02 {
width: auto;
flex: 1;
padding-left: 16px;
}
.page-platinum .p-box-grid {
margin-top: 50px;
}
.page-platinum .p-box-grid ul {
display: flex;
margin: 0 -15px;
}
.page-platinum .p-box-grid ul li {
padding: 0 15px;
width: 33.333%;
}
.page-platinum .p-platinum-series-under {
margin-top: 40px;
margin-bottom: 80px;
}
.page-platinum .platinum_mf .p-platinum-series-under.-item {
display: block;
padding-bottom: 330px;
}
.page-platinum .platinum_mf .p-platinum-series-under.base-black h2,
.page-platinum .platinum_mf .p-platinum-series-under.base-black h3,
.page-platinum .platinum_mf .p-platinum-series-under.base-black h4,
.page-platinum .platinum_mf .p-platinum-series-under.base-black dl,
.page-platinum .platinum_mf .p-platinum-series-under.base-black p,
.page-platinum .platinum_mf .p-platinum-series-under.base-black span,
.page-platinum .platinum_mf .p-platinum-series-under.base-black div {
color: #000;
}
.page-platinum .platinum_mf .p-platinum-series-under.p-box-black {
padding-bottom: 82px;
}
.page-platinum.platinum_revo .option .font-gothic {
font-size: 10px;
line-height: 1;
white-space: nowrap;
letter-spacing: .001em;
text-align: right;
}
.page-platinum.platinum_revo .c-card02 {
display: flex;
flex-direction: column-reverse;
}
.page-platinum.platinum_revo .c-card02__main {
margin-top: 24px;
}
.page-platinum.platinum_revo .c-card02__main .option {
margin-top: 20px;
}
.page-platinum.platinum_revo .c-card02__main .option p {
font-size: 10px;
line-height: 1;
white-space: nowrap;
letter-spacing: .001em;
text-align: right;
}
.page-platinum.platinum_revo .c-card02__title {
font-size: 20px;
line-height: 1.2;
font-weight: bold;
margin-bottom: 10px;
min-height: 44px;
letter-spacing: .0001em;
}
.page-platinum.platinum_revo .c-card02__title .small {
font-size: 10px;
line-height: 1.3333333333;
}
.page-platinum.platinum_revo .c-card02__text {
margin-top: 22px;
}
.page-platinum.platinum_revo .c-card02__text p {
font-size: 16px;
line-height: 1.75;
letter-spacing: .0001em;
}
.p-platinum {
padding: 45px 50px 80px 50px;
}
.p-platinum-lead {
padding-bottom: 48px;
}
.p-platinum-lead__wrap {
text-align: center;
}
.p-platinum-lead__txt {
position: relative;
display: inline-block;
padding: 0 50px;
box-sizing: border-box;
}
.p-platinum-lead__txt:before {
position: absolute;
bottom: 6px;
left: 0;
display: block;
content: "";
width: 2px;
height: 62px;
background: #707070;
transform: rotate(-30deg);
}
.p-platinum-lead__txt:after {
position: absolute;
bottom: 6px;
right: 0;
display: block;
content: "";
width: 2px;
height: 62px;
background: #707070;
transform: rotate(30deg);
}
.p-platinum-lead__small {
display: block;
font-size: 32px;
font-weight: 700;
letter-spacing: 0;
}
.p-platinum-lead__text {
display: block;
font-size: 40px;
font-weight: 700;
letter-spacing: 0;
}
.p-platinum__banner {
text-align: center;
}
.p-platinum__banner a {
transition: .3s;
}
.p-platinum__banner a:hover {
opacity: .7;
}
.p-platinum__banner+.p-platinum__banner {
margin-top: 42px;
}
.page-platinum .platinum_si .p-platinum-series-under.-item {
display: block;
padding-bottom: 330px;
}
.page-platinum .platinum_si .p-platinum-series-under.base-black h2,
.page-platinum .platinum_si .p-platinum-series-under.base-black h3,
.page-platinum .platinum_si .p-platinum-series-under.base-black h4,
.page-platinum .platinum_si .p-platinum-series-under.base-black dl,
.page-platinum .platinum_si .p-platinum-series-under.base-black p,
.page-platinum .platinum_si .p-platinum-series-under.base-black span,
.page-platinum .platinum_si .p-platinum-series-under.base-black div {
color: #000;
}
.page-platinum .platinum_si .p-platinum-series-under.p-box-black {
padding-bottom: 82px;
}
.page-platinum {
letter-spacing: 0;
}
.page-platinum .c-headline-page {
padding-left: 5px;
padding-right: 5px;
}
.page-platinum .l-wide {
width: 100%;
max-width: 980px;
margin: 0 auto;
}
.page-platinum .min {
font-family: "Noto Serif JP",serif;
}
.page-platinum .font-gothic {
font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.page-platinum .u-hidden-tab__small {
display: block;
}
.page-platinum .p-box-black {
background: #000;
color: #fff;
}
.page-platinum .p-box-black__inner {
max-width: 800px;
width: 100%;
margin: 0 auto;
}
.page-platinum .p-box-black__mid-box {
margin-top: 40px;
}
.page-platinum .p-platinum-series {
margin-top: 40px;
margin-bottom: 80px;
}
.page-platinum .p-platinum-series .p-box-black {
padding-bottom: 82px;
}
.page-platinum .p-platinum-series a {
transition: .4s;
}
.page-platinum .p-platinum-series a:hover {
opacity: .7;
}
.page-platinum .p-platinum-series .p-head-area01__item {
margin-top: -375px;
}
.page-platinum .p-platinum-series .p-head-area01__title {
font-size: 30px;
line-height: 2;
color: #fff;
text-align: center;
}
.page-platinum .p-platinum-series .p-head-area01__title span {
font-size: 40px;
line-height: 1.5;
}
.page-platinum .p-platinum-series .p-head-area01__contents {
margin-top: 30px;
}
.page-platinum .p-platinum-series .p-head-area01__contents p {
font-size: 18px;
line-height: 3.3333333333;
}
.page-platinum .p-platinum-series .p-head-area01__contents p span {
font-size: 26px;
line-height: 2.3076923077;
}
.page-platinum .p-series-group {
margin-top: 30px;
}
.page-platinum .p-series-group li+li {
margin-top: 42px;
}
.page-platinum .c-series-banner {
position: relative;
display: block;
}
.page-platinum .c-series-banner__inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 24px 4px 0;
}
.page-platinum .c-series-banner__title {
padding: 7px 0 7px 28px;
font-weight: 700;
font-size: 18px;
line-height: 1.9444444444;
margin: 0 auto;
}
.page-platinum .c-series-banner__title.-black {
background: rgba(0,0,0,.8);
}
.page-platinum .c-series-banner__title.-blue {
background: rgba(53,64,193,.8);
}
.page-platinum .c-series-banner__title.-red {
background: rgba(118,0,2,.8);
}
.page-platinum .c-series-banner__main {
padding-top: 12px;
padding-left: 28px;
color: #fff;
}
.page-platinum .c-series-banner__copy {
font-size: 30px;
line-height: 1.1666666667;
}
.page-platinum .c-series-banner__text {
margin-top: 12px;
}
.page-platinum .c-series-banner__text p {
font-size: 18px;
line-height: 1.9444444444;
}
.page-platinum .c-series-banner__link {
position: relative;
margin-top: 6px;
z-index: 2;
}
.page-platinum .c-series-banner__image {
position: absolute;
right: 10px;
top: -40px;
}
.page-platinum .c-series-banner__image img {
display: block;
min-width: 291px;
}
.page-platinum .c-series-banner.-reverse .c-series-banner__title {
padding-left: 228px;
}
.page-platinum .c-series-banner.-reverse .c-series-banner__main {
padding-left: 228px;
}
.page-platinum .c-series-banner.-reverse .c-series-banner__image {
left: -30px;
right: auto;
}
.page-platinum .p-image-unit {
display: flex;
margin-top: 26px;
}
.page-platinum .p-image-unit+.p-text {
margin-top: 26px;
}
.page-platinum .p-image-unit.-reverse {
flex-direction: row-reverse;
}
.page-platinum .p-image-unit__image.w290 {
width: 290px;
}
.page-platinum .p-image-unit__image.w310 {
width: 310px;
margin-left: 10px;
}
.page-platinum .p-image-unit__image.w344 {
width: 344px;
}
.page-platinum .p-image-unit__text {
width: auto;
flex: 1;
}
.page-platinum .p-image-unit__text p {
font-size: 18px;
line-height: 1.6666666667;
}
.page-platinum .p-border-orange {
padding-left: 56px;
border-left: 3px solid #eabe75;
font-size: 40px;
line-height: 1.5;
letter-spacing: -0.1em;
font-weight: 700;
color: #fff;
}
.page-platinum .p-border-orange.mt30 {
margin-top: 30px;
}
.page-platinum .p-border-orange.mt70 {
margin-top: 70px;
}
.page-platinum .c-side-title {
font-size: 40px;
line-height: 1;
font-weight: 700;
text-align: center;
}
.page-platinum .p-block.mt30 {
margin-top: 30px;
}
.page-platinum .p-block.mt40 {
margin-top: 40px;
}
.page-platinum .p-block.mt60 {
margin-top: 60px;
}
.page-platinum .p-block.mt80 {
margin-top: 80px;
}
.page-platinum .p-block.mt86 {
margin-top: 86px;
}
.page-platinum .p-block.mt100 {
margin-top: 100px;
}
.page-platinum .p-block.mt120 {
margin-top: 120px;
}
.page-platinum .p-block.mt126 {
margin-top: 126px;
}
.page-platinum .p-image.mt20 {
margin-top: 20px;
}
.page-platinum .p-image.mt30 {
margin-top: 30px;
}
.page-platinum .p-image.tac {
text-align: center;
}
.page-platinum .p-image.tar {
text-align: right;
}
.page-platinum .p-image.w572 {
width: 572px;
margin: 0 auto;
}
.page-platinum .p-half-border {
margin-top: 56px;
display: flex;
justify-content: center;
}
.page-platinum .p-half-border__main {
width: 410px;
padding: 0 20px 0 38px;
}
.page-platinum .p-half-border__title {
color: #fff;
font-size: 24px;
line-height: 1.75;
font-weight: 700;
text-align: center;
}
.page-platinum .p-half-border__text {
margin-top: 18px;
}
.page-platinum .p-half-border__text p {
font-size: 15px;
line-height: 1.7333333333;
letter-spacing: -0.1em;
}
.page-platinum .p-half-border__text p.small {
font-size: 10px;
line-height: 2;
}
.page-platinum .p-half-border__text p+p {
margin-top: 16px;
}
.page-platinum .p-half-border__sub {
width: 410px;
height: 268px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 20px;
text-align: center;
border-left: 2px solid #fff;
}
.page-platinum .p-logo-unit {
margin-top: 20px;
display: flex;
}
.page-platinum .p-logo-unit__logo.w120 {
width: 120px;
}
.page-platinum .p-logo-unit__logo.w186 {
width: 186px;
}
.page-platinum .p-logo-unit__main {
width: auto;
flex: 1;
padding-left: 16px;
}
.page-platinum .p-logo-unit__title {
padding-bottom: 14px;
font-size: 30px;
line-height: 1.3333333333;
font-weight: 700;
border-bottom: 2px solid #fff;
letter-spacing: -0.1em;
}
.page-platinum .p-logo-unit__text {
margin-top: 24px;
}
.page-platinum .p-logo-unit__text p {
font-size: 18px;
line-height: 1.8888888889;
letter-spacing: -0.105em;
}
.p-recruit {
margin: 36px 40px 0;
padding: 40px 50px;
background: #fff;
}
.p-recruit__headline {
background: #76471b;
color: #fff;
font-size: 28px;
font-weight: 700;
display: flex;
height: 64px;
align-items: center;
padding: 0 50px;
margin-bottom: 24px;
background-size: auto auto;
background-color: #9d652f;
background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, rgb(118, 71, 27) 1px, rgb(118, 71, 27) 6px);
}
.p-recruit__openarticle {
padding: 24px;
background: #fff9eb;
margin: 32px 0;
margin: 32px 16px 80px;
}
.p-recruit__smallheadline {
font-size: 20px;
font-weight: 700;
margin-bottom: 16px;
padding-left: 1em;
}
.p-recruit__list {
display: flex;
flex-direction: column;
gap: 16px;
}
.p-recruit__anclink {
font-size: 18px;
align-items: center;
font-weight: 700;
height: 42px;
display: flex;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
color: var(--main-color);
background: #fff;
padding: 12px 40px 12px 24px;
border: solid 1px var(--main-color);
position: relative;
}
.p-recruit__anclink::after {
content: "";
width: 10px;
height: 10px;
margin-top: -2px;
border-top: solid 2px var(--main-color);
border-right: solid 2px var(--main-color);
transform: rotate(135deg);
position: absolute;
top: 40%;
right: 20px;
}
.p-recruit__anclink:hover {
opacity: .8;
}
.p-recruit__greetingtext {
margin-bottom: 40px;
}
.p-recruit__article {
padding: 50px;
border: solid 1px var(--main-color);
border-radius: 20px;
background: #fff;
background-image: linear-gradient(#FDF8EF 1px, transparent 1px),linear-gradient(to right, #FDF8EF 1px, #ffffff 1px);
background-size: 16px 16px;
scroll-margin-top: 78px;
margin-bottom: 64px;
}
.p-recruit__articleflex {
display: flex;
gap: 48px;
margin-bottom: 32px;
justify-content: space-between;
}
.p-recruit__artticleheadline {
font-size: 24px;
color: var(--main-color);
font-weight: 700;
margin-bottom: 24px;
}
.p-recruit__artticletext {
font-size: 14px;
}
.p-recruit__artticlephotowrap img {
border-radius: 20px 20px 0 0;
width: 100%;
}
.p-recruit__tableTitle {
background: #f1ece8;
padding: 16px;
vertical-align: middle;
font-size: 18px;
border-bottom: 1px #fff solid;
width: 160px;
padding-left: 24px;
}
.p-recruit__tableContent {
background: #fff;
vertical-align: middle;
font-size: 18px;
border: solid 1px #f1ece8;
padding: 24px;
}
.p-recruit__tableWrapp {
border: solid 1px #f1ece8;
width: 100%;
margin-top: 40px;
margin-bottom: 48px;
}
.p-recruit__subsection {
margin: 0 40px;
padding: 0 50px 40px;
background: #fff;
}
.p-primaryService {
letter-spacing: 0;
margin-top: 40px;
margin-bottom: 82px;
}
.p-primaryService .p-service__wrapp {
padding-top: 40px;
padding-bottom: 0;
}
.p-primaryService__text {
letter-spacing: 0;
margin-top: 16px;
}
.p-primaryService__leadTitle {
position: relative;
top: -5px;
color: #382712;
font-size: 28px;
line-height: 1.5;
font-weight: 700;
}
.p-primaryService__article {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
max-width: 880px;
margin-left: auto;
margin-right: auto;
}
.p-primaryService__section {
width: 100%;
max-width: 408px;
margin-bottom: 58px;
}
.p-primaryService__section--image {
margin-bottom: 4px;
}
.p-primaryService__section--ttl {
font-size: 30px;
font-weight: 700;
line-height: 1.7;
color: var(--main-color);
}
.p-primaryService__section--dt {
font-size: 24px;
font-weight: 700;
line-height: 1.5;
color: #382712;
margin-bottom: 10px;
}
.p-primaryService__section--dd {
font-size: 16px;
font-weight: 500;
line-height: 1.68;
}
.p-primaryService__flexcontents {
width: 100%;
max-width: 488px;
}
.p-primaryService__linkbox {
display: flex;
flex-wrap: wrap;
background-color: #f1ece8;
max-width: 794px;
margin-bottom: 40px;
margin-right: auto;
margin-left: auto;
margin-top: 40px;
padding: 22px 68px 0;
box-sizing: border-box;
}
.p-primaryService__linkcont {
width: 50%;
margin-bottom: 16px;
}
.p-primaryService__linkcont a {
display: flex;
}
.p-primaryService__linkcont a:hover {
opacity: .8;
transition: .2s;
}
.p-primaryService__nav__number {
position: relative;
top: 1px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-right: 14px;
flex: none;
width: 32px;
height: 32px;
font-size: 24px;
font-weight: 700;
color: #fff;
background: var(--main-color);
}
.p-primaryService__nav__txt {
font-size: 24px;
font-weight: 700;
letter-spacing: 0;
color: #382712;
}
.p-staffarchive {
margin-top: 40px;
}
.p-staffarchive img {
width: 100%;
aspect-ratio: 1/.6;
object-fit: cover;
}
.p-staffarchive__content {
margin: 0 40px;
}
.p-staffarchive__flexwrapp {
padding: 0 50px;
display: flex;
gap: 24px;
flex-wrap: wrap;
}
.p-staffarchive__flexcontnts {
width: calc((100% - 48px)/3);
padding: 16px;
background: #fff;
border-radius: 20px 20px 0 0;
background-image: repeating-linear-gradient(135deg, transparent 0 2px, var(--main-color) 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
box-shadow: 0 0 4px 2px rgba(0,0,0,.1);
}
.p-staffarchive__flexcontnts:hover {
opacity: .8;
}
.p-staffarchive__staffname {
font-size: 16px;
margin-top: 16px;
}
.p-staffarchive__staffname span {
font-weight: 700;
display: block;
}
.p-staffdetail__content {
margin: 40px;
padding: 40px 50px;
background: #fff;
}
.p-staffdetail__flexwrap {
display: flex;
gap: 64px;
justify-content: space-between;
}
.p-staffdetail__personalphotoLists {
display: flex;
flex-wrap: wrap;
margin-top: 48px;
max-width: 100%;
padding: 24px;
background: #fff9eb;
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
}
.p-staffdetail__flexphotobox {
max-width: 352px;
}
.p-staffdetail__staffphoto img {
border-radius: 20px 20px 0 0;
width: 100%;
}
.p-staffdetail__personalphotoChild {
width: 50% !important;
}
@media screen and (min-width: 767px) {
.p-staffdetail__personalphotoChild {
display: inline-flex;
align-items: flex-start;
background-color: #fbefba;
min-height: 152px;
margin-right: auto;
}
.p-staffdetail__personalphotoChild img {
display: inline-block;
margin: auto;
}	
}
.p-staffdetail__staffname {
font-size: 24px;
font-weight: 700;
margin: 24px 0;
padding-bottom: 24px;
line-height: 1.7;
border-bottom: solid 1px #e5d4c2;
}
.p-staffdetail__staffname span {
display: block;
font-size: 18px;
}
.p-staffdetail__staffinfoList {
line-height: 1.7;
}
.p-staffdetail__flextextbox {
flex: 1;
}
.p-staffdetail__headline {
font-size: 20px;
font-weight: 700;
color: #382712;
background: #fbefba;
display: flex;
height: 48px;
align-items: center;
padding: 0 24px;
}
.p-staffdetail__repeatlist {
margin: 24px 0 40px;
line-height: 1.7;
list-style: disc;
padding-left: 1.5em;
}
.p-staffdetail__freetext {
line-height: 1.7;
margin: 24px 0 40px;
}
.p-staffdetail__personalphotoWrapp {
overflow: hidden;
}
.p-thanks {
max-width: 980px;
margin: 40px auto;
}
.p-thanks__headline {
font-size: 24px;
font-weight: 700;
color: var(--main-color);
text-align: center;
}
.p-thanks__contents {
background: #fff;
padding: 50px 128px;
}
.p-thanks__text {
padding: 24px 0 64px;
text-align: center;
}
.c-header__yellow {
font-size: 28px;
font-weight: 700;
letter-spacing: 0;
color: #382712;
background: #fbefba;
padding: 15px 50px;
margin-bottom: 45px;
box-sizing: border-box;
}
.c-header__yellow.title__flex {
display: flex;
}
.c-header__yellow.title__flex .title__flex__number {
position: relative;
top: 6px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-right: 14px;
width: 28px;
height: 28px;
font-size: 16px;
font-weight: 700;
color: #fff;
background: var(--main-color);
}
.p-workman {
margin-top: 40px;
margin-bottom: 82px;
}
.p-workman .p-service__wrapp {
padding-top: 40px;
}
.p-workman .u-hidden-tab__small {
display: block;
}
.p-workman #quality,
.p-workman #mind,
.p-workman #communication {
scroll-margin-top: 78px;
}
.p-workman__linkbox {
display: flex;
margin-bottom: 50px;
padding: 0 50px;
box-sizing: border-box;
}
.p-workman__linkcont a {
display: flex;
}
.p-workman__linkcont a:hover {
opacity: .8;
transition: .2s;
}
.p-workman__linkcont+.p-workman__linkcont {
margin-left: 70px;
}
.p-workman__nav__number {
position: relative;
top: 1px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-right: 14px;
width: 32px;
height: 32px;
font-size: 24px;
font-weight: 700;
color: #fff;
background: var(--main-color);
}
.p-workman__nav__txt {
font-size: 24px;
font-weight: 700;
letter-spacing: 0;
color: #382712;
}
.p-workman #mind {
margin-top: 120px;
}
.p-workman #communication {
margin-top: 90px;
}
.p-workman #communication .communication__title {
text-align: center;
font-size: 24px;
font-weight: 700;
line-height: 1.6666666667;
color: #382712;
letter-spacing: 0;
margin-bottom: 10px;
}
.p-workman #communication .communication__text {
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
color: #382712;
margin-bottom: 40px;
}
.p-workman #communication .orange_box__title {
font-size: 20px;
font-weight: 700;
line-height: 1.45;
color: #fff;
letter-spacing: 0;
padding: 12px 20px;
background: #f59e24;
}
.p-workman #communication .orange_box__conts {
border: 1px solid #f59e24;
padding: 24px 20px;
box-sizing: border-box;
}
.p-workman #communication .orange_box__conts p {
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
color: #382712;
}
.p-workman #communication .orange_box__img {
margin-top: 20px;
}
.p-workman #communication .p-service__flexwrapper:nth-of-type(1) {
gap: 0 30px;
}
.p-workman #communication .p-service__flextitle {
margin-bottom: 30px;
}
.p-workman #communication .p-service__flextext+.p-service__flextext {
margin-top: 20px;
}
.cf::after {
clear: both;
content: "";
display: block;
}
.u-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.e-skr {
font-family: "Noto Sans JP",sans-serif;
font-size: 16px;
line-height: 2;
color: #121212;
}
.e-skr h1,
.e-skr h2,
.e-skr h3,
.e-skr h4,
.e-skr h5,
.e-skr h6 {
line-height: 1.1;
font-family: "Noto Sans JP",sans-serif;
font-weight: 700;
margin-top: 1em;
margin-bottom: 1.5em;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
}
.e-skr h1 {
font-size: 1.5em;
}
.e-skr h2 {
font-size: 1.375em;
background-color: #ececec;
padding: 18px 20px;
}
.e-skr h3 {
font-size: 1.25em;
background-color: #fff;
padding: 5px 10px;
border-left: 3px solid #121212;
}
.e-skr h4 {
font-size: 1.125em;
}
.e-skr h5 {
font-size: 1em;
}
.e-skr h6 {
font-size: 1em;
}
.e-skr p {
margin-top: 0px;
margin-bottom: 2.5em;
}
.e-skr small,
.e-skr sub,
.e-skr sup {
font-size: 75%;
}
.e-skr hr {
border-color: #1d7484;
}
.e-skr a {
text-decoration: none;
color: #1d7484;
}
.e-skr a:hover {
color: #982c61;
border-bottom: 2px solid #121212;
}
.e-skr a:visited {
color: #144f5a;
}
.e-skr ul,
.e-skr ol {
padding-left: 1.4em;
margin-top: 0px;
margin-bottom: 2.5em;
}
.e-skr ul {
list-style: disc;
}
.e-skr ol {
list-style: auto;
}
.e-skr li {
margin-bottom: .4em;
}
.e-skr blockquote {
margin-left: 0px;
margin-right: 0px;
padding-left: 1em;
padding-top: .8em;
padding-bottom: .8em;
padding-right: .8em;
border-left: 5px solid #1d7484;
margin-bottom: 2.5em;
background-color: #ececec;
}
.e-skr blockquote p {
margin-bottom: 0;
}
.e-skr img,
.e-skr video {
height: auto;
max-width: 100%;
margin-top: 0px;
margin-bottom: 2.5em;
}
.e-skr pre {
background-color: #ececec;
display: block;
padding: 1em;
overflow-x: auto;
margin-top: 0px;
margin-bottom: 2.5em;
font-size: .9em;
}
.e-skr code {
font-size: .9em;
padding: 0 .5em;
background-color: #ececec;
white-space: pre-wrap;
}
.e-skr pre>code {
padding: 0;
background-color: rgba(0,0,0,0);
white-space: pre;
font-size: 1em;
}
.e-skr table {
text-align: justify;
width: 100%;
border-collapse: collapse;
}
.e-skr td,
.e-skr th {
padding: .5em;
border-bottom: 1px solid #ececec;
}
.e-skr input,
.e-skr textarea {
border: 1px solid #121212;
}
.e-skr input:focus,
.e-skr textarea:focus {
border: 1px solid #1d7484;
}
.e-skr textarea {
width: 100%;
}
.e-skr .button,
.e-skr button,
.e-skr input[type=submit],
.e-skr input[type=reset],
.e-skr input[type=button] {
display: inline-block;
padding: 5px 10px;
text-align: center;
text-decoration: none;
white-space: nowrap;
background-color: #1d7484;
color: #f9f9f9;
border-radius: 1px;
border: 1px solid #1d7484;
cursor: pointer;
box-sizing: border-box;
}
.e-skr .button[disabled],
.e-skr button[disabled],
.e-skr input[type=submit][disabled],
.e-skr input[type=reset][disabled],
.e-skr input[type=button][disabled] {
cursor: default;
opacity: .5;
}
.e-skr .button:focus:enabled,
.e-skr .button:hover:enabled,
.e-skr button:focus:enabled,
.e-skr button:hover:enabled,
.e-skr input[type=submit]:focus:enabled,
.e-skr input[type=submit]:hover:enabled,
.e-skr input[type=reset]:focus:enabled,
.e-skr input[type=reset]:hover:enabled,
.e-skr input[type=button]:focus:enabled,
.e-skr input[type=button]:hover:enabled {
background-color: #982c61;
border-color: #982c61;
color: #f9f9f9;
outline: 0;
}
.e-skr textarea,
.e-skr select,
.e-skr input {
color: #121212;
padding: 6px 10px;
margin-bottom: 10px;
background-color: #ececec;
border: 1px solid #ececec;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
}
.e-skr textarea:focus,
.e-skr select:focus,
.e-skr input:focus {
border: 1px solid #1d7484;
outline: 0;
}
.e-skr input[type=checkbox]:focus {
outline: 1px dotted #1d7484;
}
.e-skr label,
.e-skr legend,
.e-skr fieldset {
display: block;
margin-bottom: .5em;
font-weight: 600;
}
@media screen and (min-width: 768px) {
.p-flow .arrow-bottom.u-hidden-pc {
display: none;
}
.u-hidden-pc {
display: none;
}
}
@media screen and (max-width: 1080px) {
main {
padding-top: 0;
}
footer.l-footer .l-footer__navflex {
display: none;
}
.l-footer {
padding: 50px 0 80px;
}
.l-footer__separate {
display: none;
}
.l-footer__privacylink {
display: none;
}
.l-footer .l-footer__topbtn {
position: fixed;
bottom: 70px;
right: 0;
display: block;
opacity: 0;
transition: .2s;
pointer-events: none;
}
.l-footer .l-footer__topbtn.view {
pointer-events: all;
opacity: 1;
transition: .3s;
}
.l-footer .l-footer__companyflex {
flex-direction: column;
align-items: flex-start;
}
.l-footer .l-footer__companyflex .l-footer__companyitems {
margin-bottom: 8px;
}
.l-footer .l-footer__companyflex .l-footer__companyitems.l-footer__companyinfo .l-footer__companynameflex .l-footer__buildingicon {
width: 38px;
}
.l-footer .l-footer__companyflex .l-footer__companyitems.l-footer__companyinfo .l-footer__companynameflex .l-footer__companyplace {
padding-left: 0;
}
.l-footer .l-footer__companyflex .l-footer__companyitems.l-footer__companyinfo .l-footer__companynameflex .l-footer__companyplace p span {
font-size: 20px;
padding-left: 48px;
display: block;
padding-bottom: 16px;
border-bottom: solid 2px #a5a0a0;
}
.l-footer-spnav {
display: block;
position: fixed;
bottom: 0;
width: 100vw;
z-index: 3;
}
.l-footer-spnav__tabletextWrapper {
position: relative;
display: none;
pointer-events: none;
}
.l-footer-spnav__tabletextWrapper.display {
display: block;
-webkit-animation: fade-in .4s;
animation: fade-in .4s;
}
.l-footer-spnav__tabletextWrapper::after {
content: "";
position: absolute;
bottom: 7px;
left: calc(50% - 12px);
width: 0;
height: 0;
border-top: 7px solid var(--main-color);
border-right: 6px solid rgba(0,0,0,0);
border-left: 6px solid rgba(0,0,0,0);
}
.l-footer-spnav__tablettext {
background: var(--main-color);
position: absolute;
color: #fff;
display: none;
display: -ms-grid;
display: grid;
place-content: center;
top: -64px;
height: 50px;
width: 224px;
border-radius: 10px;
left: calc(50% - 112px);
letter-spacing: .8px;
box-shadow: 0 0 4px 2px rgba(0,0,0,.1);
}
.l-footer-spnav__tablettel {
font-weight: 700;
display: block;
text-align: center;
font-size: 18px;
position: relative;
padding-left: 12px;
}
.l-footer-spnav__tablettel::before {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/common/freedial.svg);
display: inline-block;
height: 14px;
width: 18px;
background-repeat: no-repeat;
position: absolute;
left: 12px;
background-size: contain;
transition: .2s;
top: 6px;
}
.l-footer-spnav__placetime {
text-align: center;
display: block;
font-size: 12px;
}
.l-footer-spnav .l-footer-spnav__wrapper {
box-shadow: 0 -6px 8px 2px rgba(0,0,0,.1);
}
.l-footer-spnav .l-footer-spnav__wrapper .l-footer-spnav__flex {
display: flex;
}
.l-footer-spnav .l-footer-spnav__wrapper .l-footer-spnav__flex .l-footer-spnav__flexitem {
width: 25%;
}
.l-footer-spnav .l-footer-spnav__wrapper .l-footer-spnav__flex .l-footer-spnav__flexitem .l-footer-spnav__links {
cursor: pointer;
position: relative;
}
.l-footer-spnav .l-footer-spnav__wrapper .l-footer-spnav__flex .l-footer-spnav__flexitem .l-footer-spnav__links .l-footer-spnav__innerflex {
display: flex;
flex-direction: column;
align-items: center;
height: 60px;
background: #382712;
justify-content: center;
border-right: solid 1px #fff;
}
.l-footer-spnav .l-footer-spnav__wrapper .l-footer-spnav__flex .l-footer-spnav__flexitem .l-footer-spnav__links .l-footer-spnav__innerflex img {
padding-bottom: 20px;
}
.l-footer-spnav .l-footer-spnav__wrapper .l-footer-spnav__flex .l-footer-spnav__flexitem .l-footer-spnav__links .l-footer-spnav__innerflex .l-footer-spnav__btntext {
font-size: 12px;
color: #fff;
position: absolute;
bottom: 8px;
}
.l-footer-spnav .l-footer-spnav__wrapper .l-footer-spnav__flex .l-footer-spnav__flexitem:last-child .l-footer-spnav__links .l-footer-spnav__innerflex {
border: none;
}
.l-globalnav {
width: 100vw;
border-top: none;
height: 0;
border-bottom: none;
}
.l-globalnav nav {
position: fixed;
top: 0;
width: 100vw;
right: -100vw;
transition: all .35s;
}
.l-globalnav nav.open {
right: 0vw;
transition: all .45s;
overflow: auto;
height: 100%;
}
.l-globalnav__nav {
flex-direction: column;
max-width: 100%;
}
.l-globalnav__items {
color: #fff;
font-size: 16px;
box-sizing: border-box;
width: 100%;
padding: 0;
flex-direction: column;
height: 100%;
}
.l-globalnav__items:before {
display: none;
}
.l-globalnav__items:hover {
color: #fff;
}
.l-globalnav__items>a {
background: var(--main-color);
text-align: left;
padding: 12px 20px;
max-height: 48px;
border-bottom: solid 1px #fff;
}
.l-globalnav__items>a:hover {
background: #f38c1f;
transition: .4s;
color: #fff;
}
.l-globalnav__items>a::after {
border-top: solid 1px var(--main-color);
border-right: solid 1px var(--main-color);
right: 27px;
top: 26px;
width: 7px;
height: 7px;
}
.l-globalnav__items>a::before {
content: "";
margin-right: 20px;
width: 18px;
height: 18px;
vertical-align: top;
border-radius: 18px;
background-color: #fff;
position: absolute;
right: 0;
top: 15px;
}
.l-globalnav__items span {
display: none;
}
.l-globalnav__submenu {
text-align: left;
position: initial;
width: 100%;
display: none;
color: #fff;
opacity: 1;
}
.l-globalnav__submenu.open {
display: block;
}
.l-globalnav__subitems {
padding: 0;
}
.l-globalnav__subitems a {
background: #b98d4a;
}
.l-globalnav__subitems:first-child {
position: relative;
}
.l-globalnav__subitems:first-child::after {
display: none;
}
.l-globalnav__subitems:first-child a {
display: flex;
align-items: center;
border-radius: 0;
min-height: 48px;
}
.l-globalnav__subitems:last-child {
border-bottom: none;
}
.l-globalnav__spsubmenu {
display: block;
min-height: 48px;
}
.l-wrapper {
margin-left: 0;
}
.l-sidebar {
border: none;
position: static;
width: 100%;
min-height: 112px;
height: auto;
}
.l-sidebar__inner {
padding: 10px 20px;
}
.l-sidebar__siteName {
margin-bottom: 0;
}
.l-sidebar__pt {
justify-content: center;
margin-bottom: 8px;
}
.l-sidebar__company {
justify-content: center;
}
.l-sidebar__hr {
margin-bottom: 10px;
}
.p-service-top {
padding-top: 50px;
padding-bottom: 0;
width: calc(100% - 40px);
}
.p-service-top__wrapper {
padding: 0 20px;
}
.p-service-top .c-header__orange {
font-size: 24px;
height: 56px;
padding: 0 20px;
}
.p-service-top__flexwrapper {
gap: 16px;
}
.p-service-top__flexcontents {
width: calc(50% - 8px);
}
.p-service-top__contentlink img {
width: 100%;
}
.p-service-top__title {
font-size: 16px;
}
.p-service-top__titletag {
padding: 0;
}
.p-service-top .u-hidden-tab {
display: block;
}
.p-service__wrapp {
margin: 0 auto;
width: calc(100% - 40px);
}
.p-service__inner {
padding: 0 20px;
}
.u-hidden-tabsmall {
display: none;
}
.p-flow__cta {
padding: 0 20px;
}
.p-guarantee-lead {
width: calc(100% - 40px);
}
.p-top-events {
padding-top: 100px;
}
.p-top-events::before,
.p-top-events::after {
display: none;
}
.p-top-aboutprotimes .p-top-aboutprotimes__wrapper {
padding: 48px 16px 40px;
} .p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents .p-top-aboutprotimes__gaihekisan {
width: 88px;
}
.p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents .p-top-aboutprotimes__title {
font-size: 20px;
}
.p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents .p-top-aboutprotimes__text {
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents .p-top-aboutprotimes__logo {
width: 100%;
max-width: 280px;
margin-top: 40px;
}
.p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents.p-top-aboutprotimes__flextexts {
padding-left: 88px;
}
.p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents.p-top-aboutprotimes__linksection {
width: 100%;
}
.p-top-pickup {
padding-top: 100px;
}
.p-top-pickup__wrapper {
padding: 0 20px;
}
.p-top-pickup__flexwrapper {
gap: 16px;
}
.p-top-pickup__flexcontents {
width: calc(50% - 8px);
}
.p-top-pickup__contentlink img {
width: 100%;
}
.p-top-pickup__title {
font-size: 16px;
}
.p-top-pickup__titletag {
padding: 0;
}
.p-top-pickup__titletag--arrow {
display: none;
}
.p-top-pickup__titletag::before {
display: none;
}
.p-top-pickup__titletag::after {
display: none;
}
.p-top-campaign__wrapper::after {
display: none;
}
.p-top-reasons::after {
display: none;
}
.p-top-newinfo::after {
display: none;
}
.p-top-plans::after {
display: none;
}
.p-platinum {
padding: 45px 20px 50px 20px;
}
.u-hidden-spLg {
display: none;
}
}
@media (max-width: 980px) {
.e-skr {
font-size: 13.6px;
}
}
@media screen and (max-width: 920px) {
.c-headline-page {
font-size: 24px;
min-height: 56px;
padding: 16px 24px;
text-align: center;
}
.c-basicform {
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
}
.c-basicform__table {
margin: 0 16px;
}
.c-basicform__tableItems {
width: 100%;
display: block;
}
.c-basicform__tableTitle {
width: 100%;
height: 40px;
min-height: auto;
}
.c-basicform div.c-button{
max-width: 264px;
}
.c-pankuzu {
display: flex;
align-items: center;
padding-left: 20px;
height: 36px;
font-size: 12px;
}
.c-headline-page {
font-size: 24px;
min-height: 56px;
padding: 16px 24px;
text-align: center;
}
.c-basicform {
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
}
.c-basicform__table {
margin: 0 16px;
}
.c-basicform__tableItems {
width: 100%;
display: block;
}
.c-basicform__tableTitle {
width: 100%;
height: 40px;
min-height: auto;
}
.c-pankuzu {
padding-left: 20px;
height: 36px;
}
.p-service-contact {
padding: 0 20px;
}
.p-blogarchive__wrapper {
margin: 24px 20px;
}
.p-blogarchive__flexcontnt {
width: calc((100% - 32px)/2);
}
.p-blogdetail {
margin-top: 24px;
}
.p-blogdetail__mainflex {
flex-direction: column;
margin: 0 20px;
flex-wrap: nowrap;
}
.p-blogdetail__articletitle {
order: 3;
width: 100%;
}
.p-blogdetail__articleinfoconteiner {
flex-direction: row-reverse;
justify-content: space-between;
}
.p-blogdetail__subcontnet {
order: 3;
margin-bottom: 70px;
width: 100%;
max-width: 100%;
}
.p-blogdetail__subinner {
margin-bottom: 32px;
}
.p-blogdetail__rerativearticle {
margin-bottom: 0px;
}
.p-blogdetail__rheadline {
margin: 0 calc(50% - 50vw) 16px;
width: 100vw;
}
.p-blogdetail__rheadline span {
padding: 16px 20px;
}
.p-blogdetail__rlist {
margin: 0;
flex-direction: column;
margin-bottom: 40px;
}
.p-blogdetail__rlistchild {
width: 100%;
}
.p-campaigndetail__content {
margin: 24px 20px;
padding: 24px 16px;
}
.p-campaigndetail__wrapper {
padding-right: 0;
}
.p-campaigndetail__articletitle {
font-size: 24px;
margin-bottom: 16px;
}
.p-campaigndetail__articlethumb {
position: inherit;
margin-bottom: 24px;
}
.p-campaigndetail__zoomimg {
margin: 0 20px;
padding: 16px;
}
.p-campaigndetail__zoomlist {
flex-direction: column;
gap: 24px;
}
.p-campaigndetail__zoomcontent {
width: 100%;
height: auto;
justify-content: center;
}
.p-casearchive__navwrapper {
width: 100%;
}
.p-casearchive__navtitle {
font-size: 20px;
color: var(--main-color);
background: #fff;
border-radius: 0;
border: solid 1px var(--main-color);
font-weight: 700;
cursor: pointer;
position: relative;
}
.p-casearchive__navtitle::before {
content: "";
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/common/icon-toggle.svg);
display: inline-block;
height: 10px;
width: 18px;
background-repeat: no-repeat;
position: absolute;
right: calc(50% - 120px);
top: calc(50% - 5px);
background-size: contain;
transition: .2s;
}
.p-casearchive__navtitle.casetoggleactive::before {
transform: rotate(-180deg);
transition: .2s;
}
.p-casearchive__selecttitle {
border-top: solid #e5d4c2 1px;
border-bottom: solid #e5d4c2 1px;
}
.p-casearchive__navflex {
display: none;
}
.p-casearchive {
margin-top: 24px;
padding: 0 20px;
gap: 0;
}
.p-casearchive__hidetexts {
display: none;
}
.p-casearchive__description {
flex-direction: column-reverse;
align-items: flex-start;
margin-bottom: 20px;
}
.p-casearchive__flexcontent {
width: calc(50% - 16px);
}
.p-casearchive__flexcontent a img {
width: 100%;
}
.p-casearchive {
flex-direction: column;
}
.p-casearchive__wrapper {
padding: 20px 16px 48px;
}
.p-casearchive__flexcontent {
width: 100%;
}
.p-casedetail {
margin: 24px 20px;
}
.p-casedetail__inner {
padding: 20px 0;
}
.p-casedetail__cats {
padding: 0 20px;
}
.p-casedetail__casestate {
font-size: 16px;
width: 72px;
}
.p-casedetail__casestate.before {
width: 72px;
}
.p-casedetail__mainswiper {
border-radius: 0;
}
.p-casedetail__mapdataflex {
flex-direction: column;
padding: 0 16px;
}
.p-casedetail__smallswiper {
max-width: 100%;
}
.p-casedetail__voiceinner {
padding: 0;
}
.p-casedetail__customervoice {
flex-direction: column-reverse;
}
.p-casedetail__question::before {
top: 5px;
}
.p-casedetail__answer::before {
top: 5px;
bottom: auto;
}
.p-casedetail__photos {
margin-top: 20px;
padding: 0 20px;
max-width: 100%;
}
.p-casedetail__tabletitle {
display: block;
width: 100%;
}
.p-casedetail__tablecontent {
display: block;
width: 100%;
}
.p-casedetail__stepflex {
gap: 16px;
padding: 0 20px;
}
.p-casedetail__stepitems {
width: calc((100% - 16px)/2);
}
.p-casedetail__gridinner {
padding: 40px 0 0 0;
}
.p-casedetail__rerativetitle {
padding: 24px 20px;
}
.p-casedetail__rerativeflex {
flex-direction: column;
}
.p-casedetail__flexcontent {
width: 100%;
}
.p-company #feature,
.p-company #award,
.p-company #about,
.p-company #history,
.p-company #accsess {
scroll-margin-top: 0;
}
.p-company__linkbox {
overflow: scroll;
justify-content: start;
margin: 24px 20px;
}
.p-company__linkcont a {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 0 40px 0 24px;
}
.p-company__feature {
margin: 20px;
}
.p-company__greetingflexwrap {
flex-direction: column;
padding: 24px 16px;
gap: 24px;
}
.p-company .p-company__pointsFlexwrapp:nth-child(2n) {
padding: 0;
}
.p-company__greetingTextbox {
max-width: 100%;
}
.p-company__greetingName {
text-align: center;
}
.p-company__points {
margin: 0 20px;
}
.p-company__pointsFlexwrapp {
flex-direction: column-reverse;
padding: 0;
min-width: auto;
margin-bottom: 32px;
}
.p-company__pointsTitle {
font-size: 24px;
}
.p-company__pointsPhotobox img{
width: 100%;
}
.p-company__pointsPhotobox {
position: initial;
margin-bottom: 24px;
}
.p-company__award {
padding: 0;
margin: 24px 0;
}
.p-company__awardInner {
padding: 0 20px;
}
.p-company__awardText {
margin-bottom: 24px;
}
.p-company__awardFlexwrap {
gap: 24px;
}
.p-company__awardFlexcontents {
width: calc((100% - 24px)/2);
}
.p-company__tableinner {
padding: 0 20px;
}
.p-company__companytable {
padding: 0;
margin: 24px 0px;
}
.p-company .c-header__brown {
justify-content: center;
}
.p-company__tableTitle {
display: block;
width: 100%;
border-bottom: none;
}
.p-company__tableContent {
display: block;
border-bottom: none;
width: 100%;
}
.p-company__access {
padding: 0;
margin: 0;
}
.p-company__accessInner {
padding: 0 20px;
}
.p-company__accessFlexcontents {
gap: 10px;
flex-direction: column;
}
.p-company__accessText {
margin: 16px 0;
}
.p-company__accessImgbox img {
width: 100%;
height: auto;
}
.p-company__accessMapbox iframe {
height: 256px;
}
.p-contact__flexwrap {
justify-content: center;
}
.p-contact__headline {
font-size: 20px;
}
.p-contact__flexphoto {
display: none;
}
.p-diagnosis-reason #reason01,
.p-diagnosis-reason #reason02,
.p-diagnosis-reason #reason03 {
scroll-margin-top: 0;
}
.p-diagnosis-reason .u-hidden-tab__small {
display: none;
}
.p-diagnosis-reason .reason-nav__link:after {
right: 20px;
}
.p-diagnosis-reason .reason-nav__link a {
padding: 30px 20px 20px 20px;
}
.p-diagnosis-reason .reason-nav__txt {
padding-right: 50px;
}
.p-diagnosis-reason .c-header__yellow {
padding: 11px 20px;
}
.p-diagnosis-voice__inner {
padding: 45px 20px;
}
.p-eventarchive__wrapp {
margin: 24px 20px;
padding: 20px 16px;
}
.p-eventarchive__flexcontnts {
width: calc((100% - 32px)/2);
}
.p-eventarchive__articleinfo:last-child {
margin-bottom: 16px;
}
.p-eventarchive__buttonbox {
padding: 0 12px;
margin-bottom: 32px;
}
.p-eventdetail__wrapp {
margin: 24px 20px;
padding: 24px 16px;
}
.p-eventdetail__map {
position: initial;
width: 100%;
margin-bottom: 40px;
}
.p-eventdetail__map iframe {
width: 100%;
}
.p-eventdetail__zoomlist {
flex-direction: column;
padding: 0;
align-items: center;
}
.p-eventdetail__zoomchild {
width: 100%;
}
.p-faq__wrapp {
margin: 24px 20px;
padding: 24px 16px;
}
.p-faq__headline {
border-radius: 10px;
padding: 20px 40px 24px 48px;
text-align: justify;
}
.p-faq__headline::before {
left: 16px;
top: 24px;
}
.p-faq__headline::after {
right: 16px;
}
.p-faq__answer {
padding: 0 30px 0 48px;
}
.p-faq__answer::before {
left: 16px;
}
.p-service-yellowbox {
padding: 28px 20px;
}
.p-service-lightbrown {
padding: 28px 20px;
}
.service-list__item {
width: calc((100% - 20px)/2);
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flexwrapper {
padding: 0 20px;
}
.p-guarantee-file__text {
width: 100%;
}
.p-guarantee-file .p-service__flexcontents {
padding-right: 20px;
}
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(1),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(4),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(7),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(10) {
max-width: inherit;
}
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(2),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(5),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(8),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(11) {
max-width: inherit;
}
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(3),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(6),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(9),
.p-guarantee-file .p-service-lightbrown .service-list__item:nth-of-type(12) {
max-width: inherit;
}
.p-top-campaign::before {
height: 100%;
}
.p-top-campaign__bkimg {
display: none;
}
.p-top-cases {
padding: 80px 20px;
}
.p-top-cases__tabswrapper {
padding: 0 20px;
}
.p-top-cases__tabs {
font-size: 18px;
}
.p-top-cases__hidetexts {
display: none;
}
.p-top-cases__description {
flex-direction: column-reverse;
}
.p-top-cases__descriptiongreen {
margin-bottom: 24px;
}
.p-top-cases__flexcontent {
width: calc(50% - 16px);
}
.p-top-cases__flexcontent a img {
width: 100%;
}
.p-top-president {
background: var(--main-color);
}
.p-top-president__wrapper {
max-width: 880px;
margin: 0 auto;
padding: 0 20px;
box-sizing: content-box;
}
.p-top-president__flexwrapper {
flex-direction: column;
justify-content: center;
padding-top: 120px;
}
.p-top-president_prof img {
width: 100%;
height: 192px;
}
.p-top-president__compname {
text-align: center;
font-size: 16px;
line-height: 1;
}
.p-top-president__presidentname {
display: block;
margin: 8px;
}
.p-top-president_texts {
position: relative;
max-width: initial;
}
.p-top-president_textstitle {
font-size: 24px;
position: absolute;
top: -360px;
}
.p-top-president_textcontent {
color: #fff;
text-align: justify;
font-size: 16px;
}
.p-top-staffs {
padding-top: 80px;
}
.p-top-staffs::before {
top: -40px;
}
.p-top-staffs__wrapper {
max-width: 100%;
margin: 0 auto;
}
.p-top-staffs .swiper-buttonprev__staff {
width: 40px;
height: 40px;
position: relative;
top: calc(50% - 70px);
border-radius: 50%;
box-sizing: border-box;
position: absolute;
left: 30px;
background: var(--main-color);
z-index: 2;
cursor: pointer;
}
.p-top-staffs .swiper-buttonprev__staff:hover {
opacity: .8;
transition: .2s;
}
.p-top-staffs .swiper-buttonprev__staff::before {
content: "";
width: 32px;
height: 32px;
position: absolute;
top: 4px;
left: 4px;
border: solid #fff 3px;
border-radius: 50%;
box-sizing: border-box;
}
.p-top-staffs .swiper-buttonprev__staff::after {
content: "";
width: 12px;
height: 12px;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
transform: rotate(225deg);
position: absolute;
top: calc(50% - 6px);
right: 11px;
}
.p-top-staffs .swiper-buttonnext__staff {
width: 40px;
height: 40px;
position: relative;
top: calc(50% - 70px);
border-radius: 50%;
box-sizing: border-box;
position: absolute;
right: 30px;
background: var(--main-color);
z-index: 2;
cursor: pointer;
}
.p-top-staffs .swiper-buttonnext__staff:hover {
opacity: .8;
transition: .2s;
}
.p-top-staffs .swiper-buttonnext__staff::before {
content: "";
width: 32px;
height: 32px;
position: absolute;
top: 4px;
left: 4px;
border: solid #fff 3px;
border-radius: 50%;
box-sizing: border-box;
}
.p-top-staffs .swiper-buttonnext__staff::after {
content: "";
width: 12px;
height: 12px;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
transform: rotate(45deg);
position: absolute;
top: calc(50% - 6px);
right: 16px;
}
.p-top-staffs__flexwrapper {
flex-wrap: inherit;
gap: 0;
}
.p-top-staffs .p-top-staffs__flexcontents {
width: 100%;
max-width: 160px;
}
.p-top-staffs__contentlink {
cursor: pointer;
}
.p-top-staffs__contentlink img {
width: 100%;
border-radius: 20px 20px 0 0;
}
.p-top-staffs__name {
font-size: 16px;
color: #382712;
margin-top: 18px;
}
.p-top-staffs__name span {
display: block;
font-weight: 700;
}
.p-top-events {
padding-top: 100px;
}
.p-top-events__wrapper {
padding: 0 20px;
}
.p-top-events__flexcontent {
width: 100%;
}
.p-top-plans {
padding-top: 45px;
}
.p-top-plans__wrapper {
max-width: 880px;
margin: 0 auto;
padding: 0 20px;
box-sizing: content-box;
}
.p-top-plans__flex {
flex-direction: column;
}
.p-top-plans__flexcontent {
width: 100%;
background: #fff;
border-radius: 20px 20px 0 0;
background-image: repeating-linear-gradient(135deg, transparent 0 2px, var(--main-color) 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
}
.p-top-plans__contentnametag {
padding: 0 16px;
font-size: 20px;
color: #b98d4a;
font-weight: 700;
}
.p-top-plans__contentnametag span {
font-size: 16px;
display: block;
font-weight: 400;
color: #382712;
}
.p-top-plans__usepaints {
padding: 0 16px;
letter-spacing: .4px;
font-weight: 700;
margin-bottom: 8px;
display: flex;
}
.p-top-plans__usepaintstag {
color: #fff;
font-weight: 700;
display: inline-flex;
background: #b98d4a;
padding: 0 8px;
align-items: center;
margin-right: 8px;
font-size: 14px;
height: 24px;
}
.p-top-plans__usepaintsname {
flex: 1;
}
.p-top-plans__plandetail {
flex-direction: column;
align-items: flex-start;
}
.p-top-plans__plandetailbox {
width: 100%;
}
.p-top-plans__price {
text-align: right;
}
.p-top-plans__price span {
font-size: 26px;
}
.p-news__wrapp {
margin: 24px 20px;
padding: 24px 16px;
}
.p-news__flex {
flex-wrap: wrap;
gap: 12px;
padding: 16px;
border-radius: 20px;
height: auto;
}
.p-plan__anclist {
flex-direction: column;
margin: 24px 20px 32px;
}
.p-plan__maincontnt {
margin: 0;
}
.p-plan__planlist {
margin: 24px 20px 40px;
}
.p-plan__planchild {
width: 100%;
padding-bottom: 16px;
}
.p-plan__headline{
justify-content: center;
}
.p-plan__contentnametag {
padding: 0 16px 12px;
}
.p-plan__statelabel {
display: none;
}
.p-plan__usepaints {
padding: 0 16px;
}
.p-plan__plandetail {
margin: 0 16px;
flex-direction: column;
align-items: flex-start;
padding: 16px;
gap: 0;
}
.p-plan__plandetailbox {
max-width: 100%;
}
.p-plan__price {
text-align: right;
line-height: 1;
}
.p-plan__expflex {
flex-direction: column-reverse;
gap: 12px;
margin: 16px;
}
.p-plan__expphotobox img {
width: 100%;
height: auto;
}
.p-plan #wall,
.p-plan #roof,
.p-plan #cover {
scroll-margin-top: 0;
}
.p-plan__priceAnnotation {
display: none;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec01 h2 {
font-size: 36px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec03_contents02 ul {
display: flex;
}
.page-platinum .l-layer {
padding: 0 20px;
}
.page-platinum .c-heading01 {
display: block;
padding-left: 0;
padding-bottom: 0;
}
.page-platinum .c-heading01:before {
display: none;
}
.page-platinum .c-heading01 .main {
font-size: 28px;
line-height: 1;
padding: 9px 0 9px 20px;
border-bottom: 1px solid #000;
}
.page-platinum .c-heading01 .sub {
font-size: 18px;
line-height: 1.5555555556;
margin-left: 0;
margin-top: 12px;
}
.page-platinum .c-heading01__object {
top: 10px;
width: 7px;
}
.page-platinum .p-unit .p-unit__sub.w560 {
width: 50%;
}
.page-platinum .p-unit .p-unit__sub.w502 {
width: 50%;
}
.page-platinum .p-unit .p-unit__sub.w455 {
width: 50%;
}
.page-platinum .p-gray-box__grid ul {
flex-direction: column;
}
.page-platinum .p-gray-box__grid li {
width: 100%;
}
.page-platinum .p-gray-box__grid li+li {
margin-top: 18px;
}
.page-platinum .p-two-type ul {
padding-left: 0;
justify-content: space-between;
}
.page-platinum .p-two-type ul li:first-child {
width: 49%;
}
.page-platinum .p-two-type ul li:last-child {
width: 49%;
flex: inherit;
}
.page-platinum .p-two-type__title span {
font-size: 21px;
}
.page-platinum .p-two-type__title.-short {
width: 100%;
}
.page-platinum .p-two-type__title.-normal {
width: 100%;
}
.page-platinum .p-two-type__text {
font-size: 18px;
}
.page-platinum .p-box-to__main:before {
border-width: 169px 0 169px 75px;
}
.page-platinum .c-option-head__copy {
padding: 18px 16px;
font-size: 20px;
}
.page-platinum .c-option-head__image {
top: 50px;
width: 218px;
height: 217px;
}
.page-platinum .p-table-grid .c-table-border {
width: 64%;
max-width: 430px;
}
.page-platinum .u-hidden-tab__small {
display: none;
}
.page-platinum .p-box-black__inner {
padding: 0 20px;
}
.page-platinum .p-platinum-series .p-head-area01__item {
margin-top: -325px;
}
.page-platinum .c-series-banner__title {
font-size: 16px;
}
.page-platinum .c-series-banner__copy {
font-size: 26px;
}
.page-platinum .c-series-banner__text p {
font-size: 16px;
}
.page-platinum .c-series-banner__link {
max-width: 492px;
}
.p-recruit {
margin: 24px 20px;
padding: 0 0 40px 0;
}
.p-recruit__headline {
font-size: 20px;
padding: 12px 16px;
height: auto;
}
.p-recruit__aboutrecruit {
padding: 0 16px;
}
.p-recruit__openarticle {
padding: 16px;
margin-bottom: 40px;
}
.p-recruit__anclink {
width: auto;
height: auto;
padding: 16px 24px 16px 16px;
}
.p-recruit__greetingtext {
padding: 0 16px;
}
.p-recruit__article {
scroll-margin-top: 0;
padding: 16px;
margin-bottom: 32px;
}
.p-recruit__articleflex {
flex-direction: column-reverse;
gap: 16px;
}
.p-recruit__artticleheadline {
font-size: 20px;
}
.p-recruit__tableTitle {
display: block;
width: 100%;
border-bottom: none;
}
.p-recruit__tableContent {
display: block;
border-bottom: none;
width: 100%;
}
.p-recruit__tableWrapp {
margin-bottom: 0;
}
.p-recruit__subsection {
background: none;
margin: 0 20px;
padding: 0;
}
.p-recruit__buttonwrapp {
margin: 32px 16px 16px;
}
.p-staffarchive {
margin-top: 24px;
}
.p-staffarchive__content {
margin: 0 20px;
}
.p-staffarchive__flexwrapp {
padding: 0;
gap: 32px;
}
.p-staffarchive__flexcontnts {
width: calc((100% - 32px)/2);
}
.p-staffdetail__content {
margin: 24px 20px;
padding: 24px 16px;
}
.p-staffdetail__personalphotoLists {
margin-top: 24px;
background: none;
padding: 0;
}
.p-staffdetail__personalphotoChild {
width: 65% !important;
}
.p-staffdetail__staffname {
margin: 12px 0;
padding-bottom: 16px;
}
.p-staffdetail__headline {
padding: 0 16px;
height: auto;
min-height: 48px;
}
.p-staffdetail__repeatlist {
margin: 16px 0 32px;
}
.p-staffdetail__freetext {
margin: 16px 0 32px;
}
.p-staffdetail__personalSwiper {
position: relative;
}
.p-staffdetail__personalSwiper .swiperbanners_prev {
position: absolute;
top: 0;
z-index: 100;
left: -20px;
cursor: pointer;
}
.p-staffdetail__personalSwiper .swiperbanners_prev:hover {
opacity: .8;
transition: .2s;
}
.p-staffdetail__personalSwiper .swiperbanners_prev::before {
content: "";
width: 36px;
height: 36px;
vertical-align: top;
border-radius: 18px;
background-color: var(--main-color);
position: absolute;
right: -40px;
top: calc(50% + 70px);
border: solid 3px #fff;
outline: 4px solid var(--main-color);
}
.p-staffdetail__personalSwiper .swiperbanners_prev::after {
content: "";
width: 12px;
height: 12px;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
transform: rotate(225deg);
position: absolute;
top: calc(50% + 82px);
right: -30px;
}
.p-staffdetail__personalSwiper .swiperbanners_next {
position: absolute;
top: 0;
z-index: 100;
right: 0;
cursor: pointer;
}
.p-staffdetail__personalSwiper .swiperbanners_next:hover {
opacity: .8;
transition: .2s;
}
.p-staffdetail__personalSwiper .swiperbanners_next::before {
content: "";
width: 36px;
height: 36px;
vertical-align: top;
border-radius: 18px;
background-color: var(--main-color);
position: absolute;
right: -16px;
top: calc(50% + 70px);
border: solid 3px #fff;
outline: 4px solid var(--main-color);
}
.p-staffdetail__personalSwiper .swiperbanners_next::after {
content: "";
width: 12px;
height: 12px;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
transform: rotate(45deg);
position: absolute;
top: calc(50% + 82px);
right: -3px;
}
.p-thanks {
margin: 24px 20px;
}
.p-thanks__headline {
font-size: 20px;
}
.p-thanks__contents {
padding: 24px 16px 40px;
}
.p-thanks__text {
text-align: left;
padding-bottom: 0;
}
.p-thanks__buttonbox {
display: none;
}
.c-header__yellow {
padding: 15px 20px;
}
.p-workman .u-hidden-tab__small {
display: none;
}
.p-workman #quality,
.p-workman #mind,
.p-workman #communication {
scroll-margin-top: 0;
}
.p-workman__linkbox {
padding: 0 20px;
}
.p-workman__linkcont+.p-workman__linkcont {
margin-left: 20px;
}
.p-workman__nav__number {
margin-right: 12px;
}
.p-workman__nav__txt {
font-size: 22px;
}
.p-workman #mind {
margin-top: 75px;
}
.p-workman #communication {
margin-top: 40px;
}
.p-workman #communication .communication__title {
text-align: left;
line-height: 1.3333333333;
}
}
@media screen and (max-width: 767px) {
.c-headline {
font-size: 28px;
padding: 0;
margin-top: 0;
}
.c-headline .c-headline_subtitle {
font-size: 12px;
margin-top: 35px;
}
.c-headline .c-headline_border {
max-width: 198px;
bottom: 25px;
}
.c-headline .c-headline_bordertop {
max-width: 82px;
top: -50px;
}
.c-headline {
font-size: 28px;
padding: 0;
margin-top: 0;
}
.c-headline .c-headline_subtitle {
font-size: 12px;
margin-top: 35px;
}
.c-headline .c-headline_border {
max-width: 198px;
bottom: 25px;
}
.c-headline .c-headline_bordertop {
max-width: 82px;
top: -50px;
}
.p-service-top {
padding-top: 0;
width: 100%;
max-width: inherit;
}
.p-service-top__wrapper {
padding: 0 36px;
}
.p-service-top__flexwrapper {
gap: 22px;
}
.p-service-top__flexcontents {
width: 100%;
}
.p-service-top__title {
font-size: 20px;
}
.p-service-top__text {
font-size: 17px;
}
.p-service-top .u-hidden-tab {
display: none;
}
.p-blogarchive__flexcontnt {
width: 100%;
}
.p-blogdetail__maincontnt {
padding: 16px;
min-width: auto;
}
.p-campaignarchive__wrapper {
margin: 24px 20px;
}
.p-campaignarchive__content {
padding: 24px 16px;
}
.p-campaignarchive__flexlist {
gap: 16px;
}
.p-campaignarchive__flexcontent {
padding-bottom: 16px;
gap: 16px;
border: none;
background-image: repeating-linear-gradient(135deg, transparent 0 2px, var(--main-color) 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
}
.p-campaignarchive__articletitle {
font-size: 18px;
}
.p-campaignarchive__thumbimg img {
max-width: 88px;
max-height: 88px;
}
.p-campaignarchive__articledate {
font-size: 14px;
border: none;
}
.p-campaignarchive__articletext {
display: none;
}
.p-campaignarchive__buttonbox {
display: none;
}
.p-campaignarchive__morebutton {
display: block;
}
.p-diagnosis-lead {
padding-top: 25px;
}
.p-diagnosis-lead .p-service__wrapp {
padding-bottom: 40px;
}
.p-diagnosis-lead__title {
font-size: 20px;
text-align: left;
margin-bottom: 10px;
}
.p-diagnosis-lead .p-service__wrapp {
padding-bottom: 35px;
}
.p-diagnosis-lead .p-service__fleximg {
margin-top: 30px;
}
.p-diagnosis-lead .title_wrap .p-service__fleximg {
width: 100%;
max-width: inherit;
margin-top: 0;
}
.p-diagnosis-lead .title_wrap .p-service__flexcontents {
width: 100%;
}
.p-diagnosis-lead .title_wrap+.p-service__flexwrapper {
margin-top: 20px;
}
.p-diagnosis-reason .p-service__wrapp {
padding-bottom: 0;
}
.p-diagnosis-reason .p-service__inner {
padding: 0;
}
.p-diagnosis-reason__title {
font-size: 24px;
margin-bottom: 15px;
}
.p-diagnosis-reason .reason-nav__wrap.p-service-lightbrown {
padding: 0;
margin-bottom: 24px;
}
.p-diagnosis-reason .reason-nav__link:after {
left: 0;
right: 0;
top: auto;
bottom: 12px;
margin: 0 auto;
}
.p-diagnosis-reason .reason-nav__link a {
padding: 20px 13px 30px 16px;
}
.p-diagnosis-reason .reason-nav__number {
font-size: 20px;
margin-right: 12px;
}
.p-diagnosis-reason .reason-nav__txt {
font-size: 20px;
padding-right: 0;
}
.p-diagnosis-reason .c-header__yellow {
margin-bottom: 10px;
}
.p-diagnosis-reason .p-service-lightbrown {
margin-top: 24px;
}
.p-diagnosis-reason .p-reason01__wrap {
padding-bottom: 45px;
}
.p-diagnosis-reason .p-reason01 .p-service__inner {
padding: 0 16px;
}
.p-diagnosis-reason .p-reason02__wrap {
padding-bottom: 35px;
}
.p-diagnosis-reason .p-reason02 .p-service__inner {
padding: 0 16px;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist {
margin-top: 20px;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__wrap {
display: flex;
flex-direction: column;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__wrap:before {
display: none;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__boxinner.diagnosis-item01 {
order: 1;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__boxinner.diagnosis-item02 {
order: 3;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__boxinner.diagnosis-item03 {
order: 2;
margin-top: 12px;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__box {
width: 100%;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__box:nth-of-type(odd) {
float: none;
display: contents;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__box:nth-of-type(even) {
float: none;
display: contents;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__box .p-diagnosis-itemlist__boxinner+.p-diagnosis-itemlist__boxinner {
margin-top: 12px;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__title {
font-size: 20px;
margin-bottom: 5px;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__head {
padding: 9px 16px;
}
.p-diagnosis-reason .p-reason02 .p-diagnosis-itemlist__head:after {
height: 13px;
width: 21px;
}
.p-diagnosis-reason .p-reason03__wrap {
padding-bottom: 30px;
margin-bottom: 30px;
}
.p-diagnosis-reason .p-reason03 .c-header__yellow {
margin-bottom: 16px;
}
.p-diagnosis-reason .p-reason03 .p-service__inner {
padding: 0 16px;
}
.p-diagnosis-reason .p-reason03 .p-service__flextitle {
font-size: 20px;
text-align: center;
}
.p-diagnosis-voice .p-service__wrapp {
width: 100%;
margin-bottom: 40px;
}
.p-diagnosis-voice__inner {
padding: 35px 20px 30px 20px;
}
.p-diagnosis-voice__title {
font-size: 24px;
margin-bottom: 20px;
letter-spacing: -0.01em;
}
.p-diagnosis-voice .voice-box__wrap {
display: block;
}
.p-diagnosis-voice .voice-box__conts {
width: 100%;
padding: 24px 16px;
}
.p-diagnosis-voice .voice-box__conts .box-head {
display: flex;
flex-direction: column-reverse;
gap: 0;
margin-bottom: 20px;
}
.p-diagnosis-voice .voice-box__conts .box-head__txt {
width: 100%;
}
.p-diagnosis-voice .voice-box__conts .box-head__name {
margin-top: 6px;
}
.p-diagnosis-voice .voice-box__conts .box-head__img {
margin: 0 auto 24px auto;
}
.p-diagnosis-voice .voice-box__conts+.voice-box__conts {
margin-top: 32px;
}
.p-faq__wrapp.p-service__wrapp {
width: calc(100% - 40px);
padding-bottom: 30px;
margin: 0 auto 30px auto !important;
}
.p-service__wrapp {
padding: 25px 20px;
width: calc(100% - 40px);
max-width: inherit;
}
.p-service__wrapp .c-header__brown {
font-size: 20px;
padding: 0 20px;
margin-bottom: 30px;
height: 52px;
}
.p-service__inner {
padding: 0 16px;
}
.p-service__flexwrapper {
display: block;
gap: 0;
}
.p-service__flexwrapper+.p-service__flexwrapper {
margin-top: 40px;
}
.p-service__flexcontents {
width: 100%;
}
.p-service__flextitle {
font-size: 24px;
}
.p-service__fleximg {
margin-top: 20px;
width: 100%;
}
.p-estimate-lead {
padding-top: 25px;
}
.p-estimate-lead .p-service__wrapp {
padding-bottom: 40px;
}
.p-estimate-lead__title {
font-size: 24px;
text-align: left;
margin-bottom: 15px;
}
.p-estimate-lead__text {
margin-bottom: 30px;
}
.p-faq__wrapp.p-service__wrapp {
width: calc(100% - 40px);
padding-bottom: 30px;
margin: 0 auto 30px auto !important;
}
.p-eventarchive__flexcontnts {
width: 100%;
border-bottom: 1px solid #b98d4a;
}
.p-flow__cta {
display: block;
}
.p-flow__cta--block {
margin-right: auto;
}
.p-flow__cta--button {
margin-top: 32px;
margin-right: auto;
margin-left: auto;
}
.p-flow .c-header__yellow {
margin-bottom: 0;
}
.p-flow .c-header__yellow.title__flex .title__flex__txt {
font-size: 18px;
padding-right: 16px;
}
.p-flow .c-header__yellow.title__flex .title__flex__number {
top: 0;
}
.p-flow .c-cta__tel--link {
font-size: 24px;
}
.p-flow .p-service__flexwrapper {
padding-bottom: 2rem;
}
.p-flow--toggle {
display: none;
}
.p-flow--toggle.is-show {
display: block;
}
.p-flow .p-service__flextext {
padding-bottom: 16px;
}
.p-flow .p-workman__wrap {
border-bottom: solid #ddd 1px;
}
.p-flow__article .c-header__yellow {
pointer-events: all;
}
.p-flow .arrow-bottom {
border-bottom: 2px solid var(--main-color);
border-right: 2px solid var(--main-color);
top: -5px;
right: 16px;
left: auto;
width: 16px;
height: 16px;
margin: auto;
}
.p-flow .arrow-bottom.u-hidden-sp {
display: none;
}
.p-service-yellowbox {
padding: 20px;
}
.p-service-lightbrown {
padding: 20px;
}
.service-list__item {
width: 100%;
}
.p-guarantee-lead {
padding-top: 25px;
padding-bottom: 40px;
}
.p-guarantee-lead__title {
font-size: 24px;
margin-bottom: 10px;
}
.p-guarantee-lead__subtitle {
font-size: 24px;
margin-bottom: 10px;
}
.p-guarantee-lead__flexwrapper {
margin-top: 20px;
display: block;
}
.p-guarantee-lead__fleximg {
margin: 0 auto 20px auto;
}
.p-guarantee-lead__flexcontents {
width: 100%;
margin: 0 auto;
}
.p-guarantee-lead__flextitle {
text-align: center;
margin-bottom: 10px;
}
.p-guarantee-lead .p-service-yellowbox {
margin-top: 15px;
}
.p-guarantee-lead__double-guarantee {
margin-top: 30px;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flexwrapper {
padding: 0;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flexwrapper.flex02 {
margin-top: 20px;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flexwrapper.flex02 .p-guarantee-lead__fleximg {
width: 100%;
max-width: 156px;
margin: 0 auto 20px auto;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flexwrapper.flex02 .p-guarantee-lead__flexcontent {
width: 100%;
max-width: inherit;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flexwrapper.flex02 .p-guarantee-lead__flextxt {
text-align: center;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__fleximg {
width: 100%;
margin: 0 auto 20px auto;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flexcontents {
width: 100%;
}
.p-guarantee-lead__double-guarantee .p-guarantee-lead__flextxt+.p-guarantee-lead__flextxt {
margin-top: 0;
}
.p-guarantee-plan.p-service__wrapp.no-bg {
width: 100%;
padding-bottom: 30px;
}
.p-guarantee-plan .p-guarantee-plan__img {
width: calc(100% - 40px);
margin: 0 auto;
}
.p-guarantee-plan .p-guarantee-plan__img img {
width: 980px;
max-width: inherit;
}
.p-guarantee-plan .scroll-hint-icon {
left: calc(89% - 40px);
width: 80px;
height: 54px;
padding: 13px 10px 10px 10px;
}
.p-guarantee-plan .scroll-hint-icon:before {
width: 30px;
height: 28px;
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/guarantee/scroll_hand.svg);
}
.p-guarantee-plan .scroll-hint-icon:after {
width: 65px;
height: 9px;
margin: 0;
left: 50%;
transform: translateX(-50%);
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/guarantee/scroll_arrow.svg);
}
.p-guarantee-plan .scroll-hint-text {
display: none;
}
.p-guarantee-plan__note {
width: calc(100% - 40px);
margin: 15px auto 0 auto;
}
.p-guarantee-file.p-service__wrapp {
width: 100%;
padding-bottom: 30px;
}
.p-guarantee-file.p-service__wrapp .p-service__inner {
padding: 0 20px;
}
.p-guarantee-file__text.p-guarantee-file__text {
margin-top: 25px;
}
.p-guarantee-file .p-service__flexwrapper {
margin-top: 20px;
}
.p-guarantee-file .p-service__flexcontents {
padding-right: 0;
}
.p-guarantee-file .p-service__fleximg {
margin: 0 auto 20px auto;
}
.p-guarantee-file .p-service-lightbrown {
margin-top: 20px;
}
.p-top-swiper {
padding: 0;
}
.p-top-swiper .swipermain {
border-radius: 0;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners_prev {
left: 20px;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners_prev::before {
width: 32px;
height: 32px;
top: calc(50% - 16px);
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners_prev::after {
width: 10px;
height: 10px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
top: calc(50% - 5px);
right: 13px;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners_next {
right: 40px;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners_next::before {
width: 32px;
left: 4px;
height: 32px;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners_next::after {
width: 10px;
height: 10px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
top: calc(50% - 4px);
right: 17px;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners {
margin: 4px 0 20px;
position: relative;
}
.p-top-swiper .swiperbanners_wrapper .swiperbanners div.swiper-slide {
max-width: 256px;
}
.p-top-swiper .swiperbanners div.swiper-slide {
max-width: 100%;
}
.p-top-campaign {
padding: 0 20px;
background: #fbefba;
padding: 40px 20px 60px;
}
.p-top-campaign__wrapper {
border-radius: 0;
padding: 20px 20px 40px 20px;
}
.p-top-campaign_flex {
flex-direction: column;
}
.p-top-campaign__campthumb {
margin: 0 0 20px 0;
width: 100%;
}
.p-top-campaign__campthumb a img {
width: 100%;
}
.p-top-campaign__infotext ul li a {
font-size: 18px;
}
.p-top-reasons {
background: var(--main-color);
margin-top: 0px;
padding: 50px 0 80px;
}
.p-top-reasons__wrapper {
max-width: 980px;
margin: 0 auto;
padding: 0 10px;
box-sizing: content-box;
}
.p-top-reasons .p-top-reasons__flexwrap {
background-image: repeating-linear-gradient(135deg, transparent 0 2px, #ffffff 4px);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
margin-bottom: 16px;
padding: 0 0 16px 0;
}
.p-top-reasons .p-top-reasons__flexwrap>.p-top-reasons_title {
font-size: 20px;
font-weight: 600;
color: #fbefba;
margin-bottom: 24px;
display: block;
}
.p-top-reasons__flextext {
max-width: 584px;
margin-right: 0;
flex: 1;
position: relative;
min-width: auto;
}
.p-top-reasons_title {
display: none;
}
.p-top-reasons_articetext {
color: #fff;
font-weight: 300;
font-size: 14px;
margin-bottom: 40px;
}
.p-top-reasons .p-top-reasons__moredetail {
display: block;
font-size: 15px;
font-weight: 700;
position: absolute;
bottom: 0;
right: 30px;
}
.p-top-reasons .p-top-reasons__moredetail::before {
content: "";
width: 18px;
height: 18px;
vertical-align: top;
border-radius: 18px;
background-color: #fff;
position: absolute;
right: -20px;
}
.p-top-reasons .p-top-reasons__moredetail::after {
content: "";
width: 8px;
height: 8px;
margin-top: -5px;
border-top: solid 1px var(--main-color);
border-right: solid 1px var(--main-color);
transform: rotate(45deg);
position: absolute;
top: 46%;
right: -14px;
}
.p-top-cases__wrapper {
padding: 36px 16px 48px;
}
.p-top-cases__flexcontent {
width: 100%;
}
.p-top-cases__flexcontent:nth-child(n+4) {
display: none;
}
.p-top-blog__next {
background-size: contain;
}
.p-top-blog__next {
display: none;
}
.p-top-blog__prev {
display: none;
}
.p-top-blog__flexwrapper {
flex-direction: column;
align-items: center;
gap: 24px;
}
.p-top-blog__flexcontents {
max-width: 100%;
}
.p-top-blog__thumb {
height: auto;
}
.p-top-newinfo {
padding: 80px 0;
}
.p-top-newinfo__flexwrapper {
gap: 24px;
}
.p-top-newinfo__flexcontents {
display: flex;
height: auto;
}
.p-top-newinfo__contentlink {
cursor: pointer;
padding: 16px;
background: #fff9eb;
border-radius: 20px;
width: 100%;
display: flex;
height: 100%;
align-items: center;
}
.p-top-newinfo__title {
white-space: initial;
}
.p-top-newinfo__title {
display: block;
margin-top: 16px;
}
.platinum_ec .mainvidual {
background: none;
margin-bottom: 0;
}
.platinum_ec .mainvidual .mainimg {
max-width: inherit;
padding: 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap {
padding: 30px 15px;
margin-bottom: 40px;
}
.platinum_ec .p-platinum-series-under .inner_wrap img {
display: block;
margin: 0 auto;
}
.platinum_ec .p-platinum-series-under .inner_wrap section {
margin-bottom: 60px;
}
.platinum_ec .p-platinum-series-under .inner_wrap section .mainvidual {
margin-bottom: 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .h2_title span {
font-size: 18px;
line-height: 1.4;
}
.platinum_ec .p-platinum-series-under .inner_wrap h3 span {
font-size: 16px;
padding: 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .contents_title_bottom {
margin-bottom: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .contents_title {
font-size: 20px;
line-height: 1.4;
}
.platinum_ec .p-platinum-series-under .inner_wrap .contents_text {
font-size: 16px;
line-height: 1.6;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec01 h2 {
font-size: 26px;
line-height: 36px;
margin-bottom: 20px;
text-align: center;
padding: 10px 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec01 dl {
margin-bottom: 15px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec01 dt {
width: 75px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec01 dd {
font-size: 16px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents01 {
flex-direction: column-reverse;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents01 dl {
margin-top: 30px;
margin-right: 0;
width: 100%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents01 ul {
width: 100%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents02 {
flex-direction: column-reverse;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents02 ul {
flex-direction: column-reverse;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents02 ul img {
width: 100%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents02 ul li:first-child {
margin-top: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents02 ul li:nth-of-type(1) {
width: 100%;
padding: 0;
margin-right: 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec02_contents02 ul li:nth-of-type(2) {
width: 100%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec03_contents01 {
flex-direction: column-reverse;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec03_contents01 dl {
margin-right: 0;
width: 100%;
margin-top: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec03_contents01 ul {
width: 100%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec03_contents02 ul {
flex-direction: column-reverse;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec03_contents02 ul li:nth-of-type(1) {
width: 100%;
margin-right: 0;
margin-top: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec03_contents02 ul li:nth-of-type(2) {
width: 100%;
margin-top: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04 dd h2 {
font-size: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents02,
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents03 {
flex-direction: column-reverse;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents02 dl,
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents03 dl {
margin-right: 0;
width: 100%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents02 dt,
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents03 dt {
margin-top: 20px;
margin-bottom: 14px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents02 ul,
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents03 ul {
width: 100%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents04 {
padding: 20px;
flex-direction: column;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents04 dl {
width: 100%;
margin-right: 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec04_contents04 ul {
width: 100%;
margin: 20px 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents02,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents03 {
flex-direction: column-reverse;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01 dl,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents02 dl,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents03 dl {
width: 100%;
margin-bottom: 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01 dl dt,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents02 dl dt,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents03 dl dt {
margin: 20px 0;
height: auto;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01 ul,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents02 ul,
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents03 ul {
width: 100%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01 p:nth-of-type(1) {
margin-bottom: 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01 p:nth-of-type(3) {
margin-bottom: 0;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec05_contents01 img {
width: auto;
max-width: 100%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06 .flex-grid {
flex-direction: column;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06 .flex-grid__large {
width: 100%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06 .flex-grid__large {
width: 100%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_white-head {
flex-direction: column;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_white-head__one {
width: 100%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_white-head__two {
padding-left: 0;
margin-top: 14px;
font-size: 16px;
text-align: center;
line-height: 1.6;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec06_white-head__two-option {
margin-top: 10px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07_grid01 {
flex-direction: column-reverse;
align-items: center;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07_grid01 li:first-child {
width: 100%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07_grid01 li::last-child {
width: 80%;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07.white-box {
padding: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07.white-box p {
font-size: 16px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07.white-box h2 {
font-size: 18px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07.white-box .big-copy {
font-size: 20px;
}
.platinum_ec .p-platinum-series-under .inner_wrap .sec07_contents02 {
margin-top: 20px;
}
.page-platinum .p-container {
max-width: 100%;
}
.page-platinum .l-inside {
max-width: 100%;
}
.page-platinum .p-unit__main {
width: 100%;
}
.page-platinum .p-unit__main img {
width: 100%;
}
.page-platinum .p-unit__main .p-unit__text {
margin-top: 14px;
}
.page-platinum .p-unit__main .p-unit__text p {
font-size: 16px;
line-height: 1.5;
}
.page-platinum .p-unit .p-unit__sub.w560 {
margin-left: 0;
width: 100%;
}
.page-platinum .p-unit .p-unit__sub.w502 {
margin-left: 0;
width: 100%;
}
.page-platinum .p-unit .p-unit__sub.w455 {
margin-left: 0;
width: 100%;
}
.page-platinum .p-unit.-sp-reverse {
flex-direction: column-reverse;
}
.page-platinum .p-unit.-sp-reverse .p-unit__main {
margin-top: 25px;
}
.page-platinum .c-bg-box {
padding: 24px 14px;
}
.page-platinum .c-bg-box__title span {
font-size: 16px;
line-height: 1;
white-space: nowrap;
position: relative;
padding-bottom: 9px;
}
.page-platinum .c-bg-box__title span:before {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 1px;
content: "";
background: #000;
}
.page-platinum .c-bg-box__title:before {
display: none;
}
.page-platinum .c-bg-box__title.-short:before {
display: none;
}
.page-platinum .c-bg-box__text {
margin-top: 6px;
}
.page-platinum .c-bg-box__text p {
font-size: 12px;
line-height: 2;
}
.page-platinum .c-two-border {
font-size: 18px;
line-height: 1.3333333333;
}
.page-platinum .p-gray-box {
padding: 24px 10px;
border: 4px solid #d2d3d5;
}
.page-platinum .p-gray-box__title {
font-size: 18px;
line-height: 1.5555555556;
text-align: center;
}
.page-platinum .p-gray-box__text {
margin-top: 10px;
}
.page-platinum .p-gray-box__grid {
margin-top: 20px;
}
.page-platinum .p-gray-box__box-sub {
width: 144px;
}
.page-platinum .p-gray-box__box-main {
padding-right: 0;
padding-left: 10px;
}
.page-platinum .p-gray-box__box-main p {
font-size: 12px;
line-height: 1.6666666667;
}
.page-platinum .p-text.mt30 {
margin-top: 15px;
}
.page-platinum .p-text p {
font-size: 14px;
line-height: 1.7142857143;
}
.page-platinum .p-copy {
margin-top: 10px;
font-size: 16px;
line-height: 1.625;
}
.page-platinum .p-box-wrap ul {
display: block;
}
.page-platinum .p-box-wrap ul li {
width: 100%;
}
.page-platinum .p-box-wrap ul li+li {
margin-top: 46px;
}
.page-platinum .c-card01__title {
font-size: 20px;
line-height: 1;
text-align: left;
}
.page-platinum .c-card01__title:before {
transform: translateX(0);
left: 0;
}
.page-platinum .c-card01__text {
width: 100%;
}
.page-platinum .c-card01__text p {
font-size: 16px;
line-height: 1.75;
}
.page-platinum .c-card01__sub {
height: auto;
}
.page-platinum .c-card01.-flex {
display: flex;
justify-content: center;
}
.page-platinum .c-card01.-flex .c-card01__main {
width: 50%;
}
.page-platinum .c-card01.-flex .c-card01__sub {
margin-top: 0;
width: 50%;
text-align: right;
height: auto;
justify-content: flex-end;
}
.page-platinum .p-two-panel {
margin-top: 16px;
}
.page-platinum .p-two-panel ul {
flex-wrap: wrap;
}
.page-platinum .p-two-panel ul li {
width: 100%;
}
.page-platinum .p-two-panel ul li+li {
margin-top: 20px;
}
.page-platinum .p-two-panel__title {
font-size: 20px;
line-height: 1;
height: 38px;
}
.page-platinum .p-two-panel__text {
margin-top: 12px;
}
.page-platinum .p-two-panel__text p {
font-size: 18px;
line-height: 1;
}
.page-platinum .p-two-panel__image {
margin-top: 12px;
}
.page-platinum .p-two-panel__image .item figcaption {
font-size: 16px;
line-height: 1.25;
}
.page-platinum .p-two-type {
margin-top: 24px;
}
.page-platinum .p-two-type ul {
padding-left: 0;
flex-direction: column;
}
.page-platinum .p-two-type ul li:first-child {
width: 100%;
}
.page-platinum .p-two-type ul li:last-child {
width: 100%;
flex: 1;
margin-top: 20px;
}
.page-platinum .p-two-type__title {
border-bottom: none;
}
.page-platinum .p-two-type__title span {
position: relative;
padding-bottom: 7px;
font-size: 18px;
line-height: 1;
}
.page-platinum .p-two-type__title span:before {
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 100%;
height: 1px;
background: #000;
}
.page-platinum .p-two-type__image {
height: auto;
margin-top: 20px;
justify-content: center;
}
.page-platinum .p-two-type__text {
font-size: 16px;
line-height: 1;
}
.page-platinum .p-box-to {
margin-top: 40px;
margin-left: auto;
margin-right: auto;
flex-direction: column;
width: 335px;
}
.page-platinum .p-box-to__main {
width: 100%;
padding: 22px 12px;
}
.page-platinum .p-box-to__main:before {
right: 0;
top: auto;
bottom: -48px;
border-width: 48px 167.5px 0 167.5px;
border-color: #f3eae0 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}
.page-platinum .p-box-to__title {
font-size: 20px;
line-height: 1;
}
.page-platinum .p-box-to__text {
margin-top: 12px;
}
.page-platinum .p-box-to__text p {
font-size: 16px;
line-height: 1.25;
}
.page-platinum .p-box-to__sub {
margin-top: 42px;
width: 100%;
}
.page-platinum .c-option-head__title {
font-size: 20px;
line-height: 1.4;
}
.page-platinum .c-option-head__copy {
padding: 8px;
font-size: 14px;
line-height: 2;
text-align: center;
white-space: normal;
}
.page-platinum .c-option-head__image {
display: none;
}
.page-platinum .p-table-grid {
flex-direction: column;
}
.page-platinum .p-table-grid .c-table-title {
font-size: 16px;
line-height: 1;
}
.page-platinum .p-table-grid .c-table01 table {
width: 100%;
}
.page-platinum .p-table-grid .c-table01 tr th {
width: 100px;
font-size: 12px;
line-height: 2;
}
.page-platinum .p-table-grid .c-table01 tr td {
width: calc(100% - 100px);
font-size: 12px;
line-height: 2;
}
.page-platinum .p-table-grid .c-table-border {
width: 100%;
}
.page-platinum .p-table-grid .c-table-dl dl {
flex-wrap: wrap;
border-right: 1px solid #000;
}
.page-platinum .p-table-grid .c-table-dl dl dt {
width: 100%;
text-align: center;
padding: 13px 8px;
font-size: 12px;
line-height: 2;
}
.page-platinum .p-table-grid .c-table-dl dl dd {
text-align: center;
}
.page-platinum .p-table-grid .c-table-dl dl dd.dd01 {
width: 50%;
padding: 13px 8px;
font-size: 12px;
line-height: 2;
}
.page-platinum .p-table-grid .c-table-dl dl dd.dd01.-sp-full {
width: 100%;
}
.page-platinum .p-table-grid .c-table-dl dl dd.dd02 {
width: 50%;
font-size: 12px;
line-height: 2;
border-right: none;
}
.page-platinum .p-table-grid .c-table-dl dl dd.dd02.-sp-full {
width: 100%;
}
.page-platinum .p-table-grid__item01 {
width: 100%;
}
.page-platinum .p-table-grid__item02 {
margin-top: 16px;
width: 100%;
padding-left: 0;
}
.page-platinum .p-box-grid ul {
flex-direction: column;
}
.page-platinum .p-box-grid ul li {
width: 100%;
}
.page-platinum .p-platinum-series-under {
margin-top: 25px;
margin-bottom: 40px;
}
.page-platinum .platinum_mf .p-platinum-series-under.-item {
padding-bottom: 40px;
}
.page-platinum.platinum_revo .option .font-gothic {
font-size: 10px;
text-align: right;
}
.page-platinum.platinum_revo .c-card02 {
width: 100%;
flex-direction: row-reverse;
margin-bottom: 10px;
}
.page-platinum.platinum_revo .c-card02__main {
width: auto;
flex: 1;
margin-top: 0;
padding-left: 20px;
text-align: left;
}
.page-platinum.platinum_revo .c-card02__text {
margin: 0;
}
.page-platinum.platinum_revo .c-card02__text .font-gothic {
font-size: 10px;
}
.page-platinum.platinum_revo .c-card02__text p {
font-size: 12px;
line-height: 1.5;
}
.page-platinum.platinum_revo .c-card02__sub {
width: 148px;
}
.page-platinum_series .c-headline-page {
padding-left: 14px;
padding-right: 14px;
}
.p-platinum {
padding: 20px 0 40px 0;
}
.p-platinum-lead {
padding-bottom: 14px;
}
.p-platinum-lead__txt {
padding: 0;
}
.p-platinum-lead__txt:before {
bottom: 6px;
height: 62px;
}
.p-platinum-lead__txt:after {
bottom: 6px;
height: 62px;
}
.p-platinum-lead__small {
font-size: 24px;
}
.p-platinum-lead__text {
font-size: 32px;
}
.p-platinum__banner+.p-platinum__banner {
margin-top: 24px;
}
.page-platinum .platinum_si .p-platinum-series-under.-item {
padding-bottom: 40px;
}
.page-platinum .l-wide {
max-width: 100%;
}
.page-platinum .p-box-black__inner {
padding: 0;
}
.page-platinum .p-box-black__sp-inner {
padding: 0 30px;
}
.page-platinum .p-box-black__mid-box {
margin-top: 20px;
width: 100vw;
margin-left: -30px;
}
.page-platinum .p-platinum-series {
margin-top: 25px;
margin-bottom: 40px;
}
.page-platinum .p-platinum-series .p-text p {
font-size: 12px;
line-height: 1.6666666667;
}
.page-platinum .p-platinum-series .p-head-area01__item {
margin-top: -66.6666666667vw;
}
.page-platinum .p-platinum-series .p-head-area01__title {
font-size: 17px;
line-height: 2.3529411765;
}
.page-platinum .p-platinum-series .p-head-area01__title span {
font-size: 24px;
line-height: 1.6666666667;
}
.page-platinum .p-platinum-series .p-head-area01__contents {
margin-top: 20px;
}
.page-platinum .p-platinum-series .p-head-area01__contents p {
font-size: 14px;
line-height: 1.7142857143;
}
.page-platinum .p-platinum-series .p-head-area01__contents p span {
font-size: 20px;
line-height: 1.7;
}
.page-platinum .p-platinum-series .p-head-area01__contents p+p {
margin-top: 10px;
}
.page-platinum .p-platinum-series .p-head-area01__contents p.mt80-sp {
margin-top: 80px;
}
.page-platinum .p-series-group {
margin-top: 44px;
}
.page-platinum .p-series-group li+li {
margin-top: 18px;
}
.page-platinum .c-series-banner img {
width: 100%;
}
.page-platinum .c-series-banner__inner {
display: none;
}
.page-platinum .c-series-banner__title {
display: none;
}
.page-platinum .c-series-banner__main {
padding-left: 0;
}
.page-platinum .c-series-banner__copy {
padding-left: 104px;
display: flex;
align-items: center;
font-size: 12px;
line-height: 1.5;
font-weight: 700;
background: rgba(0,0,0,.8);
min-height: 45px;
}
.page-platinum .c-series-banner__text {
display: none;
}
.page-platinum .c-series-banner__text p {
font-size: 18px;
}
.page-platinum .c-series-banner__link {
max-width: inherit;
margin-top: 10px;
padding-right: 24px;
text-align: right;
}
.page-platinum .c-series-banner__image {
top: 18px;
right: auto;
left: -26px;
width: 124px;
}
.page-platinum .c-series-banner.-reverse .c-series-banner__main {
padding-left: 0;
}
.page-platinum .c-series-banner.-reverse .c-series-banner__image {
top: 18px;
left: -9px;
}
.page-platinum .p-image-unit__image.w310 {
width: 122px;
}
.page-platinum .p-image-unit__text p {
font-size: 12px;
line-height: 1.6666666667;
}
.page-platinum .p-border-orange {
padding-left: 12px;
font-size: 18px;
line-height: 1.3333333333;
}
.page-platinum .p-border-orange.mt70 {
margin-top: 30px;
}
.page-platinum .c-side-title {
font-size: 20px;
line-height: 1.75;
}
.page-platinum .p-block.mt60 {
margin-top: 30px;
}
.page-platinum .p-block.mt80 {
margin-top: 30px;
}
.page-platinum .p-block.mt86 {
margin-top: 50px;
}
.page-platinum .p-block.mt100 {
margin-top: 30px;
}
.page-platinum .p-block.mt120 {
margin-top: 30px;
}
.page-platinum .p-image.w223-sp {
width: 223px;
margin-left: auto;
margin-right: auto;
display: block;
}
.page-platinum .p-image img {
width: 100%;
}
.page-platinum .p-half-border {
margin-top: 30px;
flex-direction: column-reverse;
}
.page-platinum .p-half-border__main {
width: 100%;
padding: 0;
}
.page-platinum .p-half-border__title {
font-size: 20px;
line-height: 1.3;
}
.page-platinum .p-half-border__text p {
font-size: 12px;
line-height: 1.6666666667;
}
.page-platinum .p-half-border__sub {
width: 272px;
height: auto;
margin: 0 auto;
border-left: none;
}
.page-platinum .p-logo-unit__logo.w120 {
width: 60px;
}
.page-platinum .p-logo-unit__logo.w186 {
width: 74px;
}
.page-platinum .p-logo-unit__title {
font-size: 12px;
line-height: 1;
}
.page-platinum .p-logo-unit__text {
margin-top: 10px;
}
.page-platinum .p-logo-unit__text p {
font-size: 9px;
line-height: 1.5555555556;
}
.p-staffarchive__flexcontnts {
width: 100%;
}
.p-staffdetail__flexwrap {
flex-direction: column;
gap: 32px;
}
.p-staffdetail__flexphotobox {
max-width: none;
}
.u-hidden-sp {
display: none;
}
}
@media screen and (max-width: 575px) {
.p-flow {
margin-top: 25px;
margin-bottom: 40px;
}
.c-header__yellow {
font-size: 24px;
margin-bottom: 24px;
}
.c-header__yellow.title__flex .title__flex__number {
margin-right: 12px;
width: 24px;
height: 24px;
font-size: 18px;
}
.c-header__yellow.title__flex .title__flex__txt {
width: calc(100% - 40px);
}
.p-workman {
margin-top: 25px;
margin-bottom: 40px;
}
.p-workman .p-service__flexwrapper {
display: flex;
flex-direction: column-reverse;
}
.p-workman .p-service__fleximg {
margin-bottom: 16px;
}
.p-workman__linkbox {
display: block;
width: 60%;
padding: 0;
margin: 0 auto 40px auto;
}
.p-workman__linkcont+.p-workman__linkcont {
margin-left: 0;
margin-top: 12px;
}
.p-workman__nav__number {
font-size: 18px;
width: 24px;
height: 24px;
}
.p-workman__nav__txt {
font-size: 20px;
}
.p-workman #communication .orange_box {
margin: 0 -16px;
}
.p-workman #communication .orange_box__conts {
padding: 20px;
}
.p-workman #communication .orange_box+.orange_box {
margin-top: 30px;
}
.p-workman #communication .p-service__flexwrapper:nth-of-type(1) {
display: block;
}
.p-workman #communication .p-service__flexwrapper:not(:first-of-type) {
flex-direction: column;
}
.p-workman #communication .p-service__flextitle {
order: 1;
margin-bottom: 10px;
}
.p-workman #communication .p-service__flextext+.p-service__flextext {
margin-top: 15px;
}
.p-workman #communication .p-service__flexcontents {
display: contents;
}
.p-workman #communication .p-service__flextext {
order: 3;
}
.p-workman #communication .p-service__fleximg {
order: 2;
margin: 0 0 14px 0;
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.protimes_logo {
display: none;
}

.l-main {
margin-bottom: 0;
}
*, *::before, *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.page-protimes .dib {
display: inline-block;
}
@media screen and (min-width: 768px) {
.page-protimes .tel-link {
pointer-events: none;
}
}
@media print, screen and (min-width: 768px) {
.page-protimes .sp {
display: none;
}
}
@media screen and (max-width: 767px) {
.page-protimes .pc {
display: none;
}
}
.page-protimes .c-pankuzu {
padding-left: 40px;
}
@media screen and (max-width: 767px) {
.page-protimes .c-pankuzu {
padding-left: 20px;
}
}
.sec__wrap {
max-width: 980px;
width: calc(100% - 40px);
margin: 0 auto;
}
.sec__ttl {
color: #fff;
font-size: 32px;
line-height: 2.25;
font-weight: 700;
text-align: center;
background: repeating-linear-gradient(-40deg, #F77133, #F77133 5px, #EB672A 5px, #EB672A 6px);
}
@media screen and (max-width: 767px) {
.sec__ttl {
font-size: 24px;
}
}
.mv {
padding-top: 1px;
padding-bottom: 1.15%;
background: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/mv_bg_pc.jpg) no-repeat;
background-size: cover;
background-position: center;
}
@media screen and (max-width: 767px) {
.mv {
padding-bottom: 3.2vw;
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/mv_bg_sp.jpg);
}
}
.mv__wrap {
max-width: 100%;
}
.mv__copy {
width: 82%;
max-width: 631px;
margin: max(180px, 12%) auto;
}
@media screen and (max-width: 767px) {
.mv__copy {
width: 92%;
margin-top: 38.6666666667vw;
margin-bottom: 46.9333333333vw;
}
}
.mv__txt {
font-size: 20px;
line-height: 1;
letter-spacing: 0.1em;
text-align: center;
}
@media screen and (max-width: 767px) {
.mv__txt {
font-size: 4.8vw;
letter-spacing: 0;
}
}
.mv__txt .big {
color: #EB6120;
font-size: 28px;
line-height: 1;
letter-spacing: 0.1em;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.mv__txt .big {
margin-top: 1.3333333333vw;
display: block;
font-size: 6.9333333333vw;
}
}
.mv__txt .note {
font-size: 0.6em;
vertical-align: top;
}
.mv__list {
max-width: 980px;
margin: 15px auto 0;
display: flex;
gap: 10px;
}
@media screen and (max-width: 767px) {
.mv__list {
margin-top: 4.2666666667vw;
flex-wrap: wrap;
gap: 3.2vw 2.1333333333vw;
}
}
.mv__item {
width: calc((100% - 40px) / 5);
}
@media screen and (max-width: 767px) {
.mv__item {
width: calc((100% - 2.1333333333vw) / 2);
}
}
.mv__item a {
padding: 11.5px 0 26.5px;
display: block;
transition: 0.3s;
color: #fff;
font-size: clamp(14px, 1.2307692308vw, 18px);
text-align: center;
background: #5C2D07 url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/mv_arrow.svg) no-repeat center 77%;
}
@media screen and (max-width: 767px) {
.mv__item a {
padding: 3.2vw 0 5.3333333333vw;
font-size: 4vw;
background-position-y: 80%;
}
}
.mv__item a:hover {
background-color: #EB6120;
}
@media screen and (max-width: 767px) {
.mv__item:last-child {
width: 100%;
}
}
.mv__note {
max-width: 980px;
margin: 13px auto 0;
font-size: 10px;
line-height: 1.4;
}
@media screen and (max-width: 767px) {
.mv__note {
margin-top: 16px;
}
}
.philo {
background: #FFF9EB;
}
.philo__wrap {
background: #fff;
}
.philo__box {
margin: 0 auto;
padding: 40px 40px 75px;
display: flex;
gap: 76px;
}
@media screen and (max-width: 767px) {
.philo__box {
padding: 24px 0 37px;
display: block;
}
}
.philo__img {
width: 232px;
margin-left: 36px;
}
@media screen and (max-width: 767px) {
.philo__img {
width: 46%;
margin: 0 auto;
}
}
.philo__txtbox {
flex: 1;
}
.philo__ttl {
color: #EB6120;
font-size: 28px;
line-height: 1;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.philo__ttl {
width: calc(100% - 30px);
margin: 24px auto 0;
font-size: clamp(19px, 5.0666666667vw, 20px);
}
}
.philo__txt {
margin-top: 25px;
font-size: 16px;
line-height: 1.75;
}
@media screen and (max-width: 767px) {
.philo__txt {
width: calc(100% - 30px);
margin: 22px auto 0;
}
}
.about {
padding-bottom: 80px;
background: #FFF9EB;
}
@media screen and (max-width: 767px) {
.about {
padding-bottom: 40px;
}
}
@media screen and (max-width: 767px) {
.about__wrap {
width: 100%;
}
}
.about__boxwrap {
position: relative;
filter: drop-shadow(0 2px 4px rgba(185, 141, 74, 0.1));
}
.about__boxwrap::after {
z-index: 10;
content: "";
width: 14px;
height: 50px;
position: absolute;
bottom: -11px;
left: 50%;
translate: -50% 0;
background: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/about_arrow.svg) no-repeat;
}
@media screen and (max-width: 767px) {
.about__boxwrap::after {
width: 10px;
height: 36px;
bottom: -14px;
background-size: 100% 100%;
}
}
.about__box {
margin: 0 auto;
padding: 40px 40px 75px;
display: flex;
gap: 41px;
clip-path: polygon(0 0, 100% 0, 100% 83%, 50% 100%, 0 83%);
background: #fff;
}
@media screen and (max-width: 767px) {
.about__box {
width: calc(100% - 40px);
padding: 24px 15px 46px;
display: block;
clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);
}
}
.about__img {
width: 304px;
}
@media screen and (max-width: 767px) {
.about__img {
width: 100%;
max-width: 304px;
margin: 0 auto;
}
}
.about__txtbox {
flex: 1;
}
.about__point {
border-radius: 9999px;
padding: 0 39px;
display: inline-block;
background: #EB6120;
}
@media screen and (max-width: 767px) {
.about__point {
max-width: 250px;
margin: 26px auto 0;
padding: 0;
display: block;
text-align: center;
}
}
.about__point-txt {
padding-left: 33px;
display: inline-block;
color: #fff;
font-size: 20px;
line-height: 2.1;
background: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/about_icon.svg) no-repeat left center;
}
.about__ttl {
margin-top: 19px;
color: #EB6120;
font-size: 28px;
line-height: 1.3571428571;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.about__ttl {
margin-top: 24px;
font-size: 20px;
line-height: 1.4;
}
}
.about__txt {
margin-top: 14px;
font-size: 16px;
line-height: 1.75;
}
.about__bot {
margin-top: 42px;
}
@media screen and (max-width: 767px) {
.about__bot {
margin-top: 28px;
}
}
.about__bot-ttl {
font-size: 28px;
line-height: 1.4285714286;
text-align: center;
}
@media screen and (max-width: 767px) {
.about__bot-ttl {
font-size: min(20px, 5.1282051282vw);
}
}
.about__bot-ttl .strong {
z-index: 2;
display: inline-block;
position: relative;
color: #E62222;
font-weight: bold;
}
.about__bot-ttl .strong::after {
z-index: -1;
content: "";
width: calc(100% + 12px);
height: 12px;
position: absolute;
top: 60%;
left: 50%;
translate: -50% 0;
background: #FBEFBA;
}
@media screen and (max-width: 767px) {
.about__bot-ttl .strong::after {
height: 6px;
}
}
.about__bot-img {
max-width: 900px;
margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
.about__bot-img {
overflow-x: auto;
width: auto;
height: 340px;
margin-top: 34px;
}
.about__bot-img img {
max-width: initial;
width: auto;
height: 100%;
}
}
.about__bnr {
max-width: 900px;
margin: 40px auto 0;
border: 1px solid #00529F;
padding: 42px 40px 36px;
display: flex;
gap: 40px;
background: #fff;
}
@media screen and (max-width: 767px) {
.about__bnr {
width: calc(100% - 40px);
margin-top: 32px;
padding: 15px 15px 20px;
display: block;
}
}
.about__bnr-img {
width: 100px;
}
@media screen and (max-width: 767px) {
.about__bnr-img {
width: 66px;
position: absolute;
top: 0;
left: 0;
}
}
.about__bnr-box {
flex: 1;
}
@media screen and (max-width: 767px) {
.about__bnr-box {
padding-left: 81px;
position: relative;
}
}
.about__bnr-ttl {
color: #00529F;
font-size: 24px;
line-height: 1;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.about__bnr-ttl {
font-size: 17px;
line-height: 1.5294117647;
text-align: center;
}
}
.about__bnr-ttl .note {
font-size: 0.6em;
vertical-align: top;
}
.about__bnr-txt {
margin-top: 12px;
font-size: 16px;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.about__bnr-txt {
margin-top: 11px;
font-size: 14px;
line-height: 1.6428571429;
}
}
.about__bnr-note {
margin-top: 5px;
font-size: 12px;
}
@media screen and (max-width: 767px) {
.about__bnr-note {
margin-top: 7px;
font-size: 10px;
line-height: 1.4;
}
}
.result {
z-index: 2;
padding-bottom: 95px;
position: relative;
background: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/sec_bg.jpg);
background-color: rgba(255, 255, 255, 0.5);
background-blend-mode: lighten;
}
@media screen and (max-width: 767px) {
.result {
padding-bottom: 37px;
}
}
.result::after {
z-index: -1;
content: "";
width: 690px;
height: 600px;
position: absolute;
top: 13%;
left: 50%;
translate: -50% 0;
mix-blend-mode: multiply;
background: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/result_bg.png) no-repeat;
background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
.result::after {
width: 87%;
height: auto;
aspect-ratio: 320/278;
top: 40%;
}
}
.result__ttl {
margin-top: 38px;
color: #EB6120;
font-size: 40px;
line-height: 1;
font-weight: 700;
text-align: center;
}
.result__ttl .small {
margin-bottom: 10px;
display: block;
color: #382712;
font-size: 24px;
line-height: 1;
}
@media screen and (max-width: 767px) {
.result__ttl .small {
margin-bottom: 7px;
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.result__ttl {
margin-top: 25px;
font-size: 28px;
}
}
.result__ttl .note {
font-size: 0.6em;
vertical-align: top;
}
.result .medal__list {
max-width: 900px;
margin: 68px auto 0;
display: flex;
justify-content: space-around;
}
@media screen and (max-width: 767px) {
.result .medal__list {
margin-top: 15px;
}
}
.result__list {
max-width: 900px;
margin: 16px auto 0;
display: flex;
gap: 36px;
}
@media screen and (max-width: 767px) {
.result__list {
margin-top: 0;
display: block;
}
}
.result__item {
flex: 1;
}
@media screen and (max-width: 767px) {
.result__item {
margin-top: 21px;
}
}
.result__item-ttl {
border-bottom: 1px dashed #382712;
padding-bottom: 16.5px;
color: #EB6120;
font-size: 24px;
line-height: 1;
font-weight: 700;
text-align: center;
}
@media screen and (max-width: 767px) {
.result__item-ttl {
padding-bottom: 13px;
font-size: 22px;
text-align: left;
}
}
.result__item-ttl .note {
font-size: 0.6em;
vertical-align: top;
}
.result__item-txt {
margin-top: 13px;
font-size: 16px;
line-height: 1.625;
}
.result__note {
max-width: 900px;
margin: 13px auto 0;
font-size: 10px;
line-height: 1.4;
}
@media screen and (max-width: 767px) {
.result__note {
margin-top: 16px;
}
}
.promise {
padding-bottom: 59px;
background: #FFF9EB url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/sec_deco.png) no-repeat right bottom;
background-size: 417px 276px;
}
@media screen and (max-width: 767px) {
.promise {
padding-bottom: 40px;
background: #FFF9EB;
}
}
.promise__list {
max-width: 900px;
margin: 40px auto 0;
display: flex;
flex-wrap: wrap;
gap: 36px 44px;
}
@media screen and (max-width: 767px) {
.promise__list {
margin-top: 0;
display: block;
}
}
.promise__item {
width: calc((100% - 44px) / 2);
border: 1px solid #F5A659;
border-radius: 10px 10px 0 0;
padding: 25px 24px 24px;
position: relative;
box-shadow: 0 2px 4px rgba(185, 141, 74, 0.16);
background: #fff;
}
@media screen and (max-width: 767px) {
.promise__item {
width: 100%;
margin-top: 39px;
padding: 23px 15px 12px;
}
}
.promise__item-top {
padding-left: 14px;
position: absolute;
top: -12px;
left: -1px;
color: #fff;
font-size: 16px;
line-height: 1.75;
background: #F59E24;
}
@media screen and (max-width: 767px) {
.promise__item-top {
top: -14px;
}
}
.promise__item-top .number {
width: 28px;
margin-left: 12px;
display: inline-block;
text-align: center;
background: #EB6120;
}
.promise__item-ttl {
padding-right: 50px;
color: #EB6120;
font-size: 24px;
line-height: 1.3333333333;
font-weight: 700;
background-position: right center;
background-repeat: no-repeat;
}
@media print, screen and (min-width: 768px) {
.promise__item-ttl {
font-size: min(24px, 2.8608582575vw);
}
}
@media screen and (max-width: 767px) {
.promise__item-ttl {
font-size: 18px;
line-height: 1.3333333333;
background-size: auto 100%;
}
}
.promise__item-txt {
margin-top: 8px;
font-size: 14px;
line-height: 1.6428571429;
word-break: break-word;
}
@media screen and (max-width: 767px) {
.promise__item-txt {
margin-top: 9px;
}
}
.promise__item01 .promise__item-ttl {
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/promise_icon01.svg);
}
.promise__item02 .promise__item-ttl {
padding-right: 67px;
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/promise_icon02.svg);
}
.promise__item03 .promise__item-ttl {
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/promise_icon03.svg);
}
.promise__item04 .promise__item-ttl {
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/promise_icon04.svg);
}
.promise__item05 .promise__item-ttl {
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/promise_icon05.svg);
}
.cta {
padding: 24px 0;
color: #fff;
background: #5C2D07;
}
@media screen and (max-width: 767px) {
.cta {
padding: 24px 20px;
}
}
.cta__box {
text-align: center;
}
.cta__box .txt {
padding: 0 21px;
display: inline-block;
font-size: 16px;
line-height: 1.625;
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/cta_left.svg), url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/cta_right.svg);
background-position: left center, right center;
background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
.cta__box .txt {
padding: 0 28px;
font-size: 16px;
line-height: 1.3125;
background-position: left 75%, right 75%;
}
}
.cta__btnwrap {
background: #EB6120;
max-width: 304px;
margin: 10px auto 0;
height: 48px;
position: relative;
color: #fff;
font-weight: 600;
z-index: 0;
position: relative;
}
.cta__btnwrap::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 0%;
height: 100%;
background-color: #fff;
transition: 0.4s;
}
@media print, screen and (min-width: 768px) {
.cta__btnwrap:hover {
color: #EB6120;
}
.cta__btnwrap:hover::before {
width: 100%;
}
.cta__btnwrap:hover .txt::before {
transition: 0.4s;
background: #EB6120;
}
.cta__btnwrap:hover .txt::after {
border-color: #fff;
}
}
.cta__btn {
display: flex;
justify-content: center;
height: 100%;
align-items: center;
cursor: pointer;
border: solid 2px #EB6120;
z-index: 100;
}
.cta__btn .txt {
padding-right: 42px;
position: relative;
font-size: 18px;
line-height: 2.6666666667;
letter-spacing: 0.08em;
font-weight: 700;
}
.cta__btn .txt::before {
content: "";
width: 18px;
height: 18px;
vertical-align: top;
border-radius: 18px;
background-color: #fff;
position: absolute;
right: 0;
top: 50%;
translate: 0 -50%;
}
.cta__btn .txt::after {
content: "";
width: 8px;
height: 8px;
border-top: solid 1px #EB6120;
border-right: solid 1px #EB6120;
transform: rotate(45deg);
position: absolute;
top: 0;
right: 7px;
bottom: 0;
margin: auto;
}
.assurance {
padding-bottom: 72px;
background: #fff;
}
@media screen and (max-width: 767px) {
.assurance {
padding-bottom: 40px;
}
}
@media screen and (max-width: 767px) {
.assurance__wrap {
width: 100%;
}
}
.assurance__ttl {
margin-top: 40px;
text-align: center;
}
@media screen and (max-width: 767px) {
.assurance__ttl {
width: calc(100% - 40px);
margin: 24px auto 0;
}
}
.assurance__subttl {
margin-top: 24px;
display: flex;
justify-content: center;
align-items: flex-end;
gap: 20px;
}
@media screen and (max-width: 767px) {
.assurance__subttl {
margin-top: 14px;
flex-direction: column;
align-items: center;
gap: 5px;
}
}
.assurance__subttl .txt {
width: 344px;
border-radius: 9999px;
display: inline-block;
color: #fff;
font-size: 20px;
line-height: 1.9;
font-weight: 700;
text-align: center;
background: #F59E24;
}
@media screen and (max-width: 767px) {
.assurance__subttl .txt {
width: calc(100% - 40px);
max-width: 289px;
font-size: 18px;
line-height: 1.8333333333;
}
}
.assurance__subttl .plus {
width: 30px;
height: 30px;
clip-path: polygon(35.5% 0, 64.5% 0, 64.5% 35.5%, 100% 35.5%, 100% 64.5%, 64.5% 64.5%, 64.5% 100%, 35.5% 100%, 35.5% 64.5%, 0 64.5%, 0 35.5%, 35.5% 35.5%);
background: #382712;
}
@media screen and (max-width: 767px) {
.assurance__subttl .plus {
width: 14px;
height: 14px;
}
}
.assurance__bnr {
max-width: 900px;
margin: 40px auto 0;
border: 1px solid #F5A659;
border-radius: 10px;
padding: 18px 70px 24px;
box-shadow: 0 3px 6px rgba(185, 141, 74, 0.16);
background: #FFF9EB;
}
@media screen and (max-width: 767px) {
.assurance__bnr {
width: calc(100% - 40px);
margin-top: 24px;
padding: 21px 15px 18px;
}
}
.assurance__bnr-item {
padding-left: 14px;
position: relative;
color: #E62222;
font-size: 18px;
line-height: 1.5;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.assurance__bnr-item {
padding-left: 12px;
font-size: 16px;
line-height: 1.5;
}
}
.assurance__bnr-item::before {
content: "";
width: 8px;
height: 8px;
border-radius: 9999px;
position: absolute;
top: 50%;
left: 0;
translate: 0 -50%;
background: #E62222;
}
@media screen and (max-width: 767px) {
.assurance__bnr-item::before {
top: 8px;
translate: 0 0;
}
}
.assurance__bnr-item + .assurance__bnr-item {
margin-top: 6px;
}
@media screen and (max-width: 767px) {
.assurance__bnr-item + .assurance__bnr-item {
margin-top: 0;
}
}
.assurance__bnr-txt {
margin-top: 18px;
padding: 0 6px;
font-size: 14px;
line-height: 1.6428571429;
}
@media screen and (max-width: 767px) {
.assurance__bnr-txt {
margin-top: 14px;
padding: 0;
font-size: 16px;
line-height: 1.5;
}
}
.assurance__bnr-ttl {
margin-top: 22px;
font-size: 24px;
line-height: 1.5;
font-weight: 700;
text-align: center;
}
@media screen and (max-width: 767px) {
.assurance__bnr-ttl {
margin-top: 18px;
font-size: 20px;
line-height: 1.35;
}
}
.assurance__bnr-ttl .red {
color: #E62222;
}
.assurance__img {
margin-top: 67px;
}
@media screen and (max-width: 767px) {
.assurance__img {
overflow-x: auto;
width: auto;
height: 356px;
margin-top: 39px;
}
.assurance__img img {
max-width: initial;
width: auto;
height: 100%;
}
}
.cta02 {
padding-top: 53px;
padding-bottom: 79px;
position: relative;
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/sec_bg.jpg);
background-color: rgba(255, 255, 255, 0.5);
background-blend-mode: lighten;
}
@media screen and (max-width: 767px) {
.cta02 {
padding: 40px 0;
}
}
.cta02::before {
z-index: 1;
content: "";
width: 482px;
aspect-ratio: 482/319;
position: absolute;
top: 0;
right: 0;
background: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/sec_deco.png) no-repeat;
background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
.cta02::before {
width: 254px;
max-width: 100%;
}
}
.cta02__ttl {
font-size: 28px;
line-height: 1.5;
font-weight: 700;
text-align: center;
}
@media screen and (max-width: 767px) {
.cta02__ttl {
font-size: 20px;
line-height: 1.4;
}
}
.cta02__btn {
z-index: 2;
overflow: hidden;
max-width: 700px;
margin: 57px auto 0;
padding: 12px 11px;
display: flex;
justify-content: space-between;
position: relative;
background-color: #fff9b3;
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/bnr_bg01.svg), url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/bnr_bg02.svg);
background-position: 0 0, bottom right;
background-repeat: no-repeat;
background-size: 11% 62%, 24% 70%;
}
.cta02__btn * {
letter-spacing: 0;
line-height: 1;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.cta02__btn {
max-width: 400px;
margin-top: 30px;
padding: min(10px, 2.2727272727vw) min(10px, 2.2727272727vw) min(15px, 3.4090909091vw);
display: block;
background-image: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/bnr_bg01_sp.svg), url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/bnr_bg02_sp.svg);
background-size: 23% 33.5%, 30% 33.5%;
}
}
.cta02__btn-left {
width: 51.5%;
}
@media screen and (max-width: 767px) {
.cta02__btn-left {
width: 100%;
}
}
.cta02__btn-left-box {
display: flex;
gap: 4.5%;
}
.cta02__btn-left-txtwrap {
width: 30.3333333333%;
filter: drop-shadow(3px 4px 0 rgba(245, 158, 36, 0.2));
}
.cta02__btn-left-txt {
width: 100%;
padding: 9px 0 12px;
color: #fff;
font-size: 17px;
text-align: center;
clip-path: polygon(0 0, 100% 0, 100% 84%, 50% 100%, 0 84%);
background: #F59E24;
}
@media screen and (max-width: 767px) {
.cta02__btn-left-txt {
padding: min(12px, 2.7272727273vw) 0 min(17px, 3.8636363636vw);
font-size: min(20px, 4.5454545455vw);
}
}
.cta02__btn-left-tel {
margin-top: 3px;
padding-left: 40px;
position: relative;
}
@media screen and (max-width: 767px) {
.cta02__btn-left-tel {
margin-top: min(5px, 1.1363636364vw);
padding-left: min(50px, 11.3636363636vw);
}
}
.cta02__btn-left-tel::before {
content: "";
width: 35px;
aspect-ratio: 49/32;
position: absolute;
top: 50%;
left: 0;
translate: 0 -50%;
background: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/bnr_tel.svg) no-repeat;
background-size: cover;
}
@media screen and (max-width: 767px) {
.cta02__btn-left-tel::before {
width: min(40px, 9.0909090909vw);
}
}
.cta02__btn-left-tel a {
color: #EB6120;
font-size: 47px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "SF Pro JP", "SF Pro Display", "SF Pro Icons", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.cta02__btn-left-tel a {
font-size: min(48px, 10.9090909091vw);
}
}
.cta02__btn-left-time {
margin-top: 3px;
padding-left: 40px;
font-size: 13px;
}
.cta02__btn-left-time .space {
margin-left: 1em;
}
@media screen and (max-width: 767px) {
.cta02__btn-left-time {
margin-top: min(5px, 1.1363636364vw);
padding-left: 0;
font-size: min(16px, 3.6363636364vw);
text-align: center;
}
}
.cta02__btn-ttl {
margin-top: 5px;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.cta02__btn-ttl {
margin-top: min(10px, 2.2727272727vw);
font-size: min(20px, 4.5454545455vw);
text-align: center;
}
}
.cta02__btn-ttl .txt {
padding-left: 16px;
padding-right: 11px;
display: inline-block;
position: relative;
}
@media screen and (max-width: 767px) {
.cta02__btn-ttl .txt {
padding-left: min(17px, 3.8636363636vw);
padding-right: min(11px, 2.5vw);
}
}
.cta02__btn-ttl .txt::before, .cta02__btn-ttl .txt::after {
content: "";
width: 1.5px;
height: 25px;
position: absolute;
top: 60%;
translate: 0 -50%;
transform-origin: top;
background: #000;
}
@media screen and (max-width: 767px) {
.cta02__btn-ttl .txt::before, .cta02__btn-ttl .txt::after {
width: min(1.2px, 0.2727272727vw);
height: min(26px, 5.9090909091vw);
top: 65%;
}
}
.cta02__btn-ttl .txt::before {
left: 0;
rotate: -25deg;
}
.cta02__btn-ttl .txt::after {
right: 0;
rotate: 25deg;
}
.cta02__btn-right {
width: 45.5%;
}
@media screen and (max-width: 767px) {
.cta02__btn-right {
width: 100%;
}
}
.cta02__btn-right a {
width: 224px;
margin-top: 17px;
margin-left: 10px;
border-bottom: 5px solid #31822b;
border-radius: 8px;
padding: 5px 25px 2px;
display: flex;
position: relative;
background: #3fa037;
}
@media screen and (min-width: 768px) {
.cta02__btn-right a {
transition: opacity 0.3s;
cursor: pointer;
}
.cta02__btn-right a:hover {
opacity: 0.7;
}
}
@media screen and (max-width: 767px) {
.cta02__btn-right a {
width: 100%;
margin-top: min(20px, 4.5454545455vw);
margin-left: 0;
border-bottom-width: min(5px, 1.1363636364vw);
padding: min(12px, 2.7272727273vw) min(15px, 3.4090909091vw) min(10px, 2.2727272727vw);
}
.cta02__btn-right a ::after {
content: "";
width: 15%;
aspect-ratio: 96/93;
position: absolute;
right: min(11px, 2.5vw);
bottom: 0;
background: url(//hikari-paint.co.jp/wp-content/themes/swell_child/assets/images/protimes/bnr_gaihekisan_sp.png) no-repeat;
background-size: 100% 100%;
}
}
.cta02__btn-right a img {
width: 30px;
}
@media screen and (max-width: 767px) {
.cta02__btn-right a img {
width: min(30px, 6.8181818182vw);
}
}
.cta02__btn-right a .txt {
margin-left: 17px;
color: #fff;
font-size: 15px;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.cta02__btn-right a .txt {
margin-left: 4%;
font-size: min(15px, 3.4090909091vw);
}
}
.cta02__btn-img {
pointer-events: none;
width: 75px;
position: absolute;
top: 27%;
left: 84%;
}