@charset "UTF-8";

/* Bootstrap4 のカルーセルの高さがChromeだけおかしい件への対応 */
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev{
display:block !important;
}

h1,h2,h3,h4,h5,h6{font-weight: 300;}


.head_logo{width:200px;}
.bg-dark{background-color:rgba(0,0,0,0.8) !important;}
.bg-blue-tin{background: #90A4AE;}

.card-columns {column-count: 5;}
.grid{margin:0 auto;display:block;}
.grid-item{width:300px;border:1px solid #CCC;padding:15px;margin-bottom: 20px;display: block;}

.table01 th{background-color: #90A4AE;white-space:nowrap;padding:1rem 1.5rem;color:#FFF;}
.table01 td{padding:1rem;}
.table01 p{margin-bottom: 1rem;}

.privacy_box{border:0.2rem solid #CCC;padding:2rem;}
.privacy_box h3{color:#00838F;font-size:1.2rem;margin-top:50px;margin-bottom: 30px;}
.privacy_box p{line-height: 200%;}
.privacy_box li{margin-bottom: 15px;}

.showcase{min-height:500px;}
.showcase img{max-height:490px;}


@media (min-width: 1201px) {
.card-columns {column-count: 5;}
}



@media (max-width: 1200px) {
.card-columns {column-count: 4;}
}



@media (max-width: 992px) {
.card-columns {column-count: 3;}
}



@media (max-width: 768px) {
.card-columns {column-count: 2;}
}



@media (max-width: 576px) {
.card-columns {column-count: 1;}
body,html{font-size:12px;}
.showcase{min-height:350px;}
.showcase img{max-height:340px;}
}