/* SP共通 */

.pcOnly{display: none !important;}

/*====== Container Box =====*/

.main_container{
	width: 94%;
    margin: 0 auto;
    position: relative;
    height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
    overflow: hidden;
}

.main_box{width: 100%;}


section{position: relative;}


/*====== ボタン =====*/

.recBtn {
	display: inline-block; position: relative; width: 177px; height: 60px; border-radius: 30px;
}
.recBtn_camp {
	border: solid 2px #fff;
}
.recBtn_cancel {
	border: solid 2px #d85f56;
	background-color: #fff!important;
	color: #d85f56;
	position: relative;
}
.recBtn_cancel span{color: #d85f56!important; }
.bgRed{background-color: #d85f56;}

.bgRed{background-color: #d85f56;}


.recCenterBtn{
	display: block; position: relative; width: 60%; height: 50px; border-radius: 30px; margin: 10px auto 0; border: none;
}
.bgGreen{background-color: #248471;}
.bgTran{border: 1px #fff solid; background-color: transparent;}

.recCenterBtn span,.recCenterBtn i{
	font-size: 14px; font-weight: 700; color: #fff; position: absolute;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
}
.recCenterBtn span{display: block; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.recCenterBtn i{display: block; top: 0; bottom: 0; margin: auto; right: 20px;}



/*======ヘッダー =====*/

header{
	position: fixed; top: 0; left: 0; width: 100%; height: 81px; padding: 15px; z-index: 20;
	transform: translateY(-81px); animation: header-move 1s forwards 2s;
}

@keyframes header-move {
	from {
		transform: translateY(-81px);
	}

	to {
		transform: translateY(0);
	}
}

header .logo{
	display: block; float: left; position: relative;
	width: 133px; height: 51px;
}

header.bgOn{
	background-color: rgba(0,0,0,.1) !important;
}


/*====== メニュー・グロナビ =====*/

#headerMenu{
	float: right; height: 51px;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
}

#headerMenu .menuBtn{
	display: inline-block; position: relative; width: 51px; height: 51px; border-radius: 50%; background-color: #248471;
	transition: all .3s ease-in;
}

#headerMenu .menuBtn path{
	display: block; width: 22px; height: 2px; position: absolute; background-color: #fff;
	left: 0; right: 0; margin: auto;
}
#headerMenu .menuBtn path:nth-of-type(1){top: 16px;}
#headerMenu .menuBtn path:nth-of-type(2){top: 0; bottom: 0;}
#headerMenu .menuBtn path:nth-of-type(3){bottom: 16px;}


#headerMenu .menuBtn.open{background-color: #fff;}
#headerMenu .menuBtn.open path{background-color: #248471;}
#headerMenu .menuBtn.open path:nth-of-type(1){transform: rotate(45deg) translate(6px, 6px);}
#headerMenu .menuBtn.open path:nth-of-type(2){opacity: 0; -webkit-opacity:0;}
#headerMenu .menuBtn.open path:nth-of-type(3){transform: rotate(-45deg) translate(6px, -6px);}



nav#menu{
	display: none; width: 100%; height: 100vw; position: fixed; top: 0; left: 0; z-index: 10;
}

nav#menu div#menu_glonav{
	width: 100%; height: 100vh; position: fixed; left: 0; top: 0;
    background-color: #248471; scroll-behavior: auto; overflow-X: hidden; overflow-y: auto;
	transition: all .3s ease-in; transform: translateX(100%); padding: 100px 0 0 0;
}

nav#menu.open div#menu_glonav{transform: translateX(0);}



nav#menu #menu_glonav .menu_glonav{
	display: block; width: 90%; padding: 20px 0 20px 5px; border-top: 2px dotted #fff; overflow: hidden; position: relative;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	margin: 0 auto;
}
nav#menu #menu_glonav .menu_glonav.last{border-bottom: 2px dotted #fff;}

nav#menu #menu_glonav .menu_glonav.title{pointer-events:none;}
nav#menu #menu_glonav .menu_glonav.sub{
	border-top: .5px dashed rgba(255,255,255,.8); padding: 20px 0 20px 30px;
}


nav#menu #menu_glonav .menu_glonav span, nav#menu .menu_glonav i{color: #fff;}
nav#menu #menu_glonav .menu_glonav span{
	display: block; font-family: fot-tsukuardgothic-std, sans-serif !important; font-weight: 700;  font-size: 14px; 
}
nav#menu #menu_glonav .menu_glonav i{
	display: block; position: absolute; font-size: 14px; right: 5px; top: 20px;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
