@charset "utf-8";

/* *****************************************************************************
   スマートフォン用のスタイル記述
***************************************************************************** */
@media screen and (max-width: 480px) {
	/* -----------------------------------------------------------------------------
	 parts
	----------------------------------------------------------------------------- */
	/* parts-img-box */
	.parts-img-box {
		max-width: none;
		margin: 0 auto 10px;
		display: block;
	}
	
	.parts-img-box li {
		width: auto;
		padding: 0 0 10px;
		display: block;
	}
	
	.parts-img-box li:nth-child(even) {
		padding: 0 0 10px 0;
	}
	
	.parts-img-box li img {
		width: 100%;
		height: auto;
	}
	
	
	


/* -----------------------------------------------------------------------------
 財団カスタマイズ
----------------------------------------------------------------------------- */

	/* 2分割・3分割・4分割 */
	.trisection,
	.quarter{
		flex-direction: column;
		justify-content: center;
	}
	
	.trisection .left,
	.trisection .center,
	.trisection .right,
	.quarter .left1,
	.quarter .left2,
	.quarter .right1,
	.quarter .right2{
		width: 100%;
	}

	/* flow 横 */
	.flow-area1 ul li{
		flex-direction: column;
	}
	.flow-area1 ul li img{
		width: auto;
		max-width: 100%;
		margin-right: 0;
	}

	/* flow 縦 */
	.flow-area2 ul li{
		flex-direction: column;
	}
	.flow-area2 ul li img{
		width: auto;
		max-width: 100%;
		margin-right: 0;
	}
	
	/* ギャラリー */
	.gallery {
		-ms-grid-columns: 1fr 10px 1fr;
		grid-template-columns: repeat(2, 1fr);
		-ms-grid-rows: (1fr)[6];
		grid-template-rows: repeat(6, 1fr);
		-webkit-column-gap: 10px;
		   -moz-column-gap: 10px;
				column-gap: 10px;
	}.gallery > *:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}.gallery > *:nth-child(2) {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}.gallery > *:nth-child(3) {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}.gallery > *:nth-child(4) {
		-ms-grid-row: 2;
		-ms-grid-column: 3;
	}.gallery > *:nth-child(5) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}.gallery > *:nth-child(6) {
		-ms-grid-row: 3;
		-ms-grid-column: 3;
	}.gallery > *:nth-child(7) {
		-ms-grid-row: 4;
		-ms-grid-column: 1;
	}.gallery > *:nth-child(8) {
		-ms-grid-row: 4;
		-ms-grid-column: 3;
	}.gallery > *:nth-child(9) {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}.gallery > *:nth-child(10) {
		-ms-grid-row: 5;
		-ms-grid-column: 3;
	}.gallery > *:nth-child(11) {
		-ms-grid-row: 6;
		-ms-grid-column: 1;
	}.gallery > *:nth-child(12) {
		-ms-grid-row: 6;
		-ms-grid-column: 3;
	}
	.gallery img{
		width: 100%;
	}

	.gallery .photo_1{
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 2;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / 2;
	}
	.gallery .photo_2{
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-column: 2 / 3;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / 2;
	}
	.gallery .photo_3{
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 3;
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-row: 2 / 4;
	}
	.gallery .photo_4{
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-column: 1 / 3;
		-ms-grid-row: 4;
		-ms-grid-row-span: 2;
		grid-row: 4 / 6;
	}
	.gallery .photo_5{
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 2;
		-ms-grid-row: 6;
		-ms-grid-row-span: 1;
		grid-row: 6 / 7;
	}
	.gallery .photo_6{
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-column: 2 / 3;
		-ms-grid-row: 6;
		-ms-grid-row-span: 1;
		grid-row: 6 / 7;
	}

	
	
/* -----------------------------------------------------------------------------
	 個別設定
----------------------------------------------------------------------------- */
	
	
	
	
	
	
}