body, input, textarea {
  font-family: Verdana, Roboto, "Droid Sans", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}
@media only screen and (max-width: 768px) {
}
body {
	margin: 0;
}
img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
h2 {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}
h3 {
	margin: 0;
	margin-bottom: 8%;
}
h4 {
	text-align: center;
	font-size: 28px;
	background-color: #A67C52;
	padding: 5px;
	color: #fff;
}
@media only screen and (max-width: 768px) {
	h4 {
		font-size: 18px;
	}
}
p {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}
@media only screen and (max-width: 768px) { 
	body {
		font-size:14px;
	}
}
@media only screen and (max-width: 768px) {
	#btn_area {
		display: none;
	}
}
.red_font {
	color: #ff0000;
}
/*----------------------------------------------------
  .ボタン
----------------------------------------------------*/
.body-in {
    position: relative;
}
.float-button__wrap {
    display: none;/*最初は隠す*/
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 10;
	max-width: 768px;
}
.sp-area{
	display: none !important;
}
@media only screen and (max-width: 768px) {
	.sp-area{
		display: block !important;
		background-color: #ff0000;
	}
}
.sp-btn {
	display: flex;
	justify-content: space-around;
	padding: 8px 5px;
}
.sp_btn-img {
	width: 90%;
	margin: auto;
}
.sp_btn-img img {
	width: 100%;
}
/*----------------------------------------------------
  .コンテンツCSS
----------------------------------------------------*/

#cont-w {
	width: 100%;
    max-width: 768px;
	margin: auto;
}
@media only screen and (max-width: 768px) { 
	#cont-w {
		max-width: 100%;
	}
}
h1 {
	margin: 0;
}
figure {
	margin: 0;
}

