@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 {
--color-main: #008b8b;
--color-sub: #80cbc4;
--color-base: #263238;
--color-main-rgb: 0,139,139;
--transition: .2s ease-in;
}
body {
-webkit-text-size-adjust: 100%;
overflow-wrap: break-word;
}
.p-caseStudy {
overflow-x: hidden;
}
.p-caseStudy a img:hover {
opacity: 1;
}
.p-caseStudy img {
max-width: 100%;
height: auto;
vertical-align: top;
}
.p-caseStudy figcaption {
font-size: .9em;
}
.p-caseStudy-interview figure {
width: fit-content;
margin: 0 auto 20px;
}
.p-caseStudy-interview img + figcaption {
position: relative;
top: -10px;
}
@media screen and (min-width: 768px) {
.p-caseStudy-interview figure {
width: auto;
}
} .c-button-primary {
position: relative;
display: inline-block;
max-width: 320px;
width: 100%;
padding: 15px;
background: var(--color-base);
border-radius: 100vh;
color: #fff;
font-weight: 500;
text-align: center;
transition: var(--transition);
}
.c-button-primary__icon {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
}
.c-button-primary:hover {
box-shadow: 0 0 10px rgba(0,0,0,.3);
color: #fff;
}
@media screen and (min-width: 992px) {
.c-button-primary {
font-size: 16px;
}
} .c-title-primary {
margin: 0 0 30px;
color: var(--color-main);
font-size: 22px;
font-weight: bold;
text-align: left;
}
@media screen and (min-width: 576px) {
.c-title-primary {
text-align: center;
}
}
@media screen and (min-width: 992px) {
.c-title-primary {
margin: 0 0 40px;
font-size: 28px;
}
} .c-title-secondary {
margin-bottom: 20px;
font-size: 19px;
font-weight: bold;
}
@media screen and (min-width: 992px) {
.c-title-secondary {
margin: 0 0 30px;
font-size: 22px;
}
}
@media screen and (min-width: 1200px) {
.c-title-secondary {
font-size: 24px;
}
} .c-text-link {
color: #63BCB8;
transition: .2s ease-out;
}
.c-text-link:hover {
color: #63BCB8;
opacity: .7;
} @media screen and (min-width: 768px) {
.c-float-box img {
float: none;
}
.c-float-box--left {
float: left;
}
.c-float-box--right {
float: right;
}
} .c-caseStudy-grid {
display: grid;
}
.c-caseStudy-grid[data-grid-gap*="xs-20"] { gap: 20px; }
.c-caseStudy-grid[data-grid-column*="xs-1"] { grid-template-columns: repeat(1,1fr); }
@media screen and (min-width: 576px) {
.c-caseStudy-grid[data-grid-gap*="sm-20"] { gap: 20px; }
.c-caseStudy-grid[data-grid-gap*="sm-30"] { gap: 30px; }
.c-caseStudy-grid[data-grid-column*="sm-2"] { grid-template-columns: repeat(2,1fr); }
}
@media screen and (min-width: 992px) {
.c-caseStudy-grid[data-grid-gap*="lg-40"] { gap: 40px; }
} .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;
}
} .p-caseStudy-archiveArea {
max-width: 1260px;
margin: 0 auto;
padding: 40px 20px 80px;
}
.p-caseStudy-archiveHead {
line-height: 1.8;
}
.p-caseStudy-archiveList {
display: grid;
gap: 40px;
grid-template-columns: repeat(1,1fr);
padding: 40px 0 0;
}
.p-caseStudy-archiveList__item {
display: grid;
}
.p-caseStudy-archiveList__itemLink {
display: grid;
}
.p-caseStudy-archiveList__itemLink * {
transition: var(--transition);
}
.p-caseStudy-card {
position: relative;
display: grid;
grid-template-rows: auto 1fr;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.p-caseStudy-card::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background: var(--color-sub);
transform: scale(0,1);
transform-origin: right top; transition: transform .4s ease-in;
}
.p-caseStudy-card__body {
display: grid;
grid-template-rows: auto 1fr;
gap: 20px;
padding: 20px;
}
.p-caseStudy-card__headImage {
text-align: center;
}
.p-caseStudy-card__headImage img {
width: 100%;
}
.p-caseStudy-card__bodyCompany {
color: var(--color-main);
font-weight: 500;
font-size: 15px;
}
.p-caseStudy-card__bodyCategory {
font-size: 13px;
}
.p-caseStudy-card__bodyText {
font-size: 17px;
font-weight: 700;
}
.p-caseStudy-card__bodyInfo {
display: grid;
gap: 5px;
}
.p-caseStudy-card__bodyProduct {
display: flex;
flex-wrap: wrap;
margin: -5px 0 0 -5px;
}
.p-caseStudy-card__bodyProductItem {
margin: 5px 0 0 5px;
padding: 2px 15px;
background: var(--color-main);
border: solid 1px var(--color-main);
border-radius: 4px;
color: #fff;
font-size: 13px;
font-weight: 500;
text-align: center;
}
.p-caseStudy-card__bodyCategory {
display: flex;
flex-wrap: wrap;
margin: -5px 0 0 -5px;
}
.p-caseStudy-card__bodyCategoryItem {
margin: 5px 0 0 5px;
padding: 2px 8px;
border: solid 1px currentColor;
border-radius: 4px;
color: var(--color-main);
font-size: 13px;
} .p-caseStudy-archiveList__itemLink:hover {
color: var(--color-base);
}
@media screen and (min-width: 576px) {
.p-caseStudy-archiveHead {
text-align: center;
}
.p-caseStudy-archiveList {
column-gap: 20px;
row-gap: 40px;
grid-template-columns: repeat(2,1fr);
}
}
@media screen and (min-width: 768px) {
.p-caseStudy-archiveList {
column-gap: 30px;
row-gap: 50px;
}
}
@media screen and (min-width: 992px) {
.p-caseStudy-archiveArea {
padding: 80px 30px 120px;
}
.p-caseStudy-archiveList {
grid-template-columns: repeat(3,1fr);
padding: 60px 0 0;
}
.p-caseStudy-card__bodyCompany {
}
}
@media screen and (min-width: 1200px) {
.p-caseStudy-archiveList {
column-gap: 40px;
row-gap: 60px;
}
.p-caseStudy-card__body {
gap: 30px;
}
.p-caseStudy-card__bodyText {
font-size: 20px;
}
}
@media (hover: hover) {
.p-caseStudy-archiveList__itemLink:hover .p-caseStudy-card {
box-shadow: 0 0 0 rgba(0,0,0,0);
}
.p-caseStudy-archiveList__itemLink:hover .p-caseStudy-card::before { transform: scale(1, 1);
transform-origin: left top;
}
.p-caseStudy-archiveList__itemLink:hover .p-caseStudy-card__headImage img {
filter: brightness(85%);
}
} .p-caseStudy-singleArea {
position: relative;
margin: 0 auto;
padding: 40px 0 80px;
width: 88%;
max-width: 920px;
}
.p-caseStudy-singleArea::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
bottom: 0;
width: 100vw;
margin: 0 calc(50% - 50vw);
background: url(/img/case-study/bg-main.png) no-repeat 0 0 / cover;
opacity: .8;
}
.p-caseStudy-info {
display: flex;
flex-wrap: wrap;
padding: 0 0 20px;
}
.p-caseStudy-info__product {
display: flex;
gap: 5px;
width: 100%;
}
.p-caseStudy-info__productItem {
padding: 2px 15px;
background: var(--color-main);
border: solid 1px var(--color-main);
border-radius: 4px;
color: #fff;
font-weight: 500;
font-size: 14px;
text-align: center;
}
.p-caseStudy-info__category {
display: flex;
gap: 5px;
padding: 5px 0 0;
}
.p-caseStudy-info__categoryItem {
padding: 2px 15px;
border: solid 1px currentColor;
border-radius: 4px;
color: var(--color-main);
font-weight: 500;
font-size: 14px;
text-align: center;
}
.p-caseStudy-singleNav {
padding: 60px 0 0;
}
.p-caseStudy-intro {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 20px;
margin: 0 auto;
border-radius: 10px;
background: #fff;
}
.p-caseStudy-intro__mv {
width: 100%;
text-align: center;
}
.p-caseStudy-intro__profile {
max-width: 400px;
margin: 0 auto;
padding: 20px 0 0;
font-size: 13px;  
}
.p-caseStudy-intro__profileImg {
padding: 0 0 20px;
text-align: center;
}
.p-caseStudy-intro__profileImg img{
width: 200px;
height: 100px;
object-fit: cover;
}
.p-caseStudy-contents {
padding: 50px 0 0;
width: 100%;
}
.p-caseStudy-interview__question {
padding-top: 120px;
margin-top: -120px;
font-size: 17px;
font-weight: bold;
}
.p-caseStudy-theme {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 0 auto 40px;
}
.p-caseStudy-theme__headCaption {
padding: .5em 0 0;
}
.p-caseStudy-theme__body {
max-width: 300px;
width: fit-content;
}
.p-caseStudy-theme__bodySummary {
border: var(--color-base) 1px solid;
border-radius: 10px;
padding: 20px;
text-align: left;
width: 100%;
}
.p-caseStudy-theme__bodyPoint {
position: relative;
display: block;
margin: 1.5em auto;
padding: 7px 10px;
background: #63BCB8;
border-radius: 20px;
color: #fff;
font-size: 16px;
text-align: center;
}
.p-caseStudy-theme__bodyTitle {
font-size: 18px;
text-align: left;
}
.p-caseStudy-theme__bodyPoint::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #63BCB8;
}
.p-caseStudy-interview p {
line-height: 2em;
margin-bottom: 60px;
}
.p-caseStudy-interview img {
display: block;
margin: 20px auto;
}
.p-caseStudy-announce {
margin: 0 auto;
padding: 30px;
box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
background-color: rgba(255,255,255,0.25);
}
.p-caseStudy-announce {
max-width: 660px;
}
.p-caseStudy-announce-imgBox {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -20px 0 0 -20px;
}
.p-caseStudy-announce-imgBox__item {
padding: 20px 0 0 20px;
}
.p-caseStudy-announce-imgBox__figure {
width: fit-content;
}
@media screen and (min-width: 576px) {
.p-caseStudy-info {
justify-content: center;
}
.p-caseStudy-info__product {
width: auto;
}
.p-caseStudy-info__category {
padding: 0 0 0 5px;
}
}
@media screen and (min-width: 768px) {
.p-caseStudy-intro {
flex-wrap: nowrap;
padding: 30px;
}
.p-caseStudy-info__product {
gap: 10px;
}
.p-caseStudy-info__category {
gap: 10px;
padding: 0 0 0 10px;
}
.p-caseStudy-intro__mv {
width: 50%;
max-width: 400px;
text-align: left;
}
.p-caseStudy-intro__profile {
margin: 0;
padding: 0 0 0 30px;
width: 50%;
}
.p-caseStudy-intro__profileImg {
margin: 0 0 0 -20px;
text-align: left;
}
.p-caseStudy-theme__head {
width: 48%;
text-align: center;
}
.p-caseStudy-theme__body {
width: 52%;
padding: 0 0 0 30px;
max-width: none;
}
.p-caseStudy-theme__bodyPoint {
margin: 0 auto 1.5em;
}
.p-caseStudy-interview img {
margin: 0px 30px 20px 0px;
float: left;
}
.p-caseStudy-interview .img_right {
float: right;
margin: 0 0 20px 30px;
}
.p-caseStudy-interview .c-img-float-none {
float: none;
margin-right: 0;
}
.p-caseStudy-announce-imgBox {
justify-content: flex-start;
}
.p-caseStudy-announce-imgBox__item--30 { width: 30%; }
.p-caseStudy-announce-imgBox__item--40 { width: 40%; }
.p-caseStudy-announce-imgBox__item--60 { width: 60%; }
.p-caseStudy-announce-imgBox__item--70 { width: 70%; }
}
@media screen and (min-width: 992px) {
.p-caseStudy-singleArea {
padding: 60px 0 120px;
}
.p-caseStudy-singleArea::before {
top: 240px;
}
.p-caseStudy-singleNav {
padding: 80px 0 0;
}
.p-caseStudy-info {
padding: 0 0 30px;
}
.p-caseStudy-info__categoryItem {
padding: 2px 30px;
}
.p-caseStudy-intro {
padding: 40px;
}
.p-caseStudy-intro__profile {
padding: 0 0 0 40px;
font-size: 14px;
}
.p-caseStudy-contents {
padding: 60px 40px 0;
}
.p-caseStudy-theme__bodyTitle {
font-size: 22px;
}
}
@media screen and (min-width: 1200px) {
.p-caseStudy-theme__bodyTitle {
font-size: 24px;
}
}