.main{
  margin: 0;
}
.main b,.main h3{
  font-weight: bold;
}

#mainArea .margin-top-bottom,#mainArea .margin-top-bottom-2{
  margin: 2em 0;
}
#mainArea .padding-top-bottom{
  padding: 2em 0;
}
#mainArea section h1,.contentInner h2{
  font-weight: bold;
  font-size: 2rem;
  line-height: 1em;
  margin-bottom: .4em;
  color: #003595;
}
#mainArea section h1 > span{
  font-size: .6em;
  font-weight: bold;
}
.contentInner h2{
  text-align: center;
  margin-bottom: 1em;
}
.contentInner h2 span{
  font-weight: normal;
}
#mainArea section h3{
  font-size: 1.3em;
  margin: .5em 0;
  color: #003595;
}
#mainArea section:nth-of-type(2){
  background-color: #f7f9fc;
}
#mainArea section:nth-of-type(2) > div{
  text-align: center;
}
.visualArea > img{
  width: 100%;
}
.twoVisualArea > img{
  width: 50%;
}
.text-center{
  text-align: center;
}
#how-to-get-there{
  display: inline-block;
  text-align: center;
}
#how-to-get-there ol{
  margin: 0 0 1.5em;
}
#how-to-get-there ol li:first-child{
  margin-bottom: .5em;
}
#how-to-get-there span,#how-to-get-there .arrow-bottom{
  color: #003595;
  font-style: italic;
}
#how-to-get-there p:last-child{
  margin-bottom: .8em;
}
#from-tokyo-to-oita::before{
  content: "";
  display: block;
  width: 12em;
  margin: 0 auto 1.5em;
  border-top: 1px dotted;
}
#mainArea section:nth-of-type(6) > div .margin-top-bottom,#mainArea section:nth-of-type(8) > div .margin-top-bottom{
  margin: 1em 0;
}
.contentInner.margin-container p {
  padding: 0 1.5em;
}
#mainArea .margin-container img:not(#map-img){
  width: 100%;
}
#mainArea .margin-container img:not(#map-img):nth-of-type(1){
  margin: 2em 0 1em; 
}
 
#map-img{
  width: 498px;
}
.mainContainer .find-flight-link{
  padding: 10px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  width: 280px;
  margin: 0 auto;
}

#parallax-01,#parallax-02 {
  min-height: 300px;
  background-position: center center;
  background-repeat: no-repeat; 
}
#parallax-01 {
  background-image: url(/japan-travel-planner/kyoto-oita/image/kyoto-oita-img3.jpg);
}
#parallax-02 {
  background-image: url(/japan-travel-planner/kyoto-oita/image/kyoto-oita-img8.jpg);
}


@media (min-width:1250px){
  #mainArea .margin-container{
    width: 80%;
  }
}
@media (min-width: 1005px){
  #parallax-01,#parallax-02{
    min-height: 30vw;
    background-size: cover; 
  }
  #map-img,#how-to-get-there{
    display: inline-block;
    vertical-align: middle;
  }
  #how-to-get-there{
    max-width: 50%;
    display: inline-block;
    vertical-align: middle;
  }
}
@media (max-width: 1004px){
  #map-img{
    width: 60%;
    margin-bottom: 1em;
  }
}
@media (max-width: 767px){
  #mainArea .padding-top-bottom{
    padding: 2em 1em;
  }
  #map-img{
    width: 80%;
  }
  section:not(:nth-child(1)) .twoVisualArea > img{
    width: 100%;
  }
  section:not(:nth-child(1)) .twoVisualArea > img:nth-of-type(2){
    margin-top: -1px;
  }
  #parallax-01 {
    background-image: url(/japan-travel-planner/kyoto-oita/image/kyoto-oita-img3-sp.jpg);
  }
  #parallax-02 {
    background-image: url(/japan-travel-planner/kyoto-oita/image/kyoto-oita-img8-sp.jpg);
  }
}