@charset "UTF-8";
html,
body,
*::before,
div,
h1,
h2,
h3,
h4,
p,
ol,
ul,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  line-height: 2;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: #eee9e6;
}

body {
  color: #333;
  background-color: #fff;
  font-size: 1.8rem;
  font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  box-sizing: border-box;
  padding: 0 1rem 1rem 1rem;
}
@media screen and (min-width: 768px) {
  body {
    max-width: 800px;
    margin: 0 auto;
  }
}

a {
  text-decoration: none;
  color: inherit;
}
a:active {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  a:hover {
    max-width: 800px;
    margin: 0 auto;
    opacity: 0.7;
  }
}

.link {
  font-weight: bold;
  color: #4288a8;
}
.link:hover {
  text-decoration: underline;
}

ol {
  padding: 0.2rem;
  counter-reset: number;
  list-style-type: none;
}
ol li {
  font-size: 2rem;
  position: relative;
  padding-left: 4rem;
  font-weight: bold;
}
ol li:not(:first-of-tyle) {
  margin: 1rem 0;
}
ol li:before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display: inline-block;
  border-radius: 0.3rem;
  background-color: #abb178;
  color: #fff;
  left: 0;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  margin-top: 0.6rem;
}

p {
  margin: 2rem 0;
}

.font-3rem {
  font-size: 3rem;
}

.font-24 {
  font-size: 2.4rem;
}

.font-bold {
  font-weight: bold;
}

.font-normal {
  font-weight: normal;
}

.box-button {
  text-align: center;
}

.pen-green {
  background-image: linear-gradient(transparent 70%, rgba(157, 168, 57, 0.5) 70%);
}
.pen-red {
  background-image: linear-gradient(transparent 70%, rgba(177, 120, 171, 0.5) 70%);
}
.pen-blue {
  background-image: linear-gradient(transparent 70%, rgba(120, 171, 177, 0.5) 70%);
}
.pen-orange {
  background-image: linear-gradient(transparent 70%, rgba(255, 194, 153, 0.5) 70%);
}
.pen-purple {
  background-image: linear-gradient(transparent 70%, rgba(126, 120, 177, 0.5) 70%);
}

ul li {
  list-style-type: none;
  font-weight: bold;
  display: block;
  margin: 1rem 0;
}
ul li::before {
  display: inline-block;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  margin-right: 1rem;
  background-color: #abb178;
}
ul li > a {
  line-height: 1.6rem;
}

.ul-blue li {
  list-style-type: none;
  font-weight: bold;
  display: block;
  margin: 1rem 0;
  color: #4288a8;
}
.ul-blue li::before {
  display: inline-block;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  margin-right: 1rem;
  background-color: #4288a8;
}

.ul-green li {
  list-style-type: none;
  font-weight: bold;
  display: block;
  margin: 1rem 0;
  color: #8d9c00;
}
.ul-green li::before {
  display: inline-block;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  margin-right: 1rem;
  background-color: #8d9c00;
}

.ul-purple {
  list-style-type: none;
  font-weight: bold;
  display: block;
  margin: 1rem 0;
}
.ul-purple::before {
  display: inline-block;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  margin-right: 1rem;
  background-color: rgb(126, 120, 177);
}

.li-indent {
  padding-left: 2.6rem;
}

.space-1 {
  margin: 5rem 0;
}

.list-style-bold {
  font-weight: bold;
  padding: 1rem 0 0;
}
.list-style-bold::before {
  content: "・";
}

.button {
  padding: 1rem 1rem;
  margin: 1rem 2rem;
  display: inline-block;
  border-radius: 50%;
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.2);
  border: solid 0.2rem #abb178;
  font-weight: bold;
}
.button:hover {
  background-color: #abb178;
  color: #fff;
}

