@charset "UTF-8";


header *, main * {
  margin: 0;
  padding: 0
}

#click {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 9999;
}

.item {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.item.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* title */
.container.titlebase {
  position: relative;
  height: auto;
}
.sliderbox {
  width: 100%;
  height: auto;
  display: flex;
}
.flexslider1 {
  width: 50%;
  height: auto;
  position: relative;
  padding: 0;
  margin: 0;
}
.flexslider2 {
  width: 50%;
  height: auto;
  position: relative;
  padding: 0;
  margin: 0;
}
.flexslider1 img, .flexslider2 img {
  display:block;
}
.title {
  position: absolute;
  top: 0;
  left: 0;
}
.title img {
  width: 100%;
  height: auto;
  display: block;
}

/* map */
.container.map {
  position: relative;
  height: 500px;
  background-image: url("../images/map.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #e7f4f7;
}
.inner.map {
  position: relative;
  height: 500px;
}
.mapcopy {
  position: absolute;
  left: 40px;
  top: 31px;
}
.map-c01 {
  position: absolute;
  left: 482px;
  top: 24px;
}
.map-c02 {
  position: absolute;
  left: 29px;
  top: 296px;
}
.map-c03 {
  position: absolute;
  left: 238px;
  top: 296px;
}
.map-c04 {
  position: absolute;
  left: 473px;
  top: 62px;
}
.map-c05 {
  position: absolute;
  left: 785px;
  top: 3px;
}
.map-c06 {
  position: absolute;
  left: 825px;
  top: 264px;
}

/* contents */
.container.contents {
  position: relative;
  height: 4535px;
  background-color: #fbf9ef;
}
.inner.contents {
  position: relative;
  height: 4535px;
}
.btn-02 {
  position: absolute;
  left: 87px;
  top: 40px;
}
.osusume-st {
  position: absolute;
  left: 310px;
  top: 202px;
}

/* plan01 */
.plan01-st {
  position: absolute;
  left: 16px;
  top: 413px;
}
.plan01-photo-01 {
  position: absolute;
  left: 150px;
  top: 505px;
}
.plan01-photo-02 {
  position: absolute;
  left: 431px;
  top: 400px;
}
.plan01-photo-03 {
  position: absolute;
  left: 643px;
  top: 499px;
}
.plan01-photo-04 {
  position: absolute;
  left: 809px;
  top: 694px;
}
.plan01-photo-05 {
  position: absolute;
  left: 719px;
  top: 895px;
}
.plan01-photo-06 {
  position: absolute;
  left: 534px;
  top: 870px;
}
.plan01-copy-01 {
  position: absolute;
  left: 150px;
  top: 429px;
}
.plan01-copy-02 {
  position: absolute;
  left: 152px;
  top: 868px;
}
.plan01-copy-03 {
  position: absolute;
  left: 643px;
  top: 433px;
}
.plan01-copy-04 {
  position: absolute;
  left: 645px;
  top: 685px;
}
.plan01-copy-05 {
  position: absolute;
  left: 719px;
  top: 829px;
}
.plan01-copy-06 {
  position: absolute;
  left: 500px;
  top: 988px;
}
.btn-03 {
  position: absolute;
  left: 152px;
  top: 940px;
}
.btn-04 {
  position: absolute;
  left: 645px;
  top: 780px;
}
.btn-05 {
  position: absolute;
  left: 500px;
  top: 1082px;
}

/* plan02 */
.plan02-st {
  position: absolute;
  left: 822px;
  top: 1120px;
}
.plan02-photo-01 {
  position: absolute;
  left: 271px;
  top: 1142px;
}
.plan02-photo-02 {
  position: absolute;
  left: 79px;
  top: 1278px;
}
.plan02-photo-03 {
  position: absolute;
  left: 26px;
  top: 1459px;
}
.plan02-photo-04 {
  position: absolute;
  left: 453px;
  top: 1466px;
}
.plan02-copy-01 {
  position: absolute;
  left: 711px;
  top: 1142px;
}
.plan02-copy-02 {
  position: absolute;
  left: 32px;
  top: 1145px;
}
.plan02-copy-03 {
  position: absolute;
  left: 26px;
  top: 1383px;
}
.plan02-copy-04 {
  position: absolute;
  left: 296px;
  top: 1460px;
}
.plan02-copy-05 {
  position: absolute;
  left: 729px;
  top: 1466px;
}
.plan02-copy-06 {
  position: absolute;
  left: 746px;
  top: 1579px;
}
.btn-06 {
  position: absolute;
  left: 32px;
  top: 1234px;
}

/* plan03 */
.plan03-st {
  position: absolute;
  left: 32px;
  top: 1701px;
}
.plan03-photo-01 {
  position: absolute;
  left: 217px;
  top: 1749px;
}
.plan03-photo-02 {
  position: absolute;
  left: 649px;
  top: 1713px;
}
.plan03-photo-03 {
  position: absolute;
  left: 758px;
  top: 1856px;
}
.plan03-photo-04 {
  position: absolute;
  left: 194px;
  top: 2057px;
}
.plan03-photo-05 {
  position: absolute;
  left: 340px;
  top: 2075px;
}
.plan03-copy-01 {
  position: absolute;
  left: 247px;
  top: 1973px;
}
.plan03-copy-02 {
  position: absolute;
  left: 221px;
  top: 1699px;
}
.plan03-copy-03 {
  position: absolute;
  left: 879px;
  top: 1713px;
}
.plan03-copy-04 {
  position: absolute;
  left: 649px;
  top: 1894px;
}
.plan03-copy-05 {
  position: absolute;
  left: 570px;
  top: 2075px;
}
.plan03-copy-06 {
  position: absolute;
  left: 586px;
  top: 2157px;
}
.btn-07 {
  position: absolute;
  left: 221px;
  top: 1773px;
}
.btn-08 {
  position: absolute;
  left: 648px;
  top: 1991px;
}
.btn-09 {
  position: absolute;
  left: 787px;
  top: 2147px;
}
.btn-10 {
  position: absolute;
  left: 787px;
  top: 2201px;
}

/* plan04 */
.plan04-st {
  position: absolute;
  left: 772px;
  top: 2306px;
}
.plan04-photo-01 {
  position: absolute;
  left: 43px;
  top: 2350px;
}
.plan04-photo-02 {
  position: absolute;
  left: 405px;
  top: 2319px;
}
.plan04-photo-03 {
  position: absolute;
  left: 57px;
  top: 2647px;
}
.plan04-photo-04 {
  position: absolute;
  left: 428px;
  top: 2662px;
}
.plan04-copy-01 {
  position: absolute;
  left: 293px;
  top: 2350px;
}
.plan04-copy-02 {
  position: absolute;
  left: 43px;
  top: 2538px;
}
.plan04-copy-03 {
  position: absolute;
  left: 655px;
  top: 2319px;
}
.plan04-copy-04 {
  position: absolute;
  left: 405px;
  top: 2507px;
}
.plan04-copy-05 {
  position: absolute;
  left: 307px;
  top: 2647px;
}
.plan04-copy-06 {
  position: absolute;
  left: 57px;
  top: 2846px;
}
.plan04-copy-07 {
  position: absolute;
  left: 678px;
  top: 2662px;
}
.plan04-copy-08 {
  position: absolute;
  left: 428px;
  top: 2850px;
}
.btn-11 {
  position: absolute;
  left: 405px;
  top: 2583px;
}

/* plan05 */
.plan05-st {
  position: absolute;
  left: 32px;
  top: 2969px;
}
.plan05-photo-01 {
  position: absolute;
  left: 499px;
  top: 2969px;
}
.plan05-photo-02 {
  position: absolute;
  left: 280px;
  top: 3102px;
}
.plan05-photo-03 {
  position: absolute;
  left: 279px;
  top: 3353px;
}
.plan05-photo-04 {
  position: absolute;
  left: 638px;
  top: 3298px;
}
.plan05-copy-01 {
  position: absolute;
  left: 909px;
  top: 2969px;
}
.plan05-copy-02 {
  position: absolute;
  left: 220px;
  top: 2977px;
}
.plan05-copy-03 {
  position: absolute;
  left: 279px;
  top: 3287px;
}
.plan05-copy-04 {
  position: absolute;
  left: 69px;
  top: 3449px;
}
.plan05-copy-05 {
  position: absolute;
  left: 898px;
  top: 3298px;
}
.plan05-copy-06 {
  position: absolute;
  left: 636px;
  top: 3488px;
}
.btn-12 {
  position: absolute;
  left: 220px;
  top: 3049px;
}
.btn-13 {
  position: absolute;
  left: 636px;
  top: 3565px;
}

/* plan06 */
.plan06-st {
  position: absolute;
  left: 812px;
  top: 3659px;
}
.plan06-photo-01 {
  position: absolute;
  left: 0px;
  top: 3662px;
}
.plan06-photo-02 {
  position: absolute;
  left: 291px;
  top: 3893px;
}
.plan06-photo-03 {
  position: absolute;
  left: 473px;
  top: 3869px;
}
.plan06-photo-04 {
  position: absolute;
  left: 666px;
  top: 3717px;
}
.plan06-copy-01 {
  position: absolute;
  left: 335px;
  top: 3662px;
}
.plan06-copy-02 {
  position: absolute;
  left: 25px;
  top: 3931px;
}
.plan06-copy-03 {
  position: absolute;
  left: 473px;
  top: 3803px;
}
.plan06-copy-04 {
  position: absolute;
  left: 484px;
  top: 3666px;
}
.btn-14 {
  position: absolute;
  left: 25px;
  top: 4008px;
}
.btn-15 {
  position: absolute;
  left: 484px;
  top: 3739px;
}

/* plan07 */
.plan07-st {
  position: absolute;
  left: 83px;
  top: 4101px;
}
.plan07-photo-01 {
  position: absolute;
  left: 464px;
  top: 4175px;
}
.plan07-photo-02 {
  position: absolute;
  left: 343px;
  top: 4326px;
}
.plan07-copy-01 {
  position: absolute;
  left: 899px;
  top: 4175px;
}
.plan07-copy-02 {
  position: absolute;
  left: 274px;
  top: 4181px;
}

/* coupon */
.container.coupon {
  position: relative;
  height: 543px;
  background-image: url("../images/bg_blue.png");
  background-position: center top;
  background-repeat: repeat-x;
  background-color: #fbf9ef;
}
.inner.coupon {
  position: relative;
  height: 543px;
}
.yoyaku-st {
  position: absolute;
  left: 220px;
  top: 72px;
}
.btn-16 {
  position: absolute;
  left: 95px;
  top: 122px;
}
.btn-17 {
  position: absolute;
  left: 95px;
  top: 222px;
}
.btn-18 {
  position: absolute;
  left: 95px;
  top: 322px;
}
.btn-19 {
  position: absolute;
  left: 95px;
  top: 412px;
}
.btn-20 {
  position: absolute;
  left: 505px;
  top: 412px;
}

.pictprov {
  position: relative;
  width: 990px;
  padding-top: 10px;
  margin: 0 auto;
  text-align: right;
  color: #333;
  font-size: 12px;
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

/* Animation property */
.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: linear;	
	-webkit-animation-timing-function: linear;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;

	visibility: visible !important;	
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.9;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.9;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.9;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.9;	
	}			
}

#top {
	position: fixed;
	bottom: 40px;
	right: -61px;
	z-index: 1000;
}