.premium-container {
  background-color: #f1f1f1;
  padding: 10px 20px 30px 20px;
  text-align: center;
}

.premium-start-line {
  position: relative;
  height: 1px;
  margin-bottom: 40px;
  text-align: center;
  border-top: 1px dashed #ccc;
}

.premium-start-line .premium-start-message {
  color: #ccc;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #ffffff;
  padding: 0 2em;
  white-space: nowrap;
}

.premium-container{
  background-color: #f1f1f1;
  padding: 10px 20px 30px 20px;
  text-align: center;
}

.premium-banner img{
  width: 100%;
}

.premium-banner-black{
  text-align: center;
  background-color: #000;
  padding: 10px;
  width: 100%;
  color: #fff;
  font-weight: bold;
}

.premium-example .premium-arrow {
  text-align: center;
  background-color: #000000;
  color: #fff;
  padding: 10px 0 7px 0;
  font-weight: bold;
}

.premium-example .premium-rectangle {
  text-align: center;
  background-color: #000000;
  color: #fff;
  padding: 10px 0;
  font-weight: bold;
  margin-bottom: 10px;
}

.premium-example .premium-example-container{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.premium-example .premium-example-box{
  width: 48%;
  margin-bottom: 12px;
}

.premium-example .premium-example-box img{
  width: 100%;
}

.premium-banner-feature img{
  margin-bottom: 10px;
  width: 100%;
}

.premium-banner-black{
  margin-bottom: 10px;
}

.premium-example .premium-example-box .premium-example-text {
  margin-top: 4px;
}

.premium-example .premium-arrow p{
  margin: 0 !important;
}
.premium-example .premium-arrow-area {
  width: 100%;
  height: 20px;
  position: relative;
  margin: 0 0 30px 0;
}
.premium-example .premium-arrow-area::before {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  top: -1px;
  border-style: solid;
  border-width: 20px 180px 0 180px;
  border-color: #000000 transparent transparent transparent;
}

@media screen and (max-width: 320px) {
  .premium-example .premium-arrow-area::before {
      border-width: 20px 140px 0 140px;
  }
}

@media only screen 
  and (device-width : 375px) 
  and (device-height : 812px) 
  and (-webkit-device-pixel-ratio : 3) {
      /* iPhone X */
      .premium-example .premium-arrow-area::before {
          border-width: 20px 166px 0 166px;
      }
}

@media only screen 
  and (device-width : 375px) 
  and (device-height : 667px) 
  and (-webkit-device-pixel-ratio : 2) { 
      /* iPhone 8 */
      .premium-example .premium-arrow-area::before {
          border-width: 20px 170px 0 170px;
      }
}

@media only screen 
  and (device-width : 414px) 
  and (device-height : 736px) 
  and (-webkit-device-pixel-ratio : 3) {
      /* iPhone 8 Plus */
      .premium-example .premium-arrow-area::before {
          border-width: 20px 180px 0 180px;
      }
}

@media (min-width: 992px){
  /* iPhone SE */
  .premium-example .premium-arrow-area::before {
      border-width: 20px 345px 0 345px;
  }
  
}

.premium-trial-voice {
  margin: 10px 0;
}

.premium-trial-voice img{
  width: 100%;
  /*padding: 10px;*/
  border: 5px #ffffff solid;
}

.premium-trial-voice-title {
  display: flex;
  font-weight: bold;
  padding: 0 0 10px 0;
  font-size: 17px;
}

.premium-trial-voice-text{
  width: 100%;
  text-align: center;
}

.premium-trial-voice-text:before{
  content: "＼" ;
}

.premium-trial-voice-text:after{
  content: "／";
}

.premium-trial-voice-box {
  background-color: #fff;
}

#status-message{
  text-align: center;
  margin-bottom: 60px !important;
  margin-top: 60px !important;
  padding: 20px 15px 60px 15px;
  min-height: 300px;
}

#status-message h1{
  font-size: 58px;
  font-family: "Times New Roman";
  font-style: italic;
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 500;
}

#status-message hr{
  width: 50px;
  border-top: 1px solid #000;
  margin-top: 10px;
  margin-bottom: 30px;
}


#status-message h2{
  font-size: 14px;
  font-weight: bold;
}

#status-message p{
  color: #555;
  font-size: 11px;
}

#status-message .status-message-top{
  margin-top: 24px;
  font-size: 14px;
}

#status-message .premium-status-message-top{
  margin-top: 24px;
  font-size: 14px;
  text-align: left;
}

#status-message .premium-status-message-top p{
  color: #000;
  font-size: 14px;
}

#status-message .premium-status-message-top a{
  text-align: center;
}

#status-message .status-message-top a{
  text-decoration: underline;
}

.status-label {
  font-size: 11px;
  color: #999999;
  line-height: 22px;
  margin-top: 10px;
}

.status-data {
  font-size: 13px;
  color: #494949;
  line-height: 22px;
  margin-bottom: 10px;
}

.premium-leave-notification {
  text-align: center;
  color: #C92606;
  padding: 10px 0 10px 0;
}

.premium-leave-notification h2 {
  margin: 0 auto 10px auto;
}

.premium-leave-notification p {
  text-align: left;
}

@media (min-width: 992px) {
  .premium-leave-notification p {
      text-align: center;
  }
}

/* checkbox */
.smlg-checkbox-list input[type="checkbox"]{
  border: 1px solid #000;
  vertical-align: -8px;
  -webkit-appearance: none;
  position: relative;
  margin: 0 0 0 0 !important;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  max-height: 20px;
  background: #fff;
}

.smlg-checkbox-list input[type="checkbox"]:checked{
  background: #fff url(https://smartlog-stat2.imgix.net/images/check_b.svg) no-repeat;
}

.smlg-checkbox-list label {
  font-weight: normal;
  margin: 0 0 0 10px;
  display: flex;
  align-items: center;
}