.arrow {
  position: relative;
  display: inline-block;
  padding: 0 1rem;
  margin: 0 1rem;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
.arrow::before, .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.arrow::before {
  left: 2px;
  width: 7px;
  height: 3px;
  background: #abb178;
}
.arrow::after {
  left: 2px;
  width: 6px;
  height: 6px;
  border-top: 3px solid #abb178;
  border-right: 3px solid #abb178;
  transform: rotate(45deg);
}

.color-red {
  color: rgb(195, 62, 62);
}
.color-blue {
  color: #4288a8;
}
.color-orange {
  color: rgb(216, 150, 76);
}
.color-orange-shadow {
  color: rgb(144, 83, 14);
}
.color-green {
  color: #8d9c00;
}
.color-purple {
  color: rgb(126, 120, 177);
}

.tip {
  margin: 3rem 10px 3rem 0;
  padding: 2rem;
  position: relative;
  background-color: rgb(239.9230769231, 246.2051282051, 249.0769230769);
  box-shadow: 10px 10px #4288a8;
}
.tip-child {
  margin-top: 2rem;
}
.tip-title {
  font-size: 2rem;
  font-weight: bold;
  color: #4288a8;
  letter-spacing: 0.1rem;
}
.tip-ja {
  font-weight: bold;
  letter-spacing: 0.1rem;
}
.tip-ne {
  font-size: 2rem;
  color: #4288a8;
  font-weight: bold;
}

.caution {
  border-radius: 2rem;
  border: 5px dotted rgba(141, 156, 0, 0.3);
  padding: 2rem;
  margin: 3rem 0;
}

@media screen and (min-width: 768px) {
  .br-sp {
    max-width: 800px;
    margin: 0 auto;
    display: none;
  }
}

.h-block {
  margin: 1rem 0;
  padding: 0.3rem 1rem;
  background-color: #555;
  color: #fff;
}

.table-fixed {
  table-layout: fixed;
}

@keyframes opening-main-visual {
  0% {
    transform: scale(1.2, 1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes opening-logo {
  0% {
    transform: translate(-100%, -50%);
  }
  90% {
    transform: translate(20%, -50%) scale(1.3, 1);
  }
  100% {
    transform: translate(0%, -50%);
    opacity: 1;
  }
}
.opening-main-visual {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/red_panda2.jpg");
  opacity: 0;
}
.opening-main-visual.active {
  animation: opening-main-visual 2s ease-out forwards;
}

.opening-logo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 250px;
  padding-left: 10px;
  opacity: 0;
}
.opening-logo.active {
  animation: opening-logo 0.5s 1s forwards ease-out;
}

.logo a:hover {
  opacity: 0.7;
}

header .header-fixed-area {
  position: relative;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  height: 60px;
  width: 100%;
  z-index: 1;
}
header .header-fixed-area h1 img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 200px;
  padding-left: 10px;
}
@media screen and (min-width: 768px) {
  header .header-link-box {
    max-width: 800px;
    margin: 0 auto;
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    cursor: pointer;
  }
}
header .header-link {
  display: none;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  header .header-link {
    max-width: 800px;
    margin: 0 auto;
    display: block;
    pointer-events: visible;
    padding-right: 30px;
    font-weight: bold;
  }
  header .header-link:hover {
    color: #abb178;
    text-decoration: underline;
  }
}
header .header-scroll-area {
  padding-top: 100px;
}
header .header-scroll-area h2 {
  font-size: 2rem;
  color: #5f614f;
}
header .header-scroll-area .main-visual {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/red_panda2.jpg");
}

.hamburger {
  display: block;
  position: fixed;
  top: 0px;
  right: 0px;
  width: 45px;
  height: 45px;
  transition: 0.3s;
  cursor: pointer;
}
.hamburger.active {
  transform: rotate(90deg);
}
.hamburger.active div:nth-of-type(2) {
  opacity: 0;
}
.hamburger.active div:nth-of-type(1) {
  transform: rotate(45deg) translate(-50%, 0px);
  transform-origin: 0% 50%;
}
.hamburger.active div:nth-of-type(3) {
  transform: rotate(-45deg) translate(-50%, 0px);
  transform-origin: 0% 50%;
}
.hamburger.active div:nth-of-type(4) {
  opacity: 0;
}
.hamburger.active div:nth-of-type(5) {
  opacity: 1;
  transform: rotate(-90deg) translate(40%, 0px);
}
.hamburger div {
  top: 50%;
  left: 50%;
  position: absolute;
}
.hamburger div:nth-of-type(1) {
  transform: translate(-50%, -10px);
  height: 1px;
  width: 60%;
  background: #5f614f;
}
.hamburger div:nth-of-type(2) {
  transform: translate(-50%, 0);
  height: 1px;
  width: 60%;
  background: #5f614f;
}
.hamburger div:nth-of-type(3) {
  transform: translate(-50%, 10px);
  height: 1px;
  width: 60%;
  background: #5f614f;
}
.hamburger div:nth-of-type(4) {
  transform: translate(-50%, 10px);
  font-size: 1.2rem;
}
.hamburger div:nth-of-type(5) {
  opacity: 0;
}

@keyframes show-drawer-menu {
  0% {
    transform: translateX(110%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes hidden-drawer-menu {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(110%);
  }
}
.drawer-menu {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 60px;
  left: 0;
  opacity: 0;
  background-color: #fff;
  overflow-y: scroll;
  animation: hidden-drawer-menu 0.3s ease-in forwards;
}
.drawer-menu.active {
  opacity: 1;
  animation: show-drawer-menu 0.3s ease-in forwards;
}
.drawer-menu h3 {
  display: none;
  color: #fff;
  background-color: #abb178;
  padding: 0.5rem 2rem;
  font-size: 2rem;
}
.drawer-menu-home {
  color: #abb178;
  font-size: 2rem;
  font-weight: bold;
  width: 300px;
  display: block;
  margin: 0 auto;
  cursor: pointer;
  border-bottom: 1px solid rgb(198, 196, 196);
}
.drawer-menu-home::before {
  content: "";
  display: inline-block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 15px solid #abb178;
  margin: 0 25px 0 15px;
}
.drawer-menu-ul {
  padding: 1rem 2rem;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
}
.drawer-menu-li {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  width: 300px;
  padding: 0.5rem 0;
  position: relative;
  border-bottom: 1px solid rgb(198, 196, 196);
}
.drawer-menu-li img {
  width: 35px;
  height: 35px;
  display: inline-block;
  padding-right: 20px;
}
.drawer-menu-li::before {
  display: none;
}
.drawer-menu-li > a {
  width: 100%;
  height: 100%;
  position: absolute;
}
.drawer-menu-category {
  display: inline-block;
  color: #abb178;
  text-align: center;
}

.header-button-box1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  width: 100%;
  top: 60px;
  left: 0;
  background-color: #abb178;
  box-sizing: border-box;
  font-weight: bold;
  z-index: 2;
  height: 40px;
  font-size: 1.4rem;
}
.header-button-category {
  padding: 0 10px;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
}
.header-button-category::before {
  content: "";
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 8px solid #fff;
  margin-right: 1rem;
}
.header-button-up {
  padding: 0 10px;
  box-sizing: border-box;
  color: #fff;
  text-align: right;
  cursor: pointer;
}
.header-button-up::after {
  content: "";
  display: inline-block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #fff;
  margin-left: 1rem;
}
.header-button-box2 {
  display: none;
  position: fixed;
  width: 100%;
  top: 150px;
  left: 0;
  background-color: #fff;
  box-sizing: border-box;
  font-weight: bold;
  z-index: 3;
  background-color: #eee;
  height: 50px;
}
.header-button-back {
  box-sizing: border-box;
  color: #999;
  width: 50%;
  padding: 0 10px;
  line-height: 50px;
  cursor: pointer;
}
.header-button-back::before {
  content: "";
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 8px solid #999;
  margin-right: 1rem;
}
.header-button-back-big {
  box-sizing: border-box;
  color: #999;
  width: 50%;
  padding: 0 10px;
  line-height: 50px;
}
.header-button-back-big::before {
  content: "";
  display: inline-block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 15px solid #999;
  margin-right: 1rem;
}
.header-button-back-big:hover {
  opacity: 0.7;
  cursor: pointer;
}
.header-button-next {
  box-sizing: border-box;
  color: #999;
  width: 50%;
  text-align: end;
  padding: 0 10px 0 0;
  line-height: 50px;
  cursor: pointer;
}
.header-button-next::after {
  content: "";
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #999;
  margin-left: 1rem;
}
.header-button-next-big {
  box-sizing: border-box;
  color: #999;
  width: 50%;
  text-align: end;
  padding: 0 10px;
  line-height: 50px;
}
.header-button-next-big::after {
  content: "";
  display: inline-block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #999;
  margin-left: 1rem;
}
.header-button-next-big:hover {
  opacity: 0.7;
  cursor: pointer;
}

.header {
  transition: 0.2s ease-out;
}

.header.header-hidden {
  pointer-events: none;
  opacity: 0;
}

.centering {
  display: block;
  width: 300px;
  margin: 0 auto;
}

main h2 {
  color: #5f614f;
  border-bottom: 1px solid #999;
  margin: 3.6rem 0 1.8rem 0;
  padding: 1rem 2rem;
  border-radius: 0.2rem;
  font-size: 2.4rem;
  font-weight: bold;
}
main h3 {
  font-size: 2.6rem;
  font-weight: 900;
  color: #5f614f;
  margin: 3rem 0;
}
main h4 {
  font-size: 2.2rem;
  border-left: solid 0.8rem #abb178;
  padding-left: 0.8rem;
  line-height: 1.6;
  margin: 2rem 0;
}
main .h4-purple {
  font-size: 2.2rem;
  border-left: solid 0.8rem rgb(126, 120, 177);
  padding-left: 0.8rem;
  line-height: 1.6;
  margin: 2rem 0;
}

.main-padding-top {
  padding-top: 60px;
}

@keyframes opening-icon {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@media screen and (min-width: 768px) {
  .index-scroll {
    max-width: 800px;
    margin: 0 auto;
  }
  .index-scroll:hover {
    opacity: 0.7;
  }
}

.index-news-box {
  max-height: 250px;
  overflow-x: scroll;
}

.nowrap {
  white-space: nowrap;
}

footer {
  width: auto;
  text-align: center;
  margin-top: 3rem;
}
footer div {
  color: #fff;
  background-color: #abb178;
}
footer div a:not(:last-child)::after {
  content: "|";
}

.top-contents {
  background-color: #eee;
  padding: 1rem 2rem;
  margin-bottom: 4rem;
}
.top-contents h4 {
  border-left: none;
  padding-left: 0;
  color: #646449;
}

.box-alphabet input {
  display: none;
}
.box-alphabet label {
  display: block;
  margin: 1rem 0 0;
  padding: 0.2rem 3rem 0;
  border-radius: 0.3rem;
  transition: all 0.5s;
}

.pic-pron {
  max-width: 300px;
}

.alphabet-inner {
  display: flex;
}
.alphabet-font {
  font-size: 10rem;
  width: 11rem;
  margin-right: 2rem;
}

.list-inline li {
  display: inline-block;
  font-size: 3rem;
  margin-right: 1rem;
}

.pron-voiceless {
  font-size: 16px;
  display: inline-block;
  padding: 5px 5px;
  margin-right: 5px;
  border-radius: 5px;
  position: absolute;
  top: 10px;
  right: 50px;
  background-color: #006083;
  color: #fff;
}
.pron-voiced {
  font-size: 16px;
  display: inline-block;
  padding: 5px 5px;
  margin-right: 5px;
  border-radius: 5px;
  position: absolute;
  top: 10px;
  right: 50px;
  background-color: #82005f;
  color: #fff;
}
.pron-unaspirated {
  font-size: 16px;
  display: inline-block;
  padding: 5px 5px;
  margin-right: 5px;
  border-radius: 5px;
  position: absolute;
  top: 10px;
  right: 0;
  background-color: #b7aa00;
  color: #fff;
}
.pron-aspirated {
  font-size: 16px;
  display: inline-block;
  padding: 5px 5px;
  margin-right: 5px;
  border-radius: 5px;
  position: absolute;
  top: 10px;
  right: 0;
  background-color: #5aa572;
  color: #fff;
}
.pron-nasal {
  font-size: 16px;
  display: inline-block;
  padding: 5px 5px;
  margin-right: 5px;
  border-radius: 5px;
  position: absolute;
  top: 10px;
  right: 0;
  background-color: #cb4829;
  color: #fff;
}
.pron-pic img {
  width: 300px;
}
.pron-table {
  font-size: 2rem;
}
.pron-table td {
  text-align: left;
}

.alphabet-pic-half {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/drum2.jpg");
}

table {
  width: 100%;
}

table,
table th,
table td {
  border-collapse: collapse;
  padding: 0.5rem 1rem;
}

table th {
  background-color: #bdbebd;
  color: #fff;
  border: solid 2px #fff;
}

table td {
  text-align: left;
  padding-left: 1rem;
}

table tr:nth-child(odd) {
  background-color: #f8f8f6;
}

.vowel-diacritics-width {
  display: inline-block;
  width: 22rem;
}

.table-box {
  margin: 3rem 0;
}

.swiper-outer {
  position: relative;
  margin: 0 auto 100px;
  width: 250px;
  height: 140px;
}
@media screen and (min-width: 768px) {
  .swiper-outer {
    max-width: 800px;
    margin: 0 auto;
    width: 500px;
    height: 300px;
  }
}
.swiper-pagination-wrapper {
  font-size: 2rem;
  font-weight: bold;
  color: #abb178;
  text-align: center;
  height: 50px;
}
.swiper-container {
  overflow: hidden;
}
.swiper-wrapper {
  display: flex;
}
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  border-bottom: 2px solid black;
  border-left: 2px solid black;
  cursor: pointer;
  transform: translateY(-50%) rotate(45deg);
  left: -10%;
}
@media screen and (min-width: 768px) {
  .swiper-button-prev {
    max-width: 800px;
    margin: 0 auto;
    left: -5%;
  }
}
.swiper-button-prev.invisible {
  visibility: hidden;
  pointer-events: none;
}
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  cursor: pointer;
  transform: translateY(-50%) rotate(-45deg);
  right: -10%;
}
@media screen and (min-width: 768px) {
  .swiper-button-next {
    max-width: 800px;
    margin: 0 auto;
    right: -5%;
  }
}
.swiper-button-next.invisible {
  visibility: hidden;
  pointer-events: none;
}
.swiper-slide {
  flex-shrink: 0;
  width: 250px;
}
@media screen and (min-width: 768px) {
  .swiper-slide {
    max-width: 800px;
    margin: 0 auto;
    width: 500px;
    height: 300px;
  }
}
.swiper-slide::before {
  content: initial;
}
.swiper-slide video {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.swiper-outer-cap {
  position: relative;
  margin: 0 auto 100px;
  width: 250px;
  height: 170px;
}
@media screen and (min-width: 768px) {
  .swiper-outer-cap {
    max-width: 800px;
    margin: 0 auto;
    width: 500px;
    height: 350px;
  }
}
.swiper-pagination-wrapper-cap {
  font-size: 2rem;
  font-weight: bold;
  color: #abb178;
  text-align: center;
  height: 50px;
}
.swiper-container-cap {
  overflow: hidden;
}
.swiper-wrapper-cap {
  display: flex;
}
.swiper-slide-cap {
  display: flex;
  text-align: center;
  flex-direction: column;
  flex-shrink: 0;
  width: 250px;
  height: 170px;
}
@media screen and (min-width: 768px) {
  .swiper-slide-cap {
    max-width: 800px;
    margin: 0 auto;
    width: 500px;
    height: 300px;
  }
}
.swiper-slide-cap::before {
  content: initial;
}
.swiper-caption {
  background-color: rgb(42, 42, 42);
  color: #fff;
}

.park-pic-1 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/lukla.jpg");
}
.park-pic-2 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/namche.jpg");
}
.park-pic-3 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/dudh_koshi.jpg");
}
.park-pic-4 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/tengboche.jpg");
}
.park-pic-5 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/tengboche2.jpg");
}
.park-pic-6 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/amadablam_from_dingboche.jpg");
}
.park-pic-7 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/lobuche.jpg");
}
.park-pic-8 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/lobuche2.jpg");
}
.park-pic-9 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/basecamp.jpg");
  background-position-y: 60%;
}

