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

.page-service .mv{
    background: url(../../images/promotion/mv-loyalcontents3.jpg) no-repeat center!important;
}
h3.loyal {
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 20px;
}
.cms-txt {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 1.6;
    font-weight: bold;
    background: #e7e8f0;
    border-left: 10px #1F2879 solid;
    padding: 5px;
}
.case{
    margin-bottom: 30px;
}
.case h3{
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    margin: 25px 0 15px 0;
}
.case p{
    text-align: center;
    font-weight: bold;
    margin:15px auto;
}
.case .col-md-4{
    /*margin-bottom: 50px;*/
}
.page-service .row{
    display: flex!important;
}
span.red{
    color: #ff0000;
}
.case .col-md-8,
.case .col-8{
    background:#feebbe;
}
.case .col-md-8:before,
.case .col-8:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #feebbe;
}
@media screen and (max-width: 768px) {
    .case .col-8{
        padding-bottom: 5px;
    }
    .case .col-md-8:before {
          content: "";
          position: absolute;
          top: -30px;
          left: 50%;
          margin-left: -15px;
          border: 15px solid transparent;
          border-bottom: 15px solid #feebbe;
          margin-top: 0;
    }
    .case p{
        font-size: 3.5vw;
        margin:10px auto 5px auto ;
    }
}
.mv .opacity-area {
    position: relative;
}
.mv .opacity-area .obi {
    position: absolute;
    top: -7%;
    left: 2%;
}
h1.opacity-inner-title{
    padding-top: 5px;
}
@media screen and (max-width: 768px) {
    .opacity-inner h1.opacity-inner-title{
        padding-top: 10px;
        font-size: 8vw!important;
    }
    .note{
        font-size: 13px;
    }
}


.mb60{
    margin-bottom: 60px!important;
}
.mb80{
    margin-bottom: 80px!important;
}
.mb40{
    margin-bottom: 40px!important;
}
.mb30{
    margin-bottom: 30px!important;
}