@charset "UTF-8";

/**==============================================**/
/*
/*			共通
/*
/**==============================================**/

div.content-wrap {
	width: auto;
	max-width: none;
}

/* fase-01 */
div.fase-01 {}
.fase-01 .inner-wrap {
	position: relative;
}
.fase-01 ul.year-list {}
.year-list li {
	position: relative;
}
.year-list div.month {}
.month img {
	display: block;
	max-width: 100%;
	height: auto;
}
.month h2 {
	color: #e47419;
	text-align: center;
}
.year-list div.img-wrap {}
.img-wrap img {
	display: block;
	max-width: 100%;
	height: auto;
}

.year-list div.txt {}
.txt p {}

div.top-image img,
div.bottom-image img {
	display: block;
	max-width: 100%;
}


/**==============================================**/
/*
/*			SP
/*
/**==============================================**/

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

	/* main-img */
	div.sub.main-img-wrap {}
	.sub.main-img-wrap div.sub-cap-wrap {}



	/* fase-01 */
	div.fase-01 {}
	.fase-01 ul.year-list {
		padding-top: 17%;
	}
	.year-list li:nth-child(n+2) {
	}
	.year-list li {
		margin-bottom: 13%;
	}
	.year-list div.month {
		width: 33.1%;
		float: left;
	}
	.year-list .month h2 {
		font-size: 1.8rem;
		font-size: 3.75vw;
		line-height: 1.4;
	}
	
	.month img {
		width: 73.5%;
		max-width: 100px;
		margin: auto;
	}
	.year-list li {
	}

	.year-list div.img-wrap {
		width: 66.9%;
		float: right;
		margin-top: -3.6%;
	}
	.img-wrap img {
		margin: auto auto 2%;
	}
	.year-list li:nth-child(1) .img-wrap img {
		width: 93.0%;
		margin-right: 1%;
	}
	.year-list li:nth-child(2) .img-wrap img {
		width: 82.1%;
	}
	.year-list li:nth-child(3) .img-wrap img {
		width: 80.9%;
	}
	.year-list li:nth-child(4) .img-wrap img {
		width: 73.7%;
	}
	.year-list li:nth-child(5) .img-wrap img {
		width: 93.4%;
	}
	.year-list li:nth-child(6) .img-wrap img {
		width: 72.2%;
	}
	.year-list li:nth-child(7) .img-wrap img {
		width: 74%;
	}
	.year-list li:nth-child(8) .img-wrap img {
		width: 80.2%;
	}
	.year-list li:nth-child(9) .img-wrap img {
		width: 94.8%;
	}
	.year-list li:nth-child(10) .img-wrap img {
		width: 96.3%;
	}
	.year-list li:nth-child(11) .img-wrap img {
		width: 91.2%;
	}
	.year-list li:nth-child(12) .img-wrap img {
		width: 71.8%;
	}

	
	
	.year-list div.txt {
/*		max-width: 380px;*/
/*		width: 82%;*/
	}
	.year-list div.txt p {
		line-height: 1.66;
	}




}





/**==============================================**/
/*
/*			sp-l ～ tab
/*
/**==============================================**/

@media screen and (min-width: 737px) and (max-width: 959px) {

	/* main-img */
	div.sub.main-img-wrap {}
	.sub-cap-wrap img {
		width: 71%;
	}

	div.fase-01 .inner-wrap {
		background: url(../img/year/year-line.svg) 50% -2% / auto repeat-y;
		padding-bottom: 36px;
	}
	div.top-image {
		width: 50%;
		position: absolute;
		right: 0;
		top: 1%;
	}
	.top-image img {
		width: 77.4%;
		margin-right: 3%;
		margin-left: auto;
	}
	div.bottom-image {
		width: 50%;
		position: absolute;
		left: 0;
		bottom: 2%;
	}
	.bottom-image img {
		width: 67%;
		margin-left: 3%;
		margin-right: auto;
	}

	.fase-01 ul.year-list {
		padding-top: 90px;
	}
	.year-list li:nth-child(2) {
		margin-top: 194px;
	}
	.year-list li {
		height: 388px;
		max-height: 388px;
	}
	.year-list div.month {
		width: 21.5%;
	}
	.year-list .month h2 {
		font-size: 16px;
		line-height: 1.52;
		margin-top: 6%;
		white-space: nowrap;
		margin-right: -1em;
		margin-left: -1em;
	}
	.month img {}
	.year-list li {
		width: 46.5%;
	}
	.year-list li:nth-child(odd) {
		float:left;
	}
	.year-list li:nth-child(odd) .month {
		float: right;
	} 
	.year-list li:nth-child(odd) .img-wrap {
		float: left;
	} 
	.year-list li:nth-child(odd) div.txt {
		margin-right: 19%;
		margin-left: 0;
	} 

	.year-list li:nth-child(even) {
		float:right;
	}
	.year-list li:nth-child(even) .month {
		float: left;
	}	
	.year-list li:nth-child(even) .img-wrap {
		float: right;
	}	
	.year-list li:nth-child(even) div.txt {
		margin-left: 19%;
		margin-right: 0;
	} 

	.year-list div.img-wrap {
		width: 78.5%;
	}
	.img-wrap img {
		margin: auto auto 2%;
	}
	.year-list li:nth-child(1) .img-wrap img {
		width: 90.1%;
		margin: auto 8% 2% 1.9%;
	}
	.year-list li:nth-child(2) .img-wrap img {
		width: 86.8%;
	}
	.year-list li:nth-child(3) .img-wrap img {
		width: 80.9%;
	}
	.year-list li:nth-child(4) .img-wrap img {
		width: 87.9%;
	}
	.year-list li:nth-child(5) .img-wrap img {
		width: 71.5%;
	}
	.year-list li:nth-child(6) .img-wrap img {
		width: 86.3%;
	}
	.year-list li:nth-child(7) .img-wrap img {
		width: 79.1%;
	}
	.year-list li:nth-child(8) .img-wrap img {
		width: 76.9%;
	}
	.year-list li:nth-child(9) .img-wrap img {
		width: 85.7%;
	}
	.year-list li:nth-child(10) .img-wrap img {
		width: 87.3%;
	}
	.year-list li:nth-child(11) .img-wrap img {
		width: 72.6%;
	}
	.year-list li:nth-child(12) .img-wrap img {
		width: 53.9%;
	}

	.year-list div.txt {
		max-width: 380px;
		width: 82%;
	}
	.year-list div.txt p {
		line-height: 1.66;
	}







}