.container {
  border: solid 0.3rem #abb178;
  border-radius: 1rem;
  padding: 0.3rem 1rem;
  font-size: 2rem;
}

.ligature-head {
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  background-color: #999;
  padding: 0 0 0 1rem;
  margin: 1rem 0;
}
.ligature-inner {
  margin: 0.8rem 0;
}
.ligature-inner img {
  width: 30px;
  padding-right: 2rem;
  vertical-align: middle;
}

.box-letter-row input {
  display: none;
}

.display {
  display: grid;
  grid-template-areas: "head1  text1" "head2  text2" "head3  text3";
  grid-template-rows: auto auto auto;
  grid-template-columns: 6rem 1fr;
  justify-content: center;
  align-content: center;
  -moz-column-gap: 0.8rem;
       column-gap: 0.8rem;
  margin-top: 2rem;
  padding: 0.5rem;
  border: solid 1px #999;
  border-radius: 0.3rem;
}
.display-head {
  font-weight: bold;
}
.display-text {
  font-size: 2rem;
}
.display-label {
  display: inline-block;
  text-align: center;
  background-color: #5f614f;
  color: #fff;
  font-size: 2rem;
  width: 55px;
  height: 40px;
  margin: 0.5rem 0.3rem;
  border: solid 1px #999;
  border-radius: 1rem;
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.display-label:hover {
  opacity: 0.7;
}

.grid-head1 {
  grid-area: head1;
  align-self: center;
  justify-self: end;
}
.grid-head2 {
  grid-area: head2;
  align-self: center;
  justify-self: end;
}
.grid-head3 {
  grid-area: head3;
  align-self: center;
  justify-self: end;
}
.grid-text1 {
  grid-area: text1;
}
.grid-text2 {
  grid-area: text2;
  background-color: #d5d8c4;
}
.grid-text3 {
  grid-area: text3;
}

.box-num-0 {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.box-num-0-inner {
  position: relative;
  height: 20rem;
  margin: auto;
  min-width: 80px;
}
@media screen and (min-width: 768px) {
  .box-num-0-inner {
    max-width: 800px;
    margin: 0 auto;
    min-width: 130px;
  }
}
.box-num-0-head {
  background-color: #5f614f;
  color: #fff;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  text-align: center;
  margin: 1rem auto;
}
.box-num-0-letter {
  font-size: 8rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0rem;
}
.box-num-0-nepali {
  font-size: 2.4rem;
  position: absolute;
  top: 12rem;
  left: 50%;
  transform: translateX(-50%);
}
.box-num-0-pron {
  position: absolute;
  top: 16rem;
  left: 50%;
  transform: translateX(-50%);
}

tr {
  text-align: center;
}

.text-align-num {
  padding-right: 3rem;
  font-size: 3rem;
}

.border {
  border: 1px solid #eee;
}

.contents-w-inner {
  display: flex;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
  min-height: 140px;
}
.contents-w-inner a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.contents-w-pic-1 {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/himal3.jpg);
}
.contents-w-pic-1-s {
  color: #fff;
  font-size: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
}
.contents-w-pic-a {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: linear-gradient(135deg, #999, #333);
}
.contents-w-pic-lig-ksa {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_ksa.png);
  background-size: contain;
}
.contents-w-pic-lig-kwa {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_kwa.png);
  background-size: contain;
}
.contents-w-pic-lig-gna {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_gna.png);
  background-size: contain;
}
.contents-w-pic-lig-tra {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_tra.png);
  background-size: contain;
}
.contents-w-pic-lig-jna {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_jna.png);
  background-size: contain;
}
.contents-w-pic-lig-nka {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_nka.png);
  background-size: contain;
}
.contents-w-pic-lig-nga {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_nga.png);
  background-size: contain;
}
.contents-w-pic-lig-ngha {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_ngha.png);
  background-size: contain;
}
.contents-w-pic-lig-nca {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_nca.png);
  background-size: contain;
}
.contents-w-pic-lig-tta1 {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_t.t.a.png);
  background-size: contain;
}
.contents-w-pic-lig-ttha1 {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_t.t.ha.png);
  background-size: contain;
}
.contents-w-pic-lig-tya1 {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_t.ya.png);
  background-size: contain;
}
.contents-w-pic-lig-tta {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_tta.png);
  background-size: contain;
}
.contents-w-pic-lig-dda {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_dda.png);
  background-size: contain;
}
.contents-w-pic-lig-ddha {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_ddha.png);
  background-size: contain;
}
.contents-w-pic-lig-dba {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_dba.png);
  background-size: contain;
}
.contents-w-pic-lig-dbha {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_dbha.png);
  background-size: contain;
}
.contents-w-pic-lig-dma {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_dma.png);
  background-size: contain;
}
.contents-w-pic-lig-dya {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_dya.png);
  background-size: contain;
}
.contents-w-pic-lig-dwa {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_dwa.png);
  background-size: contain;
}
.contents-w-pic-lig-nna {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_nna.png);
  background-size: contain;
}
.contents-w-pic-lig-shca {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_shca.png);
  background-size: contain;
}
.contents-w-pic-lig-shna {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_shna.png);
  background-size: contain;
}
.contents-w-pic-lig-shra {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_shra.png);
  background-size: contain;
}
.contents-w-pic-lig-shwa {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_shwa.png);
  background-size: contain;
}
.contents-w-pic-lig-sta {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_sta.png);
  background-size: contain;
}
.contents-w-pic-lig-stha {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_stha.png);
  background-size: contain;
}
.contents-w-pic-lig-hma {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_hma.png);
  background-size: contain;
}
.contents-w-pic-lig-hra {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_hra.png);
  background-size: contain;
}
.contents-w-pic-lig-hwa {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/lig_w_hwa.png);
  background-size: contain;
}
.contents-w-title {
  width: 70%;
}

.flex-outer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  font-size: 4rem;
}
.flex-outer div {
  margin: 0 3rem 3rem 0;
  text-align: center;
}

.flex-outer-s {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  justify-content: space-around;
}

.chart-table {
  margin-bottom: 2rem;
}
.chart-table th {
  font-size: 2rem;
}

.container-quiz {
  border-color: #d5d8c4;
  text-align: center;
}
.container-quiz input[type=submit] {
  display: none;
}
.container-quiz input[type=radio] {
  display: none;
}
.container-quiz input[type=radio]:checked + .label-option {
  background-color: #9878b0;
}
.container-quiz h2 {
  margin-top: 3rem;
}

.choice {
  margin: 1rem;
}

.label-option {
  display: block;
  width: 150px;
  padding: 0 2rem;
  border-radius: 0.5rem;
  margin: 1rem auto;
  background-color: #cbb5dd;
  color: #fff;
  font-size: 3rem;
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.label-option:hover {
  background-color: #9878b0;
}

.label-submit {
  display: block;
  width: 100px;
  margin: 5rem auto 15rem;
  padding: 0.2rem 1rem;
  border: solid 0.3rem #9878b0;
  border-radius: 0.8rem;
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.2);
  font-size: 2.6rem;
  color: #553b69;
  cursor: pointer;
}
.label-submit:hover {
  background-color: #cbb5dd;
  border: solid 0.3rem #cbb5dd;
  opacity: 0.5;
}

#button-return {
  display: none;
}

.label-return {
  display: block;
  width: 220px;
  margin: 1rem auto;
  padding: 0.8rem 1rem;
  background-color: #9878b0;
  border-radius: 0.5rem;
  color: #fff;
  text-align: center;
}
.label-return:hover {
  opacity: 0.7;
}

.ans-result {
  color: #553b69;
  font-size: 5rem;
}
.ans-yours {
  color: #9878b0;
}
.ans-correct {
  font-size: 3rem;
  color: #5f614f;
}

.iframe-inner {
  position: relative;
  width: 100%;
}
.iframe-inner::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.iframe-inner iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.clock {
  font-size: 3rem;
  font-weight: bold;
  text-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.8);
}
.clock-outer {
  max-width: 100%;
  height: 200px;
  margin: 3rem auto 0;
  background-color: #abb178;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
.clock-title {
  padding: 0;
}

.calender {
  font-size: 2rem;
  font-weight: bold;
  text-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.8);
}

.contents-flex {
  display: flex;
  flex-flow: row wrap;
}
.contents-inner {
  width: 250px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 1rem auto;
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.2);
}
.contents-w-pic {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100px;
  border-radius: 0.5rem 0.5rem 0 0;
  text-align: center;
  padding-top: 2rem;
  font-weight: bold;
}
.contents-title {
  background-color: rgb(42, 42, 42);
  color: #fff;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  border-radius: 0 0 0.5rem 0.5rem;
}

