@charset "UTF-8";

/* --------------------
   #intro
-------------------- */
#intro {
   background: url(../img/0__intro_bg.png) no-repeat center center / cover;
   padding-top: 20vw;
   margin-top: -20vw;
}
#intro .buyBtn {
    display: block;
    margin: 0 auto;
}

/* --------------------
   .buyBtn
-------------------- */
.btnBox .buyBtn {
   border-color: #80adca;
   background: #80adca;
}
.btnBox .buyBtn:hover {
   border-color: #80adca;
   background: #FFF;
   color: #80adca;
}

/* --------------------
   .card
-------------------- */
.card {
   padding-bottom: 1.5em;
}
.card .card_header .imgBox.imgStatic {
   height: 12em;
}

/* --------------------
   #cont1
-------------------- */
#cont1 {
   background: url(../img/1__bg.png) no-repeat center center / cover;
}


/* --------------------
   #cont2
-------------------- */
#cont2 {
   background: url(../img/2__bg.png) repeat-y center center / 100%;
}
#cont2 .box {
   background: #FFF;
}
#cont2 .box > .txtBox {
   padding: 1em 6% 2em;
}
#cont2 .box > .txtBox .buyBtn {
   width: 100%;
}
#cont2 .orange {
   color: #f39800;
}
#cont2 .blue {
   color: #0e78b1;
}



/* --------------------
   .bnr
-------------------- */
.bnrList {
   justify-content: center;
   align-items: flex-end;
   margin-left: -1em;
   margin-right: -1em;
}
.bnrList > p {
   flex: 0 0 50%;
   padding-left: 1em;
   padding-right: 1em;
}