nav#menu #menu_glonav .menu_glonav i.fa-chevron-right{font-size: 16px !important;}



nav#menu #menu_glonav .menu_glonav div.submenu{
	display: none; padding-left: 28px; overflow: hidden; transition: all .3s ease-in; transform: translateX(-100%);
}
nav#menu #menu_glonav .menu_glonav div.submenu.show{display: block; transform: translateX(0);}

nav#menu #menu_glonav .menu_glonav div.submenu a{
	display: block; color: #fff; margin-top: 20px; font-family: fot-tsukuardgothic-std, sans-serif !important; font-weight: 700; font-size: 14px;
}
nav#menu #menu_glonav .menu_glonav div.submenu.show{transform: translateX(0);}


nav#menu #menu_glonav div.menu_glonav:hover{cursor: pointer;}

.showSubmenu i{opacity: 0; -wekit-opacity: 0;}
.showSubmenu.close .fa-plus{opacity: 1; -webkit-opacity:1 !important;}
.showSubmenu.open .fa-minus{opacity: 1; -webkit-opacity:1 !important;}


#menu_info{
	margin: 30px 0 40px; width: 100%;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

#menu_info .logo{display: block; width: 170px; height: 66px; margin: 0 auto; position: relative;}

#menu_info .tel{
	display: flex; align-items: center; margin: 15px auto;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
}
#menu_info .tel i, #menu_info .tel span{color: #fff;}
#menu_info .tel i{font-size: 20px; margin-right: 8px;}
#menu_info .tel span{font-size: 26px; font-family: 'Poppins', sans-serif !important; font-weight: 600;}

#menu_info div{
	font-weight: 400; font-size: 14px; color: #fff; line-height: 1.2em; margin: 0 auto;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
}
#menu_info .hours{margin: 15px auto;}


#menu_glonav .recBtn{
	display: block !important;
    margin: 35px auto !important;
    width: 80% !important;
}
#menu_glonav .recBtn i, #menu_glonav .recBtn span{
	position: absolute; top: 0; bottom: 0; margin: auto; color: #fff;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
}
#menu_glonav .recBtn i{
	font-size: 22px; left: 30px;
}
#menu_glonav .recBtn_camp i{
	font-size: 22px; left: 25px;
}

#menu_glonav .recBtn span{
	display: block; font-weight: 700; font-size: 16px; left: 0; right: 0;
}





/*====== フッター =====*/

footer{
	width: 100%; position: relative; background-color: #006c54; z-index: 5;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

footer:before{
	display: block; position: absolute; content: ""; top: -20px; left: 0; right: 0; margin: auto; width: 100%; height: 20px;
	background: -webkit-linear-gradient(bottom left, #006c54 50%, transparent 52%), -webkit-linear-gradient(bottom right, #006c54 50%, transparent 52%);
	background: -o-linear-gradient(bottom left, #006c54 50%, transparent 52%), -o-linear-gradient(bottom right, #006c54 50%, transparent 52%);
	background: linear-gradient(to top right, #006c54 50%, transparent 52%), linear-gradient(to top left, #006c54 50%, transparent 52%);
	background-size: 20px 20px;
}

#footer{
	display: block; margin: 0 auto; padding: 40px 0; width: 100%;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
#footer div{
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

#footer_info{width: 96%; margin: 0 auto;}
#footer_info .logo{display: block; width: 194px; height: 75px; position: relative; margin: 0 auto;}

#footer_info .tel{
	display: flex;
    align-items: center;
    margin: 20px auto 15px;
    width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
}
#footer_info .tel i, #footer_info .tel span{color: #fff;}
#footer_info .tel i{font-size: 20px; margin-right: 8px;}
#footer_info .tel span{font-size: 26px; font-family: 'Poppins', sans-serif !important; font-weight: 600;}

#footer_info div{
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	font-weight: 400; font-size: 14px; color: #fff; line-height: 1.2em; margin: 0 auto;
}
#footer_info .hours{margin: 5px auto 15px;}
#footer_info .copyright{font-size: 12px !important;}


#footer_nav{
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content; 
	margin: 30px auto 0; overflow: hidden;
}

#footer_nav div{
	display: block; float: left; margin: 0px auto; clear: both;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

#footer_nav a{
	display: block; font-family: fot-tsukuardgothic-std, sans-serif !important; font-weight: 700; 
	font-size: 14px; color: #fff; clear: both; float: left;
}
#footer_nav .footer_nav{margin: 20px 0 10px; clear: both; float: left; line-height: 1.4em;}
#footer_nav .footer_nav_sub{margin: 10px 0; font-size: 14px !important; padding-left: 20px;}


