@charset "utf-8";
@media only screen and (max-width: 979px) {

		/*--------------------
			common
		--------------------*/
		
		body {
			font-size:1rem;
		}
		
		section .inner {
			padding: 2rem 3%;
			width: auto !important;
		}
		.fl,
		.fr {
			clear: both;
			padding: 0 !important;
			float: none;
			width: auto !important;
		}
		.alignleft,
		.alignright,
		.aligncenter {
			display: block;
			float: none !important;
			margin: 0px auto 10px !important;
		}
		.pc {
			display: none;
		}
		.sp {
			display: inline-block;
		}
		img {
			max-width:100%;
			height:auto;
			margin:10px auto;
			display:block;
		}
		
		#lp-onayami:before,
		#t-lpexample:before,
		#t-lpform:before {
			border-width: 40px;
			margin-left: -40px;
			border-top-width: 24px;
		}


	/*--------------------
		lp-main
	--------------------*/

	/*  lp-main
	------------------------*/

	#lp-main {
		height: 400px;
	}

	#lp-main .inner {
		padding: 20px 5%;
	}

	#lp-main h1 .mid {
		font-size: 1.6rem;
		line-height: 1.2;
	}

	#lp-main h1 .mid img {
		width:auto;
		height:30px;
		display: inline-block;
	}

	#lp-main h1 .lar {
		font-size: 2.3rem;
		line-height: 2.0;
	}

	#lp-main h1 .lar.icon:before,
	#lp-main h1 .lar.icon:after {
		width: 40px;
		top: 70px;
		margin-left: -15px;
	}

	#lp-main .btn01 a {
		margin-top: 1.0rem;
		font-size: 1.4em;
		line-height: 60px;
		height: 65px;
		padding: 0 30px;
	}

	#lp-first {
		margin: -80px 0 -120px;
		padding: 70px 0 140px 0;
	}	

	#lp-first .inner .lp-first-block {
		padding: 20px 180px 0 0;
		min-height: 180px;
		background-size: 160px auto;
		background-position: center right;
	}

	#lp-first .inner .lp-first-block h4 span {
		margin-bottom: 8px;
		font-size: 1.1rem;
	}

	#lp-first .inner .lp-first-block h3 {
		font-size: 1.7rem;
		line-height: 1.5;
	}
		
	#lp-onayami .inner {
		padding: 2rem 3% !important;
		background-size: 150% auto;
		background-position: center right;
	}

	#lp-onayami h2 {
		font-size: 1.8rem;
	}
	
	#lp-onayami h2 span {
		font-size: 2.4rem;
	}
	
	#lp-onayami .lp-first-check ul li {
		font-size: 1.2rem;
		background-position: 0 .8rem;
		background-size: 30px;
	}
	
