@charset "UTF-8";
@charset 'UTF-8';

 .slick-loading .slick-list
{
background: #fff url(https://pai-r.com/wp/wp-content/themes/PAI-R/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://pai-r.com/wp/wp-content/themes/PAI-R/slick/fonts/slick.eot);
src: url(https://pai-r.com/wp/wp-content/themes/PAI-R/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://pai-r.com/wp/wp-content/themes/PAI-R/slick/fonts/slick.woff) format('woff'), url(https://pai-r.com/wp/wp-content/themes/PAI-R/slick/fonts/slick.ttf) format('truetype'), url(https://pai-r.com/wp/wp-content/themes/PAI-R/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.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;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
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
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 :root {
--content-max-width: 1200px;
--color-main: #1d73a2;
--color-main-rgb: 51, 126, 165;
--color-sub: #37474f;
--color-red: #ef5350; --content-width-small: 600px;
--content-width-middle: 1040px;
--content-width-large: 1200px;
--content-width-xlarge: 1400px;
--background-paleBlue: #eff3f4;
--box-shadow: 0 5px 8px rgba(0 0 0 / .2);
--border-radius-xsmall: 10px;
--border-radius-small: 20px;
--border-radius-large: 40px;
--padding-content: 4%;
--transition: .2s ease-out;
}
html {
scroll-padding-top: 60px;
font-size: 62.5%;
}
.driving-management-wrap {
background: var(--color-main);
color: var(--color-sub);
font-size: 1.6rem;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
overflow-x: clip;
}
.driving-management-wrap img {
max-width: 100%;
height: auto;
vertical-align: top;
pointer-events: none; }
.driving-management-wrap video {
pointer-events: none; }
.driving-management-wrap button {
color: inherit;
font: inherit;
font-size: inherit;
}
.driving-management-wrap summary::-webkit-details-marker {
display: none;
}
@media screen and (min-width: 992px) {
.driving-management-wrap {
font-size: 1.8rem;
}
} .c-grid {
display: grid;
}
.c-grid.-gap-xs-10 { gap: 10px; }
.c-grid.-gap-xs-20 { gap: 20px; }
.c-grid.-gap-xs-30 { gap: 30px; }
.c-grid.-gap-xs-40 { gap: 40px; }
.c-grid.-col-xs-1  { grid-template-columns: repeat(1, 1fr); }
.c-grid.-col-xs-2  { grid-template-columns: repeat(2, 1fr); }
.c-grid.-col-xs-3  { grid-template-columns: repeat(3, 1fr); }
.c-grid.-col-xs-4  { grid-template-columns: repeat(4, 1fr); }
.c-grid.-col-xs-5  { grid-template-columns: repeat(5, 1fr); }
.c-grid.-col-xs-8  { grid-template-columns: repeat(8, 1fr); }
.c-grid.-col-xs-10 { grid-template-columns: repeat(10, 1fr); }
.c-grid.-col-xs-12 { grid-template-columns: repeat(12, 1fr); }
.c-grid > .-span-xs-2  { grid-column: span 2; }
.c-grid > .-span-xs-3  { grid-column: span 3; }
.c-grid > .-span-xs-4  { grid-column: span 4; }
.c-grid > .-span-xs-5  { grid-column: span 5; }
.c-grid > .-span-xs-6  { grid-column: span 6; }
.c-grid > .-span-xs-12 { grid-column: span 12; }
@media screen and (min-width: 576px) {
.c-grid.-gap-sm-10 { gap: 10px; }
.c-grid.-gap-sm-20 { gap: 20px; }
.c-grid.-gap-sm-30 { gap: 30px; }
.c-grid.-gap-sm-40 { gap: 40px; }
.c-grid.-col-sm-1  { grid-template-columns: repeat(1, 1fr); }
.c-grid.-col-sm-2  { grid-template-columns: repeat(2, 1fr); }
.c-grid.-col-sm-3  { grid-template-columns: repeat(3, 1fr); }
.c-grid.-col-sm-4  { grid-template-columns: repeat(4, 1fr); }
.c-grid.-col-sm-5  { grid-template-columns: repeat(5, 1fr); }
.c-grid.-col-sm-6  { grid-template-columns: repeat(6, 1fr); }
.c-grid.-col-sm-8  { grid-template-columns: repeat(8, 1fr); }
.c-grid.-col-sm-10 { grid-template-columns: repeat(10, 1fr); }
.c-grid.-col-sm-12 { grid-template-columns: repeat(12, 1fr); }
.c-grid > .-span-sm-2  { grid-column: span 2; }
.c-grid > .-span-sm-3  { grid-column: span 3; }
.c-grid > .-span-sm-4  { grid-column: span 4; }
.c-grid > .-span-sm-5  { grid-column: span 5; }
.c-grid > .-span-sm-6  { grid-column: span 6; }
.c-grid > .-span-sm-12 { grid-column: span 12; }
}
@media screen and (min-width: 768px) {
.c-grid.-gap-md-10 { gap: 10px; }
.c-grid.-gap-md-20 { gap: 20px; }
.c-grid.-gap-md-30 { gap: 30px; }
.c-grid.-gap-md-40 { gap: 40px; }
.c-grid.-col-md-1  { grid-template-columns: repeat(1, 1fr); }
.c-grid.-col-md-2  { grid-template-columns: repeat(2, 1fr); }
.c-grid.-col-md-3  { grid-template-columns: repeat(3, 1fr); }
.c-grid.-col-md-4  { grid-template-columns: repeat(4, 1fr); }
.c-grid.-col-md-5  { grid-template-columns: repeat(5, 1fr); }
.c-grid.-col-md-6  { grid-template-columns: repeat(6, 1fr); }
.c-grid.-col-md-8  { grid-template-columns: repeat(8, 1fr); }
.c-grid.-col-md-10 { grid-template-columns: repeat(10, 1fr); }
.c-grid.-col-md-12 { grid-template-columns: repeat(12, 1fr); }
.c-grid > .-span-md-2  { grid-column: span 2; }
.c-grid > .-span-md-3  { grid-column: span 3; }
.c-grid > .-span-md-4  { grid-column: span 4; }
.c-grid > .-span-md-5  { grid-column: span 5; }
.c-grid > .-span-md-6  { grid-column: span 6; }
.c-grid > .-span-md-12 { grid-column: span 12; }
}
@media screen and (min-width: 992px) {
.c-grid.-gap-lg-10 { gap: 10px; }
.c-grid.-gap-lg-20 { gap: 20px; }
.c-grid.-gap-lg-30 { gap: 30px; }
.c-grid.-gap-lg-40 { gap: 40px; }
.c-grid.-gap-lg-60 { gap: 60px; }
.c-grid.-gap-lg-80 { gap: 80px; }
.c-grid.-col-lg-1  { grid-template-columns: repeat(1, 1fr); }
.c-grid.-col-lg-2  { grid-template-columns: repeat(2, 1fr); }
.c-grid.-col-lg-3  { grid-template-columns: repeat(3, 1fr); }
.c-grid.-col-lg-4  { grid-template-columns: repeat(4, 1fr); }
.c-grid.-col-lg-5  { grid-template-columns: repeat(5, 1fr); }
.c-grid.-col-lg-6  { grid-template-columns: repeat(6, 1fr); }
.c-grid.-col-lg-8  { grid-template-columns: repeat(8, 1fr); }
.c-grid.-col-lg-10 { grid-template-columns: repeat(10, 1fr); }
.c-grid.-col-lg-12 { grid-template-columns: repeat(12, 1fr); }
.c-grid > .-span-lg-2  { grid-column: span 2; }
.c-grid > .-span-lg-3  { grid-column: span 3; }
.c-grid > .-span-lg-4  { grid-column: span 4; }
.c-grid > .-span-lg-5  { grid-column: span 5; }
.c-grid > .-span-lg-6  { grid-column: span 6; }
.c-grid > .-span-lg-12 { grid-column: span 12; }
}
@media screen and (min-width: 1200px) {
.c-grid.-gap-xl-10 { gap: 10px; }
.c-grid.-gap-xl-20 { gap: 20px; }
.c-grid.-gap-xl-30 { gap: 30px; }
.c-grid.-gap-xl-40 { gap: 40px; }
.c-grid.-gap-xl-60 { gap: 60px; }
.c-grid.-gap-xl-80 { gap: 80px; }
.c-grid.-col-xl-1  { grid-template-columns: repeat(1, 1fr); }
.c-grid.-col-xl-2  { grid-template-columns: repeat(2, 1fr); }
.c-grid.-col-xl-3  { grid-template-columns: repeat(3, 1fr); }
.c-grid.-col-xl-4  { grid-template-columns: repeat(4, 1fr); }
.c-grid.-col-xl-5  { grid-template-columns: repeat(5, 1fr); }
.c-grid.-col-xl-6  { grid-template-columns: repeat(6, 1fr); }
.c-grid.-col-xl-8  { grid-template-columns: repeat(8, 1fr); }
.c-grid.-col-xl-12 { grid-template-columns: repeat(12, 1fr); }
.c-grid > .-span-xl-2  { grid-column: span 2; }
.c-grid > .-span-xl-3  { grid-column: span 3; }
.c-grid > .-span-xl-4  { grid-column: span 4; }
.c-grid > .-span-xl-5  { grid-column: span 5; }
.c-grid > .-span-xl-6  { grid-column: span 6; }
.c-grid > .-span-xl-12 { grid-column: span 12; }
}
@media screen and (min-width: 1400px) {
.c-grid.-gap-xxl-10 { gap: 10px; }
.c-grid.-gap-xxl-20 { gap: 20px; }
.c-grid.-gap-xxl-30 { gap: 30px; }
.c-grid.-gap-xxl-40 { gap: 40px; }
.c-grid.-gap-xxl-60 { gap: 60px; }
.c-grid.-gap-xxl-80 { gap: 80px; }
.c-grid.-col-xxl-1  { grid-template-columns: repeat(1, 1fr); }
.c-grid.-col-xxl-2  { grid-template-columns: repeat(2, 1fr); }
.c-grid.-col-xxl-3  { grid-template-columns: repeat(3, 1fr); }
.c-grid.-col-xxl-4  { grid-template-columns: repeat(4, 1fr); }
.c-grid.-col-xxl-5  { grid-template-columns: repeat(5, 1fr); }
.c-grid.-col-xxl-6  { grid-template-columns: repeat(6, 1fr); }
.c-grid.-col-xxl-8  { grid-template-columns: repeat(8, 1fr); }
.c-grid.-col-xxl-10 { grid-template-columns: repeat(10, 1fr); }
.c-grid.-col-xxl-12 { grid-template-columns: repeat(12, 1fr); }
.c-grid > .-span-xxl-2  { grid-column: span 2; }
.c-grid > .-span-xxl-3  { grid-column: span 3; }
.c-grid > .-span-xxl-4  { grid-column: span 4; }
.c-grid > .-span-xxl-5  { grid-column: span 5; }
.c-grid > .-span-xxl-6  { grid-column: span 6; }
.c-grid > .-span-xxl-12 { grid-column: span 12; }
} .c-flex {
display: flex;
flex-wrap: wrap;
}
.c-flex + .c-flex { margin-top: 0; }
.c-flex.-row-xs-10 { margin: -10px 0 0 -10px; }
.c-flex.-row-xs-20 { margin: -20px 0 0 -20px; }
.c-flex.-row-xs-30 { margin: -30px 0 0 -30px; }
.c-flex.-row-xs-40 { margin: -40px 0 0 -40px; }
.c-flex.-row-xs-center { justify-content: center; }
.c-flex.-row-xs-10 > .c-flex__item { padding: 10px 0 0 10px; }
.c-flex.-row-xs-20 > .c-flex__item { padding: 20px 0 0 20px; }
.c-flex.-row-xs-30 > .c-flex__item { padding: 30px 0 0 30px; }
.c-flex.-row-xs-40 > .c-flex__item { padding: 40px 0 0 40px; }
.c-flex__item.-col-xs-12 { width: 100%; }
.c-flex__item.-col-xs-11 { width: 91.666%; }
.c-flex__item.-col-xs-10 { width: 83.333%; }
.c-flex__item.-col-xs-9  { width: 75%; }
.c-flex__item.-col-xs-8  { width: 66.666%; }
.c-flex__item.-col-xs-7  { width: 58.333%; }
.c-flex__item.-col-xs-6  { width: 50%; }
.c-flex__item.-col-xs-5  { width: 41.666%; }
.c-flex__item.-col-xs-4  { width: 33.333%; }
.c-flex__item.-col-xs-3  { width: 25%; }
.c-flex__item.-col-xs-2  { width: 16.666%; }
.c-flex__item.-col-xs-1  { width: 8.333%; }
.c-flex__item.-col-center-xs  { align-self: center; }
@media screen and (min-width: 576px) {
.c-flex.-row-sm-10 { margin: -10px 0 0 -10px; }
.c-flex.-row-sm-20 { margin: -20px 0 0 -20px; }
.c-flex.-row-sm-30 { margin: -30px 0 0 -30px; }
.c-flex.-row-sm-40 { margin: -40px 0 0 -40px; }
.c-flex.-row-sm-center { justify-content: center; }
.c-flex.-row-sm-10 > .c-flex__item { padding: 10px 0 0 10px; }
.c-flex.-row-sm-20 > .c-flex__item { padding: 20px 0 0 20px; }
.c-flex.-row-sm-30 > .c-flex__item { padding: 30px 0 0 30px; }
.c-flex.-row-sm-40 > .c-flex__item { padding: 40px 0 0 40px; }
.c-flex__item.-col-sm-12 { width: 100%; }
.c-flex__item.-col-sm-11 { width: 91.666%; }
.c-flex__item.-col-sm-10 { width: 83.333%; }
.c-flex__item.-col-sm-9  { width: 75%; }
.c-flex__item.-col-sm-8  { width: 66.666%; }
.c-flex__item.-col-sm-7  { width: 58.333%; }
.c-flex__item.-col-sm-6  { width: 50%; }
.c-flex__item.-col-sm-5  { width: 41.666%; }
.c-flex__item.-col-sm-4  { width: 33.333%; }
.c-flex__item.-col-sm-3  { width: 25%; }
.c-flex__item.-col-sm-2  { width: 16.666%; }
.c-flex__item.-col-sm-1  { width: 8.333%; }
.c-flex__item.-col-sm-center  { align-self: center; }
}
@media screen and (min-width: 768px) {
.c-flex.-row-md-10 { margin: -10px 0 0 -10px; }
.c-flex.-row-md-20 { margin: -20px 0 0 -20px; }
.c-flex.-row-md-30 { margin: -30px 0 0 -30px; }
.c-flex.-row-md-40 { margin: -40px 0 0 -40px; }
.c-flex.-row-md-center { justify-content: center; }
.c-flex.-row-md-10 > .c-flex__item { padding: 10px 0 0 10px; }
.c-flex.-row-md-20 > .c-flex__item { padding: 20px 0 0 20px; }
.c-flex.-row-md-30 > .c-flex__item { padding: 30px 0 0 30px; }
.c-flex.-row-md-40 > .c-flex__item { padding: 40px 0 0 40px; }
.c-flex__item.-col-md-12 { width: 100%; }
.c-flex__item.-col-md-11 { width: 91.666%; }
.c-flex__item.-col-md-10 { width: 83.333%; }
.c-flex__item.-col-md-9  { width: 75%; }
.c-flex__item.-col-md-8  { width: 66.666%; }
.c-flex__item.-col-md-7  { width: 58.333%; }
.c-flex__item.-col-md-6  { width: 50%; }
.c-flex__item.-col-md-5  { width: 41.666%; }
.c-flex__item.-col-md-4  { width: 33.333%; }
.c-flex__item.-col-md-3  { width: 25%; }
.c-flex__item.-col-md-2  { width: 16.666%; }
.c-flex__item.-col-md-1  { width: 8.333%; }
}
@media screen and (min-width: 992px) {
.c-flex.-row-lg-10 { margin: -10px 0 0 -10px; }
.c-flex.-row-lg-20 { margin: -20px 0 0 -20px; }
.c-flex.-row-lg-30 { margin: -30px 0 0 -30px; }
.c-flex.-row-lg-40 { margin: -40px 0 0 -40px; }
.c-flex.-row-lg-60 { margin: -60px 0 0 -60px; }
.c-flex.-row-lg-center { justify-content: center; }
.c-flex.-row-lg-10 > .c-flex__item { padding: 10px 0 0 10px; }
.c-flex.-row-lg-20 > .c-flex__item { padding: 20px 0 0 20px; }
.c-flex.-row-lg-30 > .c-flex__item { padding: 30px 0 0 30px; }
.c-flex.-row-lg-40 > .c-flex__item { padding: 40px 0 0 40px; }
.c-flex.-row-lg-60 > .c-flex__item { padding: 60px 0 0 60px; }
.c-flex__item.-col-lg-12 { width: 100%; }
.c-flex__item.-col-lg-11 { width: 91.666%; }
.c-flex__item.-col-lg-10 { width: 83.333%; }
.c-flex__item.-col-lg-9  { width: 75%; }
.c-flex__item.-col-lg-8  { width: 66.666%; }
.c-flex__item.-col-lg-7  { width: 58.333%; }
.c-flex__item.-col-lg-6  { width: 50%; }
.c-flex__item.-col-lg-5  { width: 41.666%; }
.c-flex__item.-col-lg-4  { width: 33.333%; }
.c-flex__item.-col-lg-3  { width: 25%; }
.c-flex__item.-col-lg-2  { width: 16.666%; }
.c-flex__item.-col-lg-1  { width: 8.333%; }
}
@media screen and (min-width: 1200px) {
.c-flex.-row-xl-10 { margin: -10px 0 0 -10px; }
.c-flex.-row-xl-20 { margin: -20px 0 0 -20px; }
.c-flex.-row-xl-30 { margin: -30px 0 0 -30px; }
.c-flex.-row-xl-40 { margin: -40px 0 0 -40px; }
.c-flex.-row-xl-60 { margin: -60px 0 0 -60px; }
.c-flex.-row-xl-center { justify-content: center; }
.c-flex.-row-xl-10 > .c-flex__item { padding: 10px 0 0 10px; }
.c-flex.-row-xl-20 > .c-flex__item { padding: 20px 0 0 20px; }
.c-flex.-row-xl-30 > .c-flex__item { padding: 30px 0 0 30px; }
.c-flex.-row-xl-40 > .c-flex__item { padding: 40px 0 0 40px; }
.c-flex.-row-xl-60 > .c-flex__item { padding: 60px 0 0 60px; }
.c-flex__item.-col-xl-12 { width: 100%; }
.c-flex__item.-col-xl-11 { width: 91.666%; }
.c-flex__item.-col-xl-10 { width: 83.333%; }
.c-flex__item.-col-xl-9  { width: 75%; }
.c-flex__item.-col-xl-8  { width: 66.666%; }
.c-flex__item.-col-xl-7  { width: 58.333%; }
.c-flex__item.-col-xl-6  { width: 50%; }
.c-flex__item.-col-xl-5  { width: 41.666%; }
.c-flex__item.-col-xl-4  { width: 33.333%; }
.c-flex__item.-col-xl-3  { width: 25%; }
.c-flex__item.-col-xl-2  { width: 16.666%; }
.c-flex__item.-col-xl-1  { width: 8.333%; }
}
@media screen and (min-width: 1400px) {
.c-flex.-row-xxl-10 { margin: -10px 0 0 -10px; }
.c-flex.-row-xxl-20 { margin: -20px 0 0 -20px; }
.c-flex.-row-xxl-30 { margin: -30px 0 0 -30px; }
.c-flex.-row-xxl-40 { margin: -40px 0 0 -40px; }
.c-flex.-row-xxl-10 > .c-flex__item { padding: 10px 0 0 10px; }
.c-flex.-row-xxl-20 > .c-flex__item { padding: 20px 0 0 20px; }
.c-flex.-row-xxl-30 > .c-flex__item { padding: 30px 0 0 30px; }
.c-flex.-row-xxl-40 > .c-flex__item { padding: 40px 0 0 40px; }
.c-flex__item.-col-xxl-12 { width: 100%; }
.c-flex__item.-col-xxl-11 { width: 91.666%; }
.c-flex__item.-col-xxl-10 { width: 83.333%; }
.c-flex__item.-col-xxl-9  { width: 75%; }
.c-flex__item.-col-xxl-8  { width: 66.666%; }
.c-flex__item.-col-xxl-7  { width: 58.333%; }
.c-flex__item.-col-xxl-6  { width: 50%; }
.c-flex__item.-col-xxl-5  { width: 41.666%; }
.c-flex__item.-col-xxl-4  { width: 33.333%; }
.c-flex__item.-col-xxl-3  { width: 25%; }
.c-flex__item.-col-xxl-2  { width: 16.666%; }
.c-flex__item.-col-xxl-1  { width: 8.333%; }
} .c-contents__section {
padding: 4rem min(30px, var(--padding-content));
}
.c-contents__section--padding-t-null {
padding-top: 0;
}
.c-contents__sectionInner {
max-width: var(--content-width-small);
margin-right: auto;
margin-left: auto;
}
.c-contents__sectionHead + .c-contents__sectionBody {
padding-top: 3rem;
}
.c-contents__sectionBodyItem + .c-contents__sectionBodyItem {
padding-top: 4rem;
}
.c-contents__sectionHeadSentence {
width: fit-content;
padding-top: 3rem;
margin: 0 auto;
color: #5d5d5d;
font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
.c-contents__sectionInner {
max-width: 1800px;
}
.c-contents__sectionInner--middle {
max-width: var(--content-width-middle);
}
}
@media screen and (min-width: 992px) {
.c-contents__section {
padding-top: 8rem;
padding-bottom: 8rem;
}
.c-contents__section--padding-t-null {
padding-top: 0;
}
.c-contents__sectionHeadSentence {
font-size: 1.5rem;
}
} .c-button {
position: relative;
display: inline-block;
max-width: 360px;
width: 100%;
line-height: 1.4;
padding: 10px 30px;
border-radius: 100vh;
text-align: center;
transition: transform var(--transition);
}
.c-button--primary {
background: #fee440;
color: var(--color-sub);
}
.c-button__inner {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
min-height: 42px;
}
.c-button__text {
display: block;
font-size: 1.8rem;
font-weight: 700;
}
.c-button__textSub {
display: block;
font-size: 1.3rem;
font-weight: 500;
}
.c-button:hover {
color: inherit;
}
@media screen and (min-width: 768px) {
.c-button {
max-width: 460px;
}
.c-button__text {
font-size: 2.2rem;
}
}
@media screen and (min-width: 992px) {
.c-button {
padding: 25px 20px;
}
.c-button__text {
font-size: 2.5rem;
}
.c-button__textSub {
font-size: 1.5rem;
}
}
@media (hover: hover) {
.c-button:hover {
box-shadow: none;
transform: scale(1.02);
}
} .c-cta {
padding: 80px 0 0;
}
.c-cta__title {
font-size: 1.8rem;
text-align: center;
}
.c-cta__button {
text-align: center;
}
.c-cta__title + .c-cta__button {
padding: 10px 0 0;
}
@media screen and (min-width: 992px) {
.c-cta {
padding: 80px 0 0;
}
.c-cta__title {
font-size: 2rem;
}
.c-cta__title + .c-cta__button {
padding: 20px 0 0;
}
}
@media screen and (min-width: 1200px) {
.c-cta {
padding: 160px 0 0;
}
} .c-title-primary {
line-height: 1.4;
font-size: 2.2rem;
font-weight: 700;
text-align: center;
}
@media screen and (min-width: 992px) {
.c-title-primary {
font-size: 2.8rem;
}
}
@media screen and (min-width: 1200px) {
.c-title-primary {
font-size: 3.8rem;
}
} .c-text-link {
color: var(--color-main);
transition: var(--transition);
}
.c-text-link:hover {
color: #fff;
} .c-info-unit {
display: grid;
gap: 0.5em;
}
.c-info-unit__title {
color: var(--color-main);
font-size: 1.8rem;
font-weight: 700;
}
@media screen and (min-width: 992px) {
.c-info-unit__title {
font-size: 2.2rem;
}
}
@media screen and (min-width: 1200px) {
.c-info-unit__title {
font-size: 2.8rem;
}
} .u-hide-xs,
.u-hide-sm,
.u-hide-md,
.u-hide-lg,
.u-hide-xl {
display: block;
}
@media screen and (min-width: 576px) {
.u-hide-sm {
display: none;
}
}
@media screen and (min-width: 768px) {
.u-hide-md {
display: none;
}
}
@media screen and (min-width: 992px) {
.u-hide-lg {
display: none;
}
}
@media screen and (min-width: 1200px) {
.u-hide-xl {
display: none;
}
}
@media screen and (min-width: 1400px) {
.u-hide-xxl {
display: none;
}
} .u-show-sm,
.u-show-md,
.u-show-lg,
.u-show-xl,
.u-show-xxl {
display: none;
}
@media screen and (min-width: 576px) {
.u-show-sm {
display: block;
}
}
@media screen and (min-width: 768px) {
.u-show-md {
display: block;
}
}
@media screen and (min-width: 992px) {
.u-show-lg {
display: block;
}
}
@media screen and (min-width: 1200px) {
.u-show-xl {
display: block;
}
}
@media screen and (min-width: 1400px) {
.u-show-xxl {
display: block;
}
} .u-align-center-xs {
text-align: center;
}
@media screen and (min-width: 576px) {
.u-align-center-sm {
text-align: center;
}
}
@media screen and (min-width: 768px) {
.u-align-center-md {
text-align: center;
}
}
@media screen and (min-width: 992px) {
.u-align-center-lg {
text-align: center;
}
}
@media screen and (min-width: 1200px) {
.u-align-center-xl {
text-align: center;
}
}
@media screen and (min-width: 1400px) {
.u-align-center-xxl {
text-align: center;
}
} .u-align-right-xs {
text-align: right;
}
@media screen and (min-width: 576px) {
.u-align-right-sm {
text-align: right;
}
}
@media screen and (min-width: 768px) {
.u-align-right-md {
text-align: right;
}
}
@media screen and (min-width: 992px) {
.u-align-right-lg {
text-align: right;
}
}
@media screen and (min-width: 1200px) {
.u-align-right-xl {
text-align: right;
}
}
@media screen and (min-width: 1400px) {
.u-align-right-xxl {
text-align: right;
}
} .u-align-left-xs {
text-align: left;
}
@media screen and (min-width: 576px) {
.u-align-left-sm {
text-align: left;
}
}
@media screen and (min-width: 768px) {
.u-align-left-md {
text-align: left;
}
}
@media screen and (min-width: 992px) {
.u-align-left-lg {
text-align: left;
}
}
@media screen and (min-width: 1200px) {
.u-align-left-xl {
text-align: left;
}
}
@media screen and (min-width: 1400px) {
.u-align-left-xxl {
text-align: left;
}
} .u-padding-top-10-xs { padding-top: 10px; }
.u-padding-top-20-xs { padding-top: 20px; }
.u-padding-top-30-xs { padding-top: 30px; }
.u-padding-top-40-xs { padding-top: 40px; }
@media screen and (min-width: 992px) {
.u-padding-top-20-lg { padding-top: 20px; }
.u-padding-top-30-lg { padding-top: 30px; }
.u-padding-top-40-lg { padding-top: 40px; }
.u-padding-top-50-lg { padding-top: 50px; }
.u-padding-top-60-lg { padding-top: 60px; }
} .u-mb-10-xs { margin-bottom: 10px; }
.u-mb-20-xs { margin-bottom: 20px; }
.u-mb-30-xs { margin-bottom: 30px; }
.u-mb-40-xs { margin-bottom: 40px; }
@media screen and (min-width: 576px) {
.u-mb-10-sm { margin-bottom: 10px; }
.u-mb-20-sm { margin-bottom: 20px; }
.u-mb-30-sm { margin-bottom: 30px; }
.u-mb-40-sm { margin-bottom: 40px; }
}
@media screen and (min-width: 768px) {
.u-mb-10-md { margin-bottom: 10px; }
.u-mb-20-md { margin-bottom: 20px; }
.u-mb-30-md { margin-bottom: 30px; }
.u-mb-40-md { margin-bottom: 40px; }
.u-mb-50-md { margin-bottom: 50px; }
}
@media screen and (min-width: 992px) {
.u-mb-10-lg { margin-bottom: 10px; }
.u-mb-20-lg { margin-bottom: 20px; }
.u-mb-30-lg { margin-bottom: 30px; }
.u-mb-40-lg { margin-bottom: 40px; }
.u-mb-50-lg { margin-bottom: 50px; }
.u-mb-60-lg { margin-bottom: 60px; }
.u-mb-70-lg { margin-bottom: 70px; }
.u-mb-80-lg { margin-bottom: 80px; }
}
@media screen and (min-width: 1200px) {
.u-mb-10-xl { margin-bottom: 10px; }
.u-mb-20-xl { margin-bottom: 20px; }
.u-mb-30-xl { margin-bottom: 30px; }
.u-mb-40-xl { margin-bottom: 40px; }
.u-mb-50-xl { margin-bottom: 50px; }
.u-mb-60-xl { margin-bottom: 60px; }
.u-mb-70-xl { margin-bottom: 70px; }
.u-mb-80-xl { margin-bottom: 80px; }
}
@media screen and (min-width: 1400px) {
.u-mb-10-xxl { margin-bottom: 10px; }
.u-mb-20-xxl { margin-bottom: 20px; }
.u-mb-30-xxl { margin-bottom: 30px; }
.u-mb-40-xxl { margin-bottom: 40px; }
.u-mb-50-xxl { margin-bottom: 50px; }
.u-mb-60-xxl { margin-bottom: 60px; }
.u-mb-70-xxl { margin-bottom: 70px; }
.u-mb-80-xxl { margin-bottom: 80px; }
} .u-mt-05-xs { margin-top: 5px; }
.u-mt-10-xs { margin-top: 10px; }
.u-mt-15-xs { margin-top: 15px; }
.u-mt-20-xs { margin-top: 20px; }
.u-mt-25-xs { margin-top: 25px; }
.u-mt-30-xs { margin-top: 30px; }
.u-mt-40-xs { margin-top: 40px; }
@media screen and (min-width: 576px) {
.u-mt-05-sm { margin-top: 5px; }
.u-mt-10-sm { margin-top: 10px; }
.u-mt-15-sm { margin-top: 15px; }
.u-mt-20-sm { margin-top: 20px; }
.u-mt-25-sm { margin-top: 25px; }
.u-mt-30-sm { margin-top: 30px; }
.u-mt-40-sm { margin-top: 40px; }
}
@media screen and (min-width: 768px) {
.u-mt-10-md { margin-top: 10px; }
.u-mt-15-md { margin-top: 15px; }
.u-mt-20-md { margin-top: 20px; }
.u-mt-25-md { margin-top: 25px; }
.u-mt-30-md { margin-top: 30px; }
.u-mt-35-md { margin-top: 35px; }
.u-mt-40-md { margin-top: 40px; }
.u-mt-45-md { margin-top: 45px; }
.u-mt-50-md { margin-top: 50px; }
}
@media screen and (min-width: 992px) {
.u-mt-10-lg { margin-top: 10px; }
.u-mt-15-lg { margin-top: 15px; }
.u-mt-20-lg { margin-top: 20px; }
.u-mt-25-lg { margin-top: 25px; }
.u-mt-30-lg { margin-top: 30px; }
.u-mt-35-lg { margin-top: 35px; }
.u-mt-40-lg { margin-top: 40px; }
.u-mt-45-lg { margin-top: 45px; }
.u-mt-50-lg { margin-top: 50px; }
.u-mt-60-lg { margin-top: 60px; }
.u-mt-70-lg { margin-top: 70px; }
.u-mt-80-lg { margin-top: 80px; }
}
@media screen and (min-width: 1200px) {
.u-mt-10-xl { margin-top: 10px; }
.u-mt-15-xl { margin-top: 15px; }
.u-mt-20-xl { margin-top: 20px; }
.u-mt-25-xl { margin-top: 25px; }
.u-mt-30-xl { margin-top: 30px; }
.u-mt-35-xl { margin-top: 35px; }
.u-mt-40-xl { margin-top: 40px; }
.u-mt-45-xl { margin-top: 45px; }
.u-mt-50-xl { margin-top: 50px; }
.u-mt-60-xl { margin-top: 60px; }
.u-mt-70-xl { margin-top: 70px; }
.u-mt-80-xl { margin-top: 80px; }
}
@media screen and (min-width: 1400px) {
.u-mt-10-xxl { margin-top: 10px; }
.u-mt-15-xxl { margin-top: 15px; }
.u-mt-20-xxl { margin-top: 20px; }
.u-mt-30-xxl { margin-top: 30px; }
.u-mt-40-xxl { margin-top: 40px; }
.u-mt-50-xxl { margin-top: 50px; }
.u-mt-60-xxl { margin-top: 60px; }
.u-mt-70-xxl { margin-top: 70px; }
.u-mt-80-xxl { margin-top: 80px; }
} .u-background-initial { background: #fff; }
.u-background-primary { background: var(--color-main); }
.u-background-secondary { background: var(--background-paleBlue); } .u-text-color-primary { color: var(--color-main); }
.u-text-color-secondary { color: var(--color-sub); }
.u-text-color-tertiary { color: var(--color-red); }
.u-text-color-white { color: #fff; }  .u-text-weight-bold { font-weight: 700; }
.u-text-weight-medium { font-weight: 500; } .u-text-size-large  { font-size: 1.25em; }
.u-text-size-small  { font-size: .9em; }
.u-text-size-xsmall { font-size: .75em; }  .p-hero {
position: relative;
padding: 0 0 min(50px, 16%);
background: var(--color-main);
}
.p-hero__content {
text-align: center;
}
.p-hero_content img {
display: block;
margin: 0 auto;
}
.p-hero__cta {
position: absolute;
bottom: 8%;
left: 0;
width: 100%;
padding: 0 20px;
text-align: center;
}
@media screen and (min-width: 768px) {
.p-hero {
padding: 0;
}
} .p-issue-container {
padding: 40px 20px;
} .p-solution-title {
line-height: 1.4;
font-size: 2.4rem;
font-weight: 700;
}
.p-solution-container {
position: relative;
z-index: 1;
display: grid;
gap: 40px;
}
.p-solution-container::before {
content: "";
position: absolute;
z-index: -1;
left: -20px;
right: -20px;
top: 14%;
bottom: 0;
background: url(/img/product/alkillernex/driving-management/bg-solution-01.webp) no-repeat 50% 0/cover;
}
.p-solution-container__inner {
max-width: var(--content-width-large);
margin-right: auto;
margin-left: auto;
}
.p-solution-unit-primary {
display: flex;
flex-direction: column;
gap: 20px;
}
.p-solution-unit-primary__image {
margin: 0 calc(50vw - 50%) 0 0;
}
.p-solution-unit-sencondary {
display: grid;
gap: 10px;
padding: 40px 0 0;
}
.p-solution-unit-sencondary__body {
display: grid;
gap: 40px;
}
.p-solution-functionGroup {
display: grid;
gap: 40px;
padding: 80px 0 0;
}
.p-solution-functionList__item {
display: grid;
align-items: center;
padding: 10px;
min-height: calc(3em + 10px + 10px);
background: rgba(255, 255, 255, 0.6);
border-radius: var(--border-radius-xsmall);
box-shadow: var(--box-shadow);
font-size: 1.4rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.p-solution-unit-primary {
flex-direction: row;
gap: 0;
}
.p-solution-unit-primary__body {
flex: 1 1 60%;
align-self: center;
margin: 0 0 0 -12%;
}
}
@media screen and (min-width: 992px) {
.p-solution-title {
font-size: 3rem;
}
.p-solution-container::before {
top: 22%;
left: -40px;
right: -40px;
}
.p-solution-unit-primary__body {
flex: 1 1 44%;
}
.p-solution-unit-sencondary {
padding: 60px 0 0;
}
.p-solution-functionGroup {
padding: 80px 0 0;
}
.p-solution-functionList__item {
font-size: 1.8rem;
}
}
@media screen and (min-width: 1200px) {
.p-solution-title {
font-size: 4.4rem;
}
.p-solution-container::before {
top: 18%;
}
.p-solution-unit-primary__image {
margin: 0 0 0 calc(72vw - 72%);
}
.p-solution-unit-primary__body {
flex: 1;
margin: 0 0 0 -4%;
}
.p-solution-unit-sencondary {
gap: 20px;
}
.p-solution-unit-sencondary__body {
grid-template-columns: repeat(2, 1fr);
gap: 60px;
}
.p-solution-unit-tertiary {
width: 50%;
place-self: center;
padding: 40px 0 0;
}
.p-solution-functionGroup {
gap: 60px;
padding: 160px 0 0;
}
.p-solution-functionList__item {
height: calc(4em + 10px + 10px);
font-size: 2rem;
}
}
@media screen and (min-width: 1400px) {
.p-solution-unit-primary__image {
margin: 0;
padding: 0 0 0 200px;
}
.p-solution-unit-sencondary__body {
gap: 120px;
}
} .p-issue-solution {
position: relative;
display: grid;
gap: 40px;
border-radius: var(--border-radius-small);
padding: 40px 20px;
}
@media screen and (min-width: 992px) {
.p-issue-solution {
gap: 80px;
padding: 60px 40px;
}
}
@media screen and (min-width: 1200px) {
.p-issue-solution {
gap: 160px;
}
} .p-faq-list__item {
padding: 20px;
background: #fff;
border-radius: var(--border-radius-small);
}
.p-faq-list__question, .p-faq-list__answer {
position: relative;
}
.p-faq-list__question::before, .p-faq-list__answer::before {
position: absolute;
left: 0;
color: var(--color-main);
font-size: 1.8rem;
}
.p-faq-list__question {
padding: 0 0 0 2.5rem;
color: var(--color-main);
font-size: 1.8rem;
}
.p-faq-list__question::before {
content: "Q.";
}
.p-faq-list__answer {
display: grid;
gap: 0.5em;
margin: 0.5em 0 0;
padding: 0 0 0 2.5rem;
}
.p-faq-list__answer::before {
content: "A.";
}
.p-faq-list__answerPrimary {
font-size: 1.8rem;
}
.p-faq-list__answerSecondary {
font-size: 1.5rem;
}
@media screen and (min-width: 992px) {
.p-faq-list__item {
padding: 30px;
}
.p-faq-list__question::before, .p-faq-list__answer::before {
top: -2px;
font-size: 2.4rem;
}
.p-faq-list__question {
padding: 0 0 0 3.8rem;
font-size: 2.4rem;
}
.p-faq-list__answer {
padding: 0 0 0 3.8rem;
}
.p-faq-list__answerPrimary {
font-size: 2rem;
}
}
@media screen and (min-width: 1200px) {
.p-faq-list__question::before, .p-faq-list__answer::before {
font-size: 2.8rem;
}
.p-faq-list__question {
font-size: 2.8rem;
}
.p-faq-list__answerPrimary {
font-size: 2.2rem;
}
.p-faq-list__answerSecondary {
font-size: 1.7rem;
}
} .p-form-container {
min-height: 560px;
padding: 40px 20px;
border-radius: var(--border-radius-small);
}
@media screen and (min-width: 992px) {
.p-form-container {
padding: 80px 60px;
}
.p-form-container .hbspt-form {
max-width: 640px;
margin: 0 auto;
}
} .p-thanks-container {
padding: 40px 20px;
border-radius: var(--border-radius-small);
}
.p-thanks-grid {
display: grid;
gap: 2em;
padding: 2em 0 0;
}
@media screen and (min-width: 992px) {
.p-thanks-container {
padding: 60px 40px;
}
}