#footer_link{width: 96%; margin: 30px auto 0;}

#footer_link .recBtn{
	display: block;
    width: 85%;
    height: 90px;
    border-radius: 45px !important;
    margin: 0 auto;
}

#footer_link .recBtn img, #footer_link .recBtn div, #footer_link .recBtn i{
	position: absolute; top: 0; bottom: 0; margin: auto;
}
#footer_link .recBtn div span, #footer_link .recBtn i{
	color: #fff;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

#footer_link .recBtn img{width: 20%; height: auto; left: 8%; right: unset;}
#footer_link .recBtn div{
	left: 26%;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
#footer_link .recBtn div span{display: inline-block; }
#footer_link .recBtn div span:nth-of-type(1){
	font-family: 'Poppins', sans-serif !important; font-weight: 600; font-size: 24px; margin-bottom: 8px;
}
#footer_link .recBtn div span:nth-of-type(2){
	font-family: fot-tsukuardgothic-std, sans-serif !important; font-weight: 600; font-size: 16px;
}

#footer_link .recBtn i{font-size: 18px; right: 8%; left: unset;}
#footer_link .recBtn i.fa-calendar-check{font-size: 20px; left: 5%; right: unset; top: 20px; bottom: unset; }
#footer_link .recBtn i.fa-circle-check{color: #d85f56; font-size: 20px; left: 5%; right: unset;}
#footer_link .recBtn i.fa-campground{font-size: 24px; left: 10%; right: unset;}

#footer_link .recBtn_cancel {
	height: 60px!important; border-radius: 30px;
	border: solid 2px #d85f56;
	background-color: #fff;
	color: #d85f56;
	position: relative;
	margin-bottom: 20px;
}
#footer_link .recBtn_rsv {
	height: 60px!important; border-radius: 30px;
	margin-bottom: 20px;
}
#footer_link .recBtn_rsv span{
	color: #fff;
	position: absolute;	
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	 text-align: center; font-size: 20px; top: 20px!important; left: 60px!important; font-weight: bold;
} 
#footer_link .recBtn_cancel span{
	color: #fff;
	position: absolute;	
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	text-align: center; font-size: 20px!important; top: 20px!important; bottom: unset; left: 55px!important; font-weight: bold;
}


#footer_link #followus{
	margin: 28px auto 18px;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
#footer_link #followus, #footer_link #followus span{
	font-family: 'Poppins', sans-serif !important; font-weight: 600; font-size: 18px; color: #fff;
}
#footer_link #followus span{font-size: 16px !important;}

#footer_link #sns{
	margin: 0 auto;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

#footer_link #sns a{
	display: inline-block; width: 60px; height: 60px; border-radius: 50%; background-color: #fff;
	position: relative;
}
#footer_link #sns a i{
	display: block; position: absolute; color: #006c54; font-size: 24px;
	top: 0; left: 0; right: 0; bottom: 0; margin: auto;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
#footer_link #sns a:nth-of-type(2){margin:0 .8vw;}

.fix_btn {
	width: 100%;
	position: fixed;	
	bottom: 0;
	z-index: 10;
	color: #fff;
	display: flex;
	justify-content: space-between;
}

.fix_btn .recBtn {
	display: inline-block; position: relative; width: 49%; height: 50px; border-radius: 20px;
	transition: all .3s ease-in;
}

.fix_btn a span,
.fix_btn a {
	color: #fff;
}
.fix_btn .recBtn_camp {
	height: 50px; border-radius: 40px;
	border: solid 2px #fff;
	text-align: center;
}

.fix_btn .recBtn_camp {
	width: 49%!important;
	border: solid 2px #fff;
	text-align: center;
}
.fix_btn .recBtn_camp span{
	display: block; font-weight: 700; font-size: 16px; left: 0px!important; right: 0px!important; top: 26px;
}
.fix_btn .recBtn_camp i{
	font-size: 20px; left: 0px; right: 0px; bottom: 28px;
}
.fix_btn .recBtn_rsv {
	width: 49%!important;
	height: 50px; border-radius: 40px;
	border: solid 2px #fff;
}
.fix_btn .recBtn_rsv span{
	color: #fff;
	position: absolute;	
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	 font-size: 15px; top: 16px!important; left: 60px!important;
} 