.lp-s-contents h2 {
		font-size: 2.1rem;
		padding: 0.8rem 0.8rem 1.3rem 0.8rem;
		margin-bottom: 40px;
	}
	
	#lp-onayami p img {
		max-width:50%;
	}
	
	.lp-s-contents h3 {
		font-size: 1.6rem;
	}
	
	.lp-s-contents-3-chart > ul > li {
		width: 31%;
		margin-right: 3.5%;
	}
	
	.lp-s-contents-3-chart > ul > li > dl > dt > h3 {
		font-size: 1.5rem;
		line-height: 1.8rem !important;
		height: 4rem;
	}
	
	.lp-s-contents-3-chart ul li dl dt p {
		font-size: 0.9rem;
		height: 11em;
	}
	
	.lp-s-contents-3-chart > ul > li > dl > dd > h4 {
		font-size: 1.2rem;
	}
	
	.lp-s-contents-3-chart ul li dd .lp-s-contents-3-list li {
		font-size: 1.1rem;
	}
	
	#b-lpexample .b-lpexample-list li {
		padding: 0.2rem 0;
	}
	
	.b-lpexample-voice h2 {
		border-bottom: 36px solid #0f265e;
	}
	
	.b-lpexample-voice .b-lpexample-desc {
		padding: .8rem 1.2rem;
	}
	
	#t-lpresults h2 {
		font-size: 1.5rem;
		line-height: 1.5;
	}
	
	#t-lpresults .inner {
		padding: 1.4rem 3%;
	}
	
	#t-lpform h3 {
		position: relative;
		font-size: 1.0rem;
		display: inline-block;
		padding: 0 30px;
	}
	
	#t-lpform h2 {
		font-size: 1.5rem;
		letter-spacing: 0.15rem;
	}
	
	#b-lpexample .b-lpexample-list dt {
		padding: .5rem 0 .8rem .8rem;
		font-size: 1.3rem;
	}

	#b-lpexample .b-lpexample-list dd {
		margin-left: 21%;
		padding: 0.3rem 0;
		font-size: 1.3rem;
	}
	
	#b-lpresults .b-lpresults-list dt {
		letter-spacing: 0.3rem;
		padding: .5rem .5rem .8rem 0.8rem;
	}
	
	.f-checkbox {
		overflow:hidden;
	}
	
	.f-check {
		width:45%;
		float:left;
	}
	
	.contact-form .f-checkbox input[type="checkbox"]+label p {
		font-size: 0.9rem;
		letter-spacing: 0;
		line-height:1.2;
	}
	
	footer.footer_copyright_wrap {
		display: block;
		text-align:center;
	}
	

}


