@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: row;
		width: auto;
	}
	.flow-area1 ul li p.flow_head{
		font-size: 1em;
	}
	.flow-area1 ul li img{
		width: 30%;
		margin-right: 0;
	}
	.flow-area1 ul.flow1 li:first-child,
	.flow-area1 ul.flow1 li:nth-child(2){
		margin-right: 0;
	}
	.flow-area1 ul.flow2 li:first-child:before,
	.flow-area1 ul.flow2 li:nth-child(2):before{
		border-right-color: transparent;
	}
	.flow-area1 ul.flow1 li:first-child:before,
	.flow-area1 ul.flow1 li:nth-child(2):before,
	.flow-area1 ul.flow2 li:first-child:before,
	.flow-area1 ul.flow2 li:nth-child(2):before{
		left: calc(50% - 20px); /* 右矢印の横位置 */
		top: 100%; /* 右矢印の縦位置 */
		border-width: 20px 20px 0 20px;
		border-top-color: #69b828;
		border-left-color: transparent;
	}


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

	
/* -----------------------------------------------------------------------------
	 個別設定
----------------------------------------------------------------------------- */
	#top-contents .layer1 {
		position: absolute;width: 100%;
		top: 20%;
		right: 0%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		padding-right: 10px;
		z-index: 5;
	}
	
	#top-contents .layer1 h1{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 900;
		font-size: calc(1.0em + 1.2vw);
		line-height: calc(1.6em + 1vw);
		color:#fff;
		text-shadow: 3px 3px 2px rgba(0,0,0,0.6);
		text-align: left;
		padding-left:calc(100% - 93%);
		
	}	
	
	#top-contents .layer1 h1 span{
		font-size: 200%;
	}

/* 画像3枚・2枚・3枚flex */
	.flex-3_2_3-img:nth-child(n){
		width:100%;	
	}

}

@media screen and (max-width: 400px) {
	/* parts-h3 */
	.parts-h3 {
		border-left:solid 7px #FFA500;
		font-weight: 600;
		font-size: 1.4em;
		line-height: 1.2;
	}	
	
	.contact .left a{
		font-size: 2.0em;
	}	
}