@charset "utf-8";


/* h1タイトル */
.knz-title {
	margin-top: 5%;
	align-items: center;
	text-align: center;
}

.knz-title h1 {
	color: #003366;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-size: 3vw;
	line-height: 4vw;
}

/* mobile devices */
@media (max-width: 767px) {

  	.knz-title{
		margin-top: 8%;
		margin-bottom: 5%;
		align-items: center;
		text-align: center;
	}
  	.knz-title h1{
		color: #003366;
		font-family: 'Inter';
		font-style: normal;
		font-weight: 700;
		font-size: 5vw;
		line-height: 8vw;
	}

}


/* banner-pc */
.pc-banner { display: block !important; margin-top: 2%;}
.sp-banner { display: none !important; }
 
/* banner-sp */
@media only screen and (max-width: 767px) {
    .pc-banner { display: none !important; }
    .sp-banner { display: block !important; margin-top: 2%;}
}


/*SP-Banner-2*/
.sp-banner-2 { display: none !important; }
 
/* banner-sp */
@media only screen and (max-width: 767px) {
	.sp-banner-2 { display: block !important;}
    .sp-banner-2 img {margin-top: 0%;}
    .sp-banner-2 img:nth-child(2) {margin-top: -1%;}
}


/* center-image-pc */
.content-image { 
	display: block !important; 
	margin-top: 10%; 
	margin-left: 25%; 
	margin-right: 25%;
	width: 50%;
}
 
/* mobile devices */
@media only screen and (max-width: 767px) {
    .content-image { 
    	display: block !important; 
    	margin-top: 10%; 
    	margin-left: 10%; 
    	margin-right: 10%;
    	width: 80%;
    }
}





.knz-mid-head {
	margin-top: 10%;
	align-items: left;
	margin-left: 10%;
	width: 40%;
}

/* mobile devices */
@media (max-width: 767px) {
  	.knz-mid-head{
  		width: 60%;
		margin-top: 10%;
		margin-bottom: 5%;
		align-items: left;
		margin-left: 10%;
	}
}



.strength-image-sp { 
	display: none !important;
}
 
/* mobile devices */
@media only screen and (max-width: 767px) {
    .strength-image-sp { 
    	display: block !important; 
    	margin-top: 2%; 
    	margin-left: 10%; 
    	margin-right: 10%;
    	width: 80%;
    }
}

.strength-image-narrow-sp { 
	display: none !important;
}
 
/* mobile devices */
@media only screen and (max-width: 767px) {
    .strength-image-narrow-sp { 
    	display: block !important; 
    	/*margin-top: 2%; 
    	margin-left: 20%; 
    	margin-right: 20%;
    	width: 60%;*/
    }
}


/* 2カラム */
.knz-2-column {
	display: flex;
	width: 90%;
	margin-top: 5%;
	/*margin-left: 10%;
	margin-right: 10%;*/
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.knz-2-column {
		display: block;
		width: 90%;
		margin-top: 10%;
		margin-left: 5%;
		margin-right: 5%;
	}
}


/* 2カラム - 画像 */
.knz-2-column img {
	width: 40%;
	margin-left: 10%;
}
/* mobile devices */
@media only screen and (max-width: 767px) {
	.knz-2-column img {
		width: 100%;
		margin-left: 0%;
		margin-top: 5%;
		/*position: relative;*/
	}
}



/* 問い合わせ */
.knz-button-inquiry {
	margin-top: 7%;
	margin-bottom: 7%;
	display: flex;
}

.knz-button-inquiry a {
	/**display: inline-block;**/
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    padding: 1vw 0;
    width: 45%;
    font-size: 3.5vw;
    font-weight: 800;
    color: #fff;
    text-align: center;
    background-color: #003366;
    border-radius: 10vw;
    border: double 10px #fff;
}


