@charset "UTF-8";

#concept img{width: 100%}

@media screen and ( min-width:561px ) {
	#concept{
		max-width: 1200px;
		margin: 60px auto 120px;
		padding: 0 20px;
		box-sizing: border-box;
	}
	#concept .ttl-main{
		letter-spacing: 0.05em;
		font-weight: 400;
		line-height: 1;
		margin: 45px auto;
		font-family: futura-pt;
		font-size: 28px;
	}
	#concept .flex{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#concept .flex li.img{
		width: calc((540 / 1200) * 100%);
		margin-right: calc((105 / 1200) * 100%);
	}
	#concept .flex li.text{
		width: calc((450 / 1200) * 100%);
		height: fit-content;
	}
	#concept .flex li.text p{
		text-align: justify;
		font-size: 13px;
		line-height: 2;
		letter-spacing: 0.08em;
		margin-bottom: 36px;
	}
	#concept .flex li.text p.eng{
		text-align: left;
		font-family: 'futura-pt';
	}
	.sp_only{display: none;}
}
@media screen and ( max-width:560px ) {
	#concept{
		width: calc(600 *(100vw / 750));
		margin: calc(60 *(100vw / 750)) auto calc(200 *(100vw / 750));
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	}
	#concept .ttl-main{
		line-height: 1;
		font-size: calc(50 *(100vw / 750));
		letter-spacing: 0.08em;
		margin-bottom: calc(72 *(100vw / 750));
		text-align: center;
		padding-left: calc(20 *(100vw / 750));
		font-family: "futura-pt";
		font-weight: 500;
		padding-bottom: 0;
		border-bottom: none;
	}
	#concept .flex li.img{
		margin-bottom: calc(72 *(100vw / 750));
	}
	#concept .flex li.text p{
		text-align: justify;
		font-size: calc(26 *(100vw / 750));
		line-height: 2;
		letter-spacing: 0.08em;
		margin-bottom: calc(30 *(100vw / 750));
	}
	#concept .flex li.text p.eng{
		text-align: left;
		font-family: 'futura-pt';
	}
	.pc_only{display: none;}
}