@charset "UTF-8";

.page_title {
  margin: 4em auto 1em;
}
.cp-msg-area {
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}
.cp-msg-area .cp-msg{
  font-size:22px;
}
.cp-annotation {
  font-size: 0.8em;
  max-width: 960px;
  margin: 2em auto 0;
}
.device-check-hukidashi-area {
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.device-check-hukidashi{
    position:relative;
    width:400px;
    height:fit-content;
    height:-moz-fit-content;
    background:#FED2F8;
    padding:10px;
    text-align:center;
    color:#FF0000;
    font-size:24px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    margin: 0 auto;
}
.device-check-hukidashi:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(254, 210, 248, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#FED2F8;
    top:100%;
    left:50%;
}
.page-main {
    margin-bottom: 2rem;
}
.bnr_area {
    width: 960px;
    margin: 0 auto;
    margin-top: 2rem;
}
@media (min-width: 641px) {
  .page-main {
    background: url(/device/new_lineup_202204/img/main.png) center top no-repeat;
    height: 250px;
  }
}

@media (max-width: 640px) {
  .cp-msg-area {
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  .cp-msg-area .cp-msg{
    font-size:15px;
  }
  .page_title {
    margin: 2em auto 1em;
  }
  .bnr_area {
    width: 95%;
  }
  .device-check-hukidashi{
    width:80%;
    color:#FF0000;
    font-size:20px;
    font-weight:bold;
  }
  .cp-annotation {
    width: 95%;
    margin: 2em auto;
  }
  .device-check-hukidashi-area {
    margin-bottom: 2rem;
  }
}