@charset "UTF-8";
/* CSS Document */
/* ************************************************************
block01
************************************************************ */
#block01{
	width: 100%;
	margin: 0 auto;
	padding: 5% ;
	max-width: 1200px;
}
#block01 .div01{
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	font-size: 24px;
	color: #FFF;
	background-color: #171C61;
	max-width: 800px;
}

#block01 .p01{
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	font-size: 16px;
}
#block01 ul{
	width: 100%;
	margin: 0 auto;
	padding-top: 15px;
	display: flex;
	flex-flow: nowrap ;
	justify-content:flex-start;
	align-items: flex-start;
	font-size: 14px;
	text-align: left;
}
#block01 .box{
	width: 100%;
	margin: 15px auto;
	padding: 15px;
	max-width: 1000px;
	font-size: 14px;
	text-align: left;
	border: 1px solid #171C61;
}
#block01 .box span{
	font-size: 12px;
}
/* ▼▼▼▼▼▼▼▼MaxWidth1400(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1400px) {
 /* ************** */
#block01{
	padding: 10% 6%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth758(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
#block01 .div01{
	font-size: 20px;
}
#block01 .p01{
	font-size: 13px;
}
#block01 ul,#block01 .box{
	font-size: 13px;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth550(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 550px) {
 /* ************** */

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
#block01{
	padding: 15% 8%;
}

 /* *************** */
}