@charset "UTF-8";@font-face {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/quicksand/v30/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58a-xw.ttf) format('truetype')
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

#header{transition:all .2s ease}
#header *{transition:all .2s ease}
#content{transition:all .2s ease;color:#231815}
i{font-style:normal}
@media only screen and (max-width:769px){
#header{height:51px;width:100%;position:fixed;top:0;left:0;z-index:1;background-color:#fff;background-color:rgba(255,255,255,.95);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;line-height:1}
#header h1{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;padding-left:10px}
#header h1 a{text-decoration:none}
#header h1 a img{width:87px}
#header h1 span{font-size:14px;color:#00459C;padding-left:10px;padding-bottom:1px}}
@media only screen and (min-width:770px){
#header{min-width:900px;height:80px;width:100%;position:fixed;top:0;left:0;z-index:1;background-color:#fff;background-color:rgba(255,255,255,.95);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;line-height:1}
#header a:hover{opacity:.8}
#header h1{width:850px;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}
#header h1 a{text-decoration:none}
#header h1 a img{width:128px}
#header h1 span{font-size:20px;color:#00459C;padding-left:10px;padding-bottom:1px}}



body {
  font-family: sans-serif;
  color: #000000;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* {
  list-style-type: none
}
body {
  -webkit-text-size-adjust: 100%;
}

.bg_blue{
background-color:#caf8ff;
padding-top:20px;
}

.bg_green{
background-color:#caf8d2;
padding-top:20px;
}

.bg_pink{
background-color:#ffd9f0;
padding-top:20px;
}

.bg_orange{
background-color:#fee7da;
padding-top:20px;
}

.bg_bage{
background-color:#fee7da;
padding:70px 0px 30px 0px;
}

p{
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

p .small{
  font-size: 18px;
}

img {
  width: 100%
}

a:hover{
  opacity: .8;
}

#eventTitle {
    width: 100%;
    text-align: center;
    margin-top:50px;
  }

@media only screen and (min-width:770px) {
  #content {
    min-width: 990px;
    margin-top: 100px;
    position: relative;
    z-index: 0
    
  }
  #eventTitle {
    width: 100%;
    text-align: center
  }
  #eventTitle img {
    pointer-events: none;
    display: block;
    margin: auto;
    width: 700px;
  }
  #eventTitle img.spOnly {
    display: none
  }
    
  #sec1 h1 .pcShow,#sec2 h1 .pcShow,#sec3 h1 .pcShow,#sec4-1 h1 .pcShow,#sec4-2 h1 .pcShow{}
    
  #sec1 h1 .spShow,#sec2 h1 .spShow,#sec3 h1 .spShow,#sec4-1 h1 .spShow,#sec4-2 h1 .spShow{display:none}
    
  #content .btn .pcShow{}
  #content .btn .spShow{display:none}

  .map .spShow{
    display: none;
  }
}

  @media only screen and (min-width:770px) {

  .announce {
    width: 860px;
    margin: 0 auto 10px;
  }
  .announce p{
    margin-top: 0;
  }
  }

  .sp-hide-area-button {
    display: none
  }

.ttl{
width:600px;
margin:20px auto 30px;
  }

  @media only screen and (max-width:769px) {


.ttl{
width:95%;
margin:0 auto 20px;
  }
.announce {
      margin: 80px auto ;
  }
  }

  @media only screen and (min-width:770px){
    #footer {
      text-align: center;
      padding: 48px 0 20px;
      position: relative;
  }
  #footer p {
    font-size: 16px;
    letter-spacing: .15;
    color: #4c4948;
    text-align: center;
    margin: 0;
  }
#footer #totop.show {
    opacity: 1;
    bottom: 20px;
}
#footer #totop {
  position: fixed;
  bottom: -50px;
  right: 15px;
  opacity: 0;
  transition: all .2s ease;
  background-color: #6A7EB6;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

#footer #totop a img {
  margin-top: 5px;
  width: 75%;
}
  }

  @media only screen and (max-width:769px){
    #footer {
      text-align: center;
      padding: 0 0 20px;
      position: relative;
  }
  #footer p {
    font-size: 14px;
    letter-spacing: .15;
    color: #4c4948;
    text-align: center;
    margin: 0;
  }

  #footer #totop.show {
    opacity: 1;
    bottom: 10px;
}


#footer #totop {
  position: fixed;
  bottom: -50px;
  right: 15px;
  opacity: 0;
  transition: all .2s ease;
  background-color: #6A7EB6;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

#footer #totop a img {
width: 75%;
margin-top: .1rem;
}

.pcOnly{display:none}
.copy{
  width: 96%;
  margin: 30px auto 40px;
  text-align: center;
  font-size: 18px;
	line-height: 200%;
	  }}
@media only screen and (min-width:770px){
.spOnly{display:none}
.text{
  font-size: 18px;
	margin:10px auto 20px;
	}
.copy{
  max-width: 795px;
  margin: 50px auto 50px;
  text-align: center;
  font-size: 24px;
	line-height: 200%;
}
}

.red {color:#FF0000; font-size:120%;}

.section {
  width:860px;
        margin: 0px auto 60px auto;
        padding: 20px 0px;
}

#navi{
  width:98%;
  display : flex;
  flex-wrap : wrap;
  justify-content:space-between;
  margin:20px auto 40px;
  padding:0 30px;
}

.menu{
  width:49%;
  padding:3px;
}

.menu_last{
  margin-left: auto;
}

.main {
    padding:20px 0px;
    background-color:#FFFFFF;
    width: 100%;
}

#sec1, #sec2, #sec3, #sec4, #sec5, #sec6, #sec7{
      text-align: center;
      width: 100%;
      margin: 0 auto;
    padding-top:180px;
  margin-top:-180px;
}

#bland{
  padding-top:50px;
  margin-top:-30px;
}

b {font-weight:500;}

@media only screen and (min-width:770px){

#navi{
  width:700px;
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4列 */
  grid-template-rows: repeat(2, 130px); /* 2行 */
  gap: 0px; /*  要素間の間隔 */
  margin:30px auto;
  padding:0px;
}

.menu{
  width:175px;
  padding:0px 5px;
}

.menu_last{
  grid-column: span 2; /* 2列分の幅 */
  padding:0px 5px;
}

.main {
    padding:25px 0px 25px 20px;
    background-color:#FFFFFF;
    margin:0 auto;
    width: 700px;
}

#sec1, #sec2, #sec3, #sec4, #sec5, #sec6, #sec7{
    text-align: center;
    padding-top:250px;
  margin-top:-250px;
}

 #bland{
  padding-top:90px;
  margin-top:-90px;
 }


b {font-weight:400;}

#bnr{
width:40%; margin:0 auto;
}
}

.bland{
  width:90%;
  display: flex;
  flex-wrap: wrap;
  margin:0 auto;
    padding: 10px;
}

.bland li{
width: 45%;
  margin:5px;
}

.bland>div{
    
    padding: 10px;
}