@media only screen and (max-width: 540px) {
	
	section .inner {
		padding: 1.4rem 3%;
		width: auto !important;
	}
	
	#lp-main {
		height: 300px;
	}

	#lp-main h1 .mid {
		font-size: 1.3rem;
		line-height: 1.1;
	}

	#lp-main h1 .mid img {
		width:auto;
		height:24px;
		display: inline-block;
	}

	#lp-main h1 .lar {
		font-size: 1.6rem;
		letter-spacing:0;
		line-height: 2.1;
	}
	
	#lp-main h1 .lar.icon:before,
	#lp-main h1 .lar.icon:after {
		top: 60px;
	}
	
	#lp-main .btn01 a {
		margin-top: .1rem;
		font-size: 1.2em;
		line-height: 50px;
		height: 55px;
		padding: 0 30px;
	}
	#lp-first {
		margin: -40px 0 -150px;
		padding: 60px 0 160px 0;
	}
	
	.lp-s-contents h2 {
		font-size: 1.4rem;
		padding: 0.5rem 0.5rem 1.0rem 0.5rem;
		margin-bottom: 30px;
	}
	
	#lp-onayami p img {
		max-width:75%;
	}
	
	.lp-s-contents h3 {
		font-size: 1.6rem;
	}
	
	.lp-s-contents-3-chart > ul > li {
		width: 100%;
		margin-right: 0;
		line-height: 1.5 !important;
		float: none;
	}
	
	.lp-s-contents-3-chart > ul > li > dl > dt > h3 {
		height: auto !important;
		line-height:2.2rem !important;
		margin-bottom: 0.8rem !important;
	}
	
	.lp-s-contents-3-chart ul li dl dt p {
		height: auto !important;
	}
	
	.lp-s-contents-3-chart ul li dd .lp-s-contents-3-list li {
		font-size: 0.9rem;
	}
	
	.lp-s-contents h3 {
		font-size: 1.4rem;
	}
	
	.lp-s-contents-5-list li {
		font-size: 1.1rem;
	}
	
	#t-lpexample h2 {
		font-size: 1.6rem;
		line-height: 1.5;
		margin-bottom: 0.4rem;
	}
	
	#t-lpexample h2 span {
		font-size: 1.1rem;
		margin-top: 0.2rem;
	}
	
	#b-lpexample .b-lpexample-list dt {
		float: none;
		width: auto;
		display: inline-block;
		padding: .6rem 0.5em 0.8rem 1.0rem;
		font-size: 1.0rem;
		letter-spacing: 0.5rem;
		line-height: 1.0;
	}
	
	#b-lpexample .b-lpexample-list dd {
		margin-left: 1rem;
		font-size: 1.1rem;
	}
	
	#b-lpresults .b-lpresults-list dt {
		padding: .6rem 0.5em 0.8rem 1.0rem;
		font-size: 1.0rem;
		letter-spacing: 0.5rem;
		line-height: 1.0;
	}

	#b-lpresults .b-lpresults-list dd {
		margin-left: 1rem;
		font-size: 1.1rem;
	}
	
	#b-lpresults .b-lpresults-voice .fl {
		width: 70% !important;
		margin:0 auto 10px;
	}
	
	#b-lpresults .b-lpresults-voice .fl p {
		font-size: 0.9rem;
		line-height: 1.5;
	}
	
	#b-lpresults .b-lpresults-voice h3 {
		font-size: 1.5rem;
		margin-bottom: .6rem;
	}
	
	#b-lpfaq h2 {
		font-size: 1.8rem;
	}
	
	#b-lpfaq .b-lpfaq-list dt:before,
	#b-lpfaq .b-lpfaq-list dd:before {
		left: -42px;
		width: 42px;
		height: 42px;
		background-size:42px 42px;
	}
	
	#b-lpfaq .b-lpfaq-list dt {
		margin-left: 42px;
		margin-bottom: 1.2rem;
		padding: 0.1rem 0.6rem;
		font-size: 1.2rem;
	}
	
	#b-lpfaq .b-lpfaq-list dd {
		margin-left: 42px;
		font-size: 1.0rem;
		padding: 1.0rem 0.8rem;
	}
	
	#b-lpfaq .b-lpfaq-list dd ul li {
		font-size: 1.0rem;
	}
	
	#lp-promo {
		margin: 0 0 -30%;
		padding: 0 0 90px 0;
	}
	
	#lp-promo .inner {
		padding: 50px 3% 0 3%;
	}
	
	.contact-form .f-selectbox select, .contact-form .f-text {
		padding: .5em .7em;
	}
	
	.contact-form .f-text {
		width: 42%;
	}
	
	.contact-form .full-width {
		width: 100%;
	}
	
	.contact-form .contact-form_label {
		font-size: 1.0rem;
		margin-bottom: 0.3em;
	}
	
	.contact-form .contact-form_row {
		margin-bottom: 1em;
	}
	
	.contact-form textarea {
		font-size:1rem;
	}
	
	.contact-policy_content {
		padding: .8em;
	}
	
	.contact-policy h3 {
		font-size: 1.2rem;
		margin: 1em 0;
	}
	
	a.btn_one {
		height: 60px;
		padding: 0 10% 0 6%;
		font-size: 18px;
	}
	
	.notes_required label {
		font-size: 1rem;
	}
	
	a.btn_one:before {
		width: 7px;
		height: 7px;
		top: 42%;
	}
	
	#lp-onayami .lp-first-check ul li {
		font-size: 1.0rem;
	}
	
	
	
	
	
	
}


@media only screen and (max-width: 375px) {
	#lp-main .inner {
		padding: 10px 4%;
	}
	#lp-main {
		height: 240px;
	}
	#lp-main h1 .mid {
		font-size: 1.0rem;
		line-height: 1.1;
	}
	#lp-main h1 .lar {
		font-size: 1.4rem;
		letter-spacing: 0em;
	}
	#lp-main h1 .lar.icon:before, #lp-main h1 .lar.icon:after {
		top: 45px;
		width: 24px;
	}
	#lp-main .btn01 a {
		font-size: 1.0em;
		line-height: 40px;
		height: 45px;
		padding: 0 20px;
	}
	#lp-first .inner .lp-first-block {
		padding: 20px 125px 0 0;
		background-size: 120px auto;
		background-position: center right;
	}
	#lp-first .inner .lp-first-block h3 {
		font-size: 1.4rem;
	}
	#lp-onayami h2 {
		font-size: 1.2rem;
	}
	#lp-onayami h2 span {
		font-size: 1.6rem;
	}
	
	
	
	
}