@charset "utf-8";
/********************************/
/*          スライダー          */
/********************************/
.cs_slider {
    width: 100%;

    margin-bottom: 10px;
}
@media (min-width: 431px) {
.cs_slider {
    padding-top: 160px;
}
}
/********************************/
/*           タイトル           */
/********************************/
.cs_main h2 {
    margin-bottom: 20px;
}
/********************************/
/*          ブロックス          */
/********************************/
.cs_blocks {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 20px;
}
.cs_blocks div {
    position: relative;
    border: solid 1px var(--true-gray);
}
@media (min-width: 484px) {
.cs_blocks div {
    width: 202px;
    margin: 0px 20px 40px;
}
.cs_blocks div table {
    width: 200px;
}
}
@media (max-width: 483px) {
.cs_blocks div {
    width: 168px;
    margin: 0px 5px 10px;
}
.cs_blocks div table {
    width: 166px;
}
}
.cs_blocks div table tr th {
    font-size: 1.2rem;
    text-align: center;
    padding: 5px;
}
.cs_blocks_txt {
    font-size: 0.9rem;
    text-align: center;
    padding: 0px 5px 55px 5px
}
.cs_blocks div a {
    position: absolute;
    display: block;
    background-color: var(--color-dark);
}
.cs_blocks div a:link,
.cs_blocks div a:visited {
    color: var(--true-siro);
}
@media (min-width: 484px) {
.cs_blocks div a {
    left: 30px;
    bottom: 10px;
    padding: 5px 15px;
}
}
@media (max-width: 483px) {
.cs_blocks div a {
    left: 28px;
    bottom: 15px;
    font-size: 0.8rem;
    padding: 5px 10px;
}
}
/********************************/
/*            バナー            */
/********************************/
.cs_banner {
    display: flex;
    flex-flow: row wrap;
}
.cs_banner div {
    margin: 0px 20px 40px;
}