@charset "utf-8";
/* CSS Document */
/* 基本
------------------------------------------------------*/
.wrapper {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	max-width: 768px;
	margin: 0 auto;
}


.wrapper p {
	line-height: 1.3;
}
.wrapper img {
	width: 100%;
	height: auto;
}



.wrapper a {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
	color: #0071bc;
}
.wrapper a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.wrapper a.tel:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


.cta {
	position: relative;
}

.btn1,
.btn2,
.btn3 {
	position: absolute;
	width: 90%;
	left: 5%;
}

.btn1 {
	top: 72%;
}

.btn2 {
	top: 80%;
}

.btn3 {
	top: 55%;
}

p.note.imp {
	border: 1px solid #777;
	padding: 0.8em;
	margin: 5px 2em 0;
}




@media  screen and (max-width:666px) {
	
	p.note {
		font-size: 10px;
	}

	
}



/* --------------------------------------------------------
 ナビ
----------------------------------------------------------- */

#nav {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}
#nav ul {
	display: flex;
	max-width: 768px;
	margin: 0 auto;
	background: #fff;
}