.chart_area {
  position: relative;
  width: 100%;
  height: 400px;
}

.geography-pic-mount {
  height: 300px;
  background-image: url(../images/mount-everest-ilust.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.geography-pic-mount2 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/everest_cloud.jpg");
}
.geography-pic-rain {
  height: 300px;
  background-image: url(../images/weather.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.geography-pic-japan {
  height: 300px;
  background-image: url(../images/japan.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.geography-pic-lake {
  height: 300px;
  background-image: url(../images/lake.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.geography-pic-river {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/river.jpg");
  height: 400px;
  background-position-y: 70%;
}

.gmap {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.pic {
  width: 100%;
  margin: auto;
}
.pic img {
  height: 200px;
}

.canvas {
  padding: 3rem 0;
  height: 350px;
}

.accordion-menu {
  margin-bottom: 30px;
  position: relative;
  cursor: pointer;
}
.accordion-hidden {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.4s;
}
.accordion-hidden.show {
  height: auto;
  opacity: 1;
  margin-bottom: 3rem;
}
.accordion-arrow {
  position: absolute;
  left: 50%;
  bottom: -20px;
  width: 20px;
  height: 20px;
  border-right: 3px solid #dad9d9;
  border-bottom: 3px solid #bebebe;
  transform: rotate(45deg) translateX(-50%);
}
.accordion-arrow.show {
  animation: rotate 1s forwards;
}
.accordion-arrow-ex {
  position: absolute;
  left: 50%;
  bottom: -30px;
  width: 20px;
  height: 20px;
  border-right: 3px solid #abb178;
  border-bottom: 3px solid #abb178;
  transform: rotate(45deg) translateX(-50%);
}
.accordion-arrow-ex.show {
  animation: rotate 1s forwards;
}

@keyframes rotate {
  to {
    transform: rotate(-135deg);
  }
}
.history-pic-history {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/history2.jpg");
}
.history-pic-flag {
  display: block;
  height: 150px;
  margin: auto;
}

.pic-gov-province {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/province.png");
  background-size: contain;
}
.pic-gov-vote {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/vote.jpg");
  background-size: contain;
}
.pic-gov-vote2 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/vote2.png");
}
.pic-gov-bhandari {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/bhandari.jpg");
  background-size: contain;
}
.pic-gov-deuba {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/deuba.jpg");
  background-size: contain;
}
.pic-gov-dahal {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/dahal.jpg");
  background-size: contain;
}
.pic-gov-paudel {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/paudel.jpg");
  background-size: contain;
}
.pic-gov-karki {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/karki.jpg");
  background-size: contain;
}

.ne-energy-full {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/energy.jpg");
}

.ne-tamakoshi {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/tamakoshi.jpg");
}

.ne-gadget {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/gadget.jpg");
}

.ne-plug {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/plug.jpg");
}

.ne-adapter {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/adapter.jpg");
}

.ne-adapters {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/adapters.jpg");
}

.ne-railway {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/railway.png");
}

.ne-railway2 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/railway2.png");
  background-size: contain;
}

.ne-railway3 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/railway3.jpg");
  background-size: contain;
}

.ne-train {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/train.jpg");
}

.ne-newtrain {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/newtrain.jpg");
  background-size: contain;
}

.ne-railway-up {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/railway-up.jpg");
}

.ne-elderly {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/elderly.jpg");
}

.ne-social {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/wheelChair.jpg");
  background-position-y: 70%;
}

.ne-bengal_tiger {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/bengal_tiger.jpg");
}

.ne-cardamon {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/black_cardamon.jpg");
}

.ne-carpet {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/carpet.jpg");
}

.ne-tea {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/ne-tea.jpg");
}

.ne-ginger {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/ginger.jpg");
}

.culture-pic-head {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/fruit.jpg");
}
.culture-pic-khana {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/khana.jpg");
}
.culture-pic-ilam {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/village.jpg");
}
.culture-pic-ilam-tealeaf {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/ilam-tealeaf.jpg");
}
.culture-pic-ctc {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/ctc.jfif");
}
.culture-pic-rice {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/rice.jpg");
}
.culture-pic-tandoor {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/tandoor.jpg");
  background-size: 101%;
}
.culture-pic-clothes {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/clothes.jpg");
  background-size: contain;
}
.culture-pic-topi {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/topi.jpg");
}
.culture-pic-sari {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/sari.jpg");
  background-size: contain;
}
.culture-pic-kurta {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/kurta.jpg");
  background-position-y: 80%;
}
.culture-pic-dhoti {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/dhoti.jpg");
}
.culture-pic-daura {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/daura.jpg");
  background-size: contain;
}

.sightseeing-pic-park {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/chitvan.jpg");
}
.sightseeing-pic-rhino {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/rhino.jpg");
}
.sightseeing-pic-rara {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/raralake.jpg");
}
.sightseeing-pic-phoksundo {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/phoksundo.jpg");
}
.sightseeing-pic-shivapuri {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/shivapuri_hiking.jpg");
}
.sightseeing-pic-annnapurna {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/annapurna_conservation_area.jpg");
}
.sightseeing-pic-kanchenjunga {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/kanchenjunga.jpg");
}
.sightseeing-pic-manaslu {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/manaslu.jpg");
}
.sightseeing-pic-nationalpark {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/beautiful_lake.jpg");
}
.sightseeing-pic-wildlife {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/redpanda_snow.jpg");
}

.contents-w-pic-chitvan {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/chitwan.jpg);
}
.contents-w-pic-sagarmatha {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/khumjung.jpg);
}
.contents-w-pic-bardiya {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/tiger.jpg);
}
.contents-w-pic-khaptad {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/phansant.jpg);
}
.contents-w-pic-langtang {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/redpanda_snow.jpg);
}
.contents-w-pic-makalu {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/himalayas2020.jpg);
}
.contents-w-pic-rara {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/raralake.jpg);
}
.contents-w-pic-phoksundo {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/phoksundo.jpg);
}
.contents-w-pic-shivapuri {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/shivapuri_hiking.jpg);
}
.contents-w-pic-shuklaphanta {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/marshdeer.jpg);
}
.contents-w-pic-parsa {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/elephants.jpg);
}
.contents-w-pic-banke {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/gianthornbill.jpg);
}
.contents-w-pic-koshitappu {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/baffalo.jpg);
  background-position-y: 70%;
}
.contents-w-pic-api {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/himayalan_tahr.jpg);
}
.contents-w-pic-krishnasaar {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/blackbuck.jpg);
}
.contents-w-pic-annapurna {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/annapurna_conservation_area.jpg);
}
.contents-w-pic-manaslu {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/manaslu.jpg);
}
.contents-w-pic-gaurishankar {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/gaurishankar.jpg);
}
.contents-w-pic-kanchenjunga {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/kanchenjunga.jpg);
}

.news-pic-earthquake {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/earthquake3.jpg");
}
.news-pic-covid {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/covid_desk.jpg");
}
.news-pic-covid21 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/covid19.jpg");
}
.news-pic-covid22 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/covid_pcr.jpg");
}
.news-pic-tiger {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/tiger.jpg");
}
.news-pic-boudhanath {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/boudhanath.jpg");
}
.news-pic-basecamp {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/basecamp.jpg");
}
.news-pic-k2 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/k2.jpg");
}
.news-pic-everest {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/everest.jpg");
}
.news-pic-teaParty {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/camp2.jpg");
}
.news-pic-vulture {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/vulture.jpg");
  background-position-y: 10%;
}
.news-pic-ricefield {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/tarai.jpg");
}
.news-pic-gbia {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/gbia.jpg");
}
.news-pic-water {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/water.jpg");
}
.news-pic-heli {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/heli.jpg");
}
.news-pic-landslide {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/river.jpg");
}
.news-pic-money {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/money.jpg");
}
.news-pic-elephant {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/elephants.jpg");
}
.news-pic-school {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/children.png");
  background-position-y: bottom;
}
.news-pic-tiger {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/tiger.jpg");
}
.news-pic-himalayan {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/himalayan.jpg");
  background-position-y: bottom;
}
.news-pic-balen {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/Balen_Shah3-cropped.png");
  background-size: contain;
}
.news-pic-truck {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/truck.jpg");
}
.news-pic-number_plate {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/number_plate.jpg");
  background-position-y: 70%;
}
.news-pic-library {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/library.jpg");
}
.news-pic-chips {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/chips.jpg");
}
.news-pic-begger {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/begger.jpg");
}
.news-pic-panipuri {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/panipuri.jpg");
}
.news-pic-rain {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/rain.jpg");
}
.news-pic-stray_dog {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/stray_dog.jpg");
}
.news-pic-redpanda {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/nepal_redpanda.jpg");
}
.news-pic-bengal_tiger {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/bengal_tiger.jpg");
}
.news-pic-denge {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/infusion.jpg");
}
.news-pic-manaslu {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/manaslu.jpg");
}
.news-pic-pigs {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/pigs.jpg");
}

.news_bar {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
  margin-bottom: 3rem;
  cursor: pointer;
}
.news_bar .category {
  display: inline-block;
  padding: 1rem 2rem;
  font-weight: bold;
}
.news_bar .category:hover {
  background-color: #5f614f;
  color: #fff;
  opacity: 0.7;
}
.news_bar .category.active {
  background-color: #5f614f;
  color: #fff;
}

.news_unit {
  display: none;
}
.news_unit.show {
  display: block;
}

