@charset "UTF-8";
#topslider{
 overflow:hidden;
}
.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;
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);
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;
}
ul[id$="slider_ul"] a:hover{
position:static !important;
top:0 !important;
left:0 !important;
opacity:1;
}
ul[id$="slider_ul"] li{
position:relative;
}
.slick-slide{
margin:0;
}
.slick-list a{
color:inherit;
}
ul[id$="slider_ul"].slide_center{
padding:0 !important;
}
ul[id$="slider_ul"].slide_center li img{
width:100%;
max-width:100%;
min-height:100px;
max-height:640px;
height:240px;
-o-object-fit:cover;
 object-fit:cover;
 font-family:'object-fit:cover;';
}
@media screen and (min-width:768px){
ul[id$="slider_ul"].slide_center li img{
 height:360px;
}
}
ul[id$="slider_ul"].slide_center .slick-slide:not(.slick-center):not(.slick-current){
-webkit-filter:opacity(60%);
-moz-filter:opacity(60%);
-o-filter:opacity(60%);
-ms-filter:opacity(60%);
filter:opacity(60%);
transition:all ease-in-out .1s;
}
ul[id$="slider_ul"].slide_item{
overflow:visible;
background-color:#FFF;
padding:0 !important;
}
header ul[id$="slider_ul"].slide_item{
background-color:transparent;
}
ul[id$="slider_ul"].slide_item .slick-list{
margin-right:-12px;
}
ul[id$="slider_ul"].slide_item .slick-slide{
margin-right:12px;
}
ul[id$="slider_ul"].slide_item li img{
 width:100%;
 height:100px;
 min-height:50px;
 -o-object-fit:cover;
object-fit:cover;
font-family:'object-fit:cover;';
}
@media screen and (min-width:480px){
ul[id$="slider_ul"].slide_item li img{
height:180px;
}
ul[id$="slider_ul"].items2 li img{
height:196px;
}
ul[id$="slider_ul"].items4 li img{
height:120px;
}
ul[id$="slider_ul"].slide_center .slidertitle{
font-size:1.25em;
}
}
#sl_header #header{display:block !important;}
div[class^="slider-type"]{
margin-bottom:20px;
position:relative;
box-sizing:border-box;
}
[class^="slider-type"] .slick-slide{
height:auto;
}
[class^="slider-type"] li img{
width:100%;
display:block;
object-fit:cover;
}
[class^="slider-type"] .slick-slider{
display:grid;
margin:0;
padding:0;
}
.slider-type1 li img{
height:clamp(240px,calc(13.75rem + ((1vw - 4.8px) * 81.4815)),440px);
}
.slider-type2 .slick-list{
margin-right:-16px;
}
.slider-type2 .slick-slide{
margin-right:16px;
}
.slider-type2 li img{
height:clamp(140px,calc(13.75rem + ((1vw - 4.8px) * 81.4815)),240px);
}
.slider-type3 .slider-main li img{
height:clamp(240px,calc(13.75rem + ((1vw - 4.8px) * 81.4815)),440px);
}
.slider-type3 .slider-nav{
margin-top:20px;
}
.slider-type3 .slider-nav .slick-list{
margin-right:-8px;
}
.slider-type3 .slider-nav .slick-slide{
margin-right:8px;
}
.slider-type3 .slider-nav li img{
height:clamp(140px,calc(13.75rem + ((1vw - 4.8px) * 81.4815)),200px);
}
.bgslider-wrap{
width:100%;
height:clamp(280px,calc(13.75rem + ((1vw - 4.8px) * 81.4815)),480px);
position:relative;
}
.bgslider-full{
width:100%;
}
[data-column="col1"][data-main="wide"].bgslider-full{
width:100vw;
height:100vh;
max-width:100%;
max-height:100%;
}
.bgslider-contents{
position:absolute;
top:50%;
left:50%;
text-align:center;
transform:translate(-50%,-50%);
color:#fff;
width:90%;
padding:16px;
}
.bgslider-main{
font-size:clamp(24px,calc(1rem + ((1vw - 4.8px) * 15)),40px);
min-height:0vw;
line-height:1.4;
font-weight:700;
letter-spacing:0.05em;
}
.bgslider-sub{
padding:8px;
font-size:clamp(14px,calc(1rem + ((1vw - 4.8px) * 15)),20px);
min-height:0vw;
line-height:1.4;
}
.bgslider-shadow{
text-shadow:4px 4px 8px rgba(0,0,0,.3);
}
.bgslider-button{
margin-top:16px;
}
.bgslider-button a{
color:#fff;
display:inline-block;
font-size:clamp(14px,3vw,20px);
line-height:1.4;
padding:.8em 2em;
text-decoration:none;
transition:0.2s;
background-color:#4473b1;
}
.bgslider-button a:hover{
opacity:0.8;
}
.bgslider-button.circle a{
border-radius:100vw;
}
.bgslider-button.rounded a{
border-radius:8px;
}
.bgslider-button.clBL a{background-color:#4473b1;}
.bgslider-button.clLB a{background-color:#57a1c2;}
.bgslider-button.clNV a{background-color:#375881;}
.bgslider-button.clCY a{background-color:#4eaba6;}
.bgslider-button.clRD a{background-color:#ca3659;}
.bgslider-button.clRO a{background-color:#eb6187;}
.bgslider-button.clPK a{background-color:#e598d4;}
.bgslider-button.clOR a{background-color:#ed9651;}
.bgslider-button.clGR a{background-color:#49a04c;}
.bgslider-button.clLG a{background-color:#b7cd5e;}
.bgslider-button.clPU a{background-color:#945caf;}
.bgslider-button.clGD a{background-color:#dac030;}
.bgslider-button.clBR a{background-color:#b27e34;}
.bgslider-button.clGY a{background-color:#a7a7a7;}
.bgslider-button.clBK a{background-color:#555;}
[data-main-header="header wide"] #main-header ul[id$="slider_ul"] li img{
height:clamp(120px,calc(10rem + ((1vw - 7.68px) * 23.1023)),320px);
min-height:0vw;
}
[data-main-header="header wide"] #main-header ul[id$="slider_ul"].slide_center li img{
height:clamp(160px,calc(10rem + ((1vw - 7.68px) * 23.1023)),440px);
}
[data-main-header="header wide"] #main-header ul[id$="slider_ul"].slide_center .slidertitle{
-webkit-mask-image:unset;
mask-image:unset;
text-align:center;
}