@charset "utf-8";



/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For SmartPhone
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:767px){

	/* ///////////////////////////////////////////////////////////// */
	/* =================================================== */
	/* ------------------------------------------ */
	.block > .inner .pageTtlBox{
		padding:0 1em;
	}
	.block > .inner .pageTtlBox h1{
		font-size:clamp(1.6rem, 4.0vw, 3rem);
	}

	/* =================================================== */
	.block > .inner .ppBox .leadTxtBox{
		padding:0 1em;
		margin-top:3%;
	}
	.block > .inner .ppBox .leadTxtBox > p{
		font-size:clamp(1.1rem, 2.9vw, 1.4rem);
		line-height:1.3;
	}

	/* =================================================== */
	.block > .inner .ppBox .ppInner,
	.block > .inner .termsBox .termsInner{
		margin-top:5%;
		padding:5% 1em 0;
		border-top:1px solid #333;
	}

	/* ------------------------------------------ */
	.block > .inner .ppBox .ppInner dl dt,
	.block > .inner .termsBox .termsInner dl dt{
		margin-top:5%;
	}

	.block > .inner .ppBox .ppInner dl dt > h2,
	.block > .inner .termsBox .termsInner dl dt > h2{
		font-size:clamp(1.2rem, 3.0vw, 1.3rem);
		line-height:1.3;
		text-indent:-1.0em;
		padding-left:1.0em;
	}
	.block > .inner .ppBox .ppInner dl dd,
	.block > .inner .termsBox .termsInner dl dd{
		margin-top:2.5%;
	}
	.block > .inner .ppBox .ppInner dl dd > p,
	.block > .inner .termsBox .termsInner dl dd > p{
		padding-left:1.2em;
		font-size:clamp(0.95rem, 2.7vw, 1.1rem);
		line-height:1.3;
	}
	.block > .inner .termsBox .termsInner dl dd > p{
		padding-left:0;
	}
	.block > .inner .ppBox dl dd .contactInfo{
		margin-top:2%;
		padding-left:1.2em;
	}
	.block > .inner .ppBox dl dd .contactInfo h3,
	.block > .inner .ppBox dl dd .contactInfo p{
		font-size:clamp(0.95rem, 2.7vw, 1.1rem);
		line-height:1.4;
	}

	/* ------------------------------------------------------------- */
	.block > .inner .termsBox dl dd ul li{
		margin-top:2%;
	}
	.block > .inner .termsBox dl dd ul li:first-child{
		margin-top:0;
	}
	.block > .inner .termsBox dl dd ul li p{
		padding-left:1em;
		text-indent:-1em;
		font-size:clamp(0.95rem, 2.7vw, 1.1rem);
		line-height:1.4;
	}
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For Desktop & Tablet
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (min-width:768px){

	/* ///////////////////////////////////////////////////////////// */
	/* =================================================== */
	/* ------------------------------------------ */
	.block > .inner .pageTtlBox{
		padding:0 1em;
	}
	.block > .inner .pageTtlBox h1{
		font-size:clamp(1.5rem, 4.5vw, 2.8rem);
	}

	/* =================================================== */
	.block > .inner .ppBox .leadTxtBox{
		padding:0 1em;
		margin-top:20px;
	}
	.block > .inner .ppBox .leadTxtBox > p{
		font-size:clamp(1.2rem, 1.6vw, 1.5rem);
		line-height:1.4;
	}

	/* =================================================== */
	.block > .inner .ppBox .ppInner,
	.block > .inner .termsBox .termsInner{
		margin-top:40px;
		padding:40px 1em 0;
		border-top:1px solid #333;
	}

	/* ------------------------------------------ */
	.block > .inner .ppBox .ppInner dl dt,
	.block > .inner .termsBox .termsInner dl dt{
		margin-top:60px;
	}
	.block > .inner .ppBox .ppInner dl dt:first-child,
	.block > .inner .termsBox .termsInner dl dt:first-child{
		margin-top:0px;
	}
	.block > .inner .ppBox .ppInner dl dt > h2,
	.block > .inner .termsBox .termsInner dl dt > h2{
		font-size:clamp(1.1rem, 1.5vw, 1.4rem);
	}
	.block > .inner .ppBox .ppInner dl dd,
	.block > .inner .termsBox .termsInner dl dd{
		margin-top:15px;
	}
	.block > .inner .ppBox .ppInner dl dd > p,
	.block > .inner .termsBox .termsInner dl dd > p{
		line-height:1.4;
		font-size:clamp(1rem, 1.4vw, 1.3rem);
		padding-left:1.2em;
	}
	.block > .inner .termsBox .termsInner dl dd > p{
		padding-left:0;
	}

	/* ------------------------------------------------------------- */
	.block > .inner .ppBox dl dd .contactInfo{
		margin-top:15px;
		padding-left:1.2em;
	}
	.block > .inner .ppBox dl dd .contactInfo h3,
	.block > .inner .ppBox dl dd .contactInfo p{
		font-size:clamp(1rem, 1.4vw, 1.3rem);
		line-height:1.4;
	}

	/* ------------------------------------------------------------- */
	.block > .inner .termsBox dl dd ul li{
		margin-top:7px;
	}
	.block > .inner .termsBox dl dd ul li:first-child{
		margin-top:0;
	}
	.block > .inner .termsBox dl dd ul li p{
		padding-left:1em;
		text-indent:-1em;
		font-size:clamp(1rem, 1.4vw, 1.3rem);
		line-height:1.4;
	}

	/* =================================================== */

}