.contents > li {
  list-style: none;
  font-weight: bold;
  font-size: 2.2rem;
}

@keyframes linkAdjuster {
  0% {
    padding-top: 200px;
    margin-top: -200px;
  }
  100% {
    padding-top: 0;
    margin-top: 0;
  }
}
h3[id^=section]:target {
  animation: linkAdjuster 0.1s;
}

.grammar-pic-grammar1 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/yak.jpg");
}
.grammar-pic-i {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/bike.jpg");
  background-position: top;
}
.grammar-pic-this {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/delivery.jpg");
}
.grammar-pic-what {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/peanuts.jpg");
}
.grammar-pic-who {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/baby.jpg");
}
.grammar-pic-when {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/morning.jpg");
  background-size: contain;
}
.grammar-pic-where {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/goose.jpg");
}
.grammar-pic-why {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/monkey.jpg");
}
.grammar-pic-which {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/pokhara.jpg");
}
.grammar-pic-howto {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/drum.jpg");
}
.grammar-pic-how {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/country.jpg");
}
.grammar-pic-howmuch {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/country.jpg");
}
.grammar-pic-he {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/men.png");
}
.grammar-pic-we {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/fireprace.jpg");
}
.grammar-pic-our {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/marigold.jpg");
}
.grammar-pic-noun {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/mommy.jpg");
  background-position-y: top;
}
@media screen and (min-width: 550px) {
  .grammar-pic-noun {
    background-position-y: 20%;
  }
}
@media screen and (min-width: 768px) {
  .grammar-pic-noun {
    max-width: 800px;
    margin: 0 auto;
    background-position-y: 20%;
    height: 400px;
  }
}
.grammar-pic-adjective {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/snow.jpg");
}
.grammar-pic-adjective2 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/gate.jpg");
}
.grammar-pic-pronoun-feminine {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/elephant.jpg");
  background-position-y: top;
}
@media screen and (min-width: 550px) {
  .grammar-pic-pronoun-feminine {
    background-position-y: 20%;
    height: 400px;
  }
}
.grammar-pic-yati {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/ciya.jpg");
  background-position-y: 60%;
}
.grammar-pic-adverbs {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/clock.jpg");
}
.grammar-pic-yasari {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/himalayan.jpg");
  background-position-y: 60%;
}
.grammar-pic-yasto {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/dog.jpg");
}
.grammar-pic-yaha {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/chitwan.jpg");
}
.grammar-pic-verb {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/mountain_people.jpg");
}
.grammar-pic-ho {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/fern.jpg");
}
.grammar-pic-cha {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/pokhara_boat.jpg");
}
.grammar-pic-huncha {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/village.jpg");
}
.grammar-pic-thiyo {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/mountainous_area.jpg");
}
.grammar-pic-bhayo {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/mover.jpg");
}
.grammar-pic-present {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/nice_view.jpg");
}
.grammar-pic-present-negative {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/spring.jpg");
}
.grammar-pic-past {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/khumjung.jpg");
}
.grammar-pic-past-negative {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/spring.jpg");
}
.grammar-pic-progressive {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/motorbike.jpg");
}
.grammar-pic-pastprogressive {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/balloon.jpg");
}
.grammar-pic-unknown {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/train.jpg");
}
.grammar-pic-habitual {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/helicopter.jpg");
}
.grammar-pic-infinitive-i {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/mushroom.jpg");
}
.grammar-pic-order {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/ladybug.jpg");
}
.grammar-pic-order2 {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/beautiful_lake.jpg");
}
.grammar-pic-era {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/hill.jpg");
}
.grammar-pic-daa {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/pumpkin.jpg");
}
.grammar-pic-dai {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/greenpeas.jpg");
}
.grammar-pic-auxiliary-verb {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/purple_cabbage.jpg");
}
.grammar-pic-infinitive {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/city.jpg");
}
.grammar-pic-infinitive-na {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/bbq.jpg");
}
.grammar-pic-conjunction {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/star.jpg");
}
.grammar-pic-conjunction-tara {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/goat.jpg");
}
.grammar-pic-conjunction-wa {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/star.jpg");
}
.grammar-pic-interjection {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/sunflower.jpg");
}
.grammar-pic-dative-sub {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/sunset.jpg");
}
.grammar-pic-comparison {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/icy.jpg");
}
.grammar-pic-possibility {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/boy_and_cycle.jpg");
}
.grammar-pic-dative-subject {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/flamingo2.jpg");
}
.grammar-pic-case-ma {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/pomegranate.jpg");
}
.grammar-pic-case-nominative {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/kathmandu.jpg");
}
.grammar-ex {
  background-color: #f8f8f6;
  margin: 3rem 0;
  padding: 1rem;
}
.grammar-ex-title {
  font-size: 2.2rem;
  font-weight: bold;
  margin: 0;
  padding-left: 1rem;
  color: #abb178;
}
.grammar-ex-title-blue {
  font-size: 2.2rem;
  font-weight: bold;
  margin: 0;
  padding-left: 1rem;
  color: #4288a8;
}
.grammar-ex-title-purple {
  font-size: 2.2rem;
  font-weight: bold;
  margin: 0;
  padding-left: 1rem;
  color: rgb(126, 120, 177);
}
.grammar-ex-table {
  padding: 0;
  width: 100%;
  word-break: break-word;
}
.grammar-ex-tr {
  text-align: left;
}
.grammar-ex-tr:nth-child(even) {
  background-color: inherit;
}
.grammar-ex-td {
  border-bottom: solid 3px #fff;
}
.grammar-ex-word {
  font-size: smaller;
  padding: 1rem 0;
}
.grammar-ex-word-title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #abb178;
}
.grammar-ex-word-title-blue {
  font-size: 1.8rem;
  font-weight: bold;
  color: #4288a8;
}
.grammar-ex-word-title-purple {
  font-size: 1.8rem;
  font-weight: bold;
  color: rgb(126, 120, 177);
}
.grammar-ex-word-ja {
  display: inline-block;
  width: 18rem;
}

.p-pic-aghi {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_aghi.png);
}
.p-pic-anusar {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_anusar.png);
}
.p-pic-bahek {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_bahek.png);
}
.p-pic-bahira {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_bahira.png);
}
.p-pic-bare {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_bare.png);
}
.p-pic-bari {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_bari.png);
}
.p-pic-bata {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_bata.png);
}
.p-pic-bhanda {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_bhanda.png);
}
.p-pic-bic {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_bic.png);
}
.p-pic-bina {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_bina.png);
}
.p-pic-daudan {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_daudan.png);
}
.p-pic-dwara {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/P_dwara.png);
}
.p-pic-bitra {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_bitra.png);
}
.p-pic-jastai {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_jastai.png);
}
.p-pic-kaha {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_kaha.png);
}
.p-pic-ko {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_ko.png);
}
.p-pic-lagi {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_lagi.png);
}
.p-pic-ma {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_ma.png);
}
.p-pic-madye {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_madye.png);
}
.p-pic-mathi {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_mathi.png);
}
.p-pic-muni {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_muni.png);
}
.p-pic-najik {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_najik.png);
}
.p-pic-pachi {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_pachi.png);
}
.p-pic-pari {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_pari.png);
}
.p-pic-patti {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_patti.png);
}
.p-pic-samma {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_samma.png);
}
.p-pic-sita {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_sita.png);
}
.p-pic-tarpha {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_tarpha.png);
}
.p-pic-tira {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_tira.png);
}
.p-pic-le {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  border: dotted 5px #8d9c00;
  border-radius: 0.5rem;
  background-image: url(../images/p_le.png);
}

.grammar-table-th {
  background-color: #5f614f;
  color: #fff;
  text-align: left;
}
.grammar-table-td {
  background-color: #fff;
  text-align: left;
}
.grammar-table-num {
  font-size: 3rem;
}
.grammar-table-jp {
  display: inline-block;
  width: 15rem;
}
.grammar-table-jp-th {
  display: inline-block;
  width: 13rem;
}

.contents-w-pic-grammar {
  width: 200px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2rem;
  background-image: url(../images/sheep.jpg);
}

.grammar-box {
  background-color: #f5f5f5;
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: 10px 10px rgb(126, 120, 177);
  margin: 0 10px 20px 0;
}
.grammar-title {
  background-color: rgb(126, 120, 177);
  color: #fff;
  min-width: 100px;
  padding: 0 1rem;
  margin: 1rem 0;
  border-radius: 0.2rem;
}
.grammar-main {
  font-size: 2.2rem;
  padding: 0 1rem;
}
.grammar-ja {
  color: rgb(126, 120, 177);
  padding: 0 1rem;
  font-weight: bold;
}

.h3-list {
  font-size: 2.4rem;
  border-bottom: 2px solid rgb(158, 158, 158);
  position: relative;
  margin: 2rem 0;
}
.h3-list::before {
  font-size: 2rem;
  line-height: 2.4rem;
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display: inline-block;
  background-color: #666;
  color: #fff;
  width: 30px;
  padding: 5px 0;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
}

.gr-purple {
  color: #fff;
  border-radius: 0.2rem;
  padding: 0.1rem 0.5rem;
  margin-right: 0.2rem;
  background-color: rgb(126, 120, 177);
}

.gr-green {
  color: #fff;
  border-radius: 0.2rem;
  padding: 0.1rem 0.5rem;
  margin-right: 0.2rem;
  background-color: #8d9c00;
}

.quiz-box {
  border: solid 1px #333;
  padding: 2rem;
}

