@charset "utf-8";
/********************************/
/*          スライダー          */
/********************************/
.cs_slider {
    width: 100%;
    margin-bottom: 30px;
}
@media (min-width: 431px) {
.cs_slider {
    padding-top: 110px;
}
}
/********************************/
/*           タイトル           */
/********************************/
.cs_main h2 {
    margin-bottom: 20px;
}
/********************************/
/*          トピックス          */
/********************************/
.cs_topics {
    padding: 50px;
    border-radius: 20px;
    border: solid 1px var(--gray);
    background-position: center center;
    margin-bottom: 30px;
}
.cs_topics >div{
    border: solid 1px var(--gray);
    padding: 30px;
    background-color: var(--siro);
}
@media (min-width:601px) {
.cs_topics {
    padding: 50px;
}
.cs_txtimg {
    margin-bottom: 25px;
}
.cs_txtimg table {
    margin-left: 20px;
    float: right;
}
.cs_txtimg table {
    width: 450px;
}
.cs_txtimg:after {
    content: "";
    clear: both;
    display: block;
}
}
@media (max-width:600px) {
.cs_topics {
    padding: 20px;
}
.cs_txtimg {
    margin-bottom: 5px;
}
.cs_txtimg > p {
    margin-bottom: 20px;
}
.cs_txtimg table {
    margin: 0 auto 20px;
}
.cs_txtimg table {
    width: 100%;
}
.cs_txtimg table img {
    width: 100% !important;
}
}
.cs_txtimg table tbody tr th,
.cs_txtimg table tbody tr td {
    font-size: 1.0rem;
    word-break: break-all;
}
.cs_txtimg table tbody tr th {
    line-height: 1.5;
}
.cs_txtimg table tbody tr td:first-of-type {
    text-align: center;

}
.cs_txtimg > h6 {
    margin-bottom: 5px;
    font-size: 1.2rem;
}
.cs_txtimg > p {
    font-size: 1.2rem;
    line-height: 2.0;
}
/********************************/
/*          ブロックス          */
/********************************/
.cs_blocks {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 20px;
}
.cs_blocks div {
    position: relative;
    border: solid 1px var(--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 td img {
    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(--thm1);
}
.cs_blocks div a:link,
.cs_blocks div a:visited {
    color: var(--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;
}
}
/********************************/
/*            バナー            */
/********************************/
@media (min-width: 431px) {
.cs_banner {
    display: flex;
    flex-flow: row wrap;
}
.cs_banner div {
    margin: 40px 20px 20px;
}
}
@media (max-width: 430px) {
.cs_banner {
    text-align: center;
}
.cs_banner div {
    margin: 40px 0 20px;
}
}