@charset "UTF-8";

.forpc { display: block; }
.forsp { display: none; }
.forpcinline { display: inline; }
.forspinline { display: none; }

.subContents {
	width: 90%;
	min-width: 1100px;
	text-align: left;
	margin: 0 auto;
}

#lnav {
	width: 100%;
	text-align: center;
	background: #fff;
	padding: 20px 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
#lnav .logo {
	width: 137px;
	margin: 0 auto;
}
#lnav ul {
	display: flex;
	position: absolute;
	top: 50%;
	left: 2%;
	transform: translateY(-50%);
}
#lnav ul li {
	line-height: 1;
	margin: 0 20px 0 0;
}
#lnav ul li .icon {
	width: 24px;
	height: 24px;
	fill: #000;
}

.h-type01 {
	font-size: 4.89rem;
	line-height: 1;
	margin-bottom: 30px;
}
.h-type01:first-letter {
	font-size: 159%;
}

#line {
	background: #3aae36;
	padding: 30px 0 0;
}
#line .subContents {
	width: 1080px;
	background: url(../images/line_p_01.png) no-repeat left bottom;
	padding: 60px 0 60px 400px;
	display: flex;
}
#line .subContents .text {
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.6;
	margin-right: 50px;
}
#line .subContents .text div {
	color: #3aae36;
	font-size: 1rem;
	text-align: center;
	background: #fff;
	border-radius: 50px;
	margin-top: 10px;
	padding: 8px 0;
}

footer {
	color: #fff;
	background: #a67eb7;
	padding: 60px 0 40px;
}
footer .logo {
	width: 410px;
	margin: 0 auto 30px;
}
footer .tel {
	font-size: 1.5rem;
	line-height: 1.6;
}
footer .tel a {
	color: #fff!important;
	font-size: 133%;
}
footer .contact {
	display: flex;
	justify-content: center;
}
footer .contact li {
	margin: 0 20px;
}
footer .snss {
	margin: 40px 0;
	display: flex;
	justify-content: center;
}
footer .snss li {
	margin: 0 10px;
}
footer .snss li .icon {
	width: 26px;
	height: 26px;
	fill: #fff;
}
footer .copyright {
	letter-spacing: 2px;
}

#contactFixed {
	color: #fff;
	width: 400px;
	height: 160px;
	background: #000;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 11;
	transition: opacity 1s ease-out;
}
#contactFixed:hover {
	opacity: 1;
	background: #333;
}
#contactFixed p {
	position: absolute;
	top: 85px;
	left: 65px;
}
#contactFixed p::before {
	content: "";
	width: 52px;
	height: 33px;
	background: url(../images/b_contact.png) no-repeat;
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
}
#contactFixed .icon {
	fill: #a67eb7;
	width: 60px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

.drawer-nav .snss {
	margin: 40px 0;
	display: flex;
	justify-content: center;
}
.drawer-nav .snss li {
	margin: 0 10px;
}
.drawer-nav .snss li .icon {
	width: 26px;
	height: 26px;
	fill: #fff;
}

p.indent-1,
ul.indent-1 li {
	text-indent: -1em;
	padding-left: 1em;
}



/* ----------- biggerlink --------- */
.linkarea,
.linkarea a {
	transition: opacity .3s ease-out;
	position: relative;
}
.linkarea a:hover,
.linkarea:hover {
	opacity: .7;
}
.linkarea a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	font-size: 0;
	text-indent: -9999px;
	overflow: visible;
	z-index: 999;
}


/* ----------- jq効果 --------- */
.fadeIn {
	transition: .6s;
	opacity: 0;
	transform: translate(0, 90px); 
}

.fadeIn.active {
	opacity: 1.0;
	transform: translate(0, 0); 
	-webkit-transform: translate(0, 0);
}
.blur {
	filter: blur(5px);
	opacity: 0;
	transition: 1.2s;
}
.blur.active {
	opacity: 1;
	filter: blur(0);
}


.delay1 { transition-delay: .2s; }
.delay2 { transition-delay: .4s; }
.delay3 { transition-delay: .6s; }




/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:756px) {

	.forpc { display: none; }
	.forsp { display: block; }
	.forpcinline { display: none; }
	.forspinline { display: inline; }
	img { width: 100%; }


	.subContents {
		width: 100%;
		min-width: initial;
		padding: 0 5vw;
	}
	#lnav {
		padding: 3vw 0;
	}
	#lnav .logo {
		width: 23.7vw;
	}
	#lnav ul {
	}
	#lnav ul li {
		margin: 0 10px 0 0;
	}
	#lnav ul li .icon {
		width: 20px;
		height: 20px;
	}
	#lnav #menuBtn {
	}

	.h-type01 {
		font-size: 3.2rem;
		margin-bottom: 5vw;
	}
	.h-type01:first-letter {
	}

	#line {
		padding: 0;
	}
	#line .subContents {
		width: 100vw;
		background-size: 37vw auto;
		padding: 7vw 5vw 4vw 40vw;
		display: block;
	}
	#line .subContents .text {
		font-size: 1.15rem;
		margin-right: 0;
	}
	#line .subContents .text div {
		font-size: .9rem;
		margin-top: 5px;
	}
	#line .subContents .qr {
		display: none;
	}

	footer {
		padding: 10vw 0 5vw;
	}
	footer .logo {
		width: 54vw;
		margin: 0 auto 2vw;
	}
	footer .tel {
	}
	footer .tel a {
	}
	footer .contact {
		display: block;
	}
	footer .contact li {
		margin: 0;
	}
	footer .snss {
		margin: 5vw 0;
	}
	footer .snss li {
	}
	footer .snss li .icon {
		width: 8vw;
		height: 8vw;
	}
	footer .copyright {
	}


	#contactFixed {
		display: none;
	}



}