.fix_btn .recBtn img, .fix_btn .recBtn div, .fix_btn .recBtn i{
	position: absolute; top: 0; bottom: 0; margin: auto;
}
.fix_btn .recBtn div span, .fix_btn .recBtn i{
	color: #fff;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

.fix_btn .recBtn img{width: 22%; height: auto; left: 8%; right: unset;}
.fix_btn .recBtn div{
	left: 26%;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
.fix_btn .recBtn div span{	 
	font-family: fot-tsukuardgothic-std, sans-serif !important; font-weight: 600; font-size: 16px;
}

.fix_btn .recBtn i{font-size: 18px; right: 8%; left: unset; transition: all .3s ease-in;}

.fix_btn .recBtn i.fa-calendar-check{font-size: 20px; left: 15%; right: unset; top: 13px; bottom: unset; }
.fix_btn .recBtn i.fa-circle-check{color: #d85f56; font-size: 20px; left: 15%; right: unset;}
.fix_btn .recBtn i.fa-campground{font-size: 24px; left: 10%; right: unset;}



/*====== メインコンテンツ =====*/

.bg_snowmountain{
	display: block; position: absolute;
	width: 124px; height: 39.5px;
}

h2{
	margin: 30px auto; overflow: visible; position: relative;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
h2 span{
	display: block;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
h2 span:nth-of-type(1){color: #16695f; font-family: 'Poppins', sans-serif !important; font-weight: 600; font-size: 24px; margin: 0 auto 15px;}
h2 span:nth-of-type(2){font-family: fot-tsukuardgothic-std, sans-serif !important; font-weight: 700; font-size: 16px; margin: 0 auto;}

h2.white span{color: #fff !important;}


h3{
	display: block; position: relative; overflow: visible;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
h3:before{
	display: block; position: absolute; top: 5px; content: ""; background-image: url("/_common/img/common/imgStyles01.png"); 
	background-position: center; background-repeat: no-repeat; background-size: cover;
}
h3:after{
	display: block; position: absolute; top: 5px; content: ""; background-image: url("/_common/img/common/imgStyles02.png"); 
	background-position: center; background-repeat: no-repeat; background-size: cover;
}
h3 span{
	display: block; font-family: 'Poppins', sans-serif !important; font-weight: 600; color: #fff;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

h4{
	display: block; position: relative; font-weight: 700; color: #fff;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}


h5.accessTitle{display: block;}
h5.accessTitle i, h5.accessTitle span{font-size: 20px;}
h5.accessTitle i{padding-right: 5px;}

.accessBody{padding: 10px 0 25px 15px;}

.accessBody p{display: block; width: 100%; font-size: 14px; font-weight: 400; line-height: 24px;}
.accessBody p.longerline{line-height: 30px !important;}

.whiteBox{
	padding: 2px 8px; background-color: #fff; margin-bottom: 5px;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

.whiteBox span{
	display: block; font-size: 14px;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

.pMargin{margin-bottom: 10px;}



#newsBox{
	width: 90%; margin: 0 auto; overflow: hidden;
}

#newsBox .newsBox{
	width: 100%; margin-bottom: 20px;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

#newsBox .newsBox a.imgBox{
	display: block; overflow: hidden;
	position: relative; width: 100%; height: 250px; border: 5px #f5f5f5 solid;
}

#newsBox .newsBox span{
	display: block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    margin: 10px 0;
}

#newsBox .newsBox p{
	display: block;
    font-size: 12px;
    line-height: 24px;
}

.bg_news_tree{
	width: 67.5px;
    height: auto;
    left: 2%;
    right: unset;
    bottom: 0;
    top: unset;
}











/*====== アニメーション =====*/
.anmt_delay2{transition: all .8s ease-in .2s !important;}
.anmt_delay4{transition: all .8s ease-in .4s !important;}
.anmt_delay6{transition: all .8s ease-in .6s !important;}
.anmt_delay8{transition: all .8s ease-in .8s !important;}
.anmt_delay10{transition: all .8s ease-in 1.0s !important;}
.anmt_delay12{transition: all .8s ease-in 1.2s !important;}
.anmt_delay14{transition: all .8s ease-in 1.4s !important;}
.tranNone{transition: all 0s ease-in 0s !important;}

.anmt_opacity0, .anmt_opacity0_2, .anmt_opacity0_3{ /* 左から右に動くelement */
	-webkit-opacity: 0; opacity: 0;
}

.anmt_opacity1{ /* 左から右に動くelement */
	-webkit-opacity: 1 !important; opacity: 1 !important;
	transition: all .8s ease-in;
}

.anmt_opacity1_2{ /* 左から右に動くelement */
	-webkit-opacity: .1 !important; opacity: .1 !important;
	transition: all .8s ease-in;
}

.anmt_opacity1_3{ /* 左から右に動くelement */
	-webkit-opacity: .2 !important; opacity: .2 !important;
	transition: all .8s ease-in;
}

.anmt_l2rScale{
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translateX(-100%) scale(-1);
	transform:translateX(-100%) scale(-1);	
}

.anmt_l2rScale_trsfrm{
	-webkit-opacity: 1 !important; opacity: 1 !important;
	-webkit-transform:translateX(0) scale(-1) !important;
	transform:translateX(0) scale(-1) !important;	
	transition: all .8s ease-in;
}

.anmt_r2lScale{
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translateX(100%) scale(1);
	transform:translateX(100%) scale(1);	
}

.anmt_r2lScale_trsfrm{
	-webkit-opacity: 1 !important; opacity: 1 !important;
	-webkit-transform:translateX(0) scale(1) !important;
	transform:translateX(0) scale(1) !important;	
	transition: all .8s ease-in;
}

.anmt_l2r, .anmt_l2r_opa{ /* 左から右に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);	
}

.anmt_r2l{ /* 右から左に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translateX(100%);
	transform:translateX(100%);	
}

.anmt_l2r2l_trsfrm{ /* 左右に動くアニメーション */
	-webkit-opacity: 1 !important; opacity: 1 !important;
	-webkit-transform:translateX(0) !important;
	transform:translateX(0) !important;
	transition: all .8s ease-in;
}

.anmt_l2r_opa_trnsfrm{
	-webkit-opacity: .2 !important; opacity: .2 !important;
	-webkit-transform:translateX(0) !important;
	transform:translateX(0) !important;
	transition: all .8s ease-in;
}

.anmt_t2b, .anmt_menu{ /* 上から下に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translateY(-200px);
	transform:translateY(-200px);	
}

.anmt_b2t{ /* 下から上に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translateY(200px);
	transform:translateY(200px);	
}

.anmt_t2b2t_trsfrm{ /* 上下に動くアニメーション */
	-webkit-opacity: 1 !important; opacity: 1 !important;
	-webkit-transform:translateY(0) !important;
	transform:translateY(0) !important;
	transition: all .8s ease-in;
}

.anmt_lb2rt{ /* 左下から右上に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translate(-250px,150px);
	transform:translate(-250px,150px);	
}

.anmt_rb2lt{ /* 右下から左上に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translate(200px,100px);
	transform:translate(200px,100px);	
}

.anmt_lt2rb{ /* 左上から右下に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translate(-250px,100px);
	transform:translate(-250px,100px);	
}

.anmt_rt2lb{ /* 右上から左下に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translate(250px,-100px);
	transform:translate(250px,-100px);	
}

.anmt_angle_trnsfrm, .logo_trnsfrm{ /* 上下左右に動くアニメーション */ /* ロゴを動かさない場合は.logo_trnsfrmを外す */
	-webkit-opacity: 1 !important; opacity: 1 !important;
	-webkit-transform:translate(0px,0px) !important;
	transform:translate(0px,0px) !important;
	transition: all .8s ease-in;
}




.styleBody .recBtn{
	display: block !important;
    margin: 35px auto !important;
    width: 80%!important;
}
.styleBody .recBtn i, .styleBody .recBtn span{
	position: absolute; top: 0; bottom: 0; margin: auto; color: #fff;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
}
.styleBody .recBtn i{
	font-size: 22px; left: 22px;
}
.styleBody .recBtn span{
	display: block; font-weight: 700; font-size: 16px; left: 0; right: 0;
}



.reseave_btn .recBtn{
	display: block !important;
    margin: 35px auto !important;
    width: 90%!important;
	height: 70px; border-radius: 35px;
	text-align: center;
}
.reseave_btn .recBtn i, .reseave_btn .recBtn span{
	position: absolute; top: 0; bottom: 0; margin: auto; color: #fff;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
}
.reseave_btn .recBtn i{
	font-size: 20px!important; left: 22px;
}
.reseave_btn .recBtn span{
	display: block; font-weight: 700; font-size: 16px; left: 0; right: 0;
	line-height: 22px!important;
}