.quiz-question-num {
  color: #abb178;
  width: 100px;
  display: inline-block;
  font-weight: bold;
}
.quiz-question-text {
  width: 400px;
  display: inline-block;
}
.quiz-question-options {
  margin: 3rem 0;
}
@media screen and (min-width: 768px) {
  .quiz-question-options {
    max-width: 800px;
    margin: 0 auto;
    margin: 3rem 0;
    display: flex;
    justify-content: space-around;
  }
}
.quiz-question-options .quiz-question-option {
  padding: 0.5rem;
  margin: 1rem;
  background-color: #f4f5eb;
  border-radius: 0.2rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .quiz-question-options .quiz-question-option {
    max-width: 800px;
    margin: 0 auto;
    width: 200px;
    display: inline-block;
  }
}
.quiz-question-options .quiz-question-option-correct {
  background-color: #abb178;
  color: #fff;
}
.quiz-question-options .quiz-question-option-wrong {
  background-color: #9878b0;
  color: #fff;
}
.quiz-result {
  display: none;
}
.quiz-result .quiz-result-correct, .quiz-result .quiz-result-wrong {
  font-size: 2.4rem;
  font-weight: bold;
}
.quiz-result-correct, .quiz-result-wrong {
  color: #5f614f;
}
.quiz-result-wrong {
  color: #9878b0;
}

.arrow-opposite {
  position: absolute;
  left: 40%;
  display: block;
  width: 0.5rem;
  height: 3rem;
  background-color: #abb178;
}
.arrow-opposite::before {
  content: "";
  position: absolute;
  left: -0.8rem;
  width: 1.5rem;
  height: 1.5rem;
  border-top: #abb178 solid 0.5rem;
  border-left: #abb178 solid 0.5rem;
  transform: rotate(45deg);
}
.arrow-opposite::after {
  content: "";
  position: absolute;
  top: 1.3rem;
  left: -0.8rem;
  width: 1.5rem;
  height: 1.5rem;
  border-bottom: #abb178 solid 0.5rem;
  border-right: #abb178 solid 0.5rem;
  transform: rotate(45deg);
}

.vocabulary-pic-vehicle-rickshaw {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/rickshaw3.jpg");
  background-position: bottom;
}
.vocabulary-pic-vehicle-tempo {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/rickshaw.jpg");
  background-position: 0 80%;
}

.category_bar {
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
  margin-bottom: 3rem;
  cursor: pointer;
}
.category_bar .category {
  display: inline-block;
  padding: 1rem 2rem;
  font-weight: bold;
  font-size: 1.4rem;
}
.category_bar .category:hover {
  background-color: #5f614f;
  color: #fff;
  opacity: 0.7;
}
.category_bar .category.active {
  background-color: #5f614f;
  color: #fff;
}

.recommend {
  margin-top: 3rem;
}

.thumb_parent {
  flex-flow: row wrap;
  row-gap: 10px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  display: none;
}
.thumb_parent::before {
  content: none;
}
.thumb_parent.show {
  display: flex;
}

#thumb_area {
  margin-bottom: 5rem;
}

.thumb_child {
  position: relative;
  width: 45%;
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
  .thumb_child {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    width: 250px;
  }
}

.thumb_parent_nowrap {
  overflow-x: scroll;
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-size: 1.4rem;
}

.thumb_child_nowrap {
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.2);
  min-width: 250px;
  position: relative;
  background-color: #eee9e6;
  margin-bottom: 1rem;
}

.thumb_pic_nowrap {
  height: 100px;
}

.thumb_child_boss {
  color: #fff;
  background-color: #333;
  border: 2px solid #333;
}

.thumb_title {
  font-weight: bold;
  text-align: center;
}

.thumb_link {
  height: 100%;
  width: 100%;
  position: absolute;
  cursor: pointer;
}

.thumb_description {
  font-weight: normal;
  padding: 0 10px;
}

.ne-geography {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/country.jpg);
}
.ne-mountain {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/himalayas2020.jpg);
}
.ne-nature {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/rhino.jpg);
}
.ne-park {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/phoksundo.jpg);
}
.ne-wildlife {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/redpanda_snow.jpg);
}
.ne-trip {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/airplane.jpg);
}
.ne-news {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/news.jpg);
}
.ne-history {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/flag2.jpg);
}
.ne-government {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/parliament_house.jpg);
}
.ne-economy {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/rickshaw3.jpg);
}
.ne-nepal_japan {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/japan.jpg);
}
.ne-recipe {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/momo.jpg);
}
.ne-food {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/beans.jpg);
}
.ne-culture {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/tea_worker.jpg);
}
.ne-wear {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/topi.jpg);
}
.ne-vikram {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/sunrise.jpg);
}
.ne-energy {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/energy.jpg);
}
.ne-electric {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/gadget.jpg);
}
.ne-railway-top {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/train.jpg);
}
.ne-socialSecurity {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/elderly.jpg);
}
.ne-bengal_tiger_top {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/bengal_tiger.jpg);
}
.ne-21-house {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/blick_house.jpg);
}
.ne-21-water {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/bubble.jpg);
}
.ne-21-amenity {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/girl_with_phone.jpg);
}
.ne-21-education {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/childroom.jpg);
}
.ne-21-population {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/population.jpg);
}
.ne-custom {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/dhulikhel.jpg);
}

.vo-pic-family {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/children.jpg);
}
.vo-pic-people {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/men.png);
}
.vo-pic-world {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/lukla.jpg);
}
.vo-pic-appearance {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/oldwoman.jpg);
}
.vo-pic-character {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/boy.jpg);
}
.vo-pic-body {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/foot.jpg);
}
.vo-pic-health {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/tired.jpg);
}
.vo-pic-occupation {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/occupation.jpg);
}
.vo-pic-work {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/workers.jpg);
}
.vo-pic-phone {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/phone.jpg);
  background-position-y: top;
}
.vo-pic-phone-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/phone.jpg);
  height: 200px;
  background-position-y: top;
}
.vo-pic-school {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/pencil.jpg);
}
.vo-pic-money {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/store.jpg);
}
.vo-pic-town {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/rickshaw3.jpg);
}
.vo-pic-vehicle {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/rickshaw.jpg);
}
.vo-pic-marriage {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/dating.jpg);
}
.vo-pic-marriage-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/dating.jpg);
  height: 200px;
}
.vo-pic-vegetable {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/fruit.jpg);
}
.vo-pic-food {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/beans.jpg);
}
.vo-pic-menu {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/khana.jpg);
}
.vo-pic-kitchen {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/strainer.jpg);
}
.vo-pic-house {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/house.jpg);
}
.vo-pic-clothes {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/fabric.jpg);
}
.vo-pic-household_chores {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/laundry.jpg);
}
.vo-pic-household_chores-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/laundry.jpg);
  height: 200px;
}
.vo-pic-weather {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/weather.jpg);
}
.vo-pic-plants {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/fern.jpg);
}
.vo-pic-animal {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/tiger.jpg);
}
.vo-pic-nature {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/himalayas2020.jpg);
}
.vo-pic-universe {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/universe.jpg);
}
.vo-pic-material {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/silver.jpg);
}
.vo-pic-calender {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/season.jpg);
}
.vo-pic-morning {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/watch.jpg);
}
.vo-pic-east {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/north.jpg);
}
.vo-pic-post1 {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/bridge.jpg);
}
.vo-pic-post2 {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/baffalo.jpg);
}
.vo-pic-post3 {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/ciya.jpg);
}
.vo-pic-adj1 {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/everest_cloud.jpg);
}
.vo-pic-adj2 {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/elephants.jpg);
}
.vo-pic-verb {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/bike.jpg);
}
.vo-pic-verb-think {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/thinking.jpg);
}
.vo-pic-number {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/alph7.png), url(../images/kanchenjunga.jpg);
}

.co-pic-thanks {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/thanks.jpg);
}
.co-pic-thanks-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/thanks.jpg);
  height: 200px;
}
.co-pic-first {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/elephants.jpg);
}
.co-pic-first-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/elephant.jpg);
  height: 200px;
}
.co-pic-greeting {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/cosmos.jpg);
}
.co-pic-greeting-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/cosmos.jpg);
  height: 200px;
}
.co-pic-greeting2 {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/girl.jpg);
}
.co-pic-greeting2-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/girl.jpg);
  height: 200px;
}
.co-pic-introduction {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/children.jpg);
}
.co-pic-introduction-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/children.jpg);
  height: 200px;
}
.co-pic-complement {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/smile.jpg);
}
.co-pic-love {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/flamingo.jpg);
  background-position-y: 35%;
}
.co-pic-question {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/yak2.jpg);
}
.co-pic-whose {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/whose.jpg);
}
.co-pic-whose-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/whose.jpg);
  height: 200px;
}
.co-pic-response {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/ciya2.jpg);
}
.co-pic-lagyo {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/surprised_cat.jpg);
}
.co-pic-ekchin {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/raccoon.jpg);
}
.co-pic-listening {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/tiger.jpg);
}
.co-pic-meaning {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/math.jpg);
}
.co-pic-meaning-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/math.jpg);
  height: 200px;
}
.co-pic-nepali {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/basket.png);
}
.co-pic-understand {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/smiling_dog.jpg);
}
.co-pic-restaurant {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/khana.jpg);
}
.co-pic-trouble {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/surprised.jpg);
}
.co-pic-apologize {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/sorry.jpg);
}
.co-pic-encouragement {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/running_dogs.jpg);
}
.co-pic-weather {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/weather.jpg);
}
.co-pic-business {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/reception.jpg);
}
.co-pic-phone {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/phone2.jpg);
}
.co-pic-phone-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/phone2.jpg);
  height: 200px;
}
.co-pic-shopping {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/shopping.jpg);
}
.co-pic-payment {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/business.jpg);
}
.co-pic-business2 {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/business2.jpg);
}
.co-pic-form {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/form.jpg);
}
.co-pic-trip {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/airplane.jpg);
}
.co-pic-trip-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/airplane.jpg);
  height: 200px;
}
.co-pic-illness {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/bear_sick.jpg);
}
.co-pic-illness-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/bear_sick.jpg);
  height: 200px;
  background-position-y: 40%;
}
.co-pic-hospital {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/medicine.jpg);
}
.co-pic-hospital-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/medicine.jpg);
  height: 200px;
}
.co-pic-tired {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/resting.jpg);
}
.co-pic-tired-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/resting.jpg);
  height: 200px;
}
.co-pic-talk {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/library.jpg);
}
.co-pic-talk-large {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/library.jpg);
  height: 200px;
}

