@charset 'UTF-8';
:root {
--color-white: #fff;
--color-greenish: #EDF2F0;
--color-light-gray: #F5F5F5;
--color-gray: #F8F8F8;
--color-slick-light-dotted: #D5D5D5;
--color-border: #C4C4C4;
--color-dotted: #707070;
--color-slick-dotted: #7B7B7B;
--color-black: #000;
--color-marker: #00ddd5;
--color-light-green: #00ADA7;
--color-blue: #0F5F7C;
--color-light-pink: #FFE2EE;
--color-pink: #FD428E;
--color-flow-1: #F2F7F7;
--color-flow-2: #DCF2F2;
--color-flow-3: #C9EDED;
--color-flow-4: #89D6D6;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 91px;
}
/* 蜈ｱ騾壹ヱ繝ｼ繝�
------------------------------------------ */
/* ---閭梧勹濶ｲ--- */
.bg_white {
background-color: var(--color-white);
}
.bg_green {
background-color: var(--color-greenish);
}
.bg_gray {
background-color: var(--color-gray);
}
/* ---繝�く繧ｹ繝医�繝ｼ繧ｫ繝ｼ--- */
.text_marker {
display: inline;
background-position: left -100% center;
padding-bottom: 15px;
background-size: 100% 6px;
background-repeat: repeat-x;
background-image: linear-gradient(to right, var(--color-marker) 50%, var(--color-marker) 50%);
}
/* ---letter-spacing--- */
.sec_stresscheck__admin {
letter-spacing: 0;
}
/* ---繝悶Λ繝ｳ繧ｯ--- */
.br_md {
display: none;
}
.br_pc {
display: block;
}
@media (max-width: 768px) {
.br_md {
display: block;
}
.br_pc {
display: none;
}
}
/* ---繝�ぅ繧ｹ繝励Ξ繧､蛻�ｊ譖ｿ縺�--- */
@media (min-width: 769px) {
.d_md * {
display: none;
}
}
@media (max-width: 768px) {
.d_pc * {
display: none;
}
}
/* ---繧ｳ繝ｳ繝�リ--- */
.sec_stresscheck__admin .m_herosArea {
position: relative;
padding-bottom: 0;
}
.sec_stresscheck__admin .l_section--primary > .l_section__item:nth-of-type(2) {
padding-top: 0;
}
.sec_stresscheck__admin .l_section--primary > .l_section__item {
padding: 0;
}
/* ---繧｢繧､繧ｳ繝ｳ--- */
.u_ic {
position: relative;
}
.u_ic::before,
.u_ic::after {
content: "";
position: absolute;
margin: auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: left top;
mask-position: left top;
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
pointer-events: none;
}
.icon_cir {
position: relative;
}
.icon_cir li {
padding-left: 22px;
line-height: 1.857142857142857;
}
.icon_cir li::before {
position: absolute;
left: 0;
content: "笳�";
font-size: 16px;
color: var(--color-light-green);
}
.icon_tri__item {
position: relative;
width: 314.5px;
}
.icon_tri__item::before {
position: absolute;
content: "";
top: -24px;
left: -24px;
width: 0;
height: 0;
border-right: 24px solid transparent;
border-top: 24px solid var(--color-light-green);
}
@media (max-width: 768px) {
.icon_tri__item::before {
top: -33.66px;
left: 0px;
border-right: 26.46px solid transparent;
border-top: 26.46px solid var(--color-light-green);
}
.icon_tri__item {
min-width: 313px;
}
}
/* ---繝懊ち繝ｳ--- */
.g_btn {
position: relative;
display: block;
background-color: var(--color-white);
border: 3px solid var(--color-pink);
border-radius: 30px;
transition: all .2s;
-webkit-transition: all .2s;
box-sizing: content-box;
overflow: hidden;
}
.g_btn a {
position: relative;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-ms-flex-align: center;
justify-content: center;
align-items: center;
-ms-flex-pack: center;
font-weight: 700;
color: var(--color-black);
z-index: 3;
transition: all .2s;
-webkit-transition: all .2s;
}
.g_btn__lg {
margin-left: auto;
margin-right: auto;
}
.g_btn__md {
margin-left: auto;
margin-right: auto;
}
.g_btn__lg a {
width: 100%;
height: 100%;
font-size: 18px;
line-height: 1.555555555555556;
}
.g_btn__md a,
.g_btn__sm a {
width: 100%;
height: 100%;
font-size: 16px;
line-height: 1.5;
}
.g_btn__comp a {
width: 100%;
height: 100%;
justify-content: flex-start;
font-size: 16px;
line-height: 1.5;
}
.g_btn__flow a {
font-size: 14px;
}
.g_btn.g_btn__lg.u_ic::before {
position: absolute;
top: 30%;
right: 3.7%;
width: 24px;
height: 24px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: var(--color-pink);
transition: all .2s;
-webkit-transition: all .2s;
}
.g_btn.g_btn__lg.u_ic::after {
position: absolute;
top: 39.5%;
right: 3.7%;
box-sizing: border-box;
border: 6px solid transparent;
border-left: 8px solid var(--color-white);
transition: all .2s;
-webkit-transition: all .2s;
}
.g_btn.g_btn__md.u_ic::before,
.g_btn.g_btn__flow.u_ic::before {
position: absolute;
top: 24%;
right: 5.6%;
width: 22px;
height: 22px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: var(--color-pink);
transition: all .2s;
-webkit-transition: all .2s;
}
.g_btn.g_btn__md.u_ic::after {
position: absolute;
top: 38%;
right: 6.5%;
box-sizing: border-box;
border: 5px solid transparent;
border-left: 6px solid var(--color-white);
transition: all .2s;
-webkit-transition: all .2s;
}
.g_btn.g_btn__flow.u_ic::after {
position: absolute;
top: 38%;
right: 6%;
box-sizing: border-box;
border: 5px solid transparent;
border-left: 6px solid var(--color-white);
transition: all .2s;
-webkit-transition: all .2s;
}
.g_btn.g_btn__sm.u_ic::before {
position: absolute;
top: 24%;
right: 3.6%;
width: 22px;
height: 22px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: var(--color-pink);
transition: all .2s;
-webkit-transition: all .2s;
}
.g_btn.g_btn__sm.u_ic::after {
position: absolute;
top: 38%;
right: 4.35%;
box-sizing: border-box;
border: 5px solid transparent;
border-left: 6px solid var(--color-white);
transition: all .2s;
-webkit-transition: all .2s;
}
.g_btn.g_btn__comp.u_ic::before {
position: absolute;
top: 27%;
right: 2.6%;
width: 20px;
height: 20px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: var(--color-pink);
transition: all .2s;
-webkit-transition: all .2s;
}
.g_btn.g_btn__comp.u_ic::after {
position: absolute;
top: 41%;
right: 3.2%;
box-sizing: border-box;
border: 4.5px solid transparent;
border-left: 6.5px solid var(--color-white);
transition: all .2s;
-webkit-transition: all .2s;
}
@media (any-hover: hover) {
.g_btn:hover {
color: var(--color-white);
background-color: var(--color-pink);
}
.g_btn:hover a {
color: var(--color-white);
}
.g_btn a:hover {
color: var(--color-white);
text-decoration: none;
}
.g_btn.g_btn__lg.u_ic:hover::before,
.g_btn.g_btn__md.u_ic:hover::before,
.g_btn.g_btn__flow.u_ic:hover::before,
.g_btn.g_btn__sm.u_ic:hover::before,
.g_btn.g_btn__comp.u_ic:hover::before {
background-color: var(--color-white);
}
.g_btn.g_btn__lg.u_ic:hover::after {
border-left: 8px solid var(--color-pink);
}
.g_btn.g_btn__comp.u_ic:hover::after {
border-left: 6.5px solid var(--color-pink);
}
.g_btn.g_btn__md.u_ic:hover::after,
.g_btn.g_btn__flow.u_ic:hover::after,
.g_btn.g_btn__comp.u_ic:hover::after,
.g_btn.g_btn__sm.u_ic:hover::after {
border-left: 6px solid var(--color-pink);
}
}
@media (max-width: 768px) {
.g_btn__lg {
border-radius: 15px;
margin-left: auto;
}
.g_btn__lg a {
text-align: center;
}
.g_btn__md {
margin-left: auto;
margin-right: auto;
}
.g_btn.g_btn__lg.u_ic::before {
top: 35%;
right: 3.7%;
width: 24px;
height: 24px;
}
.g_btn.g_btn__lg.u_ic::after {
top: 42%;
right: 3.8%;
box-sizing: border-box;
border: 6px solid transparent;
border-left: 8px solid var(--color-white);
}
.g_btn.g_btn__md.u_ic::before {
top: 25%;
right: 5%;
width: 24px;
height: 24px;
}
.g_btn.g_btn__md.u_ic::after {
top: 37%;
right: 5%;
box-sizing: border-box;
border: 6px solid transparent;
border-left: 8px solid var(--color-white);
}
}
/* 繧ｹ繝ｩ繧､繝繝ｼ */
.g_slider.slick-slider {
width: 100%;
height: 535px;
padding-bottom: 27px;
}
.g_slider.slick-slider .slick-list,
.g_slider.slick-slider .slick-track {
height: inherit;
}
.g_slider.slick-dotted.slick-slider {
margin-bottom: 0;
}
.g_slider .slick-dots {
height: auto;
bottom: 0;
right: 0;
left: 0;
padding-top: 0;
text-align: center;
}
.g_slider .slick-dots li {
width: 12px;
height: 12px;
margin: 0 3px;
overflow: visible;
}
.g_slider .slick-dots li button {
overflow: visible;
}
.g_slider .slick-dots li button::before {
background-color: var(--color-slick-light-dotted);
border-radius: 50%;
}
.g_slider .slick-dots li.slick-active button::before {
background-color: var(--color-slick-dotted);
}
.g_slider .slick-prev,
.g_slider .slick-next {
width: 38px;
height: 38px;
top: 0;
}
.g_slider .slick-prev:before {
background-image: url(../img/stresscheck/administrative/ic_prev1.png);
}
.g_slider .slick-next:before {
background-image: url(../img/stresscheck/administrative/ic_next1.png);
}
.g_slider .slick-prev {
left: 0;
}
.g_slider .slick-next {
right: 0;
}
[dir="rtl"] .g_slider .slick-prev {
right: 0;
}
[dir="rtl"] .g_slider .slick-next {
left: 0;
}
/*-- Original --*/
.g_slider_itm.slick-slide {
position: relative;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.g_slider_itm.slick-slide img {
width: 100%;
}
@media (max-width: 768px) {
.g_slider.slick-slider {
height: 900px;
}
.g_slider .slick-prev,
.g_slider .slick-next {
width: 40.12px;
height: 40.12px;
left: 32%;
bottom: -970px;
}
.g_slider .slick-dots li {
width: 8px;
height: 8px;
margin: 0 3px;
overflow: visible;
}
}
/* ---繧ｿ繧､繝医Ν--- */
.reason__ttl {
display: flex;
justify-items: center;
align-items: center;
gap: 12px;
color: var(--color-blue);
}
.reason__ttl_num {
font-family: "Roboto";
font-size: 102px;
line-height: 0.4313725490196078;
}
.reason__ttl_sub {
font-size: 30px;
font-weight: 700;
line-height: 1.6;
}
.reason__ttl_note {
font-size: 16px;
line-height: 1.75;
padding-left: 75px;
margin-top: 2px;
}
.cont_inr__ttl {
position: relative;
font-size: 24px;
font-weight: 700;
line-height: 1.454545454545455;
text-align: center;
}
.cont_inr__ttl::after {
display: inline-block;
content: "";
width: 92px;
height: 6px;
position: absolute;
bottom: -33px;
left: calc(50% - 55px);
background-color: var(--color-blue);
}
@media (max-width: 768px) {
.reason__ttl {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 15px;
padding: 0 41px;
}
.reason__ttl_num {
font-size: 50px;
line-height: 61px;
}
.reason__ttl_sub {
font-size: 26px;
text-align: left;
}
.reason__ttl_note {
font-size: 16px;
margin-top: 14px;
padding-left: 0;
}
.cont_inr__ttl {
font-size: 24px;
}
.cont_inr__ttl::after {
bottom: -20px;
left: calc(50% - 50px);
}
}
/* ---繧ｹ繝医Ξ繧ｹ繝√ぉ繝�け繝舌リ繝ｼ--- */
.stresscheck_banner {
background-color: var(--color-light-green);
padding: 22px 31px;
display: flex;
justify-content: flex-start;
margin-top: 80px;
max-width: 930px;
}
.stresscheck_banner a {
text-decoration: none;
}
.stresscheck_banner__material {
background-color: var(--color-white);
border: 1px solid var(--color-white);
width: 449px;
height: 109px;
border-radius: 4px;
display: grid;
place-content: center;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 17px;
grid-row-gap: 8px;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
}
.stresscheck_banner__material_img {
grid-area: 1 / 1 / 3 / 2;
display: flex;
place-content: center;
}
.download_note {
grid-area: 1 / 2 / 2 / 3;
display: flex;
justify-content: center;
align-items: flex-end;
color: var(--color-black);
font-size: 18px;
font-weight: 700;
}
.download_btn {
grid-area: 2 / 2 / 3 / 3;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color-pink);
width: 257px;
margin-bottom: 12px;
border-radius: 30px;
box-sizing: border-box;
}
.download_btn p {
font-size: 16px;
font-weight: 700;
color: var(--color-white);
justify-content: center;
align-items: center;
display: flex;
}
.stresscheck_banner__material img {
max-width: 134px;
max-height: 107px;
line-height: 0;
display: flex;
align-items: center;
grid-area: image;
}
.download_cont {
display: flex;
gap: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
}
.stresscheck_banner__contact {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 25px;
}
.stresscheck_banner__contact p {
color: var(--color-white);
font-size: 18px;
font-weight: 700;
text-align: center;
}
.stresscheck_banner__contact a {
font-size: 18px;
font-weight: 700;
color: var(--color-black);
}
.btn_contact {
display: flex;
justify-content: center;
align-items: center;
position: relative;
top: 0;
width: 371px;
background-color: var(--color-white);
border: 2px solid var(--color-white);
border-radius: 30px;
box-shadow: 0px 15px 10px -2px rgba(0,0,0,0.4);
transition: box-shadow .3s, -webkit-transform .3s;
transition: transform .3s, box-shadow .3s;
transition: transform .3s, box-shadow .3s, -webkit-transform .3s;
padding: 12px;
margin-top: 8px;
box-sizing: border-box;
}
@media (any-hover: hover) {
.stresscheck_banner__material:hover {
background-color: var(--color-light-pink);
transition: all .3s;
-webkit-transition: all .3s;
border: 1px solid var(--color-light-green);
}
.stresscheck_banner__material:hover .download_btn {
border: 1px solid var(--color-light-pink);
transition: all .3s;
-webkit-transition: all .3s;
}
.btn_contact:hover {
box-shadow: 0px 10px 8px -1px rgba(0,0,0,0.2);
-webkit-transform: translateY(1.5px);
transform: translateY(1.5px);
}
}
@media (max-width: 768px) {
.stresscheck_banner {
flex-direction: column;
width: 100%;
padding: 40px 20px 52px;
margin-top: 60px;
}
.stresscheck_banner__material {
grid-template-columns: 1fr;
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 20px;
width: 100%;
height: 100%;
max-height: 354px;
padding: 34px 20px 40px;
}
.stresscheck_banner__material_img {
grid-area: 2 / 1 / 3 / 2;
display: flex;
align-items: center;
justify-content: center;
order: 2;
margin: 0 auto;
}
.stresscheck_banner__material_img img {
min-width: 208px;
min-height: 166px;
}
.download_note {
grid-area: 1 / 1 / 3 / 2;
order: 1;
font-size: 20px;
align-items: flex-start;
}
.download_btn {
order: 3;
grid-area: 3 / 1 / 4 / 2;
width: 305px;
padding: 6.5px 25px;
margin: 0 auto;
}
.download_btn p {
font-size: 20px;
}
.stresscheck_banner__contact {
margin-top: 34px;
margin-left: 0;
justify-content: center;
align-items: center;
}
.btn_contact {
max-width: 353px;
padding: 12px 38px;
margin-top: 40px;
}
.stresscheck_banner__contact p {
font-size: 20px;
}
}
/* mainv_cont
------------------------------------------ */
.mainv_cont {
padding-bottom: 87px;
}
.mainv_cont .g_btn {
margin-top: 24px;
}
@media (max-width: 768px) {
.mainv_cont {
padding-bottom: 0;
}
}
/* hero_area
------------------------------------------ */
.num_continue {
position: absolute;
left: 201px;
bottom: 41px;
color: var(--color-light-green);
font-size: 58px;
font-weight: 700;
font-family: Oswald;
}
.num_company {
position: absolute;
right: 115px;
bottom: 42px;
color: var(--color-light-green);
font-size: 56px;
font-weight: 700;
font-family: Oswald;
}
.sec_stresscheck__admin .m_keyvisual__img img {
width: 100%;
}
@media (max-width: 768px) {
.num_continue {
left: 59.262087vw;
bottom: 55.72519083969466vw;
font-size: 14.75826972010178vw;
}
.num_company {
right: 36.516539vw;
bottom: 12.425191vw;
font-size: 14.249363867684478vw;
}
}
@media (max-width: 599px) {
.sec_stresscheck__admin .m_keyvisual__img img {
position: static;
width: 100%;
}
.sec_stresscheck__admin .m_keyvisual__img {
padding-top: 25px;
}
}
/* sec_mainhead
------------------------------------------ */
.sec_mainhead {
padding-top: 53px;
padding-bottom: 53px;
}
.mainhead__ttl {
font-size: 36px;
font-weight: 700;
line-height: 1.666666666666667;
text-align: center;
}
.mainhead_item {
display: flex;
gap: 21px;
margin-top: 53px;
}
.mainhead_item__pnl {
background-color: var(--color-white);
padding: 37px 25px 18px;
display: flex;
flex-direction: column;
align-items: center;
width: 295px;;
}
.mainhead_item__pnl .pnl_ttl {
font-size: 20px;
font-weight: 700;
line-height: 1.6;
text-align: center;
}
.mainhead_item__pnl .pnl_note {
font-size: 16px;
line-height: 1.625;
margin-top: 21px;
text-align: justify;
}
.mainhead_item__pnl .pnl_img {
line-height: 0;
display: flex;
align-items: center;
margin-top: 21px;
}
.mainhead_item__pnl .pnl_img img {
height: 91px;
object-fit: contain;
}
@media (max-width: 768px) {
.mainhead__ttl {
font-size: 28px;
}
.mainhead_item {
margin-top: 25px;
}
.mainhead_item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.mainhead_item__pnl {
min-width: 353px;
min-height: 409px;
padding: auto;
}
.mainhead_item__pnl .pnl_ttl {
font-size: 24px;
line-height: 1.5;
}
.mainhead_item__pnl .pnl_img {
margin-top: 16px;
}
.mainhead_item__pnl .pnl_note {
margin-top: 40px;
}
}
/* sec_reason__1
------------------------------------------ */
.sec_reason__1 {
margin-top: 94.5px;
padding-bottom: 87px;
}
.sec_reason__1 .g_btn {
max-width: 527px;
padding: 17px 50px;
margin-top: 41px;
box-sizing: border-box;
}
@media (max-width: 768px) {
.sec_reason__1 {
margin-top: 60px;
padding-bottom: 87px;
}
.sec_reason__1 .g_btn {
max-width: 311px;
padding: 12px 27px;
margin-top: 90px;
border-radius: 30px;
box-sizing: border-box;
}
.sec_reason__1 .g_btn.g_btn__lg.u_ic::before {
top: 26%;
}
.sec_reason__1 .g_btn.g_btn__lg.u_ic::after {
top: 38%;
}
}
/* ---achv_cont--- */
.achv_cont__txt {
font-size: 16px;
line-height: 1.555555555555556;
text-align: center;
margin-top: 76px;
}
.achv_cont__img {
display: flex;
width: 100%;
overflow-x: auto;
margin-top: 39px;
}
.achv_cont__img_inr {
position: relative;
width: fit-content;
}
.achv_cont__num {
position: absolute;
display: block;
bottom: 163px;
right: 158px;
color: var(--color-light-green);
font-family: Oswald;
font-size: 45px;
line-height: 1;
font-weight: 800;
z-index: 5;
}
@media (max-width: 768px) {
.achv_cont__txt {
margin-top: 32.1px;
}
.achv_cont__img img {
width: 930px;
min-width: 930px;
}
}
/* ---eg_cont--- */
.eg_cont {
display: flex;
flex-direction: column;
padding: 55px 79px 43px;
margin-top: 30px;
}
.eg_cont__ttl {
font-size: 20px;
font-weight: 700;
line-height: 1.45;
text-align: center;
}
.eg_cont__lst {
margin-top: 19px;
}
.eg_cont__lst_inr {
font-size: 14px;
line-height: 2;
}
.eg_cont__detail {
font-size: 16px;
line-height: 1.75;
border-top: 3px dotted var(--color-black);
padding-top: 15px;
margin-top: 41px;
}
.eg_cont__detail_inr + .eg_cont__detail_inr {
margin-top: 8px;
}
.eg_cont__detail_ttl {
position: relative;
font-weight: 700;
width: fit-content;
}
.eg_cont__detail_ttl.u_ic a {
color: var(--color-pink);
}
.eg_cont__detail_ttl.u_ic::before {
position: absolute;
top: 3px;
right: -23px;
width: 16px;
height: 16px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 1px solid var(--color-pink);
transition: all .2s;
-webkit-transition: all .2s;
}
.eg_cont__detail_ttl.u_ic::after {
position: absolute;
top: 8px;
right: -22px;
box-sizing: border-box;
border: 4px solid transparent;
border-left: 6px solid var(--color-pink);
transition: all .2s;
-webkit-transition: all .2s;
}
@media (any-hover: hover) {
.eg_cont__detail_ttl.u_ic a:hover {
text-decoration: none;
opacity: 50%;
transition: all .2s;
}
.eg_cont__detail_ttl.u_ic:hover::before {
opacity: 50%;
transition: all .2s;
}
.eg_cont__detail_ttl.u_ic:hover::after {
opacity: 50%;
transition: all .2s;
}
}
@media (max-width: 768px) {
.eg_cont {
display: flex;
flex-direction: column;
padding: 17.5px 22px 40px;
margin-top: 21.5px;
}
.eg_cont__ttl {
text-align: left;
}
.eg_cont__lst {
margin-top: 10px;
}
.eg_cont__detail {
border-top: 2px dotted var(--color-black);
padding-top: 27px;
margin-top: 13px;
}
.eg_cont__detail_ttl.u_ic::before,
.eg_cont__detail_ttl.u_ic::after {
display: none;
}
}
/* ---cace_cont--- */
.cace_cont {
margin-top: 76px;
}
.cace_cont .pnl_inr {
display: flex;
flex-direction: column;
}
.cace_cont__ttl {
font-size: 24px;
font-weight: 700;
line-height: 1.458333333333333;
text-align: center;
}
.cace_cont__pnl {
width: 773px;
height: 438px;
box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
background-color: var(--color-white);
padding: 52px 20px 60px 40px;
margin-top: 58px;
margin-left: auto;
margin-right: auto;
}
.cace_cont__pnl .pnl_ttl {
font-size: 18px;
font-weight: 700;
line-height: 1.444444444444444;
}
.cace_cont__pnl .pnl_ttl_txt {
font-size: 14px;
font-weight: 500;
line-height: 1.857142857142857;
margin-top: 8px;
}
.cace_cont__pnl .pnl_inr_item {
display: flex;
align-items: flex-start;
gap: 15px;
}
.cace_cont__pnl .g_btn {
max-width: 278px;
padding: 10px 39px;
margin-left: auto;
box-sizing: border-box;
}
.cace_cont__pnl_1 .g_btn,
.cace_cont__pnl_2 .g_btn {
margin-top: 18px;
}
.cace_cont__lst li {
font-size: 14px;
}
.pur_cont {
margin-top: 25px;
}
.pur_cont__ttl {
font-size: 14px;
font-weight: 700;
line-height: 2;
display: flex;
justify-content: center;
align-items: center;
color: var(--color-white);
background-color: var(--color-light-green);
border: 2px solid var(--color-light-green);
min-width: 78px;
min-height: 78px;
box-sizing: border-box;
}
.sol_cont {
margin-top: 34px;
}
.sol_cont__ttl {
font-size: 14px;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
color: var(--color-light-green);
background-color: var(--color-white);
border: 2px solid var(--color-light-green);
min-width: 78px;
min-height: 78px;
box-sizing: border-box;
}
@media (max-width: 768px) {
.cace_cont {
margin-top: 36.6px;
}
.cace_cont__pnl {
width: 90vw;
height: 820px;
box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
padding: 23.9px 23.1px 41.6px;
margin-top: 37px;
margin-left: auto;
margin-right: auto;
}
.cace_cont__pnl .pnl_ttl {
font-size: 20px;
}
.cace_cont__pnl .pnl_ttl_txt {
font-size: 16px;
font-weight: 700;
margin-top: 4px;
}
.cace_cont__pnl .pnl_inr_item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 23.8px;
}
.cace_cont__pnl .g_btn {
margin-right: auto;
}
.cace_cont .g_btn__sm {
width: 100%;
max-width: 311px;
padding: 7px;
box-sizing: border-box;
}
.cace_cont .g_btn__sm a {
font-size: 18px;
}
.pur_cont__ttl {
font-size: 18px;
color: var(--color-white);
background-color: var(--color-light-green);
border: 2px solid var(--color-light-green);
width: 100%;
min-height: 40px;
}
.sol_cont__ttl {
font-size: 18px;
font-weight: 700;
color: var(--color-light-green);
background-color: var(--color-white);
border: 2px solid var(--color-light-green);
width: 100%;
min-height: 40px;
}
.cace_cont__lst li {
font-size: 16px;
}
.cace_cont__pnl_2 .g_btn {
margin-top: 78px;
}
}
/* sec_reason__2
------------------------------------------ */
.sec_reason__2 {
padding-top: 94.5px;
padding-bottom: 87px;
}
@media (max-width: 768px) {
.sec_reason__2 {
margin-top: 45px;
padding-bottom: 60px;
}
}
/* ---reason_cont--- */
.reason_cont {
padding: 69px 106px 72px;
margin-top: 53px;
}
.reason_cont__note {
margin-top: 93px;
}
.reason_cont__note_inr:nth-child(2),
.reason_cont__note_inr:nth-child(3) {
margin-top: 32px;
}
.reason_cont__note_inr .inr_subttl {
font-size: 16px;
font-weight: 700;
line-height: 1.7;
color: var(--color-blue);
}
.reason_cont__note_inr .inr_subnote {
font-size: 16px;
line-height: 1.75;
margin-top: 24px;
}
.reason_cont .g_btn {
max-width: 527px;
padding: 13px 50px;
margin-top: 38px;
box-sizing: border-box;
}
@media (max-width: 768px) {
.reason_cont {
padding: 51px 14px 62px;
margin-top: 41px;
}
.reason_cont__note {
margin-top: 51px;
}
.reason_cont__note_inr .inr_subnote {
margin-top: 12px;
}
.reason_cont__note_inr:nth-child(2),
.reason_cont__note_inr:nth-child(3) {
margin-top: 40px;
}
.reason_cont__note_inr .inr_subttl {
font-size: 20px;
}
.reason_cont .g_btn {
max-width: 353px;
box-sizing: border-box;
padding: 18px 44px;
margin-top: 40px;
text-align: center;
}
}
/* ---comp_cont--- */
.comp_cont {
padding: 76px 35px 79px;
margin-top: 41px;
}
.tbl_comp {
margin-top: 88px;
margin-left: auto;
margin-right: auto;
}
.tbl_comp tr:nth-child(5) {
border-bottom: none;
padding-bottom: 0;
}
.tbl_comp th {
font-size: 24px;
font-weight: 700;
line-height: 1.454545454545455;
text-align: center;
}
.tbl_comp td:nth-of-type(1),
.tbl_comp td:nth-of-type(3) {
width: 312.8px;
padding-top: 37px;
padding-bottom: 35px;
vertical-align: baseline;
border-bottom: 1.5px dashed var(--color-dotted);
}
.tbl_comp td:nth-of-type(2) {
width: 219px;
vertical-align: middle;
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 1.444444444444444;
}
.tbl_comp tr:nth-child(5),
.tbl_comp tr:nth-child(5) td,
.tbl_comp tr:nth-child(5) th {
border-bottom: none;
}
.tbl_comp__vert .vert_ttl {
font-size: 22px;
font-weight: 700;
text-align: center;
}
.tbl_comp__ver_inr {
display: flex;
flex-direction: column;
gap: 25px;
}
.vert_note {
display: flex;
flex-direction: column;
width: 100%;
margin-top: 19px;
}
.tbl_comp__vert_cont .vert_note__ttl {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 18px;
font-weight: 700;
padding: 7px 0;
}
.vert_note__txt {
font-size: 1.6rem;
padding: 35px 5px;
}
.color_cell__1,
.color_cell__2,
.color_cell__3,
.color_cell__4 {
position: relative;
}
.color_cell__1 p {
position: absolute;
top: 0;
bottom: 0;
left: 45px;
display: flex;
justify-content: center;
align-items: center;
width: 129px;
height: inherit;
height: 100%;
background-color: var(--color-flow-1);
}
.color_cell__2 p {
position: absolute;
top: 0;
bottom: 0;
left: 45px;
display: flex;
justify-content: center;
align-items: center;
width: 129px;
height: inherit;
height: 100%;
background-color: var(--color-flow-2);
}
.color_cell__3 p {
position: absolute;
top: 0;
bottom: 0;
left: 45px;
display: flex;
justify-content: center;
align-items: center;
width: 129px;
height: inherit;
height: 100%;
background-color: var(--color-flow-3);
}
.color_cell__4 p {
position: absolute;
top: 0;
bottom: 0;
left: 45px;
display: flex;
justify-content: center;
align-items: center;
width: 129px;
height: inherit;
height: 100%;
background-color: var(--color-flow-4);
}
.comp_cont__lst.icon_cir li {
font-size: 16px;
font-weight: 500;
line-height: 1.75;
}
.tbl_comp__ver_inr .color_cell__1 {
background-color: var(--color-flow-1);
}
.tbl_comp__ver_inr .color_cell__2 {
background-color: var(--color-flow-2);
}
.tbl_comp__ver_inr .color_cell__3 {
background-color: var(--color-flow-3);
}
.tbl_comp__ver_inr .color_cell__4 {
background-color: var(--color-flow-4);
}
.tbl_comp .g_btn {
max-width: 311px;
padding: 10px 20px;
margin-top: 28px;
box-sizing: border-box;
}
.tbl_comp__ver_inr .g_btn__comp {
max-width: 311px;
box-sizing: border-box;
padding: 12px 31px 12px 16px;
margin-top: 31px;
margin-left: auto;
margin-right: auto;
}
.tbl_comp__ver_inr .g_btn__comp a {
justify-content: flex-start;
}
@media (max-width: 768px) {
.comp_cont {
padding: 41px 20px 62px;
margin-top: 60px;
}
.tbl_comp {
display: flex;
margin-top: 88px;
margin-left: auto;
margin-right: auto;
}
}
/* ---follow_cont--- */
.follow_cont {
position: relative;
padding: 71px 82px 69px;
margin-top: 120px;
}
.follow_cont__note {
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(2, auto);
place-items: center;
gap: 73px 84px;
margin-top: 91px
}
.follow_cont__note.u_ic::before {
position: absolute;
content: "";
height: 826.43px;
left: 50%;
border: 1.5px dashed var(--color-dotted);
}
.follow_cont__note.u_ic::after {
position: absolute;
content: "";
width: 771.27px;
left: 0;
top: 52%;
border: 1.5px dashed var(--color-dotted);
}
.follow_cont__note_inr {
max-width: 336px;
}
.follow_service__item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.follow_service__item_doubt {
font-size: 16px;
font-weight: 700;
line-height: 1.625;
padding: 17px 32px;
background-color: var(--color-light-gray);
position: relative;
}
.follow_service__item_doubt::after {
position: absolute;
content: "";
left: 48.5%;
bottom: -29px;
width: 0;
height: 0;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-top: 13px solid var(--color-light-green);
}
.follow_service__item_answer {
text-align: center;
font-size: 20px;
font-weight: 700;
line-height: 1.45;
margin-top: 49px;
}
.follow_service__item_icon {
margin-top: 8px;
display: flex;
justify-content: center;
align-items: center;
}
.follow_service__item_icon img {
line-height: 0;
height: 125.22px;
max-height: 157px;
margin-top: 8px;
object-fit: scale-down;
}
.follow_cont__note_inr .g_btn {
max-width: 278px;
padding: 10px 72px;
margin-top: 14px;
box-sizing: border-box;
}
@media (max-width: 768px) {
.follow_cont {
position: relative;
padding: 60px 22px;
margin-top: 60px;
}
.follow_cont__note {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 60px;
gap: 64.5px;
}
.follow_cont__note.u_ic::before,
.follow_cont__note.u_ic::after {
border: none;
}
.follow_service__item {
position: relative;
}
.follow_service__item::after {
position: absolute;
content: "";
width: 100%;
left: 0;
bottom: -31px;
border: 1.5px dashed var(--color-dotted);
}
.follow_service__item_doubt {
padding: 16px 20px;
background-color: var(--color-light-gray);
position: relative; }
}
/* ---faq_cont--- */
.faq_cont {
padding: 72px 78px;
margin-top: 50px;
}
.faq_cont .g_btn {
max-width: 527px;
padding: 17px 50px;
margin-top: 57.6px;
box-sizing: border-box;
}
.faq_cont__note {
margin-top: 91px;
}
.faq_cont__note_inr:nth-child(2),
.faq_cont__note_inr:nth-child(3) {
margin-top: 53px;
}
.faq_cont__note_inr .faq_q {
position: relative;
font-size: 18px;
font-weight: 700;
line-height: 1.555555555555556;
color: var(--color-blue);
}
.faq_cont__note_inr .faq_q.u_ic::before {
position: absolute;
top: -28px;
width: 100%;
border-top: 2px solid var(--color-border);
}
.faq_cont__note_inr .faq_a {
display: inline;
font-size: 18px;
font-weight: 500;
line-height: 1.555555555555556;
height: 100px;
}
.acd_itm {
display: inline;
list-style: none;
height: 74px;
}
.faq_cont .acd_btn {
display: inline-block;
position: relative;
width: 7em;
text-align: right;
top: auto !important;
}
.faq_cont .acd_btn::before {
display: inline-block;
content: "窶ｦ邯壹″繧定ｪｭ繧";
}
.faq_cont .acd_btn::after {
display: inline-block;
content: "笨�";
color: var(--color-blue);
}
.faq_cont .acd_itm.js_open .acd_btn {
padding-right: 1em;
}
.faq_cont .acd_itm.js_open .acd_btn::before {
display: inline-block;
content: "髢峨§繧�";
}
.faq_cont .acd_itm.js_open .acd_btn::after {
content: "";
border-bottom: solid 2px var(--color-blue);
position: absolute;
top: 46%;
height: 2px;
width: 12px;
box-sizing: border-box;
}
.faq_a__ttl {
display: block;
position: relative;
margin-top: 10.5px;
width: fit-content;
font-size: 18px;
}
.faq_a__txt,
.acd_inr {
overflow: hidden;
display: none;
margin-top: 5px;
}
.faq_a__txt_lst {
text-indent: -1.5px;
padding-left: 1.5px;
}
@media (max-width: 768px) {
.faq_cont {
padding: 44px 22px 60px;
}
.faq_cont__note_inr:nth-child(2),
.faq_cont__note_inr:nth-child(3) {
margin-top: 84.5px;
}
.faq_cont .acd_btn {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
padding: 9px 0;
margin-top: 10px;
border: 2px solid var(--color-black);
box-sizing: border-box;
}
.faq_cont .g_btn {
max-width: 301px;
padding: 18px 44px;
margin-top: 23px;
box-sizing: border-box;
}
.faq_cont .acd_btn::before {
content: "邯壹″繧定ｪｭ繧";
}
.faq_a__ttl {
position: static;
width: 100%;
}
.faq_a__ttl.u_ic::before {
display: none;
}
.faq_a__ttl.u_ic::after {
display: none;
}
.acd_itm.js_open .faq_a__ttl.u_ic::before {
display: none;
}
.acd_itm.js_open .faq_a__ttl.u_ic::after {
display: none;
}
.faq_cont__note_inr .faq_q.u_ic::before {
display: none;
}
.acd_cont {
position: relative;
padding-bottom: 60px;
}
}
/* sec_reason__3
------------------------------------------ */
.sec_reason__3 {
padding-top: 94.5px;
}
.sec_reason__3_inr {
padding: 73px 80px 71px 77px;
margin-top: 60px;
}
@media (max-width: 768px) {
.sec_reason__3 {
padding-top: 44px;
padding-bottom: 125.8px;
}
.sec_reason__3_inr {
padding: 37.7px 20px 43.5px;
margin-top: 60px;
}
}
/* ---system_cont--- */
.system_item__cont {
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(2, auto);
gap: 22px 83.96px;
place-content: center;
place-items: center;
margin-top: 120px;
}
.system_item__inr {
display: flex;
place-content: center;
place-items: center;
place-items: center;
flex-direction: column;
justify-content: center;
align-items: center;
}
.system_item__inr_ttl {
font-size: 20px;
font-weight: 700;
color: var(--color-blue);
text-align: center;
letter-spacing: 0.5px;
}
.system_item__inr_txt {
height: 94.3px;
margin-top: 12px;
}
@media (max-width: 768px) {
.system_item__cont {
display: flex;
flex-direction: column;
gap: 56.1px;
place-content: center;
place-items: center;
margin-top: 71.2px;
}
.system_item__inr_txt {
font-size: 16px;
height: 85px;
margin-top: 12.2px;
}
}
/* ---risk_cont--- */
.risk_cont__note {
display: flex;
gap: 67px;
margin-top: 93px;
}
.risk_mgmt__lst.icon_cir li {
font-size: 16px;
font-weight: 500;
}
.risk_mgmt__lst.icon_cir li:first-child {
margin-top: none;
}
.risk_mgmt__lst.icon_cir li {
margin-top: 41px;
}
.risk_mgmt__img {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
width: fit-content;
gap: 20px;
}
@media (max-width: 768px) {
.risk_cont__note {
flex-direction: column;
margin-top: 38.8px;
}
.risk_mgmt__img {
flex-direction: row-reverse;
justify-content: center;
gap: 58.3px;
padding-left: 25px;
}
}
/* ---support_cont--- */
.support_cont {
margin-top: 41px;
}
.support_cont__note {
display: flex;
gap: 60px;
place-content: center;
margin-top: 120px;
}
.support_item__inr_ttl {
font-size: 20px;
font-weight: 700;
color: var(--color-blue);
text-align: center;
letter-spacing: 0.5px;
}
.support_cont__lst {
margin-top: 41px
}
.support_cont__lst li {
margin-top: 8px;
}
.support_cont__lst li:first-child {
margin-top: 0;
}
.support_cont .g_btn {
max-width: 527px;
padding: 17px 50px;
margin-top: 15.5px;
box-sizing: border-box;
}
.tm_img {
display: flex;
gap: 12px;
justify-content: center;
align-items: center;
line-height: 0;
margin-top: 12px;
}
.tm_img img {
height: 61px;
}
.tm_note {
text-align: right;
margin-top: 4px;
margin-left: auto;
}
.tm_note a {
color: var(--color-black);
}
@media (any-hover: hover) {
.tm_note a:hover {
opacity: 70%;
transition: all .2s;
-webkit-transition: all .2s;
}
}
@media (max-width: 768px) {
.support_cont__note {
flex-direction: column;
place-content: center;
align-items: center;
gap: 60px;
margin-top: 96.1px;
}
.support_cont .g_btn {
max-width: 301px;
padding: 18.5px 44px 18.5px 31px;
margin-top: 19.5px;
box-sizing: border-box;
}
.support_cont__lst {
font-size: 16px;
}
.tm_img {
margin-top: 20px;
}
.tm_img img {
height: 66px;
}
}
/* sec_flow
------------------------------------------ */
/* ------flow_cont------ */
.flow_cont {
padding-top: 96.6px;
padding-bottom: 93.9px;
}
.flow_cont__img {
display: flex;
margin-top: 110px;
width: 100%;
overflow-x: auto;
}
.flow_cont__img_inr {
position: relative;
width: fit-content;
}
.flow_cont__img img {
width: 100%;
height: 1588.53px;
}
.flow_cont__btn {
display: flex;
flex-direction: column;
gap: 10px;
position: absolute;
bottom: 90px;
right: 36px;
z-index: 10;
}
.g_btn__flow {
width: 369px;
height: 44px;
}
.flow_cont .g_btn__txt {
text-align: center;
font-size: 18px;
font-weight: 700;
margin-top: 60px;
}
.flow_cont .g_btn__lg {
max-width: 527px;
padding: 17px 50px;
margin-top: 16px;
box-sizing: border-box;
}
@media (max-width: 768px) {
.flow_cont {
padding-top: 44.2px;
padding-bottom: 34px;
}
.flow_cont__img {
margin-top: 67.5px;
}
.flow_cont__img img {
width: 930px;
min-width: 930px;
}
.flow_cont .g_btn__txt {
margin-top: 32.5px;
}
.flow_cont .g_btn__lg {
max-width: 301px;
padding: 18.5px 46px;
margin-top: 16px;
box-sizing: border-box;
}
}
/* banner
------------------------------------------ */
.banner_count {
display: flex;
flex-direction: column;
margin-top: 65px;
}
.banner_count a {
text-decoration: none;
color: var(--color-black);
}
.banner_item {
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 34px;
}
.banner_item::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 0;
height: 0;
border-right: 24px solid transparent;
border-top: 24px solid var(--color-light-green);
}
.banner_item .index_ttl {
font-size: 18px;
font-weight: 700;
width: 234px;
letter-spacing: normal;
}
.banner_img figure {
line-height: 0;
margin-top: 8px;
}
.banner_img img {
width: 572px;
}
.banner_item.banner_qa {
margin-top: 57.9px;
}
@media (any-hover:hover) {
.banner_item:hover {
opacity: 70%;
transition: all .2s;
-webkit-transition: all .2s;
}
}
@media (max-width: 768px) {
.banner_count {
flex-direction: column;
margin-top: 66px;
}
.banner_item {
flex-direction: column;
gap: 24.3px;
}
.banner_item::before {
position: absolute;
content: "";
top: -26.3px;
left: 0;
width: 0;
height: 0;
border-right: 24px solid transparent;
border-top: 24px solid var(--color-light-green);
}
.banner_item .index_ttl {
width: fit-content;
}
.banner_item.banner_qa {
margin-top: 80.8px;
}
}
/* slick-theme
------------------------------------------ */
/* Arrows */
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: block;
z-index: 9999;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:before,
.slick-next:before {
content: "";
width: inherit;
height: inherit;
margin: auto;
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
position: absolute;
top: 0;
left: 0;
opacity: 0.5;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
/*-- Hover, Focus effect --*/
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
opacity: 1;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25;
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 60px;
}
.slick-dots {
position: absolute;
bottom: -30px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
font-size: 0;
padding-top: 27px;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 12px;
height: 12px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: inherit;
height: inherit;
padding: 0px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
opacity: 1;
}
.slick-dots li button::before {
width: inherit;
height: inherit;
background-color: var(--color-slick-light-dotted);
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
content: '';
text-align: center;
color: var(--color-slick-dotted);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button::before {
background-color: var(--color-slick-light-dotted);
color: var(--color-slick-dotted);
}
.slick-dots > li:first-child:last-child {
display: none;
}
/* slider
------------------------------------------ */
/* ---Arrows--- */
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: block;
z-index: 9999;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:before,
.slick-next:before {
content: "";
width: inherit;
height: inherit;
margin: auto;
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
position: absolute;
top: 0;
left: 0;
opacity: 0.5;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
/*-- Hover, Focus effect --*/
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
opacity: 1;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25;
}
/* ---Dots--- */
.slick-dotted.slick-slider {
margin-bottom: 60px;
}
.slick-dots {
position: absolute;
bottom: -30px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
font-size: 0;
padding-top: 27px;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 12px;
height: 12px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: inherit;
height: inherit;
padding: 0px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
opacity: 1;
}
.slick-dots li button::before {
width: inherit;
height: inherit;
background-color: var(--color-slick-light-dotted);
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
content: '';
text-align: center;
color: var(--color-slick-dotted);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button::before {
background-color: var(--color-slick-light-dotted);
color: var(--color-slick-dotted);
}
.slick-dots > li:first-child:last-child {
display: none;
}