@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
* { margin: 0; padding: 0; }
a { text-decoration: none; display: inline-block; padding: 0 3px; color: #0054A4; }
a:hover { color: #6e13c3; }
ul,ol,li { list-style: none; }

/*
body { padding-top: 165px !important; }
header.navbar { position: fixed; width: 100%; top: 0; background-color: #fff; }
*/
header .container-xl { min-height: 100px; }
header .logo { width: calc(180px + 13vw); height: auto; }
header .navbar-toggler { margin: .5rem; }

header .cart-info { right: 0; bottom: 0; width: 40px; height: 40px;
  background: url(../img_layout/cart.png) right bottom no-repeat;
  background-size: contain; }
  
header .cart-info #cartInfo { color: #6e13c3; text-decoration: none;
  display: block; width: 100%; height: 100%; 
  font-size: 20px; text-align: center; font-weight: bold;
  padding: .5rem .5rem 1rem; box-sizing: content-box;
  transform: translate(-.7rem, -1.7rem);
}

.bg-light { background-color: #e9e9e9 !important; }

.navbar-light .navbar-nav .nav-link { color: #000; font-weight: bold; padding: .5rem .8rem;  }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #000; background-color: #ccc; }
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff; background-color: #333; }

main { min-height: 300px; padding: 30px 0; }
h1 { background: url(../img_layout/h1bg.gif) no-repeat center bottom;
  background-size: min(100%, 500px) auto;
  font-size: calc(20px + .5vw); font-weight: bold; text-align: center; 
  margin-bottom: 20px;  padding-bottom: calc(20px + .5vw); }

h2 { font-size: calc(20px + .5vw); font-weight: bold;  }

footer { font-size: 14px; padding-bottom: 30px; }

.cursor-p { cursor: pointer; }
.mw-100 { max-width: 100%; }
.c-main { color: #B5548A; }

.page-link.active { background-color: #0054A4; color: #fff; }

@media(min-width:768px){
  header .container-xl { padding-left: 110px; background-size: auto 80%; 
    background: url(../img_layout/header.png) no-repeat left top; }
  header .info-area { max-width:300px; }
}


/* index ========================================================== */
.index h2 { 
  margin: 100px 0 30px; padding: 5px 0 5px 100px;
  background: url(../img_layout/hbg1.png) no-repeat;
}

/* about ========================================================== */
.about main .container-xl { 
  min-height: 400px; max-width: 1000px; margin: 0 auto;
  background-image: url(../img_layout/about_1.png), url(../img_layout/about_2.png);
  background-position: left 30px, right bottom;
  background-repeat: no-repeat;
}
.about .aboutArea { width: 66%; margin: 0 auto; }
.about .aboutArea h2 { text-align: center; font-size: 24px; }
.about .aboutArea li { list-style: disc; line-height: 1.8; }
.about .aboutArea a:hover { background-color: #0054A4; color: #fff; }

/* news ========================================================== */
.news aside h2 { font-size: 18px; margin: 30px 0 10px; text-align: center; }
.news .newslist small { color: #ccc; }
/* .news .newsitem:nth-of-type(even) { flex-direction: row-reverse; } */

/* service ========================================================== */
.service .memItem { width: 240px; }
.service .memItem ul { border: 1px solid #CCC; padding: 15px 15px 15px 25px; }
.service .memItem li { margin-bottom: .3rem; }

/* mem ========================================================== */
.mem .memItem { width: 240px; margin: 0 10px; }
.mem .memItem ul { border: 1px solid #CCC; padding: 15px 15px 15px 25px; }
.mem .memItem li { margin-bottom: .3rem; }

test {
  transform: translateY(-5px);
}