@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 {
--transition: .2s ease-out;
}
#home {
background: #f4f1ee;
}
.p-home-main {
padding: 0 0 100px;
line-height: 1.6;
overflow-x: hidden;
}
.p-home-main a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.p-home-main img {
max-width: 100%;
height: auto;
vertical-align: top;
pointer-events: none; }
.p-home-main video {
pointer-events: none; }
@media screen and (min-width: 980px) { .p-home-main {
padding: 0 0 160px;
}
}
@media screen and (min-width: 1200px) {} .c-article-section__area {
padding-right: 20px;
padding-left: 20px;
max-width: 600px;
margin: 0 auto;
}
.c-article-section__body {
padding: 30px 0 0;
}
@media screen and (min-width: 768px) {
.c-article-section__area {
max-width: 1500px;
padding-right: 30px;
padding-left: 30px;
}
}
@media screen and (min-width: 992px) {
.c-article-section__body {
padding: 40px 0 0;
}
} .c-grid {
display: flex;
flex-wrap: wrap;
}
.c-grid + .c-grid { margin-top: 0; }
.c-grid.-row-10-xs { margin: -10px 0 0 -10px; }
.c-grid.-row-20-xs { margin: -20px 0 0 -20px; }
.c-grid.-row-30-xs { margin: -30px 0 0 -30px; }
.c-grid.-row-40-xs { margin: -40px 0 0 -40px; }
.c-grid.-row-center-xs { justify-content: center; }
.c-grid.-row-10-xs > .c-grid__item { padding: 10px 0 0 10px; }
.c-grid.-row-20-xs > .c-grid__item { padding: 20px 0 0 20px; }
.c-grid.-row-30-xs > .c-grid__item { padding: 30px 0 0 30px; }
.c-grid.-row-40-xs > .c-grid__item { padding: 40px 0 0 40px; }
.c-grid__item.-col-12-xs { width: 100%; }
.c-grid__item.-col-11-xs { width: 91.666%; }
.c-grid__item.-col-10-xs { width: 83.333%; }
.c-grid__item.-col-9-xs  { width: 75%; }
.c-grid__item.-col-8-xs  { width: 66.666%; }
.c-grid__item.-col-7-xs  { width: 58.333%; }
.c-grid__item.-col-6-xs  { width: 50%; }
.c-grid__item.-col-5-xs  { width: 41.666%; }
.c-grid__item.-col-4-xs  { width: 33.333%; }
.c-grid__item.-col-3-xs  { width: 25%; }
.c-grid__item.-col-2-xs  { width: 16.666%; }
.c-grid__item.-col-1-xs  { width: 8.333%; }
.c-grid__item.-col-center-xs  { align-self: center; }
@media screen and (min-width: 576px) {
.c-grid.-row-10-sm { margin: -10px 0 0 -10px; }
.c-grid.-row-20-sm { margin: -20px 0 0 -20px; }
.c-grid.-row-30-sm { margin: -30px 0 0 -30px; }
.c-grid.-row-40-sm { margin: -40px 0 0 -40px; }
.c-grid.-row-center-sm { justify-content: center; }
.c-grid.-row-10-sm > .c-grid__item { padding: 10px 0 0 10px; }
.c-grid.-row-20-sm > .c-grid__item { padding: 20px 0 0 20px; }
.c-grid.-row-30-sm > .c-grid__item { padding: 30px 0 0 30px; }
.c-grid.-row-40-sm > .c-grid__item { padding: 40px 0 0 40px; }
.c-grid__item.-col-12-sm { width: 100%; }
.c-grid__item.-col-11-sm { width: 91.666%; }
.c-grid__item.-col-10-sm { width: 83.333%; }
.c-grid__item.-col-9-sm  { width: 75%; }
.c-grid__item.-col-8-sm  { width: 66.666%; }
.c-grid__item.-col-7-sm  { width: 58.333%; }
.c-grid__item.-col-6-sm  { width: 50%; }
.c-grid__item.-col-5-sm  { width: 41.666%; }
.c-grid__item.-col-4-sm  { width: 33.333%; }
.c-grid__item.-col-3-sm  { width: 25%; }
.c-grid__item.-col-2-sm  { width: 16.666%; }
.c-grid__item.-col-1-sm  { width: 8.333%; }
.c-grid__item.-col-center-sm  { align-self: center; }
}
@media screen and (min-width: 768px) {
.c-grid.-row-10-md { margin: -10px 0 0 -10px; }
.c-grid.-row-20-md { margin: -20px 0 0 -20px; }
.c-grid.-row-30-md { margin: -30px 0 0 -30px; }
.c-grid.-row-40-md { margin: -40px 0 0 -40px; }
.c-grid.-row-center-md { justify-content: center; }
.c-grid.-row-10-md > .c-grid__item { padding: 10px 0 0 10px; }
.c-grid.-row-20-md > .c-grid__item { padding: 20px 0 0 20px; }
.c-grid.-row-30-md > .c-grid__item { padding: 30px 0 0 30px; }
.c-grid.-row-40-md > .c-grid__item { padding: 40px 0 0 40px; }
.c-grid__item.-col-12-md { width: 100%; }
.c-grid__item.-col-11-md { width: 91.666%; }
.c-grid__item.-col-10-md { width: 83.333%; }
.c-grid__item.-col-9-md  { width: 75%; }
.c-grid__item.-col-8-md  { width: 66.666%; }
.c-grid__item.-col-7-md  { width: 58.333%; }
.c-grid__item.-col-6-md  { width: 50%; }
.c-grid__item.-col-5-md  { width: 41.666%; }
.c-grid__item.-col-4-md  { width: 33.333%; }
.c-grid__item.-col-3-md  { width: 25%; }
.c-grid__item.-col-2-md  { width: 16.666%; }
.c-grid__item.-col-1-md  { width: 8.333%; }
.c-grid__item.-col-center-md  { align-self: center; }
}
@media screen and (min-width: 992px) {
.c-grid.-row-10-lg { margin: -10px 0 0 -10px; }
.c-grid.-row-20-lg { margin: -20px 0 0 -20px; }
.c-grid.-row-30-lg { margin: -30px 0 0 -30px; }
.c-grid.-row-40-lg { margin: -40px 0 0 -40px; }
.c-grid.-row-60-lg { margin: -60px 0 0 -60px; }
.c-grid.-row-center-lg { justify-content: center; }
.c-grid.-row-10-lg > .c-grid__item { padding: 10px 0 0 10px; }
.c-grid.-row-20-lg > .c-grid__item { padding: 20px 0 0 20px; }
.c-grid.-row-30-lg > .c-grid__item { padding: 30px 0 0 30px; }
.c-grid.-row-40-lg > .c-grid__item { padding: 40px 0 0 40px; }
.c-grid.-row-60-lg > .c-grid__item { padding: 60px 0 0 60px; }
.c-grid__item.-col-12-lg { width: 100%; }
.c-grid__item.-col-11-lg { width: 91.666%; }
.c-grid__item.-col-10-lg { width: 83.333%; }
.c-grid__item.-col-9-lg  { width: 75%; }
.c-grid__item.-col-8-lg  { width: 66.666%; }
.c-grid__item.-col-7-lg  { width: 58.333%; }
.c-grid__item.-col-6-lg  { width: 50%; }
.c-grid__item.-col-5-lg  { width: 41.666%; }
.c-grid__item.-col-4-lg  { width: 33.333%; }
.c-grid__item.-col-3-lg  { width: 25%; }
.c-grid__item.-col-2-lg  { width: 16.666%; }
.c-grid__item.-col-1-lg  { width: 8.333%; }
}
@media screen and (min-width: 1200px) {
.c-grid.-row-10-xl { margin: -10px 0 0 -10px; }
.c-grid.-row-20-xl { margin: -20px 0 0 -20px; }
.c-grid.-row-30-xl { margin: -30px 0 0 -30px; }
.c-grid.-row-40-xl { margin: -40px 0 0 -40px; }
.c-grid.-row-60-xl { margin: -60px 0 0 -60px; }
.c-grid.-row-center-xl { justify-content: center; }
.c-grid.-row-10-xl > .c-grid__item { padding: 10px 0 0 10px; }
.c-grid.-row-20-xl > .c-grid__item { padding: 20px 0 0 20px; }
.c-grid.-row-30-xl > .c-grid__item { padding: 30px 0 0 30px; }
.c-grid.-row-40-xl > .c-grid__item { padding: 40px 0 0 40px; }
.c-grid.-row-60-xl > .c-grid__item { padding: 60px 0 0 60px; }
.c-grid__item.-col-12-xl { width: 100%; }
.c-grid__item.-col-11-xl { width: 91.666%; }
.c-grid__item.-col-10-xl { width: 83.333%; }
.c-grid__item.-col-9-xl  { width: 75%; }
.c-grid__item.-col-8-xl  { width: 66.666%; }
.c-grid__item.-col-7-xl  { width: 58.333%; }
.c-grid__item.-col-6-xl  { width: 50%; }
.c-grid__item.-col-5-xl  { width: 41.666%; }
.c-grid__item.-col-4-xl  { width: 33.333%; }
.c-grid__item.-col-3-xl  { width: 25%; }
.c-grid__item.-col-2-xl  { width: 16.666%; }
.c-grid__item.-col-1-xl  { width: 8.333%; }
}
@media screen and (min-width: 1400px) {
.c-grid.-row-10-xxl { margin: -10px 0 0 -10px; }
.c-grid.-row-20-xxl { margin: -20px 0 0 -20px; }
.c-grid.-row-30-xxl { margin: -30px 0 0 -30px; }
.c-grid.-row-40-xxl { margin: -40px 0 0 -40px; }
.c-grid.-row-10-xxl > .c-grid__item { padding: 10px 0 0 10px; }
.c-grid.-row-20-xxl > .c-grid__item { padding: 20px 0 0 20px; }
.c-grid.-row-30-xxl > .c-grid__item { padding: 30px 0 0 30px; }
.c-grid.-row-40-xxl > .c-grid__item { padding: 40px 0 0 40px; }
.c-grid__item.-col-12-xxl { width: 100%; }
.c-grid__item.-col-11-xxl { width: 91.666%; }
.c-grid__item.-col-10-xxl { width: 83.333%; }
.c-grid__item.-col-9-xxl  { width: 75%; }
.c-grid__item.-col-8-xxl  { width: 66.666%; }
.c-grid__item.-col-7-xxl  { width: 58.333%; }
.c-grid__item.-col-6-xxl  { width: 50%; }
.c-grid__item.-col-5-xxl  { width: 41.666%; }
.c-grid__item.-col-4-xxl  { width: 33.333%; }
.c-grid__item.-col-3-xxl  { width: 25%; }
.c-grid__item.-col-2-xxl  { width: 16.666%; }
.c-grid__item.-col-1-xxl  { width: 8.333%; }
} .c-title-primary {
line-height: 1.2;
color: #0f3c3c;
font-size: 30px;
font-weight: 700;
}
@media screen and (min-width: 992px) {
.c-title-primary {
font-size: 50px;
}
}
@media screen and (min-width: 1200px) {
.c-title-primary {
font-size: 70px;
}
} .c-button-primary {
display: inline-block;
border: solid 1px #0f3c3c;
text-align: center;
transition: var(--transition);
}
.c-button-primary.-basis {
padding: 10px 45px 10px 35px;
border-radius: 22px;
}
.c-button-primary.-small {
padding: 2px 35px 2px 25px;
border-radius: 14px;
}
.c-button-primary__text {
position: relative;
display: block;
}
.c-button-primary__text::before {
content: "";
position: absolute;
top: 50%;
right: -1.5em;
width: 7px;
height: 7px;
border-top: solid 1px currentColor;
border-right: solid 1px currentColor;
font-size: .9em;
transform: translateY(-50%) rotate(45deg);
}
.c-button-primary__text.-basis {
font-size: 15px;
}
.c-button-primary__text.-small {
font-size: 12px;
}
.c-button-primary__text.-small::before {
width: 5px;
height: 5px;
}
@media screen and (min-width: 992px) {
.c-button-primary {
}
.c-button-primary__text.-basis {
font-size: 16px;
}
}
@media screen and (min-width: 1200px) {
.c-button-primary.-basis {
width: 250px;
padding: 15px 45px 15px 35px;
border-radius: 30px;
}
}
@media (hover: hover) {
.c-button-primary:hover {
background: #0f3c3c;
color: #fff;
}
} .slick-dots li {
margin: 0 3px;
}
.slick-dots li button::before {
color: #0f3c3c;
transition: var(--transition);
}
.slick-dots li.slick-active button::before {
opacity: 1;
color: #0f3c3c;
}
.c-slick-arrow {
position: absolute;
z-index: 1;
top: 50%;
width: 30px;
height: 30px;
border-radius: 50%;
background: transparent;
border: solid 1px transparent;
color: transparent;
font-size: 0;
cursor: pointer;
transform: translateY(-50%);
transition: var(--transition);
}
.c-slick-arrow::before {
content: "";
position: absolute;
width: 6px;
height: 6px;
border-color: #0f3c3c;
border-style: solid;
transition: var(--transition);
}
.c-slick-arrow--prev { left: 0; }
.c-slick-arrow--next { right: 0; }
.c-slick-arrow--prev::before {
left: 12px;
border-width: 0 0 1px 1px;
transform: translateY(-50%) rotate(45deg);
}
.c-slick-arrow--next::before {
right: 12px;
border-width: 0 1px 1px 0;
transform: translateY(-50%) rotate(-45deg);
}
@media screen and (min-width: 992px) {
.c-slick-arrow {
width: 42px;
height: 42px;
}
.c-slick-arrow::before {
width: 10px;
height: 10px;
}
.c-slick-arrow--prev::before { left: 16px; }
.c-slick-arrow--next::before { right: 16px; }
}
@media (hover: hover) {
.c-slick-arrow:hover {
background: #0f3c3c;
border-color: #0f3c3c;
}
.c-slick-arrow:hover::before {
border-color: #fff;
}
} .u-text-color-primary {
color: #009a46;
} .u-text-weight-regular { font-weight: 400; }
.u-text-weight-medium  { font-weight: 500; }
.u-text-weight-bold    { font-weight: 700; } .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;
}
} .p-hero {
}
.p-hero__area {
position: relative;
}
.p-hero-movie {
position: relative;
height: 60vh;
overflow: hidden;
opacity: .8;
}
.p-hero-movie__content {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.p-hero-head {
position: absolute;
left: 20px;
top: 40px;
mix-blend-mode: multiply;
}
.p-hero-title-primary {
line-height: 1.2;
font-size: 22px;
}
.p-hero-title-secondary {
line-height: 1.2;
font-size: 32px;
}
.p-hero-body {
position: absolute;
right: 20px;
bottom: 30px;
left: 10px;
text-align: center;
mix-blend-mode: color-burn;
}
.p-hero-text-primary {
color: #0f3c3c;
font-size: 16px;
}
@media screen and (max-width: 374px) {
.p-hero-text-primary {
font-size: 15px;
}
}
@media screen and (min-width: 576px) {
}
@media screen and (min-width: 768px) {
.p-hero__area {
}
.p-hero-movie {
height: calc(100vh - 120px);
max-height: 800px;
}
.p-hero-head {
top: 60px;
left: 45px;
}
.p-hero-title-primary {
font-size: 30px;
}
.p-hero-title-secondary {
font-size: 50px;
}
.p-hero-body {
bottom: 80px;
}
.p-hero-text-primary {
font-size: 28px;
}
}
@media screen and (min-width: 992px) {
.p-hero {
}
.p-hero-movie {
}
.p-hero-head {
}
.p-hero-title-primary {
font-size: 32px;
}
.p-hero-title-secondary {
font-size: 70px;
}
.p-hero-text-primary {
font-size: 30px;
}
.p-hero-body {
bottom: 80px;
}
}
@media screen and (min-width: 1200px) {
.p-hero {
}
.p-hero-movie {
height: calc(100vh - 100px);
max-height: none;
min-height: 720px;
}
.p-hero-head {
left: 100px;
}
.p-hero-title-primary {
font-size: 42px;
}
.p-hero-title-secondary {
font-size: 90px;
}
.p-hero-text-primary {
font-size: 36px;
}
}
@media screen and (min-width: 1400px) {
.p-hero {
}
.p-hero-head {
}
.p-hero-movie {
}
.p-hero-title-primary {
font-size: 50px;
}
.p-hero-title-secondary {
font-size: 112px;
}
.p-hero-text-primary {
font-size: 50px;
}
} .p-news {
padding: 40px 0 0;
}
.p-news-head {
position: relative;
}
.p-news-head__button {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.p-news-body {}
.p-news-list {}
.p-news-list__item {}
.p-news-list__link {
position: relative;
display: block;
padding: 10px 0;
border-bottom: solid 1px #707070;
transition: var(--transition);
}
.p-news-list__link::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
background: #009a46;
transform: scale(0, 1);
transform-origin: right top;
transition: transform .7s ease-out;
}
.p-news-list__box {}
.p-news-list__box-date {
font-weight: 700;
font-size: 14px;
}
.p-news-list__box-title {
padding: 5px 0 0;
font-size: 15px;
} .p-news-list__link:hover {
color: #009a46;
}
@media screen and (min-width: 768px) {
.p-news-head__button {
position: static;
padding: 20px 0 0;
transform: none;
}
}
@media screen and (min-width: 992px) {
.p-news {
padding: 80px 0 0;
}
.p-news-head__button {
padding: 30px 0 0;
}
.p-news-list__link {
padding: 20px 0;
}
}
@media screen and (min-width: 1200px) {
.p-news {
padding: 120px 0 0;
}
.p-news-list__link {
padding: 30px 0;
}
.p-news-list__box {
display: flex;
}
.p-news-list__box-date {
width: 100px;
font-size: 16px;
}
.p-news-list__box-title {
width: calc(100% - 100px);
padding: 0;
font-size: 17px;
}
}
@media (hover: hover) {
.p-news-list__link:hover::before {
transform: scale(1, 1);
transform-origin: left top;
}
} .p-banner {
padding: 40px 0 0;
}
.p-banner__area {
max-width: 1080px;
margin: 0 auto;
}
.p-banner-list {
margin-right: -20px;
margin-left: -20px;
}
.p-banner-list__link {
display: block;
}
.p-banner-list__inner {
padding: 20px;
}
.p-banner-list__content {
box-shadow: 0 5px 10px rgba(0,0,0,.2);
transition: box-shadow .2s ease-out;
}
.p-banner-list__content:not(.-image) {
position: relative;
padding: 63% 0 0;
background: #fff;
color: #263238;
}
.p-banner-list__content:not(.-image)::before {
content: "";
position: absolute;
left: 15px;
bottom: 10px;
right: 15px;
height: 4px;
background: currentColor;
}
.p-banner-list__content-type {
position: absolute;
top: 15px;
right: 0;
left: 15px;
display: flex;
align-items: center;
font-size: 13px;
text-transform: uppercase;
letter-spacing: .1em;
}
.p-banner-list__content-type::after {
content: "";
flex-grow: 1;
height: 2px;
margin: 0 0 0 1em;
background: #94969c;
}
.p-banner-list__content-title {
position: absolute;
top: 50%;
right: 15px;
left: 15px;
font-weight: 700;
font-size: 16px;
text-align: center;
transform: translateY(-50%);
}
.p-banner-list__content img {
margin: 0 auto;
} .js-banner-slide {
opacity: 0;
visibility: hidden;
transition: opacity 1s;
}
.js-banner-slide.slick-initialized {
opacity: 1;
visibility: visible;
}
.js-banner-slide .slick-dots li {
margin: 0 3px;
}
.js-banner-slide .slick-dots > li:only-child { display: none;
}
@media (hover: hover) {
.p-banner-list__link:hover .p-banner-list__content {
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
}
@media screen and (min-width: 992px) {
.p-banner {
padding: 60px 0 0;
}
}
@media screen and (min-width: 1200px) {
.p-banner-list {
margin-right: -30px;
margin-left: -30px;
}
.p-banner-list__item {
}
.p-banner-list__inner {
padding: 30px;
}
.p-banner-list__content-title {
font-size: 18px;
}
} .p-product {
padding: 60px 0 0;
}
.p-product-head {}
.p-product-head__content { 
position: relative;
margin: 0 0 0 calc(50% - 50vw);
padding: 30px 30px 30px calc(50vw - 50%);
background: #fff;
border-radius: 0 100vh 100vh 0;
}
.p-product-title-primary {
position: relative;
width: fit-content;
line-height: 1.2;
color: #0f3c3c;
font-size: 30px;
}
.p-product-title-secondary {
margin: 10px 0 0;
line-height: 1.4;
font-size: 18px;
}
.p-product-title-sentence {
margin: 1em 0 0;
line-height: 1.8;
font-weight: 500;
}
.p-product {}
.p-product-body {
padding: 30px 0 0;
}
.p-product-list {
display: flex;
flex-wrap: wrap;
margin: -30px 0 0 -30px;
}
.p-product-list__item {
width: 100%;
padding: 30px 0 0 30px;
}
.p-product-list__link {
display: block;
}
.p-product-card {}
.p-product-card.-wide {
max-width: 1360px;
margin: 0 auto;
}
.p-product-card__head {
padding: 0 15px;
}
.p-product-card__body {
position: relative;
margin: -20px 0 0;
}
.p-product-card__content {
position: relative;
display: block;
padding: 20px 50px 20px 20px;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,.2);
border-radius: 20px;
transition: box-shadow .2s ease-out;
}
.p-product-card__content::before,
.p-product-card__content::after {
content: "";
position: absolute;
top: 50%;
border: solid 1px #0f3c3c;
transition: var(--transition);
}
.p-product-card__content::before {
right: 15px;
width: 30px;
height: 30px;
border-radius: 50%;
transform: translateY(-50%);
}
.p-product-card__content::after {
right: 28px;
width: 6px;
height: 6px;
border-width: 1px 1px 0 0;
transform: translateY(-50%) rotate(45deg);
}
.p-product-card__content-logo {
margin: 0 -30px 0 0;
text-align: center;
}
.p-product-card__content-logo img {
width: 140px;
}
.p-product-card__content-logo.-wide img {
width: 200px;
}
.p-product-card__content-sentence {
padding: 10px 0 0;
line-height: 1.8;
} .p-product-list__link:hover {
color: #0f3c3c;
}
.p-product-list__link:hover .p-product-card__content {
box-shadow: 0 0 10px rgba(0,0,0,0);
}
.p-product-list__link:hover .p-product-card__content::before {
background: #0f3c3c;
}
.p-product-list__link:hover .p-product-card__content::after {
border-color: #fff;
}
@media screen and (min-width: 576px) {
.p-product-head__content {
margin: 0 26% 0 calc(50% - 50vw);
}
.p-product-head__content::before {
content: "";
position: absolute;
top: 0;
right: calc(-48% - 20px);
width: 48%;
height: 100%;
background: url(/img/top/img_product_main.webp) no-repeat 0 0 / auto 100%;
}
}
@media screen and (min-width: 768px) {
.p-product-list__item:not(.-wide) {
width: 50%;
}
.p-product-card__body.-wide {
margin: -140px 0 0;
}
.p-product-card__content.-wide {
max-width: 560px;
}
.p-product-list__link {
width: fit-content;
}
.p-product-list__link.-wide {
margin: 0 0 0 auto;
}
}
@media screen and (min-width: 992px) {
.p-product {
padding: 80px 0 0;
}
.p-product-head__content {
padding: 50px 30px 50px calc(50vw - 50%);
}
.p-product-head__content::before {
right: calc(-48% - 40px);
}
.p-product-title-primary {
font-size: 50px;
}
.p-product-title-secondary {
margin: 30px 0 0;
font-size: 24px;
}
.p-product-title-sentence {
margin: 30px 0 0;
font-size: 17px;
}
.p-product-body {
padding: 60px 0 0;
}
.p-product-list {
margin: -60px 0 0 -40px;
}
.p-product-list__item {
padding: 60px 0 0 40px;
}
.p-product-card__content {
padding: 30px 60px 30px 30px;
border-radius: 40px;
}
.p-product-card__content.-wide {
max-width: 640px;
}
.p-product-card__content-sentence {
font-size: 17px;
}
}
@media screen and (min-width: 1200px) {
.p-product {
padding: 120px 0 0;
}
.p-product-title-primary {
font-size: 70px;
}
.p-product-title-secondary {
font-size: 30px;
}
.p-product-head__content {
padding: 100px 30px 100px calc(50vw - 50%);
}
.p-product-body {
padding: 100px 0 0;
}
.p-product-card__head.-wide {
padding: 0 80px 0 60px;
}
.p-product-card__body.-wide {
margin: -130px 0 0;
}
.p-product-card__content {
display: flex;
align-items: center;
width: 100%;
}
.p-product-card__content.-wide {
max-width: 840px;
}
.p-product-card__content-logo {
width: 30%;
margin: 0;
}
.p-product-card__content-logo.-wide {
width: 40%;
}
.p-product-card__content-logo img {
width: auto;
}
.p-product-card__content-logo.-wide img {
width: auto;
}
.p-product-card__content-sentence {
width: calc(100% - 30%);
padding: 0 0 0 4%;
}
.p-product-card__content-sentence.-wide {
width: calc(100% - 40%);
}
}
@media screen and (min-width: 1400px) {
.p-product-head__content {
padding: 120px 30px 120px calc(50vw - 50%);
}
.p-product-card__content {
padding: 50px 90px 50px 40px;
}
.p-product-card__content::before {
width: 64px;
height: 64px;
}
.p-product-card__content::after {
right: 44px;
width: 12px;
height: 12px;
}
} .p-introduction {
}
.p-introduction__area {
padding: 40px 20px;
background: #fff;
}
.p-introduction-title-primary {
font-size: 18px;
text-align: center;
}
.p-introduction-body {
width: 100vw;
margin: 0 calc(50% - 50vw);
padding: 30px calc(50vw - 50% - 10px) 0;
}
.p-introduction-button {
padding: 30px 0 0;
} .js-introduction-logo-slide {
opacity: 0;
visibility: hidden;
transition: opacity 1s;
}
.js-introduction-logo-slide.slick-initialized {
opacity: 1;
visibility: visible;
}
@media screen and (min-width: 992px) {
.p-introduction__area {
padding: 80px 30px;
}
.p-introduction-title-primary {
font-size: 26px;
}
.p-introduction-body {
padding: 60px calc(50vw - 50% - 20px) 0;
}
.p-introduction-button {
padding: 40px 0 0;
}
}
@media screen and (min-width: 1200px) {
.p-introduction {
}
.p-introduction__area {
padding: 100px 30px;
}
.p-introduction-title-primary {
font-size: 34px;
}
} .p-caseStudy {
padding: 60px 0 0;
}
.p-caseStudy__head {
display: grid;
gap: 10px;
}
.p-caseStudy-body__item + .p-caseStudy-body__item {
padding-top: 40px;
}
.p-caseStudy-list__item {
padding: 10px 5px;
height: auto !important;
}
.p-caseStudy-list__link {
position: relative;
display: grid;
grid-template-rows: auto 1fr;
height: 100%;
padding: 0 0 20px;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,.2);
transition: var(--transition);
}
.p-caseStudy-list__link::before {
content: "";
position: absolute;
left: 20px;
bottom: 10px;
right: 20px;
height: 2px;
background: currentColor;
}
.p-caseStudy-card__head-image img {
width: 100%;
}
.p-caseStudy-card__body {
display: grid;
grid-template-rows: auto 1fr;
gap: 20px;
padding: 20px;
}
.p-caseStudy-card__product,
.p-caseStudy-card__category {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.p-caseStudy-card__product-item,
.p-caseStudy-card__category-item {
line-height: 1.2;
padding: 2px 10px;
border-radius: 4px;
font-size: 12px;
text-align: center;
}
.p-caseStudy-card__category {
padding: 5px 0 0;
}
.p-caseStudy-card__product-item {
background: #263238;
color: #fff;
}
.p-caseStudy-card__category-item {
background: #e4e8e9;
color: #687981;
}
.p-caseStudy-card__company {
font-size: 14px;
}
.p-caseStudy-card__sentence {
font-size: 16px;
font-weight: 700;
}
.p-caseStudy-list__link:hover {
box-shadow: 0 0 0 rgba(0,0,0,0);
color: #263238;
opacity: .8;
} .js-caseStudy-slide {
opacity: 0;
visibility: hidden;
transition: opacity 1s;
}
.js-caseStudy-slide.slick-initialized {
opacity: 1;
visibility: visible;
}
.js-caseStudy-slide .slick-track {
display: flex;
}
@media screen and (min-width: 768px) {
.p-caseStudy-list__item {
padding: 10px;
}
}
@media screen and (min-width: 992px) {
.p-caseStudy {
padding: 80px 0 0;
}
.p-caseStudy-body__item + .p-caseStudy-body__item {
padding-top: 60px;
}
.p-caseStudy-card__product-item,
.p-caseStudy-card__category-item {
padding: 2px 10px;
}
.p-caseStudy-list-container {
padding: 0 20px 20px;
} .js-caseStudy-slide {
padding: 0 0 10px;
}
.js-caseStudy-slide .c-slick-arrow {
top: calc(100% + 30px);
}
.js-caseStudy-slide .c-slick-arrow--prev {
left: calc(50% - 160px);
}
.js-caseStudy-slide .c-slick-arrow--next {
right: calc(50% - 160px);
}
.js-caseStudy-slide .slick-dots {
bottom: -40px;
}
}
@media screen and (min-width: 1200px) {
.p-caseStudy {
padding: 140px 0 0;
}
.p-caseStudy-body__item + .p-caseStudy-body__item {
padding-top: 80px;
}
.p-caseStudy-card__company {
font-size: 15px;
}
.p-caseStudy-card__sentence {
font-size: 18px;
}
}
@media screen and (min-width: 1600px) {
.p-caseStudy-list__item {
padding: 10px 15px;
}
} .p-column {
padding: 60px 0 40px;
}
.p-column__head {
display: grid;
gap: 20px;
}
.p-column-body__item + .p-column-body__item {
padding-top: 40px;
}
.p-column-list__link {
display: block;
height: 100%;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,.2);
transition: var(--transition);
}
.p-column-list {
display: grid;
gap: 20px;
}
.p-column-card {
display: grid;
grid-template-columns: 25% auto;
height: 100%;
min-height: 120px;
}
.p-column-card__head {
overflow: hidden;
}
.p-column-card__head img {
height: 100%;
object-fit: cover;
transition: var(--transition);
}
.p-column-card__body {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 15px;
}
.p-column-card__body::before {
content: "";
position: absolute;
left: 15px;
bottom: 10px;
right: 15px;
height: 2px;
background: currentColor;
}
.p-column-card__body-date {
padding: 10px 0 0;
color: #687981;
font-size: 12px;
text-align: right;
}
.p-column-card__body-title {
line-height: 1.5;
font-size: 14px;
font-weight: 700;
}
.p-column-list__link:hover {
box-shadow: 0 0 10px rgba(0,0,0,0);
color: #263238;
opacity: .8;
}
@media screen and (min-width: 768px) {
.p-column-list {
grid-template-columns: repeat(2,1fr);
gap: 30px;
}
}
@media screen and (min-width: 992px) {
.p-column {
padding: 80px 0;
}
.p-column-body__item + .p-column-body__item {
padding-top: 80px;
}
.p-column-list {
column-gap: 40px;
row-gap: 50px;
}
.p-column-card {
grid-template-columns: 32% auto;
}
.p-column-card__body {
padding: 15px 20px;
}
.p-column-card__body::before {
right: 20px;
left: 20px;
}
.p-column-card__body-title {
font-size: 16px;
}
}
@media screen and (min-width: 1200px) {
.p-column {
padding: 120px 0;
}
.p-column-list {
column-gap: 50px;
row-gap: 60px;
}
.p-column-card__body-date {
font-size: 13px;
}
}
@media screen and (min-width: 1400px) {
.p-column-list {
column-gap: 60px;
row-gap: 70px;
}
.p-column-card {
grid-template-columns: 34% auto;
}
.p-column-card__body {
padding: 25px 25px 18px;
}
.p-column-card__body-title {
font-size: 18px;
}
} .p-recruit {
padding: 40px 0;
background: #c9e1e5;
}
.p-recruit-title-primary {
line-height: 1.2;
font-size: 30px;
}
.p-recruit-title-secondary {
padding: 0 0 0 15px;
}
.p-recruit-button {
padding: 20px 0 0;
text-align: right;
}
.p-recruit-head {
position: relative;
z-index: 1;
}
.p-recruit-body {
margin: -40px 0 0;
}
.p-recruit-image {
}
.p-recruit-image__item {
position: relative;
}
.p-recruit-image__item {
background: url(/img/top/img_recruit_01.webp) no-repeat 0 0 / cover;
padding-top: 44.487%;
}
.p-recruit-image__item::before,
.p-recruit-image__item::after {
content: "";
position: absolute;
border: solid 3px #c9e1e5;
border-radius: 20px;
}
.p-recruit-image__item::before {
top: -50px;
right: -10px;
width: 18vw;
height: 18vw;
min-width: 80px;
min-height: 80px;
max-width: 110px;
max-height: 110px;
background: url(/img/top/img_recruit_02.webp) no-repeat 50% 50% / cover;
}
.p-recruit-image__item::after {
left: 5px;
bottom: -50px;
background: url(/img/top/img_recruit_03.webp) no-repeat 50% 40% / cover;
width: 17vw;
height: 17vw;
min-width: 70px;
min-height: 70px;
max-width: 100px;
max-height: 100px;
}
@media screen and (min-width: 768px) {
.p-recruit-title-primary {
font-size: 40px;
}
.p-recruit-title-secondary {
text-shadow: none;
}
.p-recruit-image {
padding: 0 15% 0 20%;
width: 100vw;
margin: 0 calc(50% - 50vw);
}
.p-recruit-image__item::before,
.p-recruit-image__item::after {
max-width: none;
max-height: none;
border: none;
border-radius: 3.2vw;
}
.p-recruit-image__item::before {
top: 0;
left: calc(-20% - 10px);
right: auto;
width: 20%;
height: 44%;
background-size: contain;
background-position: 50% 0;
}
.p-recruit-image__item::after {
top: 0;
right: calc(-15% - 10px);
bottom: auto;
left: auto;
width: 15%;
height: 100%;
}
}
@media screen and (min-width: 992px) {
.p-recruit {
padding: 60px 0 80px;
}
.p-recruit-title-primary {
font-size: 80px;
}
.p-recruit-title-secondary {
padding: 0 0 0 60px;
font-size: 24px;
}
.p-recruit-button {
position: absolute;
top: -10px;
left: 400px;
}
.p-recruit-body {
margin: -60px 0 0;
}
}
@media screen and (min-width: 1200px) {
.p-recruit {
padding: 100px 0 120px;
}
.p-recruit-title-primary {
font-size: 130px;
}
.p-recruit-title-secondary {
margin: -.3em 0 0;
padding: 0 0 0 160px;
font-size: 44px;
}
.p-recruit-button {
top: 20px;
left: 600px;
}
.p-recruit-body {
margin: -100px 0 0;
}
.p-recruit-image__item::before {
left: calc(-20% - 20px);
}
.p-recruit-image__item::after {
right: calc(-15% - 20px);
}
} .p-company {
padding: 40px 0 0;
}
.p-company-head {
}
.p-company-body {
padding: 30px 0 0;
}
.p-company-table tr + tr {
margin-top: 1em;
}
.p-company-table tr,
.p-company-table th,
.p-company-table td {
display: block;
}
.p-company-table th {
text-align: left;
font-weight: 500;
}
.p-company-office-image {
background: url(/img/top/img_company_office.webp) no-repeat 0 0 / contain;
padding-top: 70.366%;
}
.p-home-main a.p-company-map-button {
margin: 5px 0 0;
display: block;
width: fit-content;
}
@media screen and (min-width: 576px) {
.p-company-table tr {
display: table-row;
}
.p-company-table th,
.p-company-table td {
display: table-cell;
}
.p-company-table th {
width: 80px;
text-align: justify;
text-align-last: justify;
}
.p-company-table td {
padding: 10px 0 0 20px;
}
}
@media screen and (min-width: 992px) {
.p-company {
padding: 80px 0 0;
}
.p-company-office-image {
margin-top: -18%;
}
}
@media screen and (min-width: 1200px) {
.p-company {
padding: 120px 0 0;
}
.p-home-main a.p-company-map-button {
display: inline-block;
margin: 0 0 0 1em;
}
}