@charset "UTF-8";
/* CSS Document */
/* ************************************************************
block01
************************************************************ */
#block01{
	width: 100%;
	margin: 0 auto;
	padding: 5% ;
	max-width: 1100px;
}
#block01 .div01{
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	font-size: 24px;
	color: #FFF;
	background-color: #171C61;
}
#block01 .p01{
	width: 100%;
	margin: 20px auto 0;
	padding: 10px 20px;
	font-size: 16px;
	background-color: #e2f0f7;
	text-align: left;
}
#block01 .p02{
	width: 100%;
	margin: 0 auto;
	padding: 10px 20px 0;
	font-size: 16px;
	text-align: left;
}


#block01 .div02{
	width: 100%;
	margin: 8% auto 0;
	padding: 10px;
	font-size: 24px;
	color: #FFF;
	background-color: #aa4796;
}
#block01 .p03{
	width: 100%;
	margin: 20px auto 0;
	padding: 10px 20px;
	font-size: 16px;
	background-color: #f5e3f1;
	text-align: left;
}
#block01 .p04{
	width: 100%;
	margin: 0 auto;
	padding: 10px 20px 0;
	font-size: 16px;
	text-align: left;
}
/* ▼▼▼▼▼▼▼▼MaxWidth1400(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1400px) {
 /* ************** */
#block01{
	padding: 10% 6%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
#block01 .div02{
	margin: 12% auto 0;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth758(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth550(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 550px) {
 /* ************** */

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
#block01{
	padding: 15% 8%;
}
#block01 .div01,
#block01 .div02{
	font-size: 20px;
}
#block01 .div02{
	margin: 18% auto 0;
}
#block01 .p01,
#block01 .p02,
#block01 .p03,
#block01 .p04{
	font-size: 14px;
}
 /* *************** */
}