@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分割 */
	.half,
	.trisection,
	.quarter{
		flex-direction: column;
		justify-content: center;
	}
	.half .left,
	.half .right,
	.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)[3];
		grid-template-rows: repeat(3, 1fr);
		-webkit-column-gap: 10px;
		   -moz-column-gap: 10px;
				column-gap: 10px;
	}
	.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{
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}

	
	
/* -----------------------------------------------------------------------------
	 個別設定
----------------------------------------------------------------------------- */
	/* flow 横 */
	
	.flow-area1 ul{
		align-items: center;
	}
	.flow-area1 ul li{
		-js-display: flex;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
		width: auto;
		margin: 10px auto;
	}
	.flow-area1 ul li p.flow_head{
		margin-bottom: auto;
		order: 1
	}
	.flow-area1 ul li p.flow_bottom{
		order: 2
	}
	.flow-area1 ul li img{
		width: 42%;
		margin: 0;
		order: 3;
	}
	
	.flow-area1 ul li:before{
		left: 43.0%;
		top: 100%;
		border-width: 30px 30px 0 30px;
		border-color: #444 transparent transparent transparent;
	}
	.flow-area1 ul li:first-child{
		margin-top: 0;
	}	
	
	
	/* 求人情報 */
	.rct2{
		margin-top: calc(-84px - 1.0vw);
	}		
	
	
	
}



@media screen and (max-width: 420px) {


	/* footer */
	.c-name{
		font-size: 1.7em;
	}	
}