@charset "utf-8";

@media screen and (max-width:768px) {
    .CrowlBlock04_Box1,.CrowlBlock04_Box2 {
        width:33.3333333%;
        padding:5px;
        margin:0px;
    }
    .CrowlBlock04_Box3 {
        width:25%;
        padding:5px;
        margin:0px;
    }
    img.CrowlBlock04_Tab_Mini {
        display:block;
    }
    img.CrowlBlock04_Tab_Big {
        display:none;
    }
    .CrowlBlock04_Spacer {
        width:100%;
        float:left;
        position:relative;
    }
    .CrowlBlock04_MobileType_1,.CrowlBlock04_MobileType_2 {
        display:block;
    }
}
@media screen and (max-width:549px) {
    .CrowlBlock04_Box1,.CrowlBlock04_Box2 {
        width:100%;
    }
    .CrowlBlock04_Box3 {
        width:50%;
    }
    .CrowlBlock04_Com_01 {
        display:none;
    }
    .CrowlBlock04 {
        background-color:#ffffff;
        border:5px solid #ffffff;
    }
    img.CrowlBlock04_Tab_MiniTop,img.CrowlBlock04_Tab_Big {
        display:block;
    }
    img.CrowlBlock04_Tab_BigTop,img.CrowlBlock04_Tab_Mini {
        display:none;
    }
    .cc-visible-xxs {
        display: block;
    }
}

@media screen and (min-width: 0px) and (max-width: 549px) {
/* .title-style(sp) */
.CrowlBlock04_TitleText {
font-weight: bold;
font-size: 13px;
line-height: 20px;
color: #000000;
text-align: center;
} /* .title-style(sp) */
}
@media screen and (min-width: 550px) and (max-width: 768px) {
/* .title-style(tab) */
.CrowlBlock04_TitleText {
font-weight: bold;
font-size: 13px;
line-height: 20px;
color: #000000;
text-align: center;
} /* .title-style(tab) */
}
@media screen and (min-width: 769px) {
/* .title-style(pc) */
.CrowlBlock04_TitleText {
font-weight: bold;
font-size: 13px;
line-height: 20px;
color: #000000;
text-align: center;
} /* .title-style(pc) */
}

@media screen and (min-width: 0px) and (max-width: 549px) {
/* .comment-style(sp) */
.CrowlBlock04_CommentText {
font-weight: normal;
font-size: 13px;
line-height: 20px;
color: #000000;
text-align: center;
} /* .comment-style(sp) */
}
@media screen and (min-width: 550px) and (max-width: 768px) {
/* .comment-style(tab) */
.CrowlBlock04_CommentText {
font-weight: normal;
font-size: 13px;
line-height: 20px;
color: #000000;
text-align: center;
} /* .comment-style(tab) */
}
@media screen and (min-width: 769px) {
/* .comment-style(pc) */
.CrowlBlock04_CommentText {
font-weight: normal;
font-size: 13px;
line-height: 20px;
color: #000000;
text-align: center;
} /* .comment-style(pc) */
}

.CrowlBlock04 {
background-color:#ffffff;
}
@media screen and (max-width: 549px) {
.CrowlBlock04 {
border:5px solid #ffffff;
}
}
.CrowlBlock04_MobileType_2 {
background-color:#ffffff;
}
.CrowlBlock04_Com_01,
.CrowlBlock04_Com_02,
.CrowlBlock04_Com_03,
.CrowlBlock04_Com_04,
.CrowlBlock04_Com_05,
.CrowlBlock04_Com_06,
.CrowlBlock04_Com_07,
.CrowlBlock04_MobileType_1 {
background-color:rgba(255,255,255,0.74);
}