.al-pic-vowel {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/alph1c.png), url(../images/himal3.jpg);
}
.al-pic-diacritics {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/alph2.png), url(../images/dewdrop.jpg);
}
.al-pic-consonant {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/alph3.png), url(../images/ciya2.jpg);
}
.al-pic-consonant-half {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/alph4.png), url(../images/himal2.jpg);
}
.al-pic-consonant-ligature {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/alph5.png), url(../images/mountainous_area.jpg);
}
.al-pic-pronounce {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/alph8.png), url(../images/mountain_people.jpg);
}
.al-pic-letter {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/alph10.png), url(../images/marigold.jpg);
}
.al-pic-number {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/alph7.png), url(../images/peanuts.jpg);
}
.al-pic-chart {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/alph9.png), url(../images/monkey.jpg);
}

.re-single {
  margin: 2rem auto;
  border: 3px solid #eee;
  text-align: center;
  cursor: pointer;
  width: 300px;
  position: relative;
}
.re-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
.re-title {
  font-weight: bold;
}
.re-description {
  font-weight: normal;
}

.gr-sentence {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/frame.jpg);
}
.gr-pronoun {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/dog2.jpg);
}
.gr-why {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/green_mug.jpg);
}
.gr-demonstrative {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/this.jpg);
}
.gr-my {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/bag.jpg);
  background-position-y: 20%;
}
.gr-noun {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/yellow_book.jpg);
}
.gr-adjective {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/donut.jpg);
}
.gr-description {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/abokado.jpg);
}
.gr-case {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/marker2.jpg);
}
.gr-postposition {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/sweater.jpg);
}
.gr-adverbs {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/clock.jpg);
}
.gr-ho {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/banana.jpg);
}
.gr-cha {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/kiwi.jpg);
}
.gr-huncha {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/lemon.jpg);
}
.gr-thiyo {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/strowberry.jpg);
}
.gr-bhayo {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/orange.jpg);
}
.gr-sentence-list {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/hydrangea.jpg);
}
.gr-present {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/rose.jpg);
}
.gr-present-neg {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/gerbera.jpg);
}
.gr-past {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/mimosa.jpg);
}
.gr-past-neg {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/tulip.jpg);
}
.gr-future {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/bright.jpg);
}
.gr-eko {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/onion.jpg);
}
.gr-ne {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/potato.jpg);
}
.gr-dative {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/tomato.jpg);
}
.gr-e {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/corn.jpg);
}
.gr-era {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/cauliflower.jpg);
}
.gr-daa {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/pumpkin.jpg);
}
.gr-dai {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/greenpeas.jpg);
}
.gr-nu {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/carrot.jpg);
}
.gr-na {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/cucumber.jpg);
}
.gr-i {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/mushroom.jpg);
}
.gr-auxiliary-verb {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/purple_cabbage.jpg);
}
.gr-progressive {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/motorbike.jpg);
}
.gr-pastprogressive {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/balloon.jpg);
}
.gr-pre-perfect {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/airplane.jpg);
}
.gr-past-perfect {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/truck.jpg);
}
.gr-unknown {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/train.jpg);
}
.gr-habitual {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/helicopter.jpg);
}
.gr-order {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/rickshaw.jpg);
}
.gr-optative {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/truck2.jpg);
}
.gr-possibility {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/boy_and_cycle.jpg);
}
.gr-interjection {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/phansant.jpg);
}
.gr-parcha {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/goose.jpg);
}
.gr-conjunction {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/sparrow.jpg);
}
.gr-possession {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/hummingbird.jpg);
}
.gr-comparison {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/kingfisher.jpg);
}
.gr-dative-subject {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/flamingo2.jpg);
}

.top-index {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/red_panda2.jpg);
}

.ne-index {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/nepal.jpg);
}

.al-index {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/camera.jpg);
}

.co-index {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/feald.jpg);
}

.gr-index {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/block.jpg);
}

.vo-index {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/autumn.jpg);
}

.se-index {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/beach.jpg);
}

.ga-index {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/cake.jpg);
}

.review {
  width: 200px;
  padding: 1rem 2rem;
  background-image: linear-gradient(45deg, #abb178 0%, #5f614f 40%, #abb178);
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  color: #fff;
  text-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.8);
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
.review-table tr {
  text-align: center;
}
.review-table tr td {
  height: 82px;
  width: 50%;
}
.review-table-num td {
  width: 33.3333333333%;
}
.review-answer {
  letter-spacing: 0.1rem;
  cursor: pointer;
}
.review-hide-answer {
  font-size: 0;
}
.review-hide-answer::before {
  content: "答え";
  font-size: 2rem;
  border-radius: 0.5rem;
  padding: 1rem;
  color: #fff;
  background-color: #abb178;
}
.review-description-button {
  width: 100px;
  padding: 1rem 0 1rem 5rem;
  position: relative;
  cursor: pointer;
}
.review-description-button::before {
  display: inline-block;
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  left: 10px;
  top: 50%;
  border-top: solid 3px #999;
  border-right: solid 3px #999;
  transform: rotate(45deg) translateY(-70%);
}
.review-description-box {
  padding: 1rem 2rem;
  margin: 1rem 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.review-description-box.active {
  height: -moz-max-content;
  height: max-content;
  background-color: #fafafa;
  animation: opacity 0.8s forwards;
  visibility: visible;
}

@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.flex-parent {
  display: flex;
}

.check-container {
  max-width: 800px;
  background-color: #eee;
  padding: 2rem;
}
.check-num {
  display: inline-block;
  color: #abb178;
  font-weight: bold;
}
.check-question {
  font-size: 20px;
  margin: 10px;
  display: inline-block;
}
.check-question-box {
  margin: 0 auto;
  text-align: center;
}
.check-answers {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.check-answer {
  border: none;
  outline: none;
  letter-spacing: 0.1rem;
  font-size: 20px;
  width: 300px;
  padding: 10px;
  margin: 10px;
  background-color: #abb178;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.2);
}
.check-answer.active {
  pointer-events: none;
}
.check-retry {
  width: 100px;
  margin: 2rem auto;
  border-radius: 0.5rem;
  text-align: center;
  padding: 1rem;
  background-color: #646449;
  color: #fff;
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
  .check-retry {
    max-width: 800px;
    margin: 0 auto;
    margin: 2rem auto;
  }
  .check-retry:hover {
    opacity: 0.7;
  }
}

.alert {
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
}

.result {
  font-weight: bold;
  padding-bottom: 5px;
}

.end-up {
  font-weight: bold;
  color: #646449;
}

@keyframes blinking {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
.dic-button {
  background-color: #553b69;
  color: #fff;
  font-weight: bold;
  padding: 0.5rem;
  margin: 0 auto;
  text-align: center;
  border-radius: 0.5rem;
  width: 150px;
  animation: blinking 5s infinite;
}
.dic-button:hover {
  opacity: 0.7;
}

@keyframes redpanda {
  0% {
    transform: translateY(200%);
  }
  90% {
    transform: translateY(100%);
  }
}
.dic-pic {
  height: 150px;
  background-image: url(../images/chara_happy.png);
  background-repeat: no-repeat;
  background-position: 70% top;
  background-size: 300px;
  animation: redpanda 1s forwards;
}
.dic-pic-box {
  overflow: hidden;
}

.index-pic-search {
  width: 100%;
  margin: 0 auto;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/beach.jpg);
}
.index-pic-quiz {
  width: 100%;
  margin: 0 auto;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/cake.jpg);
  background-position-y: center;
}
.index-pic-nepal {
  width: 100%;
  margin: 0 auto;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/nepal.jpg);
}
.index-pic-al {
  width: 100%;
  margin: 0 auto;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/camera.jpg);
  background-size: 150%;
  background-position-y: center;
}
.index-pic-co {
  width: 100%;
  margin: 0 auto;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/feald.jpg);
}
.index-pic-gr {
  width: 100%;
  margin: 0 auto;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/block.jpg);
}
.index-pic-vo {
  width: 100%;
  margin: 0 auto;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/autumn.jpg);
}

.index-outer {
  margin: 3rem auto;
}

.index-inner {
  margin: 5rem 0;
  position: relative;
}
.index-inner > a {
  position: absolute;
  width: 70%;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.flex-center {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  height: inherit;
  text-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.8);
  padding: 1rem;
}
.flex-center h3 {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .flex-center h3 {
    max-width: 800px;
    margin: 0 auto;
    font-size: 2.8rem;
    letter-spacing: 1.1rem;
    color: #fff;
  }
}
.flex-center p {
  color: #fff;
}

.index-line {
  border-top: solid 3px #fff;
  width: 30%;
}

.index-go {
  padding: 1rem 2rem;
  border: solid 1px #fff;
  border-radius: 0.2rem;
}

