@charset "UTF-8";
  ._sp {
display: none;
}
@media (max-width: 765px) {
._sp {
display: block;
}
}
._pc {
display: block;
}
@media (max-width: 765px) {
._pc {
display: none;
}
}
[class*=is-style-btn_] {
--the-min-width: 0;
}
body {
letter-spacing: 1.5px;
} .l-topTitleArea {
display: none;
} .single .l-topTitleArea, .archive .l-topTitleArea, .date .l-topTitleArea {
display: block !important;
}
.single .l-topTitleArea__body, .archive .l-topTitleArea__body, .date .l-topTitleArea__body {
padding: 45px 4%;
} .p-fixBtnWrap .c-fixBtn {
border: 1px solid #f1630e;
color: #FFF;
}
.p-fixBtnWrap .c-fixBtn:hover {
border: 1px solid #FFF;
}
.p-fixBtnWrap .hov-bg-main {
background-color: #545454 !important;
}
.p-fixBtnWrap .hov-bg-main:hover {
background-color: #f1630e !important;
} #content {
padding-top: 0;
}
#content h1 {
display: none;
}
#content .post_content {
margin: 0;
}
.p-breadcrumb.-bg-on {
background: #545454;
color: #FFF;
} .cta-btn {
position: relative;
overflow: hidden;
width: 210px;
height: 200px;
margin: 0 auto;    }
.cta-btn::before {
content: "";
position: absolute;
inset: 0;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SP_contact_orange.png) center/cover no-repeat;
opacity: 1;
z-index: 0;
height: 94%;
width: 75%;
left: 13%;
top: 4%;
}
.cta-btn::after {
content: "";
position: absolute;
inset: 0;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SPblue.png) center/cover no-repeat;
opacity: 0;
transition: opacity 0.5s ease;
z-index: 1;
pointer-events: none;
height: 94%;
width: 75%;
left: 13%;
top: 4%;
}
.cta-btn:hover::after, .cta-btn:focus-within::after {
opacity: 1;
}
.cta-btn a {
position: relative;
z-index: 2;
display: grid;
place-items: center;
height: 100%;
color: #fff;
font-weight: bold;
text-decoration: none;
text-shadow: 2px 0 0 rgba(0, 0, 0, 0.65), -1px 0 0 rgba(0, 0, 0, 0.65), 0 1px 0 rgba(0, 0, 0, 0.65), 0 -1px 0 rgba(0, 0, 0, 0.65), 0 6px 14px rgba(0, 0, 0, 0.25);
} .more-btn {
position: relative;
overflow: hidden;
max-width: 300px;
width: 100%;
height: 200px;
margin: 0 auto;    }
.more-btn::before {
content: "";
position: absolute;
inset: 0;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SP_morebtn_gray.png) center/cover no-repeat;
opacity: 1;
z-index: 0;
height: 94%;
width: 75%;
left: 13%;
top: 4%;
}
.more-btn::after {
content: "";
position: absolute;
inset: 0;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SP_morebtn_orange.png) center/cover no-repeat;
opacity: 0;
transition: opacity 0.5s ease;
z-index: 1;
pointer-events: none;
height: 94%;
width: 75%;
left: 13%;
top: 4%;
}
.more-btn:hover::after, .more-btn:focus-within::after {
opacity: 1;
}
.more-btn a {
position: relative;
z-index: 2;
display: grid;
place-items: center;
height: 100%;
color: #fff;
text-decoration: none;
}
.more-btn2 {
position: relative;
overflow: hidden;
max-width: 300px;
width: 100%;
height: 200px;
margin: 0 auto;    }
.more-btn2::before {
content: "";
position: absolute;
inset: 0;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SP_morebtn_white.png) center/cover no-repeat;
opacity: 1;
z-index: 0;
height: 94%;
width: 75%;
left: 13%;
top: 4%;
}
.more-btn2::after {
content: "";
position: absolute;
inset: 0;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SP_morebtn_orange.png) center/cover no-repeat;
opacity: 0;
transition: opacity 0.5s ease;
z-index: 1;
pointer-events: none;
height: 94%;
width: 75%;
left: 13%;
top: 4%;
}
.more-btn2:hover::after, .more-btn2:focus-within::after {
opacity: 1;
}
.more-btn2 a {
position: relative;
z-index: 2;
display: grid;
place-items: center;
height: 100%;
color: #fff;
text-decoration: none;
}
.more-btn3 {
position: relative;
overflow: hidden;
max-width: 300px;
width: 100%;
height: 200px;
margin: 0 auto;    }
.more-btn3::before {
content: "";
position: absolute;
inset: 0;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SP_morebtn_gray.png) center/cover no-repeat;
opacity: 1;
z-index: 0;
height: 94%;
width: 75%;
left: 13%;
top: 4%;
}
.more-btn3::after {
content: "";
position: absolute;
inset: 0;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SP_morebtn_white.png) center/cover no-repeat;
opacity: 0;
transition: opacity 0.5s ease;
z-index: 1;
pointer-events: none;
height: 94%;
width: 75%;
left: 13%;
top: 4%;
}
.more-btn3:hover::after, .more-btn3:focus-within::after {
opacity: 1;
}
.more-btn3 a {
position: relative;
z-index: 2;
display: grid;
place-items: center;
height: 100%;
color: #fff;
text-decoration: none;
} .section-title {
padding: 0 4%;
} .contact-block {
border-radius: 60px;
--swl-box_padding: 2em 4em;
}
.contact-block .contact_inner {
border-radius: 40px;
}
@media (max-width: 767px) {
.contact-block {
border-radius: 30px;
--swl-box_padding: 2em 2em 0;
}
.contact-block .contact_inner {
border-radius: 30px;
}
} .js-fade-up,
.js-fade-right,
.js-fade-left {
opacity: 0;
transform: translate3d(0, 60px, 0); transition: opacity 1.2s ease, transform 1.2s ease; will-change: opacity, transform;
} .js-fade-right {
transform: translate3d(80px, 0, 0); } .js-fade-left {
transform: translate3d(-80px, 0, 0);
} .is-show {
opacity: 1;
transform: translate3d(0, 0, 0);
}   .l-header__logo {
margin: 0 !important;
padding: 10px 0 !important;
} .l-header__customBtn {
display: none;
} .l-header__inner {
padding: 0 2%;
font-weight: bold;
}
@media (max-width: 765px) {
.l-header__inner {
border-bottom: 1px solid #b7b7b7;
}
} .-img .c-headLogo__link {
padding: 0;
}
.c-gnav {
align-items: center; }
.c-gnav a {
font-weight: bold;
}
.c-gnav a::after {
display: none !important;
}
.c-gnav > .menu-item {
position: relative;
height: 98%;
overflow: visible;  }
.c-gnav > .menu-item > .sub-menu {
position: absolute;
z-index: 9999;
}
.c-gnav > .menu-item > a {
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 25px;
margin: 0;
z-index: 2;
}
.c-gnav > .menu-item:not(:last-child) > a::before {
content: "";
position: absolute;
inset: 0;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SPsiro.png) center/cover no-repeat;
opacity: 0;
transition: opacity 0.5s ease;
transition-delay: 0.1s;
z-index: -1;
pointer-events: none;
}
.c-gnav > .menu-item:not(:last-child):hover > a::before {
opacity: 1;
}
.c-gnav > .menu-item:not(:last-child):hover > a {
color: #000 !important;
}
.c-gnav > .menu-item:last-child > a {
overflow: hidden;
text-shadow: 2px 0 0 rgba(0, 0, 0, 0.65), -1px 0 0 rgba(0, 0, 0, 0.65), 0 1px 0 rgba(0, 0, 0, 0.65), 0 -1px 0 rgba(0, 0, 0, 0.65), 0 6px 14px rgba(0, 0, 0, 0.25);
}
.c-gnav > .menu-item:last-child > a::before {
content: "";
position: absolute;
inset: 0;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SP_contact_orange.png) center/cover no-repeat;
opacity: 1;
transition: opacity 0s ease;
z-index: -1;
pointer-events: none;
}
.c-gnav > .menu-item:last-child > a::after {
content: "";
position: absolute;
inset: 0;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SPblue.png) center/cover no-repeat;
opacity: 0;
transition: opacity 0.4s ease;
z-index: -1;
pointer-events: none;
}
.c-gnav > .menu-item:last-child:hover > a::after {
opacity: 1;
}
.c-gnav .menu-item-86 a::after {
height: 0;
}
#sp_menu {
color: #fff;
} .p-spMenu__inner::before {
background-color: #777 !important;
}
.p-spMenu__inner::after {
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SP_contact_orange.png) center/cover no-repeat;
z-index: 3;
} .p-spMenu__body {
padding: 0 10vw 10vw;
background-color: #777;
}
.p-spMenu__body .c-widget__title {
font-size: 21px;
text-align: center;
} .c-spnav a {
border-bottom: none;
display: block;
padding: 1.55em 1.25em;
position: relative;
overflow: hidden;
} .p-spMenu__body .c-listMenu {
text-align: left;  }
.p-spMenu__body .c-listMenu a {
background: none !important;
color: inherit !important;
}
.p-spMenu__body .c-listMenu a::before, .p-spMenu__body .c-listMenu a::after {
display: none !important;
content: none !important;
}
.p-spMenu__body .c-listMenu a:hover, .p-spMenu__body .c-listMenu a:focus, .p-spMenu__body .c-listMenu a:active {
background: none !important;
color: inherit !important;
}
.p-spMenu__body .c-listMenu > li.menu-item {
position: relative;
overflow: hidden;   }
.p-spMenu__body .c-listMenu > li.menu-item > a {
position: relative;
z-index: 1;
}
.p-spMenu__body .c-listMenu > li.menu-item > a::before {
display: none;
}
.p-spMenu__body .c-listMenu > li.menu-item:not(:last-child)::before {
content: "";
position: absolute;
inset: 0;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SPsiro.png) center/cover no-repeat;
opacity: 0;
transition: opacity 0.5s ease;
transition-delay: 0.1s;
pointer-events: none;
z-index: 0;
width: 16%;
left: 0;
height: 100%;
}
.p-spMenu__body .c-listMenu > li.menu-item:not(:last-child):hover::before {
opacity: 1;
}
.p-spMenu__body .c-listMenu > li.menu-item:not(:last-child):hover > a {
color: #000 !important;
}
.p-spMenu__body .c-listMenu > li.menu-item:nth-child(4)::before {
height: 20%;
}
.p-spMenu__body .c-listMenu > li.menu-item:last-child::before, .p-spMenu__body .c-listMenu > li.menu-item:last-child::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
width: 16%;
left: 0;
}
.p-spMenu__body .c-listMenu > li.menu-item:last-child::before {
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SP_contact_orange.png) center/cover no-repeat;
opacity: 1;
}
.p-spMenu__body .c-listMenu > li.menu-item:last-child::after {
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SPblue.png) center/cover no-repeat;
opacity: 0;
transition: opacity 0.4s ease;
}
.p-spMenu__body .c-listMenu > li.menu-item:last-child:hover::after {
opacity: 1;
} .p-spMenu__body .-spmenu {
padding: 4.15em 0.25em;
height: 24%;
width: 80%;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SP_contact_orange.png) center/cover no-repeat;
}
.p-spMenu__body .-spmenu::before, .p-spMenu__body .-spmenu::after {
width: 1em;
} .p-spMenu__body .spxMenuNav__services {  }
.p-spMenu__body .spxMenuNav__services > .sub-menu {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
height: auto !important;
max-height: none !important;
position: static !important;
transform: none !important;
}
.p-spMenu__body .spxMenuNav__services > .sub-menu > li > a {
display: block;
padding: 1.15em 1.25em;
}
.p-spMenu__body .spxMenuNav__services > .sub-menu > li.menu-item {
position: relative;
overflow: hidden;
}
.p-spMenu__body .spxMenuNav__services > .sub-menu > li.menu-item > a {
position: relative;
z-index: 1;
}
.p-spMenu__body .spxMenuNav__services > .sub-menu > li.menu-item::before {
content: "";
position: absolute;
inset: 0;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SPsiro.png) left center/cover no-repeat;
opacity: 0;
transition: opacity 0.35s ease;
pointer-events: none;
width: 19%;
left: 0;
}
.p-spMenu__body .spxMenuNav__services > .sub-menu > li.menu-item:hover::before {
opacity: 1;
}
.p-spMenu__body .spxMenuNav__services > .sub-menu > li.menu-item:hover > a {
color: #000 !important;
} .p-spMenu__body .c-listMenu > li,
.p-spMenu__body .c-listMenu a {
border-bottom: 0 !important;
box-shadow: none !important;
}
.w-footer .w-footer__box:nth-child(1) {
text-align: center;
flex: 1;
}
.w-footer .w-footer__box:nth-child(1) .c-widget + .c-widget {
margin-top: 0em;
}
.w-footer .w-footer__box:nth-child(1) .custom-html-widget {
display: flex;
justify-content: center;
}
.w-footer .w-footer__box:nth-child(1) #media_image-12 a {
display: inline-block; transition: opacity 0.4s ease;
}
@media (min-width: 768px) {
.w-footer .w-footer__box:nth-child(1) {
text-align: center;
width: 100%;
}
}
.w-footer .w-footer__box:nth-child(2) {
flex: 0 0 60%;
width: 100%;
align-items: center;
}
.w-footer .w-footer__box:nth-child(2) .mega-nav {
background: #777;
padding: 40px 2%;
color: #fff; }
.w-footer .w-footer__box:nth-child(2) .mega-nav a {
color: #fff;
text-decoration: none;
font-weight: 600;
display: inline-block;
margin-bottom: 30px;
}
.w-footer .w-footer__box:nth-child(2) .mega-nav a:hover {
color: #f1630e;
}
.w-footer .w-footer__box:nth-child(2) .mega-nav__grid {
display: grid;
grid-template-columns: 1fr;
row-gap: 0;
}
.w-footer .w-footer__box:nth-child(2) .mega-nav__col {
display: flex;
flex-direction: column;
}
.w-footer .w-footer__box:nth-child(2) .mega-nav__sub {
margin-top: 8px;
padding-left: 0;
}
.w-footer .w-footer__box:nth-child(2) .mega-nav__sub li {
list-style: none;
margin-bottom: 6px;
padding-left: 1.2em;
position: relative;
}
.w-footer .w-footer__box:nth-child(2) .mega-nav__sub li::before {
content: "—";
position: absolute;
left: 0;
opacity: 0.8;
}
.w-footer .w-footer__box:nth-child(2) .mega-nav__sub li a {
font-weight: 400;
}
@media (min-width: 990px) {
.w-footer .w-footer__box:nth-child(2) .mega-nav__grid {
grid-template-columns: repeat(3, 1fr);
-moz-column-gap: 30px;
column-gap: 30px;
}
}
.w-footer .w-footer__box:nth-child(2) .menu {
display: flex;
border-left: 0;
justify-content: flex-start;
}
.w-footer .w-footer__box:nth-child(2) .c-listMenu a {
border-bottom: none;
}
.w-footer .w-footer__box:nth-child(2) .c-listMenu a .menu-item {
width: 430px;
}
.w-footer .w-footer__box:nth-child(3) {
max-width: 280px;
width: 100%;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
flex-direction: column;
}
.w-footer .w-footer__box:nth-child(3) #media_image-24:hover {
opacity: 0.7;
transition: opacity 0.4s ease;
}
.w-footer .w-footer__box:nth-child(3) .widget_swell_sns_links .c-iconList {
justify-content: center;
margin-bottom: 20px;
}
.w-footer .w-footer__box:nth-child(3) .widget_swell_sns_links .c-iconList li:hover {
color: #f1630e;
}
@media (max-width: 765px) {
.-col3 {
display: flex;
flex-direction: column;
align-items: center;
}
.-col3 #media_image-3 a .wp-image-20 {
width: 55px;
height: 48px;
}
.-col3 .menu {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
}
.l-footer__foot {
padding: 0.5em 0;
} @media screen and (max-width: 990px) {
.mega-nav {
background: #777;
padding: 32px 6%;
color: #fff;  }
.mega-nav a {
color: #fff;
text-decoration: none;
font-weight: 600;
display: inline-block;
margin-bottom: 10px;
text-align: left;
width: 100%;
}
.mega-nav a:hover {
color: #f1630e;
}
.mega-nav__grid {
display: flex;
flex-direction: column;
row-gap: 14px;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
.mega-nav__col {
display: flex;
flex-direction: column;
}
.mega-nav__sub {
margin-top: 6px;
padding-left: 0;
}
.mega-nav__sub li {
list-style: none;
margin-bottom: 6px;
padding-left: 0;
position: relative;
}
.mega-nav__sub li::before {
content: "—";
position: absolute;
left: 0;
opacity: 0.7;
}
.mega-nav__sub li a {
font-weight: 500;
font-size: 0.9rem;
}
}
.top #content {
padding-top: 0em !important;
} .top_about {
padding: 250px 0 !important;
}
.top_about .about__flex {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 60px;
padding: 0 4%;
margin: 0 auto 60px;
}
.top_about .about__flex .wp-block-image {
width: 30% !important;
}
.top_about .about__flex .has-medium-font-size {
width: 32% !important;
font-size: clamp(18px, 1.5vw, 20px) !important;
}
@media (max-width: 765px) {
.top_about .about__flex {
align-items: center;
gap: 20px;
flex-direction: column;
margin: 0 0 20px;
}
.top_about .about__flex .wp-block-image {
width: 100% !important;
}
.top_about .about__flex .wp-block-image img {
width: 100% !important;
}
.top_about .about__flex .has-medium-font-size {
width: 100% !important;
}
.top_about .colum {
flex-direction: column-reverse;
}
}
.-sidebar-on .l-content .alignfull {
left: 0;
margin-bottom: 0;
} .top_rerson {
padding: 0 4%;
}
.top_rerson .rerson_items .wp-block-group {
justify-content: center;
gap: 1%;
padding: 0 0.8%;
}
.top_rerson .rerson_items > .wp-block-group__inner-container > .wp-block-group.is-layout-flex {
align-items: flex-start;
}
.top_rerson .rerson_items .rerson_item {
width: 25%;
align-items: center; }
.top_rerson .rerson_items .rerson_item:nth-child(even) {
margin-top: 200px;
}
.top_rerson .rerson_items .rerson_item .rerson_title {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
}
.top_rerson .rerson_items .rerson_item .rerson_title .number {
width: 30%;
text-align: center;
font-size: clamp(14px, 2vw, 30px) !important;
}
.top_rerson .rerson_items .rerson_item .rerson_title .text {
width: 100%;
text-align: left;
font-weight: bold;
font-size: clamp(11px, 1.4vw, 20px) !important;
}
.top_rerson .rerson_items .rerson_item .textarea {
width: 100%;
text-align: left;
font-size: clamp(11px, 1.9vw, 20px) !important;
}
@media (max-width: 767px) {
.top_rerson {
padding: 0 6%;
}
.top_rerson .rerson_items { }
.top_rerson .rerson_items .wp-block-group {
justify-content: center;
flex-direction: column;
margin: 0 0 100px;
}
.top_rerson .rerson_items > .wp-block-group__inner-container > .wp-block-group.is-layout-flex {
flex-direction: column;
align-items: stretch;
}
.top_rerson .rerson_items .rerson_item {
width: 100%;
align-items: center; }
.top_rerson .rerson_items .rerson_item:nth-child(even) {
margin-top: 0;
}
.top_rerson .rerson_items .rerson_item .wp-block-image img {
width: 60%;
}
.top_rerson .rerson_items .rerson_item .rerson_title {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 12px;
}
.top_rerson .rerson_items .rerson_item .rerson_title .number {
width: auto;
width: 33%;
text-align: center;
font-size: clamp(16px, 9vw, 30px) !important;
}
.top_rerson .rerson_items .rerson_item .rerson_title .text {
width: 100%;
padding: 20px 0px;
text-align: left;
font-weight: bold;
font-size: clamp(14px, 5.3vw, 23px) !important;
}
.top_rerson .rerson_items .rerson_item .textarea {
width: 100%;
text-align: left;
line-height: 1.7;
font-size: clamp(13px, 5vw, 24px) !important;
}
} .top_concept {
padding: 0 4%;
}
.top_concept .concept_list {
max-width: 1400px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 767px) {
.top_concept {
padding: 0 4%;
}
.top_concept .concept_list {
width: 100%;
margin: 0 auto;
flex-direction: column;
gap: 80px;
}
.top_concept .concept_list img {
width: 80%;
}
} .top_service {
padding: 0 4%;
width: 100%;
}
.top_service .wp-block-group.is-row {
justify-content: center;
}
.top_service .service_list {
gap: 20px;
justify-content: center;
width: 100%;
}
.top_service .service_list .service_list_item {
width: 33%;
padding: 50px 1%;
gap: 20px;
background-color: #FFF;
opacity: 1;
align-items: center;
}
.top_service .service_list .service_list_item .item-img1 img {
width: 230px !important;
margin: 0 0 15px;
}
.top_service .service_list .service_list_item .item-img2 img {
width: 145px !important;
margin: 0 0 15px;
}
.top_service .service_list .service_list_item .item-img3 img {
width: 97px !important;
height: 100% !important;
margin: 0 0 33px;
}
@media (max-width: 767px) {
.top_service h3 {
font-size: 1em;
}
.top_service h4 {
font-size: 1.4em;
}
.top_service pre {
font-size: 16px;
}
} @media (max-width: 767px) {
.top_service {
padding: 0;
width: 100%;
max-width: 100%; }
.top_service .wp-block-group.is-row {
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 60px;
}
.top_service .service_list {
width: 100%;
gap: 20px;
justify-content: flex-start; }
.top_service .service_list .service_list_item {
width: 100%;
margin: 0;
padding: 50px 6%;
gap: 14px; flex-direction: column;
align-items: center;
text-align: center;
background-color: #FFF;
opacity: 1; }
.top_service .service_list .service_list_item .item-img1 img {
width: 320px !important;
margin: 0 0 12px;
height: auto !important;
}
.top_service .service_list .service_list_item .item-img2 img {
width: 280px !important;
margin: 0 0 12px;
height: auto !important;
}
.top_service .service_list .service_list_item .item-img3 img {
width: 230px !important;
margin: 0 0 16px;
height: auto !important;
}
.top_service .service_list .service_list_item .wp-block-preformatted {
text-align: left;
}
} .top_price .price_inner {
position: relative;
overflow: hidden;
height: clamp(520px, 68vw, 900px);  }
.top_price .price_inner .price-image {
position: absolute;
width: clamp(260px, 40vw, 700px);
aspect-ratio: 700/463;
height: auto;
top: clamp(70px, 10vw, 130px);
left: clamp(16px, 8vw, 10%);
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SP_top_price2.png) right center/cover no-repeat;
z-index: 1;
}
.top_price .price_inner .price-bg {
position: absolute;
width: clamp(520px, 70vw, 1072px);
aspect-ratio: 1072/744;
height: auto;
top: 0;
right: clamp(-196px, -10vw, -14%);
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SP_top_priceのコピー.png) right center/cover no-repeat;
padding: clamp(28px, 4vw, 80px) clamp(18px, 3.2vw, 60px);
z-index: 2;
}
.top_price .price_inner .price-bg .price-content {
max-width: clamp(211px, 24vw, 520px);
padding: clamp(6px, 4vw, 67px) clamp(18px, 3.2vw, 38px);
color: #fff;
margin: 13px 109px 0;
}
.top_price .price_inner .price-bg .price-content .section-title {
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SP_sectiontitle_price.png) right center/cover no-repeat;
aspect-ratio: 350/164;
}
.top_price .price_inner .price-bg .price-content .section-title::before {
display: none;
}
.top_price .price_inner .price-bg .price-content p {
font-size: clamp(12px, 1.2vw, 23px);
}
.top_price .price_inner .price-bg .price-content ul li {
font-size: clamp(13px, 1.35vw, 26px);
font-weight: bold;
} @media (max-width: 768px) {
.top_price_sp {
align-items: center;
padding: 20px 0 72px 16px;
}
.top_price_sp .section-title {
padding: 155px 4% 20px;
}
.top_price_sp h4 {
padding: 15px 0 30px;
}
.top_price_sp p {
padding: 0;
}
}
@media (max-width: 768px) {
.top_contact {
border-radius: 30px;
--swl-box_padding: 4em 2em 1em;
}
.top_contact .section-title {
margin-top: 30px !important;
}
.top_contact .contact_inner {
border-radius: 30px;
}
} .top_works .top_works_list {
color: #fff;
}
.whats {
width: 100%;
display: flex !important;
align-items: center;
justify-content: center;
margin: 0 auto;
padding: 120px 0 100px;
}
.whats__textarea {
align-items: flex-start;
width: 50%;
}
.whats__textarea .h3_title {
margin: 0 0 40px;
}
.whats .what_img {
width: 50%;
text-align: -webkit-right;
}
.whats .what_img img {
margin: 0;
width: 70% !important;
}
@media (max-width: 990px) {
.whats {
width: 100%;
display: flex !important;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 0 auto;
padding: 120px 0 100px;
}
.whats__textarea {
align-items: flex-start;
width: 100%;
}
.whats__textarea .h3_title {
margin: 0 0 40px;
}
.whats .what_img {
width: 100%;
text-align: -webkit-right;
align-items: center;
justify-content: center;
display: flex;
}
.whats .what_img img {
width: 70% !important;
}
}
.who {
justify-content: center;
}
.who .who_inner {
margin: 0 auto !important;
width: 100%;
gap: 170px;
padding: 100px 0 0;
align-items: center;
justify-content: space-between;
}
.who .who_inner .who_list {
width: 80%;
flex-direction: row;
gap: 12%;
}
.who .who_inner .who_list .who_list__flex {
align-items: center;
flex-direction: column;
gap: 4%;
}
.who .who_inner .who_list .who_list__flex .who_list__flex--item {
width: 100%;
margin: 0px 0 100px;
justify-content: space-between;
}
.who .who_inner .who_list .who_list__flex .who_list__flex--item h4 {
border-bottom: 2px solid #545454;
padding: 0 0 10px;
width: 100%;
margin: 0 auto;
}
.who .who_inner .who_list .who_list__flex .who_list__flex--item .wp-block-preformatted {
padding: 15px 0 0;
}
.who .who_inner .who_list .who_list__flex .dis_none {
opacity: 0;
}
.who .who_inner .who_list .flex1 {
margin: 220px 0 0;
}
.who .who_inner .who_textarea {
text-align: center;
width: 100%;
}
@media (max-width: 990px) {
.who {
justify-content: center;
}
.who .who_inner {
margin: 0 auto !important;
width: 100%;
gap: 50px;
padding: 0 0 100px;
align-items: center;
justify-content: space-between;
flex-direction: column;
}
.who .who_inner .who_list {
width: 100%;
flex-direction: column;
gap: 12%;
}
.who .who_inner .who_list .who_list__flex {
align-items: center;
flex-direction: column;
gap: 4%;
}
.who .who_inner .who_list .who_list__flex .who_list__flex--item {
width: 100%;
margin: 0px 0 100px;
justify-content: space-between;
}
.who .who_inner .who_list .who_list__flex .who_list__flex--item h4 {
padding: 0;
font-size: 18px;
}
.who .who_inner .who_list .who_list__flex .who_list__flex--item h4 .wp-block-preformatted {
padding: 15px 0 0;
}
.who .who_inner .who_list .who_list__flex .dis_none {
opacity: 0;
}
.who .who_inner .who_list .flex1 {
margin: 100px 0 0;
}
.who .who_inner .who_textarea {
width: 100%;
padding: 0 0 140px;
}
} .message {
padding: 120px 4% !important;
align-items: center;
}
.message .message_item {
width: 100%;
margin-top: 90px;
gap: 70px; display: flex; align-items: center;
justify-content: center;
}
.message .message_item pre {
padding: 0;
}
.message .message_item .image-block {
width: 70%;
align-items: center;
}
.message .message_item .image-block .my-name {
margin: 0px 0 0;
text-align: center;
}
.message .message_item .image-block .my-name img {
width: 100% !important;
}
.message .message_item .text-block {
width: 100%;
display: flex !important;
align-items: center !important;
}
.message .message_item .text-block__title {
width: 100%;
margin: 0 0 60px;
}
.message .message_item .text-block__title blockquote {
padding: 10px 0;
}
.message .message_item .text-block__title blockquote :not(:last-child) {
margin: 0 0 0em;
}
.message .message_item .text-block__title blockquote cite {
margin: 0;
font-size: 0.7em;
}
.message .message_item .text-block__title .wp-block-pullquote {
padding: 0.4em 0;
}
.message .message_item .text-block__textarea {
align-items: flex-start !important;
}
.message .message_item .text-block__textarea pre {
margin: 0 0 30px;
}
.message .message_item .text-block__textarea .pum-trigger {
transition: all 0.3s ease;
color: #b38043;
}
.message .message_item .text-block__textarea .pum-trigger:hover {
color: #6B8F71;
}
.concept {
text-align: center;
padding: 0 2%;
}
.concept .concept_flex {
flex-direction: row;
padding: 100px 0;
gap: 20px;
}
@media (max-width: 765px) {
.concept {
text-align: center;
padding: 0 2%;
}
.concept .concept_flex {
flex-direction: column;
gap: 20px;
}
}
.concept3 {
padding: 0 4%;
gap: 20px;
}
.concept3 pre {
padding: 0;
}
.concept3 .concept_bg {
border-radius: 60px;
}
.concept3 .concept3_inner {
padding: 100px 4%;
}
.concept3 .concept3_inner .concept_images {
gap: 20px;
margin: 100px 0;
}
.concept3 .retoro {
text-shadow: 2px 0 0 rgba(0, 0, 0, 0.65), -1px 0 0 rgba(0, 0, 0, 0.65), 0 1px 0 rgba(0, 0, 0, 0.65), 0 -1px 0 rgba(0, 0, 0, 0.65), 0 6px 14px rgba(0, 0, 0, 0.25);
}
@media (max-width: 765px) {
.concept3 {
padding: 0%;
gap: 100px;
}
.concept3 pre {
padding: 0;
}
.concept3 .concept_bg {
border-radius: 30px;
}
.concept3 .concept3_inner {
padding: 100px 4%;
}
.concept3 .concept3_inner .wp-block-group-is-layout-flex {
align-items: center;
}
.concept3 .concept3_inner .concept_images {
gap: 100px;
margin: 100px 0;
flex-direction: column;
}
.concept3 .concept3_inner .text_list {
flex-direction: column;
align-items: center;
}
.concept3 .concept3_inner .text_list .is-layout-flex {
margin: 0 0 100px;
align-items: center;
}
.concept3 .concept3_inner .text_list .wp-block-spacer {
display: none;
}
}
.before_after {
padding: 0 2%;
}
.before_after .before {
width: 100%;
align-items: center;
}
.before_after .before .before_text {
width: 50%;
}
.before_after .before .before_image {
width: 50%;
}
.before_after .after {
width: 100%;
gap: 20px;
}
.before_after .after .after_item {
width: 33%;
}
@media (max-width: 765px) {
.before_after {
padding: 0 4%;
}
.before_after .before {
width: 100%;
flex-direction: column;
align-items: center;
}
.before_after .before .before_text {
width: 100%;
}
.before_after .before .before_image {
width: 100%;
}
.before_after .after {
width: 100%;
flex-direction: column;
gap: 100px;
}
.before_after .after .after_item {
width: 100%;
}
}
.service_list {
gap: 100px;
}
.service_list .service_item {
flex-direction: row;
justify-content: flex-start;
width: 100%;
padding: 80px 4%;
}
.service_list .service_item .image_area {
width: 60%;
align-items: center;
}
.service_list .service_item .image_area .item-img1 {
width: 100%;
}
.service_list .service_item .image_area .item-img2 {
width: 80%;
}
.service_list .service_item .image_area .item-img3 {
width: 60%;
}
.service_list .service_item .text_area {
width: 50%;
}
.service_list .service_item .text_area h3 {
text-align: left;
}
.service_list .service_item .text_area pre {
padding: 20px 0 0;
}
@media (max-width: 990px) {
.service_list {
gap: 150px;
}
.service_list .service_item {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 80px 4%;
}
.service_list .service_item .image_area {
width: 100%;
align-items: center;
}
.service_list .service_item .image_area .item-img1 {
width: 90%;
}
.service_list .service_item .image_area .item-img2 {
width: 80%;
}
.service_list .service_item .image_area .item-img3 {
width: 70%;
}
.service_list .service_item .text_area {
width: 100%;
align-items: center;
}
.service_list .service_item .text_area h3 {
text-align: left;
padding: 30px 0;
}
.service_list .service_item .text_area pre {
padding: 20px 0 0;
}
}
.feature .feature_1 {
width: 100%;
gap: 30px;
align-items: center;
}
.feature .feature_1__textarea {
align-items: flex-start;
width: 100%;
}
.feature .feature_1__textarea h3 {
text-align: left;
border-bottom: 2px solid #545454;
padding: 0 0 10px;
}
.feature .feature_1__image {
width: 100%;
}
.feature .feature_1__image .img_1 img {
margin: 0 auto 50px 0;
}
.feature .feature_1__image .img_2 img {
margin: 0 0 0 auto;
}
.feature .feature_2 {
width: 100%;
gap: 50px;
align-items: center;
}
.feature .feature_2__image {
width: 50%;
}
.feature .feature_2__textarea {
width: 50%;
align-items: flex-start;
}
.feature .feature_2__textarea h3 {
text-align: left;
border-bottom: 2px solid #545454;
padding: 0 0 10px;
}
.feature .feature_3 {
width: 100%;
gap: 50px;
align-items: center;
}
.feature .feature_3__textarea {
text-align: left;
width: 50%;
align-items: flex-start;
}
.feature .feature_3__textarea h3 {
text-align: left;
border-bottom: 2px solid #545454;
padding: 0 0 10px;
}
.feature .feature_3__image {
width: 50%;
}
.feature .feature_4 {
width: 100%;
align-items: center;
gap: 50px;
}
.feature .feature_4__textarea {
width: 50%;
}
.feature .feature_4__textarea h3 {
width: -moz-fit-content;
width: fit-content;
text-align: left;
border-bottom: 2px solid #545454;
padding: 0 0 10px;
}
.feature .feature_4__image {
width: 50%;
}
.feature .feature_1_digi_pepa {
margin: 60px 0;
}
.feature .feature_1_digi_pepa pre {
text-align: left;
}
.feature .feature_1_digi_pepa__textarea {
align-items: left;
width: 100%;
}
.feature .feature_1_digi_pepa__textarea h3 {
width: -moz-fit-content;
width: fit-content;
text-align: left;
border-bottom: 2px solid #545454;
padding: 0 0 10px;
}
.feature .feature_1_digi_pepa__image {
margin: 60px 0;
flex-direction: row;
width: 100%;
}
.feature .feature_1_digi_pepa__image figure {
width: 100%;
}
.feature .feature_1_digi_pepa__image figure img {
width: 68%;
}
.feature .feature_2_digi_pepa {
margin: 60px 0;
}
.feature .feature_2_digi_pepa pre {
text-align: left;
}
.feature .feature_2_digi_pepa__textarea {
align-items: left;
width: 100%;
}
.feature .feature_2_digi_pepa__textarea h3 {
width: -moz-fit-content;
width: fit-content;
text-align: left;
border-bottom: 2px solid #545454;
padding: 0 0 10px;
}
.feature .feature_2_digi_pepa__image {
margin: 60px 0;
flex-direction: row;
width: 100%;
}
.feature .feature_2_digi_pepa__image figure {
width: 100%;
}
.feature .feature_2_digi_pepa__image figure img {
width: 68%;
}
@media (max-width: 990px) {
.feature .nayami .nayami_li {
font-size: 14px !important;
}
.feature .feature_1 {
width: 100%;
gap: 30px;
align-items: center;
flex-direction: column-reverse;
}
.feature .feature_1__textarea {
align-items: center;
width: 100%;
}
.feature .feature_1__image {
width: 100%;
}
.feature .feature_1__image .img_1 img {
margin: 0 auto 30px 0;
}
.feature .feature_1__image .img_2 img {
margin: 0 0 0 auto;
}
.feature .feature_2 {
gap: 50px;
align-items: center;
width: 100%;
flex-direction: column;
padding: 100px 0;
}
.feature .feature_2 pre {
padding: 0;
}
.feature .feature_2__image {
width: 100%;
align-items: center;
}
.feature .feature_2__textarea {
width: 100%;
align-items: center;
}
.feature .alignfull {
left: 0;
}
.feature .feature_3 {
width: 100%;
gap: 50px;
align-items: center;
flex-direction: column-reverse;
}
.feature .feature_3__textarea {
width: 100%;
align-items: normal;
}
.feature .feature_3__textarea .ul_1 {
align-items: flex-start;
}
.feature .feature_3__image {
width: 100%;
align-items: center;
}
.feature .feature_4 {
width: 100%;
gap: 50px;
align-items: center;
flex-direction: column;
}
.feature .feature_4__textarea {
width: 100%;
align-items: normal;
}
.feature .feature_4__textarea .ul_1 {
align-items: flex-start;
}
.feature .feature_4__image {
width: 100%;
align-items: center;
}
.feature .feature_1_digi_pepa {
margin: 60px 0;
flex-direction: column;
}
.feature .feature_1_digi_pepa__textarea {
align-items: left;
width: 100%;
margin: 0 0 60px;
}
.feature .feature_1_digi_pepa__image {
margin: 60px 0;
flex-direction: column;
width: 100%;
gap: 20px;
}
.feature .feature_1_digi_pepa__image figure {
width: 100%;
}
.feature .feature_1_digi_pepa__image figure img {
width: 70%;
}
}
.service_price .service_price_flex {
width: 100%;
align-items: center;
justify-content: center;
}
.service_price .service_price_flex__image {
width: 50%;
}
@media (max-width: 990px) {
.service_price .service_price_flex {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
justify-content: center;
}
.service_price .service_price_flex__image {
width: 100%;
}
.service_price .service_price_flex__image img {
width: 100%;
padding: 0 2%;
}
}
.flow .flow_flex {
gap: 30px;
width: 100%;
padding: 200px 0 0;
justify-content: space-around;
}
.flow .flow_flex .flow_flex_item {
width: 33%;
padding: 60px 0 0;
align-items: center;
justify-content: flex-end;
position: relative;
z-index: 1;
}
.flow .flow_flex .flow_flex_item__img {
display: flex;
width: 100%;
}
.flow .flow_flex .flow_flex_item__img img {
width: 60%;
margin: 0 auto;
}
.flow .flow_flex .flow_flex_item pre {
padding: 0 5%;
width: 100%;
}
.flow .flow_flex .flow_flex_item__bottom-img {
margin: 30px 0 0 !important;
}
.flow .flow_flex .item1::before {
content: "";
position: absolute;
inset: 0;
opacity: 1;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/flow_step01.png) center/cover no-repeat;
z-index: 3;
pointer-events: none;
height: 30%;
width: 72%;
left: 45px;
top: -97px;
}
.flow .flow_flex .item2::before {
content: "";
position: absolute;
inset: 0;
opacity: 1;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/flow_step02.png) center/cover no-repeat;
z-index: 3;
pointer-events: none;
height: 30%;
width: 72%;
left: 45px;
top: -97px;
}
.flow .flow_flex .item3::before {
content: "";
position: absolute;
inset: 0;
opacity: 1;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/flow_step03.png) center/cover no-repeat;
z-index: 3;
pointer-events: none;
height: 30%;
width: 72%;
left: 45px;
top: -97px;
}
.flow .flow_flex .item4::before {
content: "";
position: absolute;
inset: 0;
opacity: 1;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/flow_step04.png) center/cover no-repeat;
z-index: 3;
pointer-events: none;
height: 30%;
width: 72%;
left: 45px;
top: -97px;
}
.flow .flow_flex .item5::before {
content: "";
position: absolute;
inset: 0;
opacity: 1;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/flow_step05.png) center/cover no-repeat;
z-index: 3;
pointer-events: none;
height: 30%;
width: 72%;
left: 45px;
top: -97px;
}
.flow .flow_flex .item6::before {
content: "";
position: absolute;
inset: 0;
opacity: 1;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/flow_step06.png) center/cover no-repeat;
z-index: 3;
pointer-events: none;
height: 30%;
width: 72%;
left: 45px;
top: -97px;
}
@media (max-width: 990px) {
.flow .flow_flex {
gap: 30px;
width: 100%;
padding: 200px 0 0;
flex-direction: column;
align-items: center;
gap: 200px;
}
.flow .flow_flex .flow_flex_item {
width: 100%;
padding: 60px 0 0;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
}
.flow .flow_flex .flow_flex_item__img {
display: flex;
width: 60%;
}
.flow .flow_flex .flow_flex_item__img img {
width: 100%;
}
.flow .flow_flex .flow_flex_item pre {
padding: 0 5%;
width: 100%;
}
.flow .flow_flex .flow_flex_item__bottom-img {
width: 100%;
margin: 30px 0 0 !important;
}
.flow .flow_flex .item1::before,
.flow .flow_flex .item2::before,
.flow .flow_flex .item3::before,
.flow .flow_flex .item4::before,
.flow .flow_flex .item5::before,
.flow .flow_flex .item6::before {
content: "";
height: 25%;
width: 45%;
top: -2%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.faq .faq_list__que .swell-block-accordion__title {
background-color: #777777;
}
.faq .faq_list .swell-block-accordion__body {
padding: 0;
background-color: #FFF;
}
.faq .faq_list .swell-block-accordion__body .ans {
padding: 0.7em;
}
.works {
color: #fff;
}
.works .c-tabList {
height: 100%;
gap: 30px;
}
.works .c-tabList .has-white-color {
font-size: 20px;
}
.works .c-tabList .c-tabList__button:before {
height: 0px;
}
.works .c-tabList .c-tabList__button:after {
color: #f1630e;
height: 0;
opacity: 0;
}
.works .c-tabBody {
width: 100%;
}
.works__homepage_list {
display: flex;
flex-direction: row;
}
.works .is-style-bb {
width: 100%;
display: flex;
gap: 150px;
}
@media (max-width: 990px) {
.works {
color: #fff;
}
.works .c-tabList {
height: 100%;
gap: 0px;
}
.works .c-tabList .has-white-color {
font-size: 20px;
}
.works .c-tabList .c-tabList__button:before {
height: 0px;
}
.works .c-tabList .c-tabList__button:after {
color: #f1630e;
height: 0;
opacity: 0;
}
.works__homepage_list {
display: flex;
flex-direction: row;
}
.works .is-style-bb {
display: flex;
gap: 150px;
flex-direction: column;
}
} .single #content {
justify-content: space-around;
padding: 0 4%;
}
.single #content #main_content {
width: calc(80% - var(--swl-sidebar_width) - var(--swl-sidebar_margin));
}
.single #content #main_content .p-articleThumb__img {
width: 100%;
margin: 0 auto;
}
.single #content #main_content .post_content {
border-top: 7px solid #f1630e;
border-bottom: 7px solid #f1630e;
padding: 60px 0 40px; }
.single #content #main_content .post_content h2 {
margin: 0 auto 30px;
border-bottom: 1px solid #333;
padding-bottom: 20px;
width: 90%;
}
.single #content #main_content .post_content .wp-block-columns {
width: 80%;
}
@media (max-width: 990px) {
.single #content {
justify-content: space-around;
flex-direction: column;
padding: 0 4%;
width: 100%;
}
.single #content #main_content {
width: 100%;
}
.single #content #main_content .p-articleThumb__img {
width: 100%;
margin: 0 auto;
}
.single #content #main_content .post_content {
border-top: 7px solid #f1630e;
border-bottom: 7px solid #f1630e;
padding: 60px 0 40px; }
.single #content #main_content .post_content h2 {
margin: 0 auto 30px;
border-bottom: 1px solid #333;
padding-bottom: 20px;
width: 90%;
}
.single #content #main_content .post_content .wp-block-columns {
width: 100%;
}
} .l-sidebar .c-widget__title,
.l-sidebar .widget-title,
.l-sidebar .wp-block-heading {
position: relative;
margin: 0 0 16px;
padding: 10px 4% 12px;
font-weight: 700;
letter-spacing: 0.06em;
font-size: 16px;
line-height: 1.2;
background-color: #f1630e;
color: #fff; }
.l-sidebar .c-widget__title.-side::before {
display: none;
}
.hp_plan .hp_plan_list {
width: 100%;
gap: 20px;
}
.hp_plan .hp_plan_list .wp-block-group {
--swl-box_padding: 1em;
}
.hp_plan .hp_plan_list .wp-block-group .has-white-color {
text-shadow: 2px 0 0 rgba(0, 0, 0, 0.65), -1px 0 0 rgba(0, 0, 0, 0.65), 0 1px 0 rgba(0, 0, 0, 0.65), 0 -1px 0 rgba(0, 0, 0, 0.65), 0 6px 14px rgba(0, 0, 0, 0.25) !important;
}
.hp_plan .hp_plan_list__item {
width: 33%;
}
.hp_plan .hp_plan_list__item .wp-block-group {
justify-content: center;
}
.hp_plan .hp_plan_list__item .block {
display: block;
margin: 0 0 20px;
}
.hp_plan .hp_plan_list div > :first-child {
justify-content: center;
}
.hp_plan .hp_plan_list .wp-block-group {
--swl-box_padding: 1em;
}
@media (max-width: 990px) {
.hp_plan .hp_plan_list {
width: 100%;
gap: 50px;
flex-direction: column;
}
.hp_plan .hp_plan_list__item {
width: 100%;
}
}
.hikaku .has-white-color {
text-shadow: 2px 0 0 rgba(0, 0, 0, 0.65), -1px 0 0 rgba(0, 0, 0, 0.65), 0 1px 0 rgba(0, 0, 0, 0.65), 0 -1px 0 rgba(0, 0, 0, 0.65), 0 6px 14px rgba(0, 0, 0, 0.25) !important;
}
.wp-block-table td {
padding: 1.2em 0.75em;
}
.wp-block-table th {
padding: 0.5em 0.75em;
}
.operation {
display: none;
}
.operation .operation_list {
width: 100%;
gap: 20px;
}
.operation .operation_list .wp-block-group {
--swl-box_padding: 1em;
}
.operation .operation_list .wp-block-group .has-white-color {
text-shadow: 2px 0 0 rgba(0, 0, 0, 0.65), -1px 0 0 rgba(0, 0, 0, 0.65), 0 1px 0 rgba(0, 0, 0, 0.65), 0 -1px 0 rgba(0, 0, 0, 0.65), 0 6px 14px rgba(0, 0, 0, 0.25) !important;
}
.operation .operation_list__item {
width: 33%;
}
.operation .operation_list__item .wp-block-group {
justify-content: center;
}
.operation .operation_list .wp-block-group {
--swl-box_padding: 1em;
}
@media (max-width: 990px) {
.operation .operation_list {
width: 100%;
gap: 50px;
flex-direction: column;
}
.operation .operation_list__item {
width: 100%;
}
}
.digital .digital_block {
align-items: center;
}
.digital .digital_block .digital_list {
width: 60%;
gap: 50px;
align-items: center;
}
.digital .digital_block .digital_list__item {
width: 100%;
align-items: center;
flex-direction: row;
}
.digital .digital_block .digital_list__item .wp-block-image {
width: 40%;
}
.digital .digital_block .digital_list__item .wp-block-image img {
width: 70%;
}
.digital .digital_block .digital_list__item .is-stack {
width: 60%;
}
@media (max-width: 990px) {
.digital .section-title {
padding: 0 4% 130px;
}
.digital .digital_block {
align-items: center;
flex-direction: column;
}
.digital .digital_block .digital_list {
width: 100%;
gap: 100px;
align-items: center;
}
.digital .digital_block .digital_list__item {
width: 100%;
align-items: center;
flex-direction: column;
}
.digital .digital_block .digital_list__item .wp-block-image {
width: 50%;
}
.digital .digital_block .digital_list__item .wp-block-image img {
width: 70%;
}
.digital .digital_block .digital_list__item .is-stack {
width: 100%;
align-items: center;
margin: 40px 0 0;
}
.digital .paper_block {
flex-direction: column-reverse;
}
}
.contact_block {
border-radius: 50px;
}
@media (max-width: 990px) {
.contact_block {
border-radius: 30px;
}
}
.contact {
margin: 150px 0;
}
.contact .mail_form {
border-radius: 50px;
padding: 6%;
margin: 150px 0;
}
.contact .mail_form__title span {
padding: 0 0 15px 0;
position: relative;
}
.contact .mail_form__title span ::after {
content: "";
position: absolute;
background-color: #fcfcfc;
height: 3px;
width: 100%;
}
.contact .wpcf7-not-valid-tip {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.08em;
font-family: "Noto Sans JP", "Noto Sans", sans-serif;
font-weight: 500;
color: #000;
color: #dc3232;
display: block;
margin: 5px 0 -30px;
}
.contact .wpcf7 {
background-color: #FFF;
border-radius: 50px;
padding: 6%;
}
.contact .wpcf7 ._sp {
padding: 20% 4%;
border-radius: 30px;
}
.contact .wpcf7 .wpcf7-form {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.contact .wpcf7 .wpcf7-form .form-list {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin: 0px 0 42.5px;
}
.contact .wpcf7 .wpcf7-form .form-list .label-content {
width: 33.4%;
height: 45px;
display: flex;
gap: 10px;
align-items: center;
justify-content: flex-start;
}
.contact .wpcf7 .wpcf7-form .form-list .label-content label {
cursor: pointer;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.08em;
font-family: "Noto Sans JP", "Noto Sans", sans-serif;
font-weight: 500;
color: #000;
}
.contact .wpcf7 .wpcf7-form .form-list .label-content ._sp {
width: 100%;
margin: 0 0 5px;
}
.contact .wpcf7 .wpcf7-form .form-list .label-content .required {
width: 47px;
height: 24px;
text-align: center;
padding: 0;
border-radius: 7px;
background-color: #f1630e;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.07em;
font-family: "Noto Sans JP", "Noto Sans", sans-serif;
font-weight: 400;
color: #fff;
}
.contact .wpcf7 .wpcf7-form .form-list .label-content .optional {
width: 47px;
height: 24px;
text-align: center;
padding: 0;
border-radius: 7px;
background-color: #5D5A4D;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.07em;
font-family: "Noto Sans JP", "Noto Sans", sans-serif;
font-weight: 400;
color: #fff;
}
.contact .wpcf7 .wpcf7-form .form-list .input-content {
max-width: 400px;
width: 100%;
}
.contact .wpcf7 .wpcf7-form .form-list .input-content ._sp {
max-width: 100%;
}
.contact .wpcf7 .wpcf7-form .form-list .input-content .inquiry-radio {
display: flex;
flex-direction: column;
gap: 10px;
margin: -1px 0 0px -3px;
}
.contact .wpcf7 .wpcf7-form .form-list .input-content .inquiry-radio .wpcf7-list-item {
margin: 6px 0px 0px -1px;
width: -moz-fit-content;
width: fit-content;
transition: 0.3s;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.08em;
font-family: "Noto Sans JP", "Noto Sans", sans-serif;
font-weight: 400;
color: #000;
}
.contact .wpcf7 .wpcf7-form .form-list .input-content .inquiry-radio .wpcf7-list-item label {
cursor: pointer;
}
.contact .wpcf7 .wpcf7-form textarea {
width: 400px;
height: 244px;
padding: 12px;
border-radius: 4px;
font-size: 16px;
background: #f6f3ef;
}
.contact .wpcf7 .wpcf7-form textarea ._sp {
width: 100%;
}
.contact .wpcf7 .wpcf7-form textarea:focus {
border-color: #f1630e;
outline: none;
}
.contact .wpcf7 .wpcf7-form input[type=text],
.contact .wpcf7 .wpcf7-form input[type=email],
.contact .wpcf7 .wpcf7-form input[type=tel],
.contact .wpcf7 .wpcf7-form input[type=date] {
max-width: 100%;
width: 100%;
height: 48px;
padding: 12px;
border-radius: 4px;
font-size: 16px;
background: #f6f3ef !important;
}
.contact .wpcf7 .wpcf7-form input[type=text]:focus,
.contact .wpcf7 .wpcf7-form input[type=email]:focus,
.contact .wpcf7 .wpcf7-form input[type=tel]:focus,
.contact .wpcf7 .wpcf7-form input[type=date]:focus {
border-color: #f1630e;
background: #fff;
outline: none;
}
.contact .wpcf7 .wpcf7-form input[type=radio],
.contact .wpcf7 .wpcf7-form input[type=checkbox] {
appearance: none; -webkit-appearance: none;
-moz-appearance: none;
margin-right: 18px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #f6f3ef !important;
position: relative;
transition: all 0.2s ease;
}
.contact .wpcf7 .wpcf7-form input[type=radio]:hover,
.contact .wpcf7 .wpcf7-form input[type=checkbox]:hover {
cursor: pointer;
border-radius: 50%;
border: 1px solid #223121;
}
.contact .wpcf7 .wpcf7-form input[type=radio]:checked,
.contact .wpcf7 .wpcf7-form input[type=checkbox]:checked {
border-radius: 50%;
background: #f1630e !important;
border: 1px solid #223121;
background-color: #f1630e; }
.contact .wpcf7 .wpcf7-form input[type=radio]:focus,
.contact .wpcf7 .wpcf7-form input[type=checkbox]:focus {
border-radius: 50%;
border: 1px solid #515151;
outline: 2px solid rgba(241, 109, 2, 0.903);
outline-offset: 3px;
}
.contact .wpcf7 .wpcf7-form .btn-wrapper {
margin: 0 auto;
text-align: center;
width: 210px;
height: 200px;
}
.contact .wpcf7 .wpcf7-form .btn-wrapper .cta-btn {
position: relative;
overflow: hidden;
width: 210px;
height: 200px;
margin: 0 auto;
color: #fff;
letter-spacing: 3px;
border: none;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/swell_child/assets/img/STORY_PALETTES_image/SP_contact_orange.png) center/cover no-repeat;
}
.contact .wpcf7 .wpcf7-form .btn-wrapper .cta-btn:hover {
color: rgb(1, 116, 216);
letter-spacing: 3px;
font-weight: bold;
transition: opacity 0.5s ease;
}
.contact .wpcf7 form.invalid .wpcf7-response-output {
border: 2px solid #ff8c00;
color: #000;
}
.contact .wpcf7 form.sent .wpcf7-response-output {
border-color: #2be321;
color: #000;
}
@media (max-width: 990px) {
.contact {
margin: 150px 0;
}
.contact .mail_form {
border-radius: 30px;
padding: 6%;
margin: 150px 0;
}
.contact .mail_form__title span {
padding: 0 0 15px 0;
position: relative;
}
.contact .mail_form__title span ::after {
content: "";
position: absolute;
background-color: #fcfcfc;
height: 3px;
width: 100%;
}
.contact .wpcf7-not-valid-tip {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.08em;
font-family: "Noto Sans JP", "Noto Sans", sans-serif;
font-weight: 500;
color: #000;
color: #dc3232;
display: block;
margin: 5px 0 -30px;
}
.contact .wpcf7 {
background-color: #FFF;
border-radius: 30px;
padding: 20% 4%;
}
.contact .wpcf7 .wpcf7-form .form-list {
margin: 0px 0 42.5px;
}
.contact .wpcf7 .wpcf7-form .form-list .label-content {
width: 100%;
height: 45px;
margin: 0 0 5px;
display: flex;
gap: 10px;
align-items: center;
justify-content: flex-start;
}
.contact .wpcf7 .wpcf7-form .form-list .label-content label {
cursor: pointer;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.08em;
font-family: "Noto Sans JP", "Noto Sans", sans-serif;
font-weight: 500;
color: #000;
}
.contact .wpcf7 .wpcf7-form .form-list .input-content {
max-width: 400px;
width: 100%;
max-width: 100%;
}
.contact .wpcf7 .wpcf7-form .form-list .input-content .inquiry-radio {
display: flex;
flex-direction: column;
gap: 10px;
margin: -1px 0 0px -3px;
}
.contact .wpcf7 .wpcf7-form .form-list .input-content .inquiry-radio .wpcf7-list-item {
margin: 6px 0px 0px -1px;
width: -moz-fit-content;
width: fit-content;
transition: 0.3s;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.08em;
font-family: "Noto Sans JP", "Noto Sans", sans-serif;
font-weight: 400;
color: #000;
}
.contact .wpcf7 .wpcf7-form .form-list .input-content .inquiry-radio .wpcf7-list-item label {
cursor: pointer;
}
.contact .wpcf7 .wpcf7-form textarea {
width: 100%;
}
.contact .wpcf7 .wpcf7-form input[type=text],
.contact .wpcf7 .wpcf7-form input[type=email],
.contact .wpcf7 .wpcf7-form input[type=tel],
.contact .wpcf7 .wpcf7-form input[type=date] {
max-width: 100%;
width: 100%;
height: 48px;
padding: 12px;
border-radius: 4px;
font-size: 16px;
background: #f6f3ef !important;
}
.contact .wpcf7 .wpcf7-form input[type=text]:focus,
.contact .wpcf7 .wpcf7-form input[type=email]:focus,
.contact .wpcf7 .wpcf7-form input[type=tel]:focus,
.contact .wpcf7 .wpcf7-form input[type=date]:focus {
border-color: #f1630e;
background: #fff;
outline: none;
}
.contact .wpcf7 .wpcf7-form input[type=radio],
.contact .wpcf7 .wpcf7-form input[type=checkbox] {
appearance: none; -webkit-appearance: none;
-moz-appearance: none;
margin-right: 18px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #f6f3ef !important;
position: relative;
transition: all 0.2s ease;
}
.contact .wpcf7 .wpcf7-form input[type=radio]:hover,
.contact .wpcf7 .wpcf7-form input[type=checkbox]:hover {
cursor: pointer;
border-radius: 50%;
border: 1px solid #223121;
}
.contact .wpcf7 .wpcf7-form input[type=radio]:checked,
.contact .wpcf7 .wpcf7-form input[type=checkbox]:checked {
border-radius: 50%;
background: #f1630e !important;
border: 1px solid #223121;
background-color: #f1630e; }
.contact .wpcf7 .wpcf7-form input[type=radio]:focus,
.contact .wpcf7 .wpcf7-form input[type=checkbox]:focus {
border-radius: 50%;
border: 1px solid #515151;
outline: 2px solid rgba(241, 109, 2, 0.903);
outline-offset: 3px;
}
.contact .wpcf7 .wpcf7-form .btn-wrapper {
margin: 0 auto;
text-align: center; }
.contact .wpcf7 .wpcf7-form .btn-wrapper .btn-wood {
display: flex;
margin: 0 auto;
width: 60%;
height: 50px;
background: url(https://mlzjnu2j5g8q.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://story-palettes.com/wp-content/themes/img/enixi_LP/木目背景２.png) center/cover no-repeat;
box-shadow: 0 9px 0 var(--c-wood-edge);
letter-spacing: 3px;
font-size: 18px;
font-weight: bold;
text-align: center;
justify-content: center;
color: #fff;
border: none;
border-radius: 10px;
padding: 0.5em 1em;
cursor: pointer;
transition: transform 0.1s ease, box-shadow 0.1s ease;
}
.contact .wpcf7 .wpcf7-form .btn-wrapper .btn-wood:hover {
box-shadow: 0 0 0 transparent !important;
transform: translate3d(0, 4px, 0);
}
.contact .wpcf7 form.invalid .wpcf7-response-output {
border: 2px solid #ff8c00;
color: #000;
}
.contact .wpcf7 form.sent .wpcf7-response-output {
border-color: #7DA87B;
color: #000;
}
}