@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 {
	background:url(img/back.png);
	text-align: center;
	width: 100%;

}
#box01 > div {
	padding:60px 0px;

  margin:0 auto;
  width:90%;
}

#box01 > h1 {
  line-height: 90%;
}
#box01 > h1 > img {
  width: 100%;
}

#box02{
  position: relative;
  background: url(../img/back02.jpg) repeat;
  padding: 0px 4% 60px 4%;
}
#box02 h2 {
  width: 100%;
  position: absolute;
  top: -10px;
  left: 0px;
  right: 0px;
  text-align: center;
  margin: -20px auto 0px auto;
}
#box02 ul {
  width: 100%;
  margin: 0px auto 0px auto;
  padding: 130px 0px 0px 0px;
}
#box02 ul > li {
  margin: 0px 0px 20px 0px;
}
#box02 ul > li > img{
  width: 100%;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}
#box02 p:nth-of-type(1) {
  padding: 0px 0px 0px 0px;
}
#box02 p {
  color: #fff;
   margin: 0px 0px 20px 0px;
}
#box02 p:nth-of-type(1) {
  margin: 0px 0px 40px 0px;
}
#box02 p:nth-of-type(2) {
  margin: 0px 0px 0px 0px;
}
#box02 h4 {
  font-size:2rem;
  color:#fff;
  padding: 0px 0px 40px 0px;
}
#box02 h4 >span {
	color:#f1f49b;

}

#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: #045b2d;
  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: #045b2d;
  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: #045b2d;
  text-align: center;
  margin: 0px 0px 20px 0px;
}
#box18 > h4 {
  color: #045b2d;
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
}
#box18 > h4 > a {
  color: #045b2d;
  text-align: center;
  margin: 0px 0px 20px 0px;
}
#box18 > p:nth-of-type(2) {
  font-size: 2rem;
  color: #045b2d;
  text-align: center;
  margin: 0px auto 20px auto;
}
#box18 > p:nth-of-type(3) {
  color: #045b2d;
  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: #045b2d;
  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: #045b2d;
  font-size: 90%;
  text-align: center;
  margin: 0px 0px 20px 0px;
}
p.mb20 {
  margin: 0px 0px 20px 0px;
}
/*# sourceMappingURL=style.css.map */