@charset "UTF-8";
/*==================================================
 TOP CSS
==================================================*/

.topHeadBox {
  background: url(../img/top/topMBg01.jpg) no-repeat center top;
  background-size: cover;
}
  .topHeadBox:before {
	padding-top: 52.2142%;
    }

/*

.drawer-navbar {
  background: none;
  }


.drawer-open .drawer-navbar {
  position: fixed;
  z-index: 105;
  height: 100%;
  }

*/


.topTitle01 {
  background: url(../img/top/topBg01.png) no-repeat center;
  font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
  height: 181px;
  margin-bottom: 5%;
  }


@media (max-width: 64em) {
.topTitle01 {
  background-size: 40%;
  padding: 5% 0 7%;
  height: auto;
  }

}


.topBox01,.topBox02 {
  padding-bottom: 80px;
  position: relative;
  }
  .topBox01 { padding-bottom: 0px;}

  .topBox01 img ,.topBox02 img {
    float: left;
    width: 53.33%;
	position: relative;
	top: 40px;
	box-shadow: 40px 40px rgba(255,255,255, 0.25);
    margin-bottom: 100px;

  }
  .topBox01 img {
    float: left;
  }
  .topBox02 img {
    float: right;
	margin-right: 40px;
  }

  .topBox01 .topBox01-01, .topBox02 .topBox02-01 {
    background: #FFFFFF;
    opacity:0.9;
    filter:alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
    width: 55%;
    position: absolute;
	top: 0;
	z-index: 2;
    padding: 4% 2%;
    box-sizing: border-box;
    }

  .topBox01 .topBox01-01 {
    right: 0;
  }
  .topBox02 .topBox02-01 {
	left: 0;
  }


@media (max-width: 64em) {

  .topBox01 ,.topBox02 {
    text-align: center;
    }
	.topBox02 {
	  margin-bottom: 0px;
    }

  .topBox01 img, .topBox02 img {
    float: none;
    width: 80%;
	position: static;
	box-shadow: none;
  }
  .topBox02 img, .topBox01 img {
    margin-right: 0;
    margin-bottom: 0;
    }

  .topBox01 .topBox01-01,.topBox02 .topBox02-01 {
    position: static;
	width: 80%;
	float: none;
	margin: 0 auto;
	padding-bottom: 4%;
  }
}

@media (max-width: 32em) {

  .topBox01 img ,.topBox02 img {
    width: 100%;
  }
  .topBox01 .topBox01-01, .topBox02 .topBox02-01 {
    width: 100%;
  }

}

  .topBox01-01 h2 ,.topBox02-01 h2 {
    color: #2B2B2B;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
  }
  .topBox01-01 p ,.topBox02-01 p {
    color: #2B2B2B;
	text-align: left;
  }


.topBox03 {
  padding: 10% 0 5%;
  width: 100%;
  background: #FFFFFF;
  color: #000000;
  }
  .topBox03 h3 {
    color: #000000;
    margin-bottom: 5%;
  }



.swiper-wrapper img {
  width: 100%;
  margin-bottom: 7%;
  }




  .plaBox {
  width: 100%;
  max-width: 980px;
  margin: 40px auto;
}

.plaBox iframe {
  width: 100%;
  height: 420px;
  border: solid 1px #ccc;
}