/* mobile devices */
@media (max-width: 767px) {
	.knz-button-inquiry {
		margin-top: 10%;
		margin-bottom: 10%;
		display: flex;
	}

	.knz-button-inquiry a {
	/**display: inline-block;**/
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    padding: 5vw 0;
    width: 50%;
    font-size: 5vw;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background-color: #003366;
    border-radius: 10vw;
    border: double 5px #fff;
	}
}


.knz-button-inquiry a:nth-child(2) {
  background-color: #F19123;
}




/* FAQ + Rotate */
.faq{
	position: relative;
}

.content-image-2 { 
	display: block !important; 
	margin-top: 10%; 
	margin-left: 32.5%;
	margin-right: 32.5%;
	width: 35%;
}
 
/* mobile devices */
@media only screen and (max-width: 767px) {
    .content-image-2 { 
    	display: block !important; 
    	margin-top: 10%; 
    	margin-left: 22.5%; 
    	margin-right: 22.5%;
    	width: 55%;
    }
}


.rotate-faq{
	position: absolute;
	width: 20%;
	left: 80%;
	top: 25%;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.rotate-faq{
		display: none;
		/*position: absolute;
		width: 15%;
		left: 85%;
		top: 32%;*/
	}
}


.content-image-3 {
	display: block !important; 
	margin-top: 5%; 
	margin-left: 20%;
	margin-right: 20%;
	width: 60%;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
    .content-image-3 { 
    	display: block !important; 
    	margin-top: 5%; 
    	margin-left: 3%;
    	width: 97%;
    }
}



/* center-image-pc-4 */
.content-image-4 { 
	display: block !important; 
	margin-top: 10%; 
	margin-left: 25%; 
	margin-right: 25%;
	width: 50%;
}
 
/* mobile devices */
@media only screen and (max-width: 767px) {
    .content-image-4 { 
    	display: block !important; 
    	margin-top: 10%; 
		margin-left: 0%; 
		margin-right: 0%;
    	width: 100%;
    }
}


/* 2カラム-2 */
.knz-2-column-2 {
	display: flex;
	width: 95%;
	margin-right: 5%;
	margin-top: 5%;
	/*margin-left: 10%;
	margin-right: 10%;*/
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.knz-2-column-2 {
		display: block;
		width: 90%;
		margin-top: 10%;
		margin-left: 5%;
		margin-right: 5%;
	}
}


/* 2カラム - 画像 */
.knz-2-column-2 img {
	width: 45%;
}
.knz-2-column-2 img:nth-child(2)  {
	width: 50%;
	height: 70%;
	margin-left: 5%;
	margin-top: 20%;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.knz-2-column-2 img {
		width: 100%;
		margin-left: 0%;
		/*position: relative;*/
	}
	.knz-2-column-2 img:nth-child(2)  {
		width: 100%;
		margin-left: 0%;
		margin-top: 5%;
	}	
}





/* 2カラム-3 */
.knz-2-column-3 {
	display: flex;
	width: 95%;
	margin-right: 5%;
	margin-top: 5%;
	/*margin-left: 10%;
	margin-right: 10%;*/
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.knz-2-column-3 {
		display: block;
		width: 90%;
		margin-top: 10%;
		margin-left: 5%;
		margin-right: 5%;
	}
}


/* 2カラム - 画像 */
.knz-2-column-3 img {
	width: 45%;
}
.knz-2-column-3 img:nth-child(2)  {
	width: 50%;
	height: 70%;
	margin-left: 5%;
	margin-top: 7%;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.knz-2-column-3 img {
		width: 100%;
		margin-left: 0%;
		/*position: relative;*/
	}
	.knz-2-column-3 img:nth-child(2)  {
		width: 100%;
		margin-left: 0%;
		margin-top: 5%;
	}	
}




/* その他 */
.spacer{
	margin-top: 10%;
}

.half-spacer{
	margin-top: 5%;
}

.slider-spacer{
	margin-top: 10%;
	margin-bottom: 10%;
}