#mainContentsContainer h1{
  grid-template-columns: calc(50% - 10rem) 16rem calc(50% - 10rem);
}

#mainContentsContainer h2{
  font-family: "Zen Antique";
  font-size: 1.4rem;
  text-align: center;
  border-bottom: 1px solid white;
  padding: 0 3rem 0.5rem 3rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  display: table;
}

#mainContentsContainer h3{
  font-family: "Zen Antique";
  font-size: 1.3rem;
  margin-top: 5rem;
  margin-bottom: 1.5rem;
  letter-spacing: 0.04rem;
  text-align: center;
}

#mainContentsContainer h3:before,
#mainContentsContainer h3:after{
  content: "〜";
  margin: 0 0.5rem;
}

#mainContentsContainer > img{
  width: 100%;
  margin-bottom: 1.5rem;
}

#map{
  width: 85%;
  margin: 0 auto 1.5rem auto;
}

dl > dt{
  background-color: white;
  color: rgb(15,29,39);
  display: inline-block;
  padding: 0 0.5rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-bottom: 1rem;
}

dl > dd{
  font-size: 0.9rem;
  margin-bottom: 2rem;
}

dl > dd > div{
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
}

dl > dd > span{
  font-size: 0.9rem;
}

/* CHINESE */
p.caption{
  font-size: 0.8rem;
}

/*=========Maximum 980px ===========*/
@media screen and (max-width:980px) {
}
/*=========Maximum 768px ===========*/
@media screen and (max-width:768px) {

  #mainContentsContainer h1{
    grid-template-columns: calc(50% - 7.5rem) 15rem calc(50% - 7.5rem);
    font-size: 1.5rem;
  }

  #mainContentsContainer h1 > div:first-of-type, #mainContentsContainer h1 > div:nth-of-type(3){
    background-size: 160%;
    background-position: bottom right;
    height: 1.5rem;
  }  
}
/*=========Maximum 576px ===========*/
@media screen and (max-width:576px) {
  #mainContentsContainer h1 > div:first-of-type, #mainContentsContainer h1 > div:nth-of-type(3){
    background-size: 220%;
  }
}
/*=========Maximum 460px ===========*/
@media screen and (max-width:460px) {
  #mainContentsContainer h1 > div:first-of-type, #mainContentsContainer h1 > div:nth-of-type(3){
    background-size: 350%;
  }
}