@charset "UTF-8";


/* 768px以下 スマホ向け
--------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {

.cmp_end {
width: 100%;
position: relative;
}
.cmp_end_cover {
position: absolute;
top:0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background-color: rgba(190, 190, 190, 0.8);
}
.cmp_end_img {
width: 90%;
margin: 0 auto;
padding-top: 20px;
}
.cmp_end_txt {
padding-top: 20px;
font-size: 1.5rem;
text-align: center;
line-height: 1.5;
font-weight: 600;
}
.cmp_end_txt span {
font-size: 1.1rem;
font-weight: 600;
}
}


/* 769px以上 PC向け
--------------------------------------------------------------------------------- */
@media print, screen and (min-width: 769px) {

.cmp_end {
width: 100%;
position: relative;
}
.cmp_end_cover {
position: absolute;
top:0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background-color: rgba(190, 190, 190, 0.8);
}
.cmp_end_img {
width: 80%;
margin: 0 auto;
padding-top: 20px;
}
.cmp_end_txt {
padding-top: 20px;
font-size: 1.5rem;
text-align: center;
line-height: 1.5;
font-weight: 600;
}
.cmp_end_txt span {
font-size: 1.1rem;
font-weight: 600;
}

}