/**==============================================**/
/*
/*			sp tab 共通
/*
/**==============================================**/

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

	/* fase-01 */
	.fase-01 ul.year-list {}







}





/**==============================================**/
/*
/*			PC
/*
/**==============================================**/

@media print, screen and (min-width:960px){

	/* fase-01 */
	div.fase-01 {}
	div.fase-01 .inner-wrap {
		background: url(../img/year/year-line.svg) 50% -2% / auto repeat-y;
		padding-bottom: 36px;
	}
	div.top-image {
		width: 50%;
		position: absolute;
		right: 0;
		top: 1%;
	}
	.top-image img {
		width: 77.4%;
		margin-right: 3%;
		margin-left: auto;
	}
	div.bottom-image {
		width: 50%;
		position: absolute;
		left: 0;
		bottom: 2%;
	}
	.bottom-image img {
		width: 67%;
		margin-left: 3%;
		margin-right: auto;
	}
	
	.fase-01 ul.year-list {
		padding-top: 90px;
	}
	.year-list li:nth-child(2) {
		margin-top: 194px;
	}
	.year-list li {
		height: 388px;
		max-height: 388px;
	}
	.year-list div.month {
		width: 21.5%;
	}
	.year-list .month h2 {
		font-size: 18px;
		line-height: 1.52;
		margin-top: 6%;
		white-space: nowrap;
		margin-right: -.5em;
		margin-left: -.5em;
	}
	.month img {}
	.year-list li {
		width: 46.5%;
	}
	.year-list li:nth-child(odd) {
		float:left;
	}
	.year-list li:nth-child(odd) .month {
		float: right;
	} 
	.year-list li:nth-child(odd) .img-wrap {
		float: left;
	} 
	.year-list li:nth-child(odd) div.txt {
		margin-right: 19%;
		margin-left: 0;
	} 
	
	.year-list li:nth-child(even) {
		float:right;
	}
	.year-list li:nth-child(even) .month {
		float: left;
	}	
	.year-list li:nth-child(even) .img-wrap {
		float: right;
	}	
	.year-list li:nth-child(even) div.txt {
		margin-left: 19%;
		margin-right: 0;
	} 

	.year-list div.img-wrap {
		width: 78.5%;
	}
	.img-wrap img {
		margin: auto auto 2%;
	}
	.year-list li:nth-child(1) .img-wrap img {
		width: 90.1%;
		margin: auto 8% 2% 1.9%;
	}
	.year-list li:nth-child(2) .img-wrap img {
		width: 86.8%;
	}
	.year-list li:nth-child(3) .img-wrap img {
		width: 80.9%;
	}
	.year-list li:nth-child(4) .img-wrap img {
		width: 87.9%;
	}
	.year-list li:nth-child(5) .img-wrap img {
		width: 71.5%;
	}
	.year-list li:nth-child(6) .img-wrap img {
		width: 86.3%;
	}
	.year-list li:nth-child(7) .img-wrap img {
		width: 79.1%;
	}
	.year-list li:nth-child(8) .img-wrap img {
		width: 76.9%;
	}
	.year-list li:nth-child(9) .img-wrap img {
		width: 85.7%;
	}
	.year-list li:nth-child(10) .img-wrap img {
		width: 87.3%;
	}
	.year-list li:nth-child(11) .img-wrap img {
		width: 72.6%;
	}
	.year-list li:nth-child(12) .img-wrap img {
		width: 53.9%;
	}

	.year-list div.txt {
		max-width: 380px;
		width: 82%;
	}
	.year-list div.txt p {
		line-height: 1.66;
	}




}





/**==============================================**/
/*
/*			print
/*
/**==============================================**/

@media print {}