/*=======================
	#title
=====================*/


#title h1 {}


#title .lead {
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}


#h1_pc {
  display: none;
}


#h1_mob {
  display: block;
}

#title .lead .br1024 {
  display: none;
}

#title .lead .br1200 {
  display: none;
}

@media screen and (min-width: 1000px) {
  #title h1 {
    width: 60%;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
  }


  #h1_pc {
    display: block;
  }


  #h1_mob {
    display: none;
  }


}

@media screen and (min-width:1001px) and (max-width:1024px) {
  #title .lead .br1024 {
    display: block;
  }

}

@media screen and (min-width:1001px) and (max-width:1200px) {
  #title .lead .br1200 {
    display: block;
  }

}



@media screen and (min-width:1000px) and (max-width:1800px) {

  #title .bg_01 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background: url(../img/top/bg_title_pc_1.png) no-repeat top center;
    background-size: contain;
  }

  #title .bg_02 {
    padding-bottom: 90px;
    background: url(../img/top/bg_title_pc_2.png) no-repeat bottom center;
    background-size: contain;
  }

  #title .bg_03 {
    background: url(../img/top/inst.png) top center no-repeat;
    background-size: contain;
  }

}




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

  #title h1 {
    width: 95%;
    /* max-width: 816px; */
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
  }

  #title .bg_01 {
    background: url(../img/top/bg_title_pc_1.png) no-repeat top center;
  }

  #title .bg_02 {
    padding-bottom: 90px;
    background: url(../img/top/bg_title_pc_2.png) no-repeat bottom center;
  }

  #title .bg_03 {
    background: url(../img/top/inst.png) top center no-repeat;
  }



}








/*========================
 // lead-to-pages
===========================*/

#inst-items-outer {
  width: 90%;
}


#inst-items .item {
  box-shadow: 0 3px 5px 0 #999;
}


.lead-to-pages h3 {
  height: 120px;
  background-color: #4f267b;
  /* background-color: #9e8d71; */
  /* background-color: #4e362c; */
  /* background: linear-gradient(to bottom, #44206b, #653599); */
  /* background: linear-gradient(to bottom, #a27a00 0, #e563ae 50%, #a27a00 100%); */
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}



#inst-items .item figure {
  text-align: center;
}

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

  .lead-to-pages h3 {
    height: 150px;
  }

  #inst-items-outer {
    width: 90%;
  }




  #inst-items .half .txtbox {

    min-height: 100px;
    /* margin-bottom: 30px; */

  }

}


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


  #inst-items .half {
    display: flex;
    justify-content: space-between;
  }


  #inst-items .half .item {
    width: 48%;
  }
}



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


  #inst-items-outer {
    /* width: 83.8%; */
    width: 90%;
  }

}



/*========================
 // id #reservation
===========================*/
#reservation {
  width: 80%;
  /* max-width: 1000px; */
  /* max-width: 1050px; */
  /* min-height: 337px; */
  /* margin: auto auto 0px; */
  /* font-size: 1.6rem; */
  /* text-align: center; */
  /* background: url(../img/top/reserve/bg_reserve.svg) no-repeat top center; */
  border-top: #4f267b thin solid;
  border-bottom: #4f267b thin solid;
}

#reservation .deco {
  display: none;
}