@charset "utf-8";

/* =======================================================================================
	COMMON
======================================================================================= */

	.pege_other_layout{
		position: relative;
	}
	.pege_other_layout::after{
		content: "";
		position: absolute;
		z-index: -1;
		background: var(--site-pattern-lightGray);
		width: 100%;
		height: 50%;
		bottom: 0;
	}

	.photo_listBox ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.photo_listBox ul li{
		width: 32.5%;
		margin-bottom: 1.25%;
		position: relative;
	}

@media screen and (max-width: 800px) {/*{MinorBreakpoint}*/
	.photo_listBox ul li{
		width: 49%;
	}
}

@media screen and (max-width: 480px) {
	.photo_listBox{
		margin-left: calc(-50vw + 50%);
		margin-right: calc(-50vw + 50%);
		width: 100%;
	}
	.photo_listBox ul li{
		width: 90%;
	}
	.photo_listBox ul li:nth-of-type(2n){
		margin-right: 0;
		margin-left: auto;
	}
	.photo_listBox ul li img{
		width: 100%;
		height: calc(106vw * 0.5);
		object-fit: cover;
		object-position: 50% 50%;
	}
	.photo_listBox ul li:last-child  img{
		object-position: 50% 5%;
	}
}
	
	
	
/*--------------------------
	スワイプ 
--------------------------- */
.veiwDiagramBox .js_swipeMe_active .js_swipeMeInnerBox {
  /* スクロール方向を右から左に設定 */
  direction: rtl; /* */
}
	
	
	

/* =======================================================================================
	PAGE
======================================================================================= */

/* ---------------------------------------------------------------
position_3minSection
--------------------------------------------------------------- */


/*aviationPicBox
-------------------------------------*/
	.aviationPicBox {
		margin-top: var(--site-marpad-XXXL);
	}




/* ---------------------------------------------------------------
position_opennessSection
--------------------------------------------------------------- */


/*veiwDiagramBox
-------------------------------------*/
	.veiwDiagramBox {
		margin-top: var(--site-marpad-XL);
	}
	.veiwAllBox {
		margin-top: var(--site-marpad-XXXL);
	}


@media screen and (max-width: 600px) {
	.veiwDiagramBox {
		margin-top: var(--site-marpad-M);
	}
	.veiwAllBox {
		margin-top: 0;
	}
}



/* ---------------------------------------------------------------
position_other_layout
--------------------------------------------------------------- */





@media screen and (max-width: 1390px) {}
@media screen and (max-width: 1200px) {}
@media screen and (min-width: 900.02px) and (max-width: 1200px) {}
@media screen and (max-width: 900px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 359.08px) {}