.index-description {
  margin: 1rem;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .index-description {
    max-width: 800px;
    margin: 0 auto;
    margin: 0 50px;
    flex-direction: row;
  }
}

.index-icon img {
  width: 50px;
  height: 50px;
}
@media screen and (min-width: 768px) {
  .index-icon img {
    max-width: 800px;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    margin-right: 50px;
  }
}

.recipe-pic-dal_soup {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/dal_soup.jpg);
}
.recipe-pic-dal_soup-thumbnail {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/dal_soup.jpg);
}
.recipe-pic-jalebi {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/jalebi.jpg);
}
.recipe-pic-jalebi-thumbnail {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/jalebi.jpg);
}
.recipe-pic-sag {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/sag1.jpg);
}
.recipe-pic-sag-thumbnail {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/sag1.jpg);
}
.recipe-pic-ciya {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/ciya2.jpg);
}
.recipe-pic-ciya-thumbnail {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/ciya2.jpg);
}
.recipe-pic-ciya-pro {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/ciya3.jpg);
}
.recipe-pic-ciya-pro-thumbnail {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/ciya3.jpg);
}
.recipe-pic-roti {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/roti2.jpg);
}
.recipe-pic-roti-thumbnail {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/roti2.jpg);
}
.recipe-pic-paratha {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/paratha.jpg);
}
.recipe-pic-paratha-thumbnail {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/paratha.jpg);
}
.recipe-pic-aluparatha {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/aluparatha.jpg);
}
.recipe-pic-aluparatha-thumbnail {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/aluparatha.jpg);
}
.recipe-pic-kukhurakomasu {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/kukhurakomasu.jpg);
}
.recipe-pic-kukhurakomasu-thumbnail {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/kukhurakomasu.jpg);
}
.recipe-pic-chana_masala {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/chana_masala.jpg);
}
.recipe-pic-chana_masala-thumbnail {
  height: 100px;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-image: url(../images/chana_masala.jpg);
}

.recipe-title {
  margin: 0;
  padding: 1rem 0;
  font-size: 2rem;
  background-color: #fff;
  color: #333;
}

.recipe-sub-title {
  font-size: 1.8rem;
  color: #abb178;
  font-weight: bold;
  padding-bottom: 1rem;
}

.recipe-ingredients {
  font-size: 1.6rem;
  margin: 2rem 0;
}
.recipe-ingredients ul li {
  font-weight: normal;
  border-bottom: dotted 2px #abb178;
  display: flex;
  justify-content: space-between;
}
.recipe-ingredients ul li::before {
  display: none;
}
.recipe-ingredients .recipe-font-bold {
  color: #666;
  font-weight: bold;
  border-bottom: dotted 2px #abb178;
}
.recipe-ingredients .recipe-font-bold::after {
  content: "";
  display: inline-block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #abb178;
  margin: 1rem 0 0 1rem;
}

.recipe-tip {
  background-color: #edeee4;
  padding: 1rem;
  border-radius: 2px;
  font-size: smaller;
}

.recipe-process {
  margin: 2rem 0;
}
.recipe-process ol p {
  margin: 0.5rem 0;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: dotted 2px #abb178;
}
.recipe-process ol li {
  font-weight: normal;
  padding: 0 0 1rem 4rem;
  font-size: 1.6rem;
}

.recipe-a {
  background-color: #abb178;
  color: #fff;
  padding: 0.2rem 0.5rem;
  border-radius: 2px;
  margin-right: 1rem;
}

.fire {
  padding: 0.5rem;
  border-radius: 5px;
  background-color: #dd902c;
  color: #fff;
  font-weight: bold;
  font-size: smaller;
}

.recipe-item {
  font-weight: bold;
}
.recipe-item::after {
  content: "";
  display: inline-block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #abb178;
  margin: 1rem 1rem 0 1rem;
}

.return-button {
  display: block;
  text-align: center;
  background-color: #4288a8;
  color: #fff;
  width: 100px;
  margin: 0 auto;
  border-radius: 0.2rem;
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.2);
}

.nature-pic-rhino {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/indian_rhino.jpg);
}
.nature-pic-tiger {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/tiger.jpg);
}
.nature-pic-muskdeer {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/muskdeer.jpg);
}
.nature-pic-redpanda {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/nepal_redpanda.jpg);
}
.nature-pic-hyaena {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/hyaena.jpg);
}
.nature-pic-yak {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/wild_yak.jpg);
}
.nature-pic-tibetan_antelope {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/tibetan_antelope.jpg);
}
.nature-pic-sheep {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/argali.jpg);
}
.nature-pic-buffalo {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/buffalo.jpg);
}
.nature-pic-gaur {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/gaur.jpg);
}
.nature-pic-swampdeer {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/swampdeer.jpg);
}
.nature-pic-hog {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/pygmy_hog.jpg);
}
.nature-pic-elephant {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/asian_elephant.jpg);
}
.nature-pic-leopard {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/leopard.jpg);
}
.nature-pic-clouded_leopard {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/clouded_leopard.jpg);
}
.nature-pic-lynx {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/lynx.jpg);
}
.nature-pic-leopardcat {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/leopardcat.jpg);
}
.nature-pic-linsang {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/linsang.jfif);
}
.nature-pic-bear {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/bear.jpg);
}
.nature-pic-wolf {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/wolf.jpg);
}
.nature-pic-dolphin {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/dolphin.jpg);
}
.nature-pic-hare {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/hare.jpg);
  background-position-x: center;
}
.nature-pic-pangolin {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/pangolin.jpg);
}
.nature-pic-monkey {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/assam_monkey.jpg);
  background-position-y: top;
}
.nature-pic-blackbuck {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/blackbuck.jpg);
}
.nature-pic-antelope {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/antelope.jpg);
}

.iucn-0 {
  display: inline-block;
  width: 50px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background-color: #006083;
}

.iucn-0 {
  display: inline-block;
  width: 50px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background-color: #00991C;
}

.iucn-1 {
  display: inline-block;
  width: 50px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background-color: #7D9900;
}

.iucn-2 {
  display: inline-block;
  width: 50px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background-color: #996900;
}

.iucn-3 {
  display: inline-block;
  width: 50px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background-color: #991C00;
}

.iucn-4 {
  display: inline-block;
  width: 50px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background-color: #660020;
}

.iucn-5 {
  display: inline-block;
  width: 50px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background-color: #330010;
}

.iucn-6 {
  display: inline-block;
  width: 50px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background-color: #21000a;
}

.iucn-7 {
  display: inline-block;
  width: 50px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background-color: #000;
}

.geography-pic-himal {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/khumjung.jpg");
}
.geography-pic-pahad {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/pahad.jpg");
}
.geography-pic-tarai {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/tarai.jpg");
}
.geography-pic-map {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/geo-map.png");
  background-size: contain;
}

.census-house {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/blick_house.jpg);
}
.census-house-wall {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/goat.jpg);
}
.census-house-roof {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/house.jpg);
}
.census-water {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/bubble.jpg);
}
.census-amenity {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/girl_with_phone.jpg);
}
.census-amenity2 {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/car.jpg);
}
.census-amenity3 {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/electric_fan.jpg);
}
.census-education {
  height: 300px;
  background-size: cover;
  background-position-y: center;
  background-image: url(../images/childroom.jpg);
}

.a8 {
  width: 300px;
  display: block;
  margin: 0 auto;
}

.contact input {
  display: block;
  margin-bottom: 1rem;
  padding: 0.5rem;
  width: 340px;
  border: 2px solid #999;
}
.contact input:focus {
  border: none;
  outline: solid 2px #8d9c00;
}
.contact textarea {
  display: block;
  width: 340px;
  height: 10rem;
  border: 2px solid #999;
  margin-bottom: 1rem;
  line-height: 1.5;
}
.contact textarea:focus {
  border: none;
  outline: solid 2px #8d9c00;
}
.contact .contact-required {
  font-size: 1.4rem;
  background-color: #8d9c00;
  color: #fff;
  border-radius: 0.2rem;
  padding: 0.2rem;
  margin-left: 0.5rem;
}
.contact .submit-agreement {
  margin: 2rem 0;
  padding: 0.5rem 1rem;
  width: 200px;
  background-color: #666;
  color: #fff;
  border-radius: 0.4rem;
  font-size: 1.8rem;
  border: none;
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: #8d9c00;
}
.contact .submit-back {
  margin: 2rem 0;
  padding: 0.5rem 1rem;
  width: 200px;
  background-color: #666;
  color: #fff;
  border-radius: 0.4rem;
  font-size: 1.8rem;
  border: none;
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.contact input[type=checkbox] {
  display: none;
}
.contact input[type=checkbox]:checked + .agreement::before {
  opacity: 1;
}
.contact .agreement {
  position: relative;
  padding: 0 0 0 3rem;
  cursor: pointer;
}
.contact .agreement::after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 1rem;
  margin: -9px 0 0 -2px;
  width: 1.4rem;
  height: 1.4rem;
  border: 2px solid #999;
}
.contact .agreement::before {
  position: absolute;
  content: "";
  display: block;
  width: 4px;
  height: 7px;
  top: 10%;
  left: 12px;
  border-right: 4px solid #8d9c00;
  border-bottom: 4px solid #8d9c00;
  transform: rotate(45deg);
  opacity: 0;
}

.error_list {
  color: red;
}

.contact-pic {
  height: 100px;
  width: 100%;
  background-image: url(../images/chara_happy.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.aboutus-chara img {
  height: 100px;
}/*# sourceMappingURL=style.css.map */