@charset "utf-8";

/*-----------------------------------------------------------
scene01
-----------------------------------------------------------*/

.scene01-contents {
	gap: 15px;
}

.scene01-deco-left {
    width: 20%;
    margin: 0 auto 0 0;
}

.scene01-deco-right {
    width: 20%;
    margin: 0 0 0 auto;
}


.scene01-deco-left img,.scene01-deco-right img {
	aspect-ratio: 185 / 99;
}


/*-----------------------------------------------------------
scene02
-----------------------------------------------------------*/

.scene02-bg {
	transform: rotate(180deg);
}

.scene02-bg .inner {
	margin: auto auto 60px;
	transform: rotate(-180deg);
}

.scene02-row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column-reverse;
    max-width: 1270px;
    width: 95%;
    margin: 60px auto 0;
}

.scene02-row .en-title70 {
	font-size: clamp(22px, 10.350px + 3.107vw, 70px);
	position: absolute;
	top: -3%;
	right: 0;
	z-index: 5;
}

.scene02-text-block {
  	width: 100%;
    margin: 0 auto;
}

.scene02-text-block-main {
    max-width: 610px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 10px 50px;
}

.scene02-text-block-in {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  	position: relative;
}

.scene02-text-block-in img {
	aspect-ratio: 50/50; 
}

.scene02-row .title40 {
	font-size: clamp(20px, 15.146px + 1.294vw, 40px);
	font-family: var(--font-family02);
}

.scene02-img-box {
	width: 100%;
    margin: 0;
	aspect-ratio: 550/ 550;
	z-index: 1;
}

.scene02-img-box img {
    object-fit: cover;
	width: 100%;
  	height: 100%;
}

.wrapper01.scene02-bg {
    padding: 40px 0 60px;
}

.scene03-deco {
    position: absolute;
    height: 20px;
    width: 100%;
    top: 7%;
    background: url(/system_panel/uploads/images/decoration04.svg) repeat-x center center / auto;
}

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

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


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

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

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



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

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

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

/*-----------------------------------------------------------
scene02
-----------------------------------------------------------*/
  
.scene02-row {
    margin: 60px 0 0 auto;
}

.scene02-img-box {
	width: 60%;
	margin: -40px 0 auto 0;
}

.scene02-text-block {
  	width: 90%;
    margin: 0 0 0 auto;
}


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

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

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

.scene01-deco-left,.scene01-deco-right {
    width: 15%;
}
  
/*-----------------------------------------------------------
scene02
-----------------------------------------------------------*/
  
.scene02-row:nth-of-type(n+2) {
    margin: 70px 0 0 auto;
}

.scene02-row:nth-of-type(2n) .scene02-text-block {
    margin: 0 auto 0 0;
}
  
.scene02-row:nth-of-type(2n) .scene02-img-box {
    margin: -40px 0 0 auto;
}
  
.scene02-text-block {
    width: 80%;
    margin: 0 0 0 auto;
}
  
.scene02-img-box {
    width: 35%;
    margin: -50px 0 auto 0;
}

.scene02-row:nth-of-type(2n) .en-title70 {
    top: -5%;
    right: auto;
    left: 0;
}
  
.wrapper01.scene02-bg {
    padding: 60px 0 100px;
}

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

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

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


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


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

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

  
/*-----------------------------------------------------------
scene01
-----------------------------------------------------------*/

.scene01-deco-left,.scene01-deco-right {
    width: 20%;
}

/*-----------------------------------------------------------
scene02
-----------------------------------------------------------*/
  
.scene02-bg .inner {
	margin: auto auto 80px;
}
  
.scene02-row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    max-width: 1270px;
    width: 95%;
    margin: 70px 0 0 auto;
}
  
.scene02-row .en-title70 {
    top: -10%;
    right: 0;
}

.scene02-row:nth-of-type(2n) {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: flex-start;
}
  
.scene02-row:nth-of-type(2n) .en-title70 {
    top: -10%;
    right: auto;
  	left: 0;
}

.scene02-row {
    margin: 70px 0 0 auto;
} 
  
.scene02-row:nth-of-type(n+2) {
    margin: 70px 0 0 auto;
}  
  
.scene02-row:nth-of-type(2n) {
    margin: 70px auto 0 0;
}
  
.scene02-text-block {
	width: 64.57%;
}

.scene02-img-box {
	width: 37.31%;
	margin: 4% -5.5% 0 0;
}

.scene02-row:nth-of-type(2n) .scene02-img-box {
	margin: 4% 0 0 -5.5%;
}
  
.wrapper01.scene02-bg {
    padding: 60px 0 100px;
}

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

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

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

/*-----------------------------------------------------------
scene02
-----------------------------------------------------------*/

.scene02-row:nth-of-type(n+2) {
    margin: 120px auto 0 0;
}  
  
.scene02-row:nth-of-type(2n) {
    margin: 120px 0 0 auto;
}
  
.scene02-text-block {
	padding: 20px !important;  
}
    
.scene02-text-block-main {
    padding: 50px 10px;
}

.scene02-img-box {
    width: 46.31%;
}

.wrapper01.scene02-bg {
    padding: 10px 0 180px;
}

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

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

@media screen and (min-width:1400px) {
  
/*-----------------------------------------------------------
scene02
-----------------------------------------------------------*/
  
.scene02-row {
    margin: 160px 0 0 auto;
}
  
.scene02-row:nth-of-type(n+2) {
    margin: 160px 0 0 auto;
}  
  
.scene02-row:nth-of-type(2n) {
    margin: 160px auto 0 0;
}
  
.scene02-text-box {
	width: 82% !important;
}

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

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

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

.scene02-row .en-title70 {
    top: -8%;
    right: -6%;
}

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

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

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


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

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

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