@charset "utf-8";
/*-----ファーストビュー sp-----*/
.first_view{
	padding-top: 60px;
	
	h1{
		position: relative;
		width: min(88%,1620px);
		margin: 0 auto;
		font-size: var(--font-size46);
		letter-spacing: .06em;
		
		&::after{
			position: absolute;
			content: '';
			display: inline-block;
			width: 5%;
			bottom: 50%;
			left: -7%;
			border-bottom: solid 1px #000;
		}
	}
	h2{
		width: min(88%,1620px);
		margin: var(--px30) auto 0;
		font-weight: var(--Regular);
	}

}
/*-----価格 sp-----*/
.price{
	.price_inner{
		width: min(90%,1280px);
		margin: 0 auto;
		padding-top: var(--px60);
		
		.item{
			background-color: #F8F8EE;
			border-radius: var(--px40);
			padding: var(--px30) var(--px50);
			margin-bottom: var(--px40);
			
			h3{
				font-size: var(--font-size24);
				font-weight: var(--Bold);
			}
			.box{
				
				h4{
					font-size: var(--font-size46);
					font-weight: var(--Bold);
					display: flex;
					align-items: center;
					
					span{
						font-size: var(--font-size18);
						padding-left: 1em;
						
						&.month{
							font-size: var(--font-size20);
							padding: 3px 8px 4px;
							border-radius: 5px;
							margin-right: 5px;
							line-height: 1;
							color: #fff;
							background-color: var(--main-color);
						}
					}
				}
				p{
					font-size: var(--font-size24);
					font-weight: var(--Bold);
					color: var(--main-color);
					
					span{
						font-size: var(--font-size18);
						font-weight: var(--Regular);
						color: var(--font-color);
						padding-left: 1em;
					}
				}
			}
		}
	}
  
}
/*-----ボタン sp-----*/
.list_btn{
	width: min(90%,1280px);
	margin: var(--px100) auto 0;
	
	.list{
		position: relative;	
		width: min(90%,640px);
		text-align: center;
		margin: 0 auto;	

		  a{
			  display: inline-block;
			  width: 100%;
			  padding: .8em 10px;
			  border: 1px solid #707070;
			  border-radius: 50px;
			  transition: .5s;
			  background-color: #333;
			  font-size: var(--font-size18);
			  font-weight: var(--Bold);
			  color: #fff;

				&:after{
					display: inline-block;
					content: "";
					position: absolute;
					background-image: url("../images/common/png_04.png");
					width: 20px;
					height: 20px;
					background-size: 20px;
					top: 50%;
					right: 20px;
					transform: translateY(-50%);
					background-repeat: no-repeat;
					background-position: left center;
					transition: .5s;						
				}
			  &:hover{
				  background-color: #fff;
				  color: #333;
				  opacity: 1;

				  &:after{
					background-image: url("../images/common/png_05.png");	  
				}
			  }

		  }
		
		
	  }
}

@media (min-width:768px){
/*-----ファーストビュー tab-----*/
.first_view{
	padding-top: clamp(140px,15vw,190px) ;
}
/*-----価格 tab-----*/

}
@media (min-width:1024px){
/*-----ファーストビュー pc-----*/
.first_view{
	
	h1{
		
		&::after{
			border-bottom: solid 2px #000;
		}
	}
}
/*-----価格 pc-----*/
.price{
	.price_inner{
		
		.item{
			display: flex;
			align-items: center;
			
			h3{
				width: 160px;
			}
		}
	}
  
}


}

@media (min-width:1280px){
/*-----価格 1280-----*/
.price{
	.price_inner{
		
		.item{
			
			h3{
				width: 180px;
			}
		}
	}
  
}	
	
}

@media (min-width:1560px){

@media (min-width:1870px){ 
.first_view{
	
	h1{
		
		&::after{
			width: calc((100vw - 1620px - 1.5em) / 2);
			left: calc((1620px - 100vw) / 2);
		}
	}
}
  
}