@charset "utf-8";
/* CSS Document */


/************
1. 1440px
************/

@media only screen and (max-width: 1440px)
{
	 .calendar
	{
		padding-left: 104px;
		padding-right: 104px;
	}
	.calendar_item_time
	{
		margin-left: 24px;
	}
	.calendar_item_text
	{
		margin-left: 20px;
		margin-right: 50px;
	}
}

/************
3. 1380px
************/

@media only screen and (max-width: 1380px)
{
	.intro_item
	{
		width: calc((100% - 30px) / 2);
		background: #f3f7f9;
		margin-bottom: 48px;
	}
}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px)
{
	
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{
	.calendar_item_time
	{
		margin-left: 74px;
	}
	.calendar_item_text
	{
		margin-left: 111px;
	}
	.calendar_col:not(:last-child)
	{
		margin-bottom: 30px;
	}
}


@media only screen and (max-width: 991px)
{

	.calendar
	{
		padding-left: 60px;
		padding-right: 60px;
	}
	
}


/************
10. 767px
************/

@media only screen and (max-width: 768px)
{

	.calendar
	{
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.calendar_item_time
	{
		margin-left: 44px;
	}
	.calendar_item_text
	{
		margin-left: 60px;
	}
	
	.calendar_item_time div:last-child
	{
		font-size: 26px;

	}
	
}

/************
11. 575px
************/

@media only screen and (max-width: 575px)
{

	.calendar
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.calendar_item
	{
		padding-left: 20px;
	}
	.calendar_item_image
	{
		width: 73px;
		height: 73px;
	}
	.calendar_item_time
	{
		margin-left: 20px;
	}
	.calendar_item_text
	{
		margin-left: 10px;
	}
	.calendar_item_time div:first-child
	{
		font-size: 24px;
	}
	.calendar_item_time div:last-child
	{
		font-size: 14px;

	}
	.calendar_item_text div:first-child
	{
		font-size: 18px;
		line-height: 1.2;
	}
	.calendar_item_text div:nth-child(2)
	{
		font-size: 14px;
	}
	.calendar_item_text div:last-child
	{
		font-size: 13px;
		margin-top: 3px;
	}
	
}