@charset "utf-8";

/*-----------------------------------------------------------
カバー
-----------------------------------------------------------*/

.cover-text-frame {
  	left: 40px;
	bottom: 40px;
}

/*-----------------------------------------------------------
top01
-----------------------------------------------------------*/

.top01:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
  	top: auto;
  	bottom: 40px;
    left: 0;
  	margin: auto;
    z-index: 1;
  	background-color: var(--bg-grey-secondary);
}

.top01 .text01 {
    line-height:  3.5em;
}

.top01-left {
	margin: 50px 0 0;  
}

/*-----------------------------------------------------------
top02
-----------------------------------------------------------*/

.top02:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 43%;
  	top: auto;
  	bottom: 40px;
    right: 0;
  	margin: auto;
    z-index: 1;
  	background-color: var(--bg-grey-secondary);
}

.top02 .text01 {
    line-height:  3.5em;
}

.top-en-deco02 {
    bottom: 18%;
}

/*-----------------------------------------------------------
top03
-----------------------------------------------------------*/

.top03-grid.grid04 {
    max-width: 275px;
  	width: 100%;
    margin: 50px auto 0;
	gap: 1.25%;
}

.top03 .text01 {
    line-height:  2.3em;
}

.top03 .btn01 {
    border: 0px solid var(--primary);
	background-color: rgba(255,255,255,.85);
    margin: 85px auto 0;
}

.top-en-deco03 {
    top: 25px;
    right: 10%;
}

/*-----------------------------------------------------------
top04
-----------------------------------------------------------*/

.top04-link .btn01 {
    border: 0px solid var(--primary);
	background-color: rgba(255,255,255,.8);
}

.top04-link:hover .btn01-arrow:before {
    right: -28px;
  	transition: all .3s;
}

.top04-link:hover .mask-dark-tertiary:after {
    background-color: rgba(0, 0, 0, 0.2);
  	transition: all .3s;
}

/*-----------------------------------------------------------
top05
-----------------------------------------------------------*/

.top05-en-title04 {
    margin: 24px 0 0;
}

/*-----------------------------------------------------------
top07
-----------------------------------------------------------*/

.top07 .fit-img {
    position: static !important;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:375px) {

	
}/* min-width: 375px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:422px) {


}/* min-width: 422px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:576px) {

	/*-----------------------------------------------------------
	top03
	-----------------------------------------------------------*/

	.top03-grid.grid04 {
		max-width: 600px;
		width: 100%;
		margin: 50px auto 0;
		gap: 4.55%;
	}

}/* min-width: 576px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

	.top07 .fit-img {
		position: absolute !important;
	}

}/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:992px) {


}/* min-width: 992px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {

	/*-----------------------------------------------------------
	top01
	-----------------------------------------------------------*/

	.top01:after {
		top: 75px;
		bottom: auto;
		width: 44.11%;
		height: 83.5%;
	}

	.top01-left {
		margin: 0 0 0 8%;  
	}

	/*-----------------------------------------------------------
	top02
	-----------------------------------------------------------*/

	.top02:after {
		top: 20px;
		bottom: auto;
		width: 40.36%;
		height: 85%;
	}
	
	/*-----------------------------------------------------------
	top03
	-----------------------------------------------------------*/
	
	.top03-grid.grid04 {
		margin: 80px auto 0;
	}
  

}/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {

	/*-----------------------------------------------------------
	top03
	-----------------------------------------------------------*/
	.top03-grid.grid04 {
		max-width: 1280px;
		gap: 2%;
	}

}/* min-width: 1200px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1400px) {

	/*-----------------------------------------------------------
	top02
	-----------------------------------------------------------*/

	.top02-left {
		width: 41.59% !important;  
	}
	
	.top02-right {
		width: 50% !important;  
	}
	
	/*-----------------------------------------------------------
	top03
	-----------------------------------------------------------*/
	.top03-grid.grid04 {
		gap: 4.55%;
	}

	.top-en-deco05 {
		top: 70px;
	}
	
	/*-----------------------------------------------------------
	top06
	-----------------------------------------------------------*/

	.top06-left .jp-title02 {
		font-size: 36px;
	}
	
	
	/*-----------------------------------------------------------
	top07
	-----------------------------------------------------------*/

	.top07-text-block {
		padding: 66px 30px 66px 56px !important;
	}

}/* min-width: 1400px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1500px) {


}/* min-width: 1500px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1600px) {

	/*-----------------------------------------------------------
	top06
	-----------------------------------------------------------*/

	.top06-left .jp-title02 {
		font-size: 40px;
}
  

}/* min-width: 1600px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1700px) {


}/* min-width: 1700px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1800px) {
  
	/*-----------------------------------------------------------
	カバー
	-----------------------------------------------------------*/

	.cover-text-frame {
		left: 7%;
		bottom: 14.5%;
	}
	
	/*-----------------------------------------------------------
	top01
	-----------------------------------------------------------*/
	
	.top01-left {
		width: 48.26% !important;
		margin: 0 0 0 12.51%;  
	}
	
	.top01-right {
		width: 48.33% !important;
	}

}/* min-width: 1800px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */