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

	header { padding-bottom: 16%; }

}

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

	header { padding-bottom: 22%; }

}





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

	.pc-only { display: none; }
	.sp-only { display: block; }

	.c_btn { margin-left: 0; }

	/* MAIN */
	header {
		padding: 0;
    max-height: 0;
		min-height: 100px;
		padding: 10px 12px;
	}
	.hdr_logo {
		width: 185px;
  	max-width: 100%;
	}
	.banner { padding: 0;  }
	.banner:before {
		height: 12px;
		bottom: 10px;
	}
	.ban_con {
		padding: 0 0 27%;
		margin: 0;
		top: 0;
	}
	.ban_mvs { display: block; }
	.ban_mvs .pc-only { display: none; }
	.ban_mv1 { 
		margin-top: -30px;
    display: inline-block;
		width: 80%;
    max-width: 600px;
	}
	.ban_mv2 { 
		position: static;
		width: 81%;
  	max-width: 600px;
		margin-top: -20px;
	}
	.ban_mv-s { 
		margin: 15px 0 0;
		display: flex;
		justify-content: center;
		gap: 16px;
	}
	.ban_mv4 { 
		margin: 0;
		top: -30px;
		position: relative;
	}
	.ban_mv-s img {
		width: 40%;
  	max-width: 40%;
	}
	.deng_1 {
		top: -32%;
    left: auto;
    right: 5%;
    z-index: 1;
    width: 11%;
	}
	.deng_2 {
		top: -20%;
    left: auto;
    z-index: 1;
    width: 13%;
    right: 15.5%;
	}
	.deng_3 {
		top: -25%;
    right: auto;
    left: 4%;
    width: 13%;
    z-index: 1;
	}

	.ban_mv5 { margin-top: 37px; max-width: 100%; }
	.ban_mv5.pc-only { display: none; }
	.ban_mv5.sp-only { display: block; }


	.sec1 { padding: 0 20px 15%; }
	.sec1_ttl { margin-top: -17%; }
	.sec1.sp-only { display: block; }


	.sec2 { padding: 0 20px 25%; }
	.sec2:before {
		height: 12px;
		top: 10px;
	}
	.sec2:after {
		height: 12px;
		bottom: 10px;
	}
	.sec2_info { margin-top: -45px; }
	.sec2_ttl { margin-top: -8%; }
	.sec2_list {
		flex-direction: column;
		align-items: center;
		width: 81%;
		margin: 25px 0 27px;
	}
	.sec2_list .w-top { margin: 0; }
	.sec2_img6 { 
		width: 68%;
		margin-bottom: 6px;
	}
	.sec2_imgs { margin-top: 27px; }


	.sec3 { padding: 0 20px 40px; }
	.sec3_ttl { margin-top: -16%; }
	.sec3_info { margin: 0 0 33px; }
	.sec3_list { 
		width: 81%;
		align-items: center;
		gap: 16px;
		margin-bottom: 30px;
	}
	.sec3_img12 { width: 75%; }


	.sec4 { padding: 60px 0 50px; }
	.sec4:before {
		height: 12px;
		top: 10px;
	}
	.sec4_imgplan {
		position: static;
    transform: none;
    width: calc(100% - 18px);
    margin: 20px auto;
	}
	.sec4_img1 {
		display: flex;
		margin-left: auto;	
	}
	.sec4_img { width: 81%; }


	.sec5 { padding: 30px 0 0; }
	.sec5_con {
		flex-direction: column;
		gap: 0;
	}
	.sec5_logo { 
		width: 100%;
		height: auto;
	}
	.sec5_logo img { width: 98px; }
	.sec5_txt { 
		font-size: 16px;
		line-height: 24px;
		width: 100%;
		padding: 20px 20px 30px;
	}



	/* Fixed Button */
	.fixed_btn { 
		display: block;
	}





	/* FOOTER */
	 footer {
      padding: 40px 20px 45px;
    }
		.footer__nav { gap: 20px; }
		.footer__nav li a {  font-size: 12px; }
		.footer__nav li:not(:last-child):after {
			right: -11px;
  		top: 58%;
		}
    .footer-img {
       max-width: 130px;
    }


}