@charset "UTF-8";
/*------------------------------------------------------------
文字サイズの自動調整を100％に
------------------------------------------------------------*/
html {
  -webkit-text-size-adjust: 100%;
}
/*------------------------------------------------------------
widthとheightでの指定数値にpaddingとborder分も含めてくれる。
------------------------------------------------------------*/
.bsb {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/*------------------------------------------------------------
画像サイズを自動調整
------------------------------------------------------------*/
img {
  max-width: 100%;
  height: auto;
}
/*------------------------------------------------------------
display:table-cell; を活用する
------------------------------------------------------------*/
.select {
  display: table;
}
.select-child {
  display: table-cell;
}
/*------------------------------------------------------------
タップ時のカラー設定
------------------------------------------------------------*/
.select {
  -webkit-tap-highlight-color: rgba(255, 105, 183, 0.6);
}
#box01 {
  text-align: center;
  width: 100%;
  -webkit-background-size: cover;
  background-size: cover;
}
#box01 > h1 {
  line-height: 90%;
}
#box01 > h1 > img {
  width: 100%;
}
#box02 > p {
  line-height: 90%;

}
#box03 {
  background-image: url(../img/back04.jpg);
  background-position: top center;
  background-repeat: repeat;
  text-align: center;
  padding: 50px 3% 50px 3%;
}
#box03 > ul {

}
#box03 > div > ul > li {
  margin: -10px 0px 0px 0px;
}
#box03 > div > ul > li:nth-of-type(1) {
  margin: -5px 0px 0px 0px;
}
#box03 > div > ul > li:nth-of-type(3) {
  margin: -25px 0px 0px 0px;
}
#box03 > div > ul > li:nth-of-type(4) {
  margin: -30px 0px 0px 0px;
}

#box03 > div > ul > li:nth-of-type(9) {
  margin: -5px 0px 0px 0px;
}

#box03 > div > ul > li:nth-of-type(1) {
  margin: -5px 0px 0px 0px;
}

#box03 > div > p {
  font-size: 1rem;
  text-align: left;
  color: #fff;

}




#box14 {
  position: relative;
  background: url(../img/g1.png) top center repeat-x;
  padding: 0px 0px 0px 0px;
  margin: -40px 0px 0px 0px;
  height: 30px;
  z-index: 10;
  text-align: center;
}
#box15 {
  position: relative;
  background-color: #eb6247;
  padding: 40px 0px 0px 0px;
  margin: -16px 0px 5px 0px;
  z-index: 10;
  text-align: center;
}
#box16 {
  position: relative;
  width: 95%;
  text-align: center;
  margin: 0px auto 20px auto;
  z-index: 10;
  color: #ffffff;
}
#box16 > h4 {
  width: 60%;
  margin: 0 auto;
}
#box16 > p {
  margin: 0px auto 20px auto;
}
#box17 {
  position: relative;
  background: url(img/g2.png) top center repeat-x;
  padding: 0px 0px 0px 0px;
  margin: -6px 0px 5px 0px;
  height: 20px;
  z-index: 10;
  text-align: center;
}
#accessInfo {
  padding: 20px 0px 20px 0px;
}
#accessInfo > h4 {
  font-size: 18px;
  font-weight: bold;
  color: #754c24;
  background-color: #fff;
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 10px 0px;
}
#accessInfo > p {
  font-size: 18px;
  color: #ffffff;
  margin: 0px 0px 30px 0px;
}
#box18 {
  padding: 50px 0px 30px 0px;
}
#box18 > h3 {
  width: 80%;
  text-align: center;
  margin: 0px auto 20px auto;
}
#box18 > p:nth-of-type(1) {
  color: #754c24;
  text-align: center;
  margin: 0px 0px 20px 0px;
}
#box18 > h4 {
  color: #754c24;
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
}
#box18 > h4 > a {
  color: #754c24;
  text-align: center;
  margin: 0px 0px 20px 0px;
}
#box18 > p:nth-of-type(2) {
  font-size: 2rem;
  color: #754c24;
  text-align: center;
  margin: 0px auto 20px auto;
}
#box18 > p:nth-of-type(3) {
  color: #754c24;
  text-align: center;
  margin: 0px 0px 20px 0px;
}
#box18 > ul {
  width: 80%;
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  margin: 0px auto 20px auto;
}
#box18 > ul > li {
  width: 22%;
  text-align: center;
  margin: 0px 0px 0px 0px;
}
#box19 {
  text-align: center;
  padding: 0px 10px 40px 10px;
}
#box19 > h3 {
  color: #754c24;
  text-align: center;
  margin: 0px 0px 0px 0px;
}
#box19 > p:nth-of-type(1) {
  margin: 0px 0px 20px 0px;
  font-size: 80%;
}
#box19 > p:nth-of-type(2) {
  color: #754c24;
  font-size: 90%;
  text-align: center;
  margin: 0px 0px 20px 0px;
}
p.mb20 {
  margin: 0px 0px 20px 0px;
}
/*# sourceMappingURL=style.css.map */