/* .spOnly{ display: none; } */
/* .pcOnly{ display: block; } */



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


	.lf_h2 .lf_txt{
		font-size: 33px;
	}

	.lf_top_page #lf_main_view .lf_main_pc{
		max-width: 768px;
	}


	.lf_top_page .lf_example_wrap dl > dt .lf_img{
		text-align: center;
	}


	.lf_top_page .lf_qa_wrap > dl > dt .lf_dt_w{
		max-width: 712px;
	}

	.lf_top_page .lf_qa_wrap > dl > dd .lf_dd_w{
		max-width: 712px;
	}
	.lf_top_page .lf_qa_wrap > dl > dt .lf_dt_w .lf_txt{
		font-size: 24px;
	}


	.lf_top_page .lf_example_wrap dl > dd .lf_box .lf_middle .lf_sp{
		display: inline;
	}



}



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

	html {
	  width: 1024px;
	}




}







@media screen and ( max-width:959px ) {
/* ================================================== VIEWPORT Tablet 959px = */
/* ============================================================= START!!!!! = */

/* .spOnly{ display: block; } */
/* .pcOnly{ display: none; } */




h1{
}


h2{
	font-size: 1.5rem;
}

h3{
	font-size: 1.35rem;
}

h4{
	font-size: 1.25rem;
}

h5{
	font-size: 1rem;
}

h6{
	font-size: 3rem;
}

span{
}


strong {
	font-size: 1.25em;
	letter-spacing: 0rem;
}




/* -- COMMON / colSet ------------------------------------------------------- */
.col {
	width: 100%;
	min-width: 100%;
	max-width: none;
}

.col.w55p{
	width: 95%;
	min-width: 95%;
	max-width: 95%;
}


/* ---- section.tri ---- */
.col.tri .colIn {
	width: calc(100% / 3 - 0.25rem);
}


/* ---- .col.fix.tri-1 ---- */
.col.fix.tri-1 {
	flex-wrap: wrap;
}

.col.fix.tri-1 .colIn:first-of-type ,
.col.fix.tri-1 .colIn:last-of-type {
	width: 100%;
	min-width: 100%;
	max-width: none;
}


.col.title {
	margin-bottom: 2rem;
}



p.ctaBtn a {
	border-radius: 0.25rem;
	padding: 0.5rem 1.75rem;
}

p.ctaBtn a span {
	width: 3rem;
	height: 3rem;
}

p.ctaBtn a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
}




/* -- .cta ------------------------------------------------------------------ */
.cta {
	padding-right: 1rem;
	padding-left: 1rem;
}

.cta .col .colIn img.cta_img {
	width: 42%;
	left: -40px;
}

.cta .col .colIn > div {
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: 19%;
}

.cta .col .colIn > div div.ctaTxt .cta_book {
	top: -15%;
	right: -50px;
	width: 30%;
}

.cta .col .colIn > div div.ctaTxt h4 {
	padding: 0.75rem 9rem 0.75rem 5rem;
}

.cta .col .colIn > div div.ctaTxt h3 {
	padding: 0.75rem 1rem 0.75rem 8rem;
}

.cta .col .colIn > div div.ctaTxt p  {
	padding: 0.75rem 11rem 0.75rem 8rem;
}

.cta .col .colIn > div div.ctaTxt p {
	padding: 1.15rem 1rem 0.75rem 8rem;
}


.cta .col .colIn > div ul li.cta_tel {
	display: none;
}

.cta .col .colIn > div ul li {
	width: 100%;
}












/* -- header ---------------------------------------------------------------- */





/* -- footer ---------------------------------------------------------------- */




/* -- #mainVisual ----------------------------------------------------------- */
#mainVisual {
	padding: 0 2rem;
	background-position: 50% 68%;
	background-size: auto 120%;
}

#mainVisual .colIn {
	padding-top: 1rem;
	padding-bottom: 2rem;
}

#mainVisual .colIn .main_left {
	width: 54%;
}

#mainVisual .colIn .main_left .main_left_top ,
#mainVisual .colIn .main_left .main_left_bottom {
	padding: 0;
}

#mainVisual .colIn .main_right {
	width: 60%;
	right: -8%;
}

#mainVisual .colIn p.ctaBtn a {
	border-radius: 0.25rem;
	padding: 0.5rem 2.5rem;
}




/* -- #point ---------------------------------------------------------------- */
#point .colIn div p {
	font-size: 1rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}



/* -- #merit ---------------------------------------------------------------- */
#merit .tri figure h6 {
	top: 0rem;
	left: 0rem;
	font-size: 3.5rem;
}

#merit .tri figure img {
	width: 10rem;
	height: 10rem;
}

#merit .tri figure p {
	bottom: 0.25rem;
	font-size: 1.05rem;
}


/* -- #flow ----------------------------------------------------------------- */
#flow .col.qua .colIn {
	width: calc(100% / 2 - 10px);
	max-width: 100%;
	margin-bottom: 1rem;
}

#flow .qua .colIn div {
}


#flow .qua .colIn div img {
	width: 100%;
	max-width: none;
}

#flow .qua .colIn div h6 {
}





/* -- #case ----------------------------------------------------------------- */
#case .col.tri .colIn {
	/* width: 100%;
	max-width: 100%; */
}

#case .tri .colIn dl dt br {
	display: none;
}

#case .tri .colIn dl dd .ansTxt br {
	display: none;
}



/* -- #appeal --------------------------------------------------------------- */
#appeal .col.tri .colIn {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0.5rem;
}

#appeal .tri .colIn div {
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f2f2f2;
}

#appeal .tri .colIn div img {
	width: 40%;
}

#appeal .tri .colIn div p {
	width: 60%;
	font-size: 1.25rem;
}





/* -- #faq ------------------------------------------------------------------ */
#faq .single .colIn div {
	padding: 2rem 3rem;
	border-radius: 0.5rem;
}









/* -- LUFT --------------------------------------------------------- */



/* -- LUFT h1~ --------------------------------------------------------- */
.lf_h2 .lf_txt{
	font-size: 33px;
}



/* -- LUFT .lf_top_page --------------------------------------------------------- */
.lf_top_page .lf_4points_wrap > ul > li{
	width: 80%;
	margin: 0 auto;
}
.lf_top_page .lf_4points_wrap > ul > li:nth-child(odd){
	float: none;
	padding-right: 0px;
}
.lf_top_page .lf_4points_wrap > ul > li:nth-child(even){
	float: none;
	padding-left: 0px;
}


.lf_top_page .lf_4points_wrap > ul > li > dl{
	height: auto;
}


















/* ================================================== VIEWPORT Tablet 959px = */
/* ============================================================== END!!!!! == */
}