#lp01 {
	position: relative;
	margin-top: 0;
}
.lp01-icon01 {
	position: absolute;
    top: 0.4%;
    right: 0;
    z-index: 4;
    width: 53%;
}
.lp01-icon02 {
	position: absolute;
    top: 6%;
    left: 25%;
    z-index: 4;
    width: 50%;
}
.lp01-icon03 {
	position: absolute;
    top: 9%;
    left: 16%;
    z-index: 4;
    width: 66%;
}
.lp01-icon04 {
	position: absolute;
    top: 18.3%;
    left: 0%;
    z-index: 4;
}
.lp01-icon05 {
	position: absolute;
    top: 20.8%;
    left: 17%;
    z-index: 4;
    width: 69%;
}
.lp01-icon06 {
    position: absolute;
    top: 21.2%;
    right: 2.5%;
    z-index: 5;
    width: 6.8%;
}
.lp01-icon07 {
    position: absolute;
    top: 24.6%;
    right: 2%;
    z-index: 5;
    width: 22%;
}
.lp01-icon08 {
    position: absolute;
    top: 23.3%;
    left: 4%;
    z-index: 7;
    width: 16.5%;
}
.lp01-icon09 {
    position: absolute;
    top: 27.5%;
    left: 0%;
    z-index: 6;
}
.lp01-icon10 {
    position: absolute;
    top: 34.8%;
    left: 0%;
    z-index: 6;
}
.lp01-icon11 {
    position: absolute;
    top: 46.8%;
    left: 10%;
    z-index: 6;
    width: 80%;
}
.lp01-icon12 {
    position: absolute;
    top: 48.8%;
    left: 16.5%;
    z-index: 6;
    width: 69%;
}
.sub_text {
	position: absolute;
    top: 53.8%;
    z-index: 6;
    text-align: center;
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    line-height: 31px;
}
@media only screen and (max-width: 768px) {
	.sub_text {
		top: 53.8%;
		font-size: 12.5px;
        line-height: 19px;
	}
}
.lp01-icon13 {
    position: absolute;
    top: 58.3%;
    right: 9.5%;
    z-index: 6;
    width: 62%;
}
.lp01-icon14 {
    position: absolute;
    top: 62.8%;
    left: 11.5%;
    z-index: 6;
    width: 79%;
}
.lp01-icon15 {
    position: absolute;
    top: 72%;
    left: 7.5%;
    z-index: 6;
    width: 62%;
}
.lp01-icon16 {
    position: absolute;
    top: 73.5%;
    left: 11%;
    z-index: 6;
    width: 79%;
}
.lp01-icon17 {
    position: absolute;
    top: 85.8%;
    right: 9.5%;
    z-index: 6;
    width: 62%;
}
.lp01-icon18 {
    position: absolute;
    top: 91%;
    left: 11.5%;
    z-index: 6;
    width: 79%;
}
.lp01-fubuki {
    position: absolute;
    top: 0%;
    z-index: 6;
    width: 100%;
}
#lp02 {
	position: relative;
	margin-top: 0;
	background-image: url("../img/lp02_bk");
	background-size: 100%;
	background-repeat: repeat-y;
	padding: 33% 0 8% 0;
}
@media only screen and (max-width: 768px) {
	#lp02 {
		padding: 33% 0 5% 0;
	}
}
.lp02-icon01 {
    position: absolute;
    top: 9.8%;
    left: 10%;
    z-index: 4;
    width: 80%;
}
@media only screen and (max-width: 768px) {
	.lp02-icon01 {
		left: 14%;
		width: 73%;
	}
}
.lp-text {
    width: 96%;
	margin: auto;
}
.lp-text p {
	margin: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4em;
	color: #fff;
}
@media only screen and (max-width: 768px) {
	.lp-text p {
		font-size: 10px;
	}
}
#lp03 {
	position: relative;
	margin-top: 25px;
}
.lp03-icon01 {
    position: absolute;
    top: 3.8%;
    left: 13.5%;
    z-index: 4;
    width: 73%;
}
.lp03-icon02 {
    position: absolute;
    top: 6%;
    left: 4.5%;
    z-index: 4;
    width: 91%;
}
.lp03-icon03 {
    position: absolute;
    top: 10.2%;
    left: 8.5%;
    z-index: 4;
    width: 84%;
}
.lp03-icon04 {
    position: absolute;
    top: 12.5%;
    z-index: 6;
}
.lp03-icon05 {
    position: absolute;
    top: 16.2%;
    z-index: 7;
}
.lp03-icon06 {
    position: absolute;
    top: 20.5%;
    z-index: 8;
}
.lp03-icon07 {
    position: absolute;
    top: 0%;
    left:0%;
    z-index: 3;
}
.lp03-icon08 {
    position: absolute;
    top: 29.5%;
    left: 13%;
	z-index: 4;
	width: 72%;
}
.lp03-icon09 {
    position: absolute;
    top: 32%;
    left: 5%;
	z-index: 4;
	width: 90%;
}
.lp03-icon10 {
    position: absolute;
	top: 42.5%;
    right: 8%;
    z-index: 5;
    width: 39%;
}
.lp03-icon11 {
    position: absolute;
    top: 56%;
    left: 5%;
	z-index: 4;
	width: 90%;
}
.lp03-icon12 {
    position: absolute;
	top: 66.5%;
    right: 8%;
    z-index: 5;
    width: 39%;
}
.lp03-btn01 {
	position: absolute;
    top: 49.5%;
    left: 5%;
	z-index: 4;
	width: 90%;
}
.lp03-btn02 {
	position: absolute;
    top: 73.5%;
    left: 5%;
	z-index: 4;
	width: 90%;
}
.lp03-icon13 {
    position: absolute;
	top: 82%;
    left: 5%;
	z-index: 4;
	width: 90%;
}
.lp03-icon14 {
    position: absolute;
	top: 81%;
    left: 5%;
    z-index: 5;
    width: 16%;
}
.lp03-icon15 {
    position: absolute;
	top: 90.5%;
    right: 10%;
    z-index: 5;
    width: 21%;
}
#lp04 {
	background-color: #ed781e;
	margin-top: 25px;
	padding: 8% 0;
}
.title-area {
	width: 80%;
	margin: auto;
	margin-bottom: 6%;
}
.choose {
	background-color: #fff5dc;
	width: 80%;
	margin: auto;
	border-radius: 15px;
	padding: 3% 5% 8% 5%;
}
.choose h2 {
	font-size: 30px;
	text-align: center;
	color: #e94709;
	font-weight: 600;
	margin: 3% 0;
	line-height: 40px;
}
@media only screen and (max-width: 768px) {
	.choose h2 {
		font-size: 15px;
		line-height: 21px;
	}
}
.choose p {
	font-size: 21px;
	margin-top: 0;
}
@media only screen and (max-width: 768px) {
	.choose p {
		font-size: 10.5px;
	}
}
.choosebox-title {
	margin: 6% 0;
}
.choosebox-text {
	margin-bottom: 5%;
}
.choosebox-img {
	position: relative;
	margin: 0;	
}
.choosebox-moji01 {
	position: absolute;
	bottom: 5%;
	right: 0%;
	width: 50%;
}
.choosebox-moji02 {
	position: absolute;
	top: 4%;
    left: 3%;
    width: 52%;
}
.choosebox-moji03 {
	position: absolute;
	top: 4%;
    left: 3%;
    width: 48%;
}
.choosebox-moji04 {
	position: absolute;
	bottom: 4%;
    right: 4%;
    width: 50%;
}
.choosebox-moji05 {
	position: absolute;
	top: 5%;
    right: 5%;
    width: 51%;
}
.choosebox-moji06 {
	position: absolute;
	top: 5%;
    left: 5%;
    width: 43%;
}
.choosebox-moji07 {
	position: absolute;
	bottom: 4%;
    right: 4%;
    width: 39%;
}
.choosebox-moji08 {
	position: absolute;
	bottom: 6%;
    left: 4%;
    width: 35%;
}
.point-box {
	width: 54%;
	margin: auto;
	margin-bottom: 3%;
}
@media only screen and (max-width: 768px) {
	.point-box {
		font-size: 11.5px;
	}
}
.txt_c {
	text-align: center;
}
.img-w {
	margin-top: 7%;
}
.point-text {
	font-size: 24px !important;
}
@media only screen and (max-width: 768px) {
	.point-text {
		font-size: 11.5px !important;
	}
}
.top-btn {
	width: 60%;
	margin: auto;
	margin-top: 8%;
	margin-bottom: 8%;
}
#lp05 {
	background-color: #ed781e;
	margin-top: 25px;
	padding: 8% 0;
}
.shop-title-area {
	width: 57%;
	margin: auto;
	margin-bottom: 6%;
}
.shop_name {
	margin-top: 5%;
	margin-bottom: 2%;
}
.shop_tel {
	width: 66%;
	margin: auto;
}
.shop_add {
	margin-top: 2%;
}
.shop-url {
	text-align: center;
}
.shop-url p{
	margin: 0;
	padding: 0;
	font-size: 26px;
	font-weight: 600;
}
.shop-url a{
	color: #00a99d;
	text-decoration: none;
}
.url_kaji a {
	color: #e72b53 !important;
}
.url_kakamigahara a {
	color: #46a043 !important;
}
@media screen and (max-width: 768px) {
	.shop-url p {
		font-size: 14.5px;
	}
}
.googlemap {
    margin: 5% 0 7% 0;
}
iframe {
	border-radius: 15px;
}
@media only screen and (max-width: 768px) {
	iframe {
		width: 100% !important;
		height: 300px !important;
	}
}
.shop-area {
	padding-bottom: 1% !important;
}
@media only screen and (max-width: 768px) {
	.shop-area {
		padding-bottom: 1px !important;
	}
}
#info {
	background-color: #ffeb6c;
	padding-top: 5%;
	padding-bottom: 2%;
}
#info h3 {
	text-align: center;
	color: #ff0000;
	margin-bottom: 4%;
}
.info_txet {
	text-align: center;
}
.info_txet p {
	font-size: 20px;
}
@media only screen and (max-width: 768px) {
	.info_txet p {
        font-size: 10.5px;
    }
}
.info_btn {
	width: 60%;
	margin: auto;
	margin-bottom: 4%;
}
#footer {
	padding-bottom: 63px;
	background-color: #ed781e;
}