@charset "utf-8";
/*-------------------------------------------------
Main Style Sheet
Version : 1.0
Author : ksk
Create date : 2024. 05.
Last update : 2024. 05.
-------------------------------------------------*/


@media all and (max-width: 1400px) {
	.main-visual{
		padding: 0 36rem 0 6rem; 
	}
	.main-visual:after{
		width: 100%;
	}
	.main-visual .section-title{
		font-size: 5rem;
	}
	.main-visual .img{
		right: 12rem;
		width: 23rem;
	}
	
}

@media all and (max-width: 1023px) {
	
	.main-visual .section-title{
		position: relative;
		font-size: 4.6rem;
		z-index: 9;
	}
	[id^="section"] .section-title{
		font-size: 4rem;
	}
	
}

@media all and (max-width: 767px) {
	
	.img-box .zoom-img-btn{
		display: inline-block;		
	}
	
	.main-visual{       
		padding: 10rem 6rem;
	}
	.main-visual .img{
		width: 18rem;
	}
	
	#section01 .container{
		display: block;
	}
	#section01 .section-title{
		margin-bottom: 2rem; 
	}
	
	#section04 .expected-list{
		flex-direction: column;
	}
	
	
}

@media all and (max-width: 590px) {
	
	
	[id^="section"] .section-title,
	.main-visual .section-title{
		font-size: 3.6rem;
	}
	.main-visual{
		min-height: inherit;
		padding: 18rem 6rem 18rem 6rem;    
	}    
	.main-visual .img{
		right: 6rem;
		width: 14rem;
	}
	 
	.main-visual:after {
		background-position-x: 37%;    
		background-size: cover;       
	}
}

@media all and (max-width: 425px) {
	
}