/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before { color: #fff;}

/*左右の矢印の位置を変える*/
.slick-next { right: 20px; z-index: 99;}

.slick-prev { left: 15px; z-index: 100;}

/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before { color: #fff;}

/*スライド画像の横幅可変*/
img { max-width: 100%; height: auto;}

.slick-dots { display: none !important; }

.slick-dotted.slick-slider { margin-bottom: 0px; padding-left: 0px;}

/*.carousel-control{ position: absolute;}*/ /*top: 50%; */
/*.carousel-control.left,
    .carousel-control.right { background-image: none;}*/

.col { padding: 10px;}
.boxTextTop { text-align: left; padding: 5px; font-weight: 600;}
.boxText { text-align: left; padding: 5px;font-size:13px;}
.boxBorderMid { border: 1px solid #ddd; height: 100px;}
.boxBorder { border: 1px solid #ddd; height: 90px;}
.linkBtn{width:190px;background:#000;font-size:13px;color:#fff;height:30px;}
.bg-img { margin: 0; padding: 0; width: 100%;}
.container-fluid a:hover .imghover { opacity: 0.6;}
.container a:hover .imghover { opacity: 0.6;}

.list { list-style: none; display: flex;padding: 0px;}
ul.list li { padding: 10px 15px 0px 0px;}
ul.list li a { color: #333;}
ul.list li a:hover { color: red;}

.col-xs-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th {
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}
.col-xs-5th { float: left; width: 20%;}
@media (min-width: 768px) {
    .col-sm-5th { float: left; width: 20%;}
}
@media (min-width: 992px) {
    .col-md-5th { float: left; width: 20%;}
}

@media (min-width: 1200px) {
    .col-lg-5th { float: left; width: 20%; }
}

h1 { font-size: 30px; }

.title-block {
    position: absolute;
    bottom: 200px;
    left: 145px;
    color: white;
    font-weight: 700;
    font-size: 30px;
}

.title-block-2ln { bottom: 180px;left: 100px;}

@media(max-width: 375px) {
    .boxRight { padding-left: 0px; margin-left: -12px; margin-top: -5px;}
}
/*Extra small(portrait phones, less than 576px) */
@media (max-width: 576px) {
    .col{padding:4px;/*border-bottom:1px solid #ddd;*/}
    .boxRight { padding-left: 0px; margin-left: -12px; margin-top: -5px; padding-right: 0px;}
    .boxBorderMid { border:none;}
    .boxBorder { border: none;}
}
/*Small (landscape phones, less than 768px)*/
@media (max-width: 768px) {
    .col {padding: 4px;}
    .boxRight { padding-left: 0px; margin-top: -5px;}
    .boxTextTop { font-size: 12px; line-height: 1.3;}
    .boxText { font-size: 11px; line-height: 1.3;height:115px;}
    .boxText strong {font-size:12px;}
    .boxBorderMid { border:none;height: 65px;margin-left:0px;}
    .boxBorder { border: none;}
    .title-block { bottom: 150px; left: 70px;font-size: 18px;}
    .title-block-2ln { bottom: 120px; left: 30px;}
    ul.list li h4 { font-size: 12px;}
}
/*Medium (tablets, less than 992px)*/
@media (max-width: 992px) {
}
/*Large (desktops, less than 1200px)*/
@media (max-width: 1200px) {
    /*.boxRight { margin-top: 0px;}*/
    .boxBorderMid { border:none; height: 70px;}
    .boxBorder { border: none;}
}


/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .col { padding: 4px;}
    .boxRight { padding-left: 0px; margin-left: -12px; margin-top: -5px; padding-right: 0px;}
    .boxBorder { border: none;}
    .boxBorderMid {border: none;}
}*/