  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .menu1 {
	width: 100%;
	height: 60px;
	text-align: center;
	letter-spacing: -.40em;
	position: fixed;
	bottom: 0;
	z-index:999;
	box-shadow: 0 -3px 3px -1px rgba(0,0,0,0.1)
  }
  
  header {
    position: relative;
    padding: 15px 0px 0px 0px;
    height: 60px;
  }
  h1 {
    position: absolute;
    width: 100%;
    text-align: center;
  }
  nav {
    font-family: 'Quicksand','M PLUS 1p', sans-serif;
    font-size: 0.9rem ;
    height: 40px;
    padding: 10px;
    color: #333333;
    background-color: rgba(255,255,255,0.9);
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    position:relative;
    z-index:999;
  }
  
  main {
    padding: 0 0 60px 0;
  }

  .is-fixed {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 2;
   width: 100%;
  }

  .col5 {
  display: flex;
  }
  .col5 li {
  width: calc(100% / 5);
  }
  .col5 ul,
  .col5 li {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  }
  .col5 li {
    background-color: rgba(255,255,255,0.9);
  text-align: center;
  }
  
      .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    
    
 a:link {
color: #fa8072;
}
 a:visited {
color: #fa8072;
}
 a:hover {
color: #fa8072;
}
 a:active {
color: #fa8072;
}



.title1 {
  color: #fa8072;
  font-weight: bold;
  position: relative;
  padding: .25em .35em .35em 0.5em;
  margin: 0em 0em 1em 0em;
}
.title1::after {
  position: absolute;
  top: .5em;
  left: .0em;
  content: '';
  width: 3px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #fa8072;
}



.title2 {
  color: #006888;
  font-weight: bold;
  position: relative;
  padding: .25em .35em .35em 0.5em;
  margin: 0em 0em 1em 0em;
}
.title2::after {
  position: absolute;
  top: .5em;
  left: .0em;
  content: '';
  width: 3px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #006888;
}



.title2a {
	text-align: left;
    font-size: 0.9rem ;
    font-family: 'Noto Serif JP', sans-serif;
  color: #006888;
  font-weight: bold;
  position: relative;
  padding: .25em .35em .35em 0.5em;
  margin: 35px 35px 1em 35px;
}
.title2a::after {
  position: absolute;
  top: .5em;
  left: .0em;
  content: '';
  width: 3px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #006888;
}



.title3 {
  color: #65ab31;
  font-weight: bold;
  position: relative;
  padding: .25em .35em .35em 0.5em;
  margin: 0em 0em 1em 0em;
}
.title3::after {
  position: absolute;
  top: .5em;
  left: .0em;
  content: '';
  width: 3px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #65ab31;
}

