@charset "UTF-8";



/* --------------------
   .box
-------------------- */
.box {
   background: #FFF;
   padding: 0 5.5vw;
   overflow: hidden;
}
.box .box_header {
   margin: 0 0 1.5em;
   padding: 1.5em 0;
   border-bottom: 2px solid #EEE;
}
.box .box_header p {
   margin-bottom: 0;
}
.box .box_header p + p {
   margin-left: 5.5vw;
}
.box .box_header p.img {
   flex: 0 0 5em;
   padding: 0 .5em;
}

/* --------------------
   .card
-------------------- */
.card {
   margin-bottom: 1em;
   background: #FFF;
}
.card .card_header .ttl {
   min-height: 5em;
}
.card .card_header .imgBox {
   top: 1em;
}
.card .card_header .imgBox img {
  object-position: 60% 50%;
}
.card .more_btnBox .buyBtn {
   border-color: #bea578!important;
   background: #bea578!important;
}
.card .more_btnBox .buyBtn:hover {
   border-color: #bea578!important;
   background: #FFF!important;
   color: #bea578!important;
}
.card .more_btnBox .ttl {
   margin-top: 1.25em;
   margin-bottom: 0;
   text-align: center;
   color: #bea578;
   font-weight: 500;
   line-height: 1.3;
}


@media (max-width: 500px) {
   .box .card {
      margin-right: -1.25rem;
      margin-left: -1.25rem;
      max-width: inherit;
   }
}

/* --------------------
   #intro
-------------------- */
#intro p {
   color: #1079a7;
   font-weight: 500;
}
@media (min-width: 961px) {
   #intro {
      margin-top: -4em;
   }
}

/* --------------------
   #cont1
-------------------- */
#cont1 {
   background: #eef2eb;
}
#cont1 .box .box_header {
   border-bottom-color: #79a15c;
}
#cont1 .card .btnBox .buyBtn {
   border-color: #79a15c;
   background: #79a15c;
}
#cont1 .card .btnBox .buyBtn:hover {
   border-color: #79a15c;
   background: #FFF;
   color: #79a15c;
}
#cont1 .pc-flex > * {
   flex: 0 0 50%;
}


/* --------------------
   #cont2
-------------------- */
#cont2 {
   background: #f9f0ee;
}
#cont2 .box .box_header {
   border-bottom-color: #e9907d;
}
#cont2 .card .btnBox .buyBtn {
   border-color: #e9907d;
   background: #e9907d;
}
#cont2 .card .btnBox .buyBtn:hover {
   border-color: #e9907d;
   background: #FFF;
   color: #e9907d;
}
#cont2 .pc-flex {
   justify-content: center;
}
#cont2 .pc-flex > * {
   flex: 0 0 50%;
}

/* --------------------
   #cont3
-------------------- */
#cont3 {
   background: #e8f4fa;
}
#cont3 .box .box_header {
   border-bottom-color: #00a390;
}
#cont3 .card .btnBox .buyBtn {
   border-color: #00a390;
   background: #00a390;
}
#cont3 .card .btnBox .buyBtn:hover {
   border-color: #00a390;
   background: #FFF;
   color: #00a390;
}


/* --------------------
   #cont4
-------------------- */
#cont4 {
   background: #faf1ea;
}
#cont4 .box .box_header {
   border-bottom-color: #f79a53;
}
#cont4 .card .btnBox .buyBtn {
   border-color: #f79a53;
   background: #f79a53;
}
#cont4 .card .btnBox .buyBtn:hover {
   border-color: #f79a53;
   background: #FFF;
   color: #f79a53;
}


/* --------------------
   #cont5
-------------------- */
#cont5 {
   background: #e8f4fa;
}
#cont5 .box .box_header {
   border-bottom-color: #41bcf5;
}
#cont5 .card .btnBox .buyBtn {
   border-color: #41bcf5;
   background: #41bcf5;
}
#cont5 .card .btnBox .buyBtn:hover {
   border-color: #41bcf5;
   background: #FFF;
   color: #41bcf5;
}



/* --------------------
   .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;
}