@charset "utf-8";
/* CSS Document */

.lpWrap{ padding: 1rem; background: #9BD0D4;}
#wrapper{
	width:90%;
	margin:0 auto 50px auto;
	padding:40px 20px 10px 40px;
	background:#FFFFFF;
}
#wrapper h3{background: #9BD0D4; color: #ffffff; font-size: 240%; padding: 1.2rem 0 1rem 2rem;}

h6{}

main{width: 90%; margin: 0 auto; font-size: 180%; text-align: center;}
main p{ clear: both; width: 66%; margin: 2rem auto; font-size: 76%; line-height: 1.8;}
main h1 img{ margin: 0 auto;}
main h2{ background-color: #C80000; color: #FFFFFF; font-size: 150%; padding: 2rem;}
.prac{ background: #FFFFFF; padding-bottom: 3rem;}
.pracBox{ width: 90%; border: #B3DBDE dotted 4px; font-size: 130% !important; margin: 2rem auto; padding: 3rem 0;}
.pracBox h4{ color: #17757C; margin: 1rem 0 2rem 0; padding: 0.7rem; background: linear-gradient(to right, white, #C7E4E7, white);}
.feat{ font-weight: bold; font-size: 130%; padding: 2rem;}
.feat h5{ color: #521819; margin-top: 2rem; padding: 1.2rem 0 1rem 2rem; background: linear-gradient(to right, white, #FDE9E9, white);}
.rate{ background: #EBEBEB; text-align: center; padding: 1rem 0; font-size: 77%;}
.t01{ color:#D11919; font-size: 130%; font-weight: bold;}
.t02{ font-size: 120%; font-weight: bold; padding: 0.5rem 0.3rem 0.5rem 5.5rem; background: url("/lp/camp_usammf_202507/img/mark.png") no-repeat}
.t03{ font-size: 50%;}
.t04{ font-size: 120%; font-weight: bold; color: #3A3A3A;}
.t05{ font-size: 66%; padding-left: 2.2rem;}

/*リストタイプ01*/
.lsttyp01{
	list-style-image:url(/lp/img/mark04.gif);
	color:#444;
	font-size:155%;
	width: 90%;
	margin: 1em auto;
}
.lsttyp01 li{
	margin:0 0 0.8em 0.5em;
	line-height:160%;
}
/*申込問合*/
#how{
	border:#CCC solid 1px;
	background-color:#ffffff;
	width:77%;
	margin:0 auto 20px auto;
	padding:10px 0 20px 0;
	text-align:center;
}
#how img{ margin:8px 10px 8px auto;}
/*リスク*/
.attention{
padding:0;
margin:0 auto 0 auto;
width:77%;
text-align:left;
}
.attention strong{ font-size: 110%;}
.bdBox01{ background-color: #FFFFFF;}

/*↓パソコン*/
@media screen and (max-width: 1385px){}
/*↓スマホ*/
@media screen and (max-width: 768px){

main{width: 100%; font-size: 120%;}
main h1 img{ width: 100% !important; height: auto;}
main h2{ padding:1.3rem !important;}
main p{ width: 96%; margin: 1rem auto; font-size: 94%; line-height: 1.6;}
#wrapper{ width: 100%; padding:0 0.5rem 15px 1rem; margin: 0 0 20px 0; font-size: 80%;}

.feat{ line-height: 1; text-align: left !important;}
.feat img{ width: 100% !important; height: auto;}
.prac img{ width: 90%; height: auto; margin-top: 1rem;}
.pracBox{ padding: 1rem 0 2rem 0;}
.pracBox .t02{ background-size: 36% !important;}
.t02{ padding: 0.2rem 0 0 3rem; background-size: 90%; background-repeat: no-repeat; line-height: 1.4;}
.t03{ padding: 0 !important; font-size: 82%; line-height: 1;}
.t05{ font-size: 70%; padding-left: 0 !important;}

/*申込問合スマホ*/
#how{
	width:100%;
	margin:0 auto 20px auto;
	padding:0 20px 0 20px;
	text-align:center;
}
#how img{width:100%; height: auto; margin:6px auto 18px auto;}
/*リスクスマホ*/
.attention{
padding:0;
margin:0 auto 0 auto;
width:100%;
text-align:left;
}
.attention strong{ font-size: 130%;}
}