﻿
@import url("about.css");
#section1 h4{
	line-height:1.8;
	margin-bottom:0.3em;
}
#section1 p{
	line-height: 2;
}
#section1 figure figcaption{
	font-weight:300;
}
#section1 figure figcaption span{
	font-weight:400;
	display:block;
}
#section1 figure figcaption span{
	font-size:1.333em;
}
#pager{
	justify-content: flex-end;
}
/*PC
----------------------------------------------------*/
@media screen and (min-width:1081px),print{
	#section1{
		overflow:hidden;
		clear:both;
	}/*
	#section1 .tleStyle1{
		margin-bottom:60px;
	}*/
	#section1 h4{
		float:left;
	}
	#section1 h4,#section1 p{
		width:570px;
		overflow:hidden;
	}
	#section1 .textbox{
	}
	#section1 figure{
		float:right;
	}
	#section1 figure .image{
		margin-bottom:18px;
	}
	#section1 figure figcaption{
		text-align:right;
	}
}
/*PC and Tablet
----------------------------------------------------*/
@media screen and (min-width:751px),print{
	#section1 h4{
		font-size:1.882em;
	}
	#section1 figure figcaption{
		font-size:1.059em;
	}
}
/*Tablet
----------------------------------------------------*/
@media screen and (min-width:751px) and (max-width:1080px){
}
/*Tablet und Phone
----------------------------------------------------*/
@media screen and (max-width:1080px){
	#section1 h4{
		text-align:center;
		margin-bottom:1em;
	}
/*	#section1 .tleStyle1{
		margin-bottom:5%;
	}*/
	#section1 figure{
		margin-bottom:3%;
	}
	#section1 figure .image{
		text-align:center;
		margin-bottom:2%;
	}
	#section1 figure figcaption{
		text-align:center;
	}

}
/*Phone
----------------------------------------------------*/
@media screen and (max-width:750px){
	#section1 h4{
		font-size:calc((1rem + (1vw - 3.2px) * 3.125) * 2.1333);
	}
	#section1 figure{
		font-size:calc((1rem + ((1vw - 3.2px) * 3.125)) * 0.426666666666667);
	}
	#section1 figure figcaption{
		font-size:2em;
	}

}