@charset "UTF-8";
/* CSS Document */


.row.case  {
    padding-bottom: 5em;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

.row.case  .boxflame {
    padding: 0.5em 1em;
    margin-right: auto;
    margin-left: auto;
    border: 2px solid #4D5155;
    border-radius: 7px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 1px 1px 2px #4D5155;
    box-shadow: 1px 1px 2px #4D5155;
    width: 98%;
}


.row.case  .casetitle {
    background-color: #FFDC3A;
    width: 110px;
    text-align: center;
    padding-top: 0.15em;
    padding-bottom: 0.2em;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 7px;
    border: 2px solid #4D5155;
    letter-spacing: 1px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-shadow: 1px 1px 2px #4D5155;
    box-shadow: 1px 1px 2px #4D5155;
    position: relative;
    top: 20px;
    font-family: 'Noto Sans JP', sans-serif;
}
/*.row.case .boxflame .text {
    float: left;
    margin-top: 1em;
    font-weight: bold;
    width: 80%;
}*/


.row.case  .boxflame {
    padding: 0.5em 1em;
    margin-right: auto;
    margin-left: auto;
    border: 2px solid #4D5155;
    border-radius: 7px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 1px 1px 2px #4D5155;
    box-shadow: 1px 1px 2px #4D5155;
    width: 98%;
    height: 180px;
}

.row.case .boxflame .text {
    float: left;
    margin-top: 1em;
    font-weight: bold;
    width: 80%;
    font-family: 'Noto Sans JP', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-size: 0.85rem;
    letter-spacing: 1px;
    padding-top: 1em;
    padding-bottom: 1em;
}
.row.case .boxflame span {
    color: #FF0000;
}
.row.case .boxflame img {
    width: 18%;
    float: right;
    margin-top: 8px;
}

@media (min-width: 992px){
.row.case {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}
.row.case .boxflame {
    height: 170px;
}
}

@media (max-width: 768px){
.row.case .boxflame  {
    height: auto;
}
.row.case .boxflame .text {
    width: 90%;
}
.row.case .boxflame .red {
    font-size: 1rem;
}
.row.case .boxflame img {
    width: 10%;
}
}

@media (max-width: 576px){


.row.case  .casetitle {
    width: 140px;
    font-size: 1rem;
}
/*.row.case .boxflame .text {
    float: left;
    margin-top: 1em;
    font-weight: bold;
    width: 80%;
}*/


.row.case  .boxflame {
    width: 98%;
    height: auto;
}

.row.case .boxflame .text {
    width: 80%;
    font-size: 0.75rem;
}
.row.case .boxflame img {
    width: 18%;
}


}