@charset "utf-8";
  .mainvisual-slide .slide-item{
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: calc(100vh - var(--header-height) - 60px);
padding-bottom: 50px;
}
.mainvisual-bg{
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
}
.mainvisual-bg img{
width: 100%;
max-width: none;
height: 100%;
object-fit: cover;
}
.mainvisual-slide .slide-item .out-container{
position: relative;
z-index: 2;
}
.mainvisual-img img{
max-height: calc(100vh - var(--header-height) - 60px - 100px);
margin-left: auto;
margin-right: auto;
}
.mainvisual-link{
position: absolute;
bottom: 30px;
right: 0;
z-index: 1;
width: 155px;
opacity: 0.8;
}
.mainvisual-link:hover{
opacity: 1 !important;
}
.slick-dotted.slick-slider{
margin-bottom: 0;
}
.slick-dots{
bottom: 5px;
}
.slick-dots li{
width: auto;
height: auto;
}
.slick-dots li button{
width: 7rem;
height: 5px;
background-color: var(--color-white);
padding: 0;
}
.slick-dots li button:before{
content: none;
}
.slick-dots .slick-active button{
background-color: var(--color-main);
}
@media (min-width: 576px){
.mainvisual-slide .slide-item{
height: 40rem;
padding: 0;
}
.mainvisual-img img{
max-height: none;
}
}
@media (min-width: 992px){
.mainvisual-slide .slide-item{
aspect-ratio: 14 / 5;
height: auto;
}
}
@media (min-width: 1200px){
.mainvisual-link{
bottom: 3.5rem;
width: 310px;
}
.slick-dots{
bottom: 3.5rem;
}
} .top-policy-list{
counter-reset: list;
}
.top-policy-item{
padding-top: 5rem;
}
.top-policy-link{
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
background-color: var(--color-gray);
padding: 4.5rem 1.5rem 2rem;
text-align: center;
font-size: var(--fs-20);
font-weight: bold;
filter: drop-shadow(3px 3px 10px rgba(0,0,0,0.2));
}
.top-policy-link::before,
.top-policy-text::before{
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.top-policy-link::before{
content: "";
bottom: 100%;
width: 0;
height: 0;
border-style: solid;
border-right: 5.2rem solid transparent;
border-left: 5.2rem solid transparent;
border-bottom: 5rem solid var(--color-gray);
border-top: 0;
}
.top-policy-text{
line-height: 1.5;
}
.top-policy-text::before{
counter-increment: list;
content: counter(list, decimal-leading-zero);
position: absolute;
top: -0.25em;
left: 50%;
transform: translateX(-50%);
color: var(--color-main);
font-family: var(--ff-en);
font-size: 4rem;
letter-spacing: var(--ls-base);
line-height: 1;
transition: 0.5s;
}
.top-policy-link:hover{
background-color: var(--color-main);
color: var(--color-white);
filter: none;
opacity: 1 !important;
}
.top-policy-link:hover::before{
border-bottom-color: var(--color-main);
}
.top-policy-link:hover .top-policy-text::before{
color: var(--color-white);
} .news-item{
border-top: var(--border-solid);
padding: 2rem 0;
}
.news-item:last-child{
border-bottom: var(--border-solid);
}
.news-date{
display: inline-block;
margin-right: 1rem;
}
.news-text{
font-size: var(--fs-16);
font-weight: bold;
} .spolicy-lineup.bg-gray{
background-color: var(--color-gray);
padding: 3rem 5rem 5rem;
}
.title-spolicy-lineup{
margin-bottom: 3rem;
font-size: var(--fs-24);
font-weight: bold;
text-align: center;
}
.title-spolicy-lineup .fs-large{
font-size: 1.666666667em;
}
.title-spolicy-lineup .year{
font-weight: normal;
}
.spolicy-item{
text-align: center;
}
@media(min-width:1200px){
.spolicy-item:first-child{
margin-left: calc((100% / 3) / 2);
}
.spolicy-item:nth-child(2){
margin-right: calc((100% / 3) / 2);
}
} .exlh-spec-box{
display: flex;
flex-direction: column;
height: 100%;
border: var(--border-solid);
text-align: center;
line-height: 1;
font-weight: bold;
}
.exlh-spec-title,
.exlh-spec-text.max{
font-size: var(--fs-16);
letter-spacing: var(--ls-base);
}
.exlh-spec-title{
background-color: var(--color-gray);
padding: 15px 10px;
}
.exlh-spec-text{
display: flex;
align-items: baseline;
justify-content: center;
height: 100%;
padding: 15px 10px;
}
.exlh-spec-text > *{
letter-spacing: var(--ls-base);
white-space: nowrap;
}
.exlh-spec-text .content{
margin: 0 5px;
color: var(--color-main);
font-size: 6rem;
}
.exlh-spec-text .unit{
color: var(--color-main);
font-size: 3.2rem;
}
@media(min-width: 576px) and (max-width: 767px){
.exlh-spec-text .content{
font-size: 5rem;
}
.exlh-spec-text .unit{
font-size: 2.8rem;
}
} .issue-category-box + .issue-category-box,
.faq-category-box + .faq-category-box{
margin-top: 5rem;
}
.issue-item-link,
.faq-item-link{
position: relative;
display: block;
border: var(--border-solid);
padding: 10px 20px;
font-size: var(--fs-16);
}
.issue-item-link::before,
.faq-item-link::before,
.faq-item-link::after{
position: absolute;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
color: var(--color-main);
}
.issue-item-link::before,
.faq-item-link::before{
left: 20px;
}
.issue-item-link .title,
.faq-item-link .title{
display: block;
} .category-list{
display: flex;
flex-wrap: wrap;
margin: 0 -0.5rem 4rem;
}
.category-item{
width: 50%;
margin-bottom: 1rem;
padding: 0 0.5rem;
}
.category-link{
display: flex;
align-items: center;
justify-content: center;
height: 100%;
border: var(--border-solid);
border-radius: 100vw;
padding: 1rem 2rem;
color: var(--color-main);
font-weight: bold;
font-size: var(--fs-16);
text-align: center;
}
.category-link:hover,
.category-link.active{
border-color: var(--color-main);
background-color: var(--color-main);
color: var(--color-white);
opacity: 1 !important;
}
.faq .category-item{
width: 100%;
}
.faq .category-link{
justify-content: flex-start;
text-align: left;
}
@media (min-width: 576px){
.category-item{
width: 25%;
}
.faq .category-item{
width: 50%;
}
} .issue-item-link{
padding-left: 4rem;
}
.issue-item-link::before{
content: "\f0da";
font-family: var(--ff-awesome);
}
.issue-table-category::after{
content: "、";
}
.issue-table-category:last-child:after{
content: none;
}
.issue-tax-link{
display: flex;
align-items: center;
justify-content: center;
height: 100%;
border: var(--border-solid);
padding: 10px;
font-size: var(--fs-16);
line-height: 1.5;
font-weight: bold;
text-align: center;
}
@media (min-width: 576px){
.issue-table th{
width: 120px;
}
} .faq-item-link:hover{
cursor: pointer;
}
.faq-item-link .title{
padding-left: 4rem;
padding-right: 4rem;
}
.faq-item-link::before{
content: "Q.";
font-family: var(--ff-en);
font-size: 2.4rem;
}
.faq-item-link::after{
content: "\f138";
right: 3rem;
top: 50%;
font-family: var(--ff-awesome);
line-height: 1; 
transform: translateY(-50%);
}
.relate .faq-item-link::after{
content: "\2b";
}
.relate.active .faq-item-link::after{
content: "\f068";
}
.faq-item-answer{
height: 0;
border-left: var(--border-solid);
border-right: var(--border-solid);
padding: 0 3rem;
overflow: hidden;
transition: 0.5s;
}
.relate.active  .faq-item-answer{
height: auto;
border-bottom: var(--border-solid);
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 576px){
.faq-item-answer{
padding: 0 6rem;
}
} .lineup-img img{
width: 570px;
}
.lineup-table th,
.lineup-table td{
border: var(--border-solid);
padding: 1rem 5px;
line-height: 1.2857;
text-align: center;
vertical-align: middle;
}
.lineup-table th{
background-color: var(--color-gray);
font-weight: normal;
}
.lineup-table a{
color: var(--color-main);
}
.lineup-table td{
word-break: break-all;
}
.lineup-table td:nth-child(7),
.lineup-table td:nth-child(8),
.lineup-table td:nth-child(11),
.lineup-table td:nth-child(12){
white-space: nowrap;
}
.custom-relate-bg.custom{
background-image: url(//www.kawahara.com/solution/lift/cms/wp-content/themes/kawahara-lift/assets/images/lineup/link-bg-custom.webp);
}
.custom-relate-bg.exlh{
background-image: url(//www.kawahara.com/solution/lift/cms/wp-content/themes/kawahara-lift/assets/images/lineup/link-bg-exlh.webp);
}
.custom-relate-bg.safety{
background-image: url(//www.kawahara.com/solution/lift/cms/wp-content/themes/kawahara-lift/assets/images/lineup/link-bg-safety.webp);
} .exlh-3title{
background-color: var(--color-gray);
padding: 3.5rem 15px 2.5rem;
text-align: center;
font-size: var(--fs-28);
line-height: 1;
letter-spacing: var(--ls-base);
}
.exlh-3title .exlh-spec-text{
padding: 1.5rem 0 0 0;
} .safety-number::after{
content: "｜";
}
.safety-title{
display: flex;
align-items: center;
margin-bottom: 3rem;
background-color: var(--color-gray);
padding: 10px 2rem;
line-height: 1.5;
font-size: var(--fs-20);
letter-spacing: var(--ls-base);
}
.safety-title .safety-number{
white-space: nowrap;
}
.safety-title .title{
margin-right: calc(-1 * var(--ls-base));
} .custom-point-item{
width: 50%;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.custom-point-box{
display: flex;
align-items: center;
justify-content: center;
height: 100%;
background-color: var(--color-gray);
clip-path: polygon(2rem 0, 100% 0, 100% 100%, 0 100%, 0% 2rem);
padding: 1.5rem;
font-size: var(--fs-16);
letter-spacing: var(--ls-base);
line-height: 1.5;
color: var(--color-main);
text-align: center;
font-weight: bold;
}
.custom-relate-link{
display: flex;
width: 100%;
height: 100%;
background-color: var(--color-main);
}
.custom-relate-bg{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
clip-path: polygon(5rem 0, calc(100% - 5rem) 0, 100% 5rem, 100% calc(100% - 5rem), calc(100% - 5rem) 100%, 5rem 100%, 0 calc(100% - 5rem), 0 5rem);
padding: 4.5rem 1.5rem;
color: var(--color-white);
text-align: center;
}
.custom-relate-title{
font-size: var(--fs-20);
}
.custom-relate-title .fs-large{
font-size: var(--fs-24);
}
.custom-relate-text{
margin-top: 15px;
}
@media (min-width: 576px){
.custom-point-item{
width: 33.33333%;
}
}
@media (min-width: 768px){
.custom-point-item{
width: 25%;
}
}
@media (min-width: 1200px){
.custom-point-item{
width: 20%;
}
} .tab-panel{
display: none;
}
.tab-panel.active{
display: block;
}
.case-tax-box{
border: var(--border-solid);
}
.case-tax-tabs{
display: flex;
justify-content: space-between;
padding: 0 15px;
overflow-x: auto;
}
.case-tax-tab{
position: relative;
height: 100%;
margin: 0 5px;
padding: 1.5rem 1rem;
color: var(--color-gray-dark);
text-align: center;
white-space: nowrap;
}
.case-tax-tab:hover,
.case-tax-tab.active{
cursor: pointer;
color: var(--color-black);
}
.case-tax-tab::after{
content: "";
position: absolute;
bottom: 0;
left: 50%;
display: block;
width: 0;
height: 3px;
background-color: var(--color-main);
transition: 0.5s;
}
.case-tax-tab:hover::after,
.case-tax-tab.active::after{
left: 0;
width: 100%;
}
.case-tax-tab a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.case-tax-tab a:hover{
opacity: 1 !important;
}
.case-term-box{
border-top: var(--border-solid);
background-color: var(--color-gray);
padding: 20px 20px 10px 20px;
}
.case-term-list{
display: flex;
flex-wrap: wrap;
}
.case-term-item{
margin-right: 2rem;
}
@media (min-width: 576px) {
.case-table th{
width: 120px;
}
}
@media (min-width: 768px){
} .download .case-item-text{
display: flex;
flex-direction: column;
height: 100%;
padding-top: 2rem;
}
.case-item-dlink{
display: flex;
align-items: center;
justify-content: center;
margin-top: auto;
border-radius: 10px;
background-color: var(--color-gray);
padding: 10px;
color: var(--color-main);
font-weight: bold;
}
.case-item-dlink img{
height: 20px;
margin-right: 1rem;
}
.button-common.thanks-download{
background-color: var(--color-gray);
color: var(--color-main);
}
.button-common.thanks-download:hover{
background-color: var(--button-gray-hover);
}
.button-common.thanks-download img{
width: 3.5rem;
} .contact-table th{
font-size: var(--fs-16);
text-align: left;
}
.contact-table .req > *::before{
content: "必須";
display: inline-block;
margin-right: 10px;
background-color: var(--color-main);
padding: 5px 8px;
font-size: var(--fs-12);
color: var(--color-white);
line-height: 1;
text-align: center;
}
.contact-table input,
.contact-table textarea{
line-height: 1.5;
}
.contact-table input[type="text"],
.contact-table input[type="tel"],
.contact-table input[type="email"],
.contact-table select,
.contact-table textarea{
width: 100%;
border: var(--border-solid);
border-radius: 10px;
padding: 1rem 15px;
}
.contact-table select{
color: var(--color-gray-dark);
}
.contact-table .table-flex > *{
display: flex;
justify-content: space-between;
}
.contact-table .table-flex > * > *,
.contact-table .half-box{
width: calc(50% - 1.5rem) !important;
}
.contact-table .half-box{
min-width: 240px;
}
.contact-accept{
text-align: center;
font-weight: bold;
}
.contact-accept input{
margin-right: 10px;
}
.contact-table select{
-webkit-appearance: none;
appearance: none;
background: url(//www.kawahara.com/solution/lift/cms/wp-content/themes/kawahara-lift/assets/images/common/icon-down-gray.svg) no-repeat calc(100% - 5px) center / 10px;
}
.wpcf7-list-item:first-child{
margin: 0;
}
.button-common[type="submit"]{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.button-common[type="submit"]:disabled{
background-color: var(--color-gray-dark);
}
.wpcf7-not-valid-tip{
color: var(--color-main);
font-size: var(--fs-12);
font-weight: bold;
}
.wpcf7-spinner{
display: block;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 575px){
.contact-table th,
.contact-table td{
display: block;
}
.contact-table td{
padding-top: 10px;
padding-bottom: 20px;
}
}
@media (min-width: 576px){
.contact-table th,
.contact-table td{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.contact-table th{
white-space: nowrap;
padding-right: 15px;
vertical-align: top;
}
.contact-table th > *{
margin-top: 0.5rem;
}
.contact-table select{
background-position-x: calc(100% - 2rem);
}
}
@media (min-width: 768px){
.contact-table th{
width: 225px;
}
} .privacy-box{
margin-top: 5rem;
counter-reset: privacy-number privacy-kakko;
}
.privacy-article::before{
counter-increment: diamond-number;
content: "第"counter(diamond-number)"条";
}
.privacy-box .title-bb-gray{
margin-bottom: 2rem;
}
.privacy-box .border-box{
border: var(--border-solid);
padding: 3rem;
}
.privacy-box .simle-list,
.privacy-box .simle-list-kakko{
counter-reset: privacy-list;
padding-left: 2em;
}
.privacy-box li{
position: relative;
}
.privacy-box li + li{
margin-top: 5px;
}
.privacy-box ol.simle-list li,
.privacy-box ol.simle-list-kakko li{
padding-left: 2em;
}
.privacy-box .simle-list li::before,
.privacy-box .simle-list-kakko li::before{
position: absolute;
top: 0;
left: 0;
}
.privacy-box ol.simle-list li::before{
counter-increment: privacy-list;
content: counter(privacy-list)".";
}
.privacy-box ol.simle-list-kakko li::before{
counter-increment: privacy-list;
content: "("counter(privacy-list)")";
}
.privacy-box ul.simle-list li{
padding-left: 1em;
}
.privacy-box ul.simle-list li::before{
content: "・";
}
.privacy-box .privacy-kakko::before{
counter-increment: privacy-kakko;
content: "("counter(privacy-kakko)")";
display: inline-block;
margin-right: 1em;
}
.privacy-box .privacy-number::before{
counter-increment: privacy-number;
content: counter(privacy-number)".";
display: inline-block;
margin-right: 2px;
}
.privacy-box a{
word-break: break-all;
}
.link-icon-extra{
display: inline-flex;
align-items: baseline;
font-weight: bold;
}
.link-icon-extra::before{
content: "";
position: relative;
top: 2px;
display: block;
margin-right: 5px;
background: url(//www.kawahara.com/solution/lift/cms/wp-content/themes/kawahara-lift/assets/images/common/icon-link-extra.svg) no-repeat center / contain;
padding-left: 1em;
padding-bottom: 1em;
}
@media(min-width: 576px){
.privacy-box .table-simple th{
width: 24rem;
}
}