@charset 'utf-8';

html, body{
    height: auto;
}

.mobile-toggle{
	display: none;
}

/*--------------------------------------------------------------------------------
  main
--------------------------------------------------------------------------------*/
.main{
	min-width: 980px;
	overflow: hidden;
	margin: 135px auto 0;
}
	.main-inner{
	}
		.main-header{
			position: relative;
			z-index: 1;
			padding: 18px 0;
			background: #000;
			border-bottom: 1px solid #999999;
		}
			.main-header-body{
				height: 0;
				padding-top: 22px;
				background: url(../../images/course/bg_main_header.png) no-repeat center;
			}

/*--------------------------------------------------------------------------------
  course
--------------------------------------------------------------------------------*/
.course{
	max-width: 2000px;
	margin: 0 auto;
}
	.course-section{
		position: relative;
		margin-top: 600px;
	}
			.course-header-inner{
				position: relative;
				height: 0;
			}
				.course-header-inner:after{
					content: '';
					display: block;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
				}
			.course-nav{
				display: none;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 1000;
				width: 128px;
				height: 176px;
				margin: auto 0 auto auto;
			}
			.course-nav.course-nav-fixed{
				display: block;
			}
				.course-nav-item{
					margin: 35px auto 0;
					padding: 0 50px 0 0;
					background: url(../../images/course/bg_dash.png) no-repeat right center;
				}
				.course-nav-item:first-child{
					margin-top: 0;
				}
					.course-nav-item a{
						display: block;
						height: 0;
						padding-top: 24px;
						opacity: 0.7;
						-webkit-transition: opacity 250ms;
						transition: opacity 250ms;
					}
					.course-nav-item.active a{
						cursor: default;
						opacity: 1;
						-webkit-transition: opacity 250ms;
						transition: opacity 250ms;
					}
					.course-nav-item a:hover{
						opacity: 1;
						-webkit-transition: opacity 250ms;
						transition: opacity 250ms;
					}
					.course-nav-item[data-year="1919"] a{
						background: url(../../images/course/bg_nav_1919.png) no-repeat left center;
					}
					.course-nav-item[data-year="1952"] a{
						background: url(../../images/course/bg_nav_1952.png) no-repeat left center;
					}
					.course-nav-item[data-year="1997"] a{
						background: url(../../images/course/bg_nav_1997.png) no-repeat left center;
					}

		.course-section-inner{
			position: relative;
			margin: 0 auto;
			padding: 0 0 40px;
			background: #fff
		}
			.course-section-body{
				max-width: 925px;
				margin: 0 auto;
			}

		.s1 .course-section-inner{
			padding-bottom: 100px;
		}
		.s3 .course-section-inner{
		    padding-bottom: 23px;
		}

		.bg0{
			position: fixed;
			top: 0;
			left: 0;
			z-index: -1;
			width: 100%;
			height: 100%;
			-webkit-transform: translate3d(0,0,0);
			-ms-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
		}
		.bg1{
			position: fixed;
			top: 0;
			left: 0;
			z-index: -1;
			width: 100%;
			-webkit-transform: translate3d(0,0,0);
			-ms-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
		}

		.bg2{
			position: fixed;
			top: 100%;
			left: 0;
			z-index: -1;
			width: 100%;
			-webkit-transform: translate3d(0,0,0);
			-ms-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
		}

		.bg3{
			position: fixed;
			top: 100%;
			left: 0;
			z-index: -1;
			width: 100%;
			-webkit-transform: translate3d(0,0,0);
			-ms-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
		}
		.bg4{
			position: fixed;
			top: 200px;
			left: 0;
			z-index: 0;
			width: 100%;
			height: 100%;
			-webkit-transform: translate3d(0,0,0);
			-ms-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
		}
			.bg0 .bg-inner{
				width: 100%;
				height: 100%;
				max-width: 2000px;
				margin: 0 auto;
				background: #fff;
			}
			.bg1 .bg-inner{
				position: relative;
				height: 600px;
				max-width: 2000px;
				margin: 0 auto;
				background: url(../../images/course/bg_course_header01.png) no-repeat left center;
				background-size: cover;
			}
				.bg1 .bg-inner:before{
					content: '';
					display: block;
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%;
					height: 50px;
					background: url(../../images/course/bg_course_header01_caption.png) no-repeat left bottom;
				}
				.bg1 .bg-inner:after{
					content: '';
					display: block;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
					background: url(../../images/course/bg_course_header01_text.png) no-repeat center;
				}
			.bg2 .bg-inner{
				position: relative;
				height: 600px;
				max-width: 2000px;
				margin: 0 auto;
				background: url(../../images/course/bg_course_header02.png) no-repeat left center;
				background-size: cover;
			}
				.bg2 .bg-inner:before{
					content: '';
					display: block;
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%;
					height: 50px;
					background: url(../../images/course/bg_course_header02_caption.png) no-repeat left bottom;
				}
				.bg2 .bg-inner:after{
					content: '';
					display: block;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
					background: url(../../images/course/bg_course_header02_text.png) no-repeat center;
				}
			.bg3 .bg-inner{
				position: relative;
				height: 600px;
				max-width: 2000px;
				margin: 0 auto;
				background: url(../../images/course/bg_course_header03.png) no-repeat left center;
				background-size: cover;
			}
				.bg3 .bg-inner:before{
					content: '';
					display: block;
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%;
					height: 50px;
					background: url(../../images/course/bg_course_header03_caption.png) no-repeat left bottom;
				}
				.bg3 .bg-inner:after{
					content: '';
					display: block;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
					background: url(../../images/course/bg_course_header03_text.png) no-repeat center;
				}
			.bg4 .bg-inner{
				position: relative;
				height: 600px;
				max-width: 2000px;
				margin: 0 auto;
			}


/*--------------------------------------------------------------------------------
  chronicle
--------------------------------------------------------------------------------*/
.chronicle{
	padding: 0 5px;
}
		.chronicle-item{
			position: relative;
			padding: 16px 10px;
			color: #333;
		}
			.chronicle-item:after{
				content: '';
				display: block;
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				z-index: 1;
				height: 1px;
				margin: auto auto 0;
				border-top: 1px solid #9FA0A0;
				visibility: visible;
			}
			.chronicle-item.chronicle-item-unbordered:after{
				display: none;
			}
			.chronicle-item dl{
				display: table;
				width: auto;
				table-layout: fixed;
			}
				.chronicle-item dt{
					display: table-cell;
					vertical-align: top;
					padding: 0 25px 0 0;
				}
					.chronicle-item dt span{
						display: block;
						width: 42px;
						height: 0;
						padding-top: 20px;
						text-indent: 100%;
						white-space: nowrap;
						overflow: hidden;
						background: red;
					}
					.chronicle-item dt span.emphasis-year{
						width: 100px;
						padding-top: 44px;
					}
				.chronicle-item dd{
					display: table-cell;
					vertical-align: top;
					font-size: 14px;
					line-height: 21px;
				}
				.chronicle-item figure{
					margin: 0;
				}
					.chronicle-item figure img{
						vertical-align: bottom;
					}

				.chronicle-inner-item{
				}
					.chronicle-inner-item li{
						margin-top: 7px;
					}
					.chronicle-inner-item li:first-child{
						margin-top: 0;
					}

				.events{
					display: inline-block;
					vertical-align: bottom;
					padding: 7px 16px;
					line-height: 1.2;
					font-size: 13px;
					background: #e6e6e6;
					border-radius: 10px;
				}
				.emphasis{
					display: inline-block;
					vertical-align: bottom;
					font-size: 20px;
					line-height: 1.6;
					font-weight: bold;
				}
				.dot{
					position: relative;
					display: inline-block;
					vertical-align: bottom;
					padding-left: 1em;
				}
					.dot:before{
						content: '\0030fb';
						position: absolute;
						top: 0;
						left: 0;
					}

	.chronicle.chr1{
		padding-top: 38px;
		padding-bottom: 53px;
	}
	.chronicle.chr2{
		padding-top: 85px;
		padding-bottom: 50px;
	}
	.chronicle.chr3{
		padding-top: 53px;
		padding-bottom: 266px;
		/*padding-bottom: 186px;*/
	}
	.chronicle.chr4{
		padding-top: 82px;
		padding-bottom: 4px;
		/*padding-bottom: 83px;*/
	}
	.chronicle.chr5{
		padding-top: 30px;
		padding-bottom: 154px;
	}

		.chronicle-item[data-year="1939"],
		.chronicle-item[data-year="1940"],
		.chronicle-item[data-year="1946"],
		.chronicle-item[data-year="1948"]{
		    width: 521px;
		}
			.chronicle-item[data-year="1948"]:after{
				margin-right: -35px;
			}
		.chronicle-item[data-year="1950"]{
			width: 530px;
		}
		.chronicle-item[data-year="1952"],
		.chronicle-item[data-year="1954"]{
		    width: 543px;
		}
		.chronicle-item[data-year="1955"]{
			width: 664px;
		}
		.chronicle-item[data-year="1957"],
		.chronicle-item[data-year="1958"]{
			width: 599px;
		    margin-left: 326px;
		}
		.chronicle-item[data-year="1957"]{
			padding-top: 37px;
		}
		.chronicle-item[data-year="1959"]{
			width: 302px;
			padding-left: 336px;
			padding-bottom: 74px;
		}
		.chronicle-item[data-year="1960"]{
		    width: 608px;
		}
		.chronicle-item[data-year="1961"],
		.chronicle-item[data-year="1962"]{
			width: 494px;
		}
		.chronicle-item[data-year="1964"]{
			width: 577px;
			padding-top: 30px;
			padding-right: 340px;
		}
		.chronicle-item[data-year="1967"],
		.chronicle-item[data-year="1969"],
		.chronicle-item[data-year="1971"],
		.chronicle-item[data-year="1972"]{
		    width: 594px;
		}
		.chronicle-item[data-year="1975"],
		.chronicle-item[data-year="1976"],
		.chronicle-item[data-year="1977"],
		.chronicle-item[data-year="1978"]{
			width: 590px;
		    margin-left: 334px;
		}
		.chronicle-item[data-year="1979"]{
			width: 590px;
		    padding-left: 344px;
		}
		.chronicle-item[data-year="1980"]{
			width: 570px;
		    margin-right: 354px;
			padding-top: 40px;
		}
		.chronicle-item[data-year="1981"],
		.chronicle-item[data-year="1982"]{
			width: 570px;
		    margin-right: 354px;
		}
		.chronicle-item[data-year="1983"]{
			width: 590px;
		    padding-right: 344px;
		}
		.chronicle-item[data-year="1984"],
		.chronicle-item[data-year="1985"],
		.chronicle-item[data-year="1986"],
		.chronicle-item[data-year="1987"]{
			width: 640px;
		    margin-left: 280px;
		}
		.chronicle-item[data-year="1990"]{
			width: 640px;
		    padding-left: 290px;
		}
		.chronicle-item[data-year="1991"]{
			width: 635px;
			padding-top: 32px;
		}
		.chronicle-item[data-year="1992"]{
			padding-bottom: 34px;
		}
		.chronicle-item[data-year="1995"]{
			width: 570px;
			padding-top: 68px;
			padding-left: 345px;
		}
		.chronicle-item[data-year="1997"]{
			width: 493px;
			height: 335px;
			padding-left: 432px;
		}
		.chronicle-item[data-year="1998"]{
			width: 645px;
		}
			.chronicle-item[data-year="1998"]:after{
				margin-right: 138px;
			}
		.chronicle-item[data-year="1999"]{
			width: 508px;
		}
		.chronicle-item[data-year="2000"]{
			width: 671px;
			padding-top: 24px;
			padding-bottom: 20px;
		}
		.chronicle-item[data-year="2002"],
		.chronicle-item[data-year="2003"],
		.chronicle-item[data-year="2006"],
		.chronicle-item[data-year="2007"],
		.chronicle-item[data-year="2008"]{
			width: 590px;
			margin-left: 335px;
		}
		.chronicle-item[data-year="2009"]{
			width: 590px;
			padding-left: 345px;
		}
		.chronicle-item[data-year="2010"],
		.chronicle-item[data-year="2011"],
		.chronicle-item[data-year="2012"],
		.chronicle-item[data-year="2013"],
		.chronicle-item[data-year="2014"],
		.chronicle-item[data-year="2016"],
		.chronicle-item[data-year="2019"]{
			width: 527px;
		}
		.chronicle-item[data-year="2016"]{
			/*width: 495px;
			padding-top: 23px;
			padding-right: 430px;*/
		}
		.chronicle-item[data-year="2016"] dd .emphasis{
			font-size: 16px;
		}
		.chronicle-item[data-year="2019"]{
			/*width: 495px;
			padding-top: 23px;
			padding-right: 430px;*/
		}
		.chronicle-item[data-year="2019"] dd .emphasis{
			font-size: 16px;
		}
			.chronicle-item[data-year="1948"] figure{
				position: absolute;
			    top: -176px;
	    		right: -492px;
	    		z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="1952"] figure{
				position: absolute;
			    top: 0;
    		    right: -415px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="1957"] figure{
				position: absolute;
			    top: 40px;
    		    left: -424px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="1959"] figure{
				position: absolute;
			    top: 15px;
    			right: -292px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="1964"] figure{
				position: absolute;
			    bottom: 108px;
		        right: -60px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="1971"] figure{
				position: absolute;
			    bottom: 39px;
		        right: -326px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="1975"] figure{
				position: absolute;
			    top: 33px;
		        left: -332px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="1980"] figure{
				position: absolute;
			    top: 40px;
		        left: 603px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="1984"] figure{
				position: absolute;
			    top: 25px;
		        left: -297px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="1991"] figure{
				position: absolute;
			    top: 61px;
    			left: 695px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="1995"] figure{
				position: absolute;
			    top: 32px;
		        left: 0;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="1997"] figure{
				position: absolute;
			    top: 0;
		        left: -47px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="2000"] figure{
				position: absolute;
			    top: -13px;
    			right: -272px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="2003"] figure{
				position: absolute;
			    top: -48px;
		        left: -338px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="2006"] figure{
				position: absolute;
			    top: 38px;
		        left: -338px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="2011"] figure{
				position: absolute;
			    top: -70px;
		        right: -378px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="2014"] figure{
				position: absolute;
			    top: -270px;
		        right: -378px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="2016"] figure{
				position: absolute;
			    top: -139px;
		       right: -378px;
    		    z-index: 2;
				margin: 0;
			}
			.chronicle-item[data-year="2019"] figure{
				position: absolute;
			    top: 26px;
		        right: -378px;
    		    z-index: 2;
				margin: 0;
			}
			

	.chronicle-item[data-year="1919"] > dl > dt > span{
		background: url(../../images/course/bg_label_1919.png) no-repeat left center;
	}
	.chronicle-item[data-year="1920"] > dl > dt > span{
		background: url(../../images/course/bg_label_1920.png) no-repeat left center;
	}
	.chronicle-item[data-year="1923"] > dl > dt > span{
		background: url(../../images/course/bg_label_1923.png) no-repeat left center;
	}
	.chronicle-item[data-year="1927"] > dl > dt > span{
		background: url(../../images/course/bg_label_1927.png) no-repeat left center;
	}
	.chronicle-item[data-year="1930"] > dl > dt > span{
		background: url(../../images/course/bg_label_1930.png) no-repeat left center;
	}
	.chronicle-item[data-year="1931"] > dl > dt > span{
		background: url(../../images/course/bg_label_1931.png) no-repeat left center;
	}
	.chronicle-item[data-year="1934"] > dl > dt > span{
		background: url(../../images/course/bg_label_1934.png) no-repeat left center;
	}
	.chronicle-item[data-year="1938"] > dl > dt > span{
		background: url(../../images/course/bg_label_1938.png) no-repeat left center;
	}
	.chronicle-item[data-year="1939"] > dl > dt > span{
		background: url(../../images/course/bg_label_1939.png) no-repeat left center;
	}
	.chronicle-item[data-year="1940"] > dl > dt > span{
		background: url(../../images/course/bg_label_1940.png) no-repeat left center;
	}
	.chronicle-item[data-year="1946"] > dl > dt > span{
		background: url(../../images/course/bg_label_1946.png) no-repeat left center;
	}
	.chronicle-item[data-year="1948"] > dl > dt > span{
		background: url(../../images/course/bg_label_1948.png) no-repeat left center;
	}
	.chronicle-item[data-year="1950"] > dl > dt > span{
		background: url(../../images/course/bg_label_1950.png) no-repeat left center;
	}
	.chronicle-item[data-year="1952"] > dl > dt > span{
		background: url(../../images/course/bg_label_1952.png) no-repeat left center;
	}
	.chronicle-item[data-year="1954"] > dl > dt > span{
		background: url(../../images/course/bg_label_1954.png) no-repeat left center;
	}
	.chronicle-item[data-year="1955"] > dl > dt > span{
		background: url(../../images/course/bg_label_1955.png) no-repeat left center;
	}
	.chronicle-item[data-year="1957"] > dl > dt > span{
		background: url(../../images/course/bg_label_1957.png) no-repeat left center;
	}
	.chronicle-item[data-year="1958"] > dl > dt > span{
		background: url(../../images/course/bg_label_1958.png) no-repeat left center;
	}
	.chronicle-item[data-year="1959"] > dl > dt > span{
		background: url(../../images/course/bg_label_1959.png) no-repeat left center;
	}
	.chronicle-item[data-year="1960"] > dl > dt > span{
		background: url(../../images/course/bg_label_1960.png) no-repeat left center;
	}
	.chronicle-item[data-year="1961"] > dl > dt > span{
		background: url(../../images/course/bg_label_1961.png) no-repeat left center;
	}
	.chronicle-item[data-year="1962"] > dl > dt > span{
		background: url(../../images/course/bg_label_1962.png) no-repeat left center;
	}
	.chronicle-item[data-year="1964"] > dl > dt > span{
		background: url(../../images/course/bg_label_1964.png) no-repeat left center;
	}
	.chronicle-item[data-year="1967"] > dl > dt > span{
		background: url(../../images/course/bg_label_1967.png) no-repeat left center;
	}
	.chronicle-item[data-year="1969"] > dl > dt > span{
		background: url(../../images/course/bg_label_1969.png) no-repeat left center;
	}
	.chronicle-item[data-year="1971"] > dl > dt > span{
		background: url(../../images/course/bg_label_1971.png) no-repeat left center;
	}
	.chronicle-item[data-year="1972"] > dl > dt > span{
		background: url(../../images/course/bg_label_1972.png) no-repeat left center;
	}
	.chronicle-item[data-year="1973"] > dl > dt > span{
		background: url(../../images/course/bg_label_1973.png) no-repeat left center;
	}
	.chronicle-item[data-year="1975"] > dl > dt > span{
		background: url(../../images/course/bg_label_1975.png) no-repeat left center;
	}
	.chronicle-item[data-year="1976"] > dl > dt > span{
		background: url(../../images/course/bg_label_1976.png) no-repeat left center;
	}
	.chronicle-item[data-year="1977"] > dl > dt > span{
		background: url(../../images/course/bg_label_1977.png) no-repeat left center;
	}
	.chronicle-item[data-year="1978"] > dl > dt > span{
		background: url(../../images/course/bg_label_1978.png) no-repeat left center;
	}
	.chronicle-item[data-year="1979"] > dl > dt > span{
		background: url(../../images/course/bg_label_1979.png) no-repeat left center;
	}
	.chronicle-item[data-year="1980"] > dl > dt > span{
		background: url(../../images/course/bg_label_1980.png) no-repeat left center;
	}
	.chronicle-item[data-year="1981"] > dl > dt > span{
		background: url(../../images/course/bg_label_1981.png) no-repeat left center;
	}
	.chronicle-item[data-year="1982"] > dl > dt > span{
		background: url(../../images/course/bg_label_1982.png) no-repeat left center;
	}
	.chronicle-item[data-year="1983"] > dl > dt > span{
		background: url(../../images/course/bg_label_1983.png) no-repeat left center;
	}
	.chronicle-item[data-year="1984"] > dl > dt > span{
		background: url(../../images/course/bg_label_1984.png) no-repeat left center;
	}
	.chronicle-item[data-year="1985"] > dl > dt > span{
		background: url(../../images/course/bg_label_1985.png) no-repeat left center;
	}
	.chronicle-item[data-year="1986"] > dl > dt > span{
		background: url(../../images/course/bg_label_1986.png) no-repeat left center;
	}
	.chronicle-item[data-year="1987"] > dl > dt > span{
		background: url(../../images/course/bg_label_1987.png) no-repeat left center;
	}
	.chronicle-item[data-year="1990"] > dl > dt > span{
		background: url(../../images/course/bg_label_1990.png) no-repeat left center;
	}
	.chronicle-item[data-year="1991"] > dl > dt > span{
		background: url(../../images/course/bg_label_1991.png) no-repeat left center;
	}
	.chronicle-item[data-year="1992"] > dl > dt > span{
		background: url(../../images/course/bg_label_1992.png) no-repeat left center;
	}
	.chronicle-item[data-year="1995"] > dl > dt > span{
		background: url(../../images/course/bg_label_1995.png) no-repeat left center;
	}
	.chronicle-item[data-year="1997"] > dl > dt > span{
		background: url(../../images/course/bg_label_1997.png) no-repeat left center;
	}
	.chronicle-item[data-year="1998"] > dl > dt > span{
		background: url(../../images/course/bg_label_1998.png) no-repeat left center;
	}
	.chronicle-item[data-year="1999"] > dl > dt > span{
		background: url(../../images/course/bg_label_1999.png) no-repeat left center;
	}
	.chronicle-item[data-year="2000"] > dl > dt > span{
		background: url(../../images/course/bg_label_2000.png) no-repeat left center;
	}
	.chronicle-item[data-year="2002"] > dl > dt > span{
		background: url(../../images/course/bg_label_2002.png) no-repeat left center;
	}
	.chronicle-item[data-year="2003"] > dl > dt > span{
		background: url(../../images/course/bg_label_2003.png) no-repeat left center;
	}
	.chronicle-item[data-year="2006"] > dl > dt > span{
		background: url(../../images/course/bg_label_2006.png) no-repeat left center;
	}
	.chronicle-item[data-year="2007"] > dl > dt > span{
		background: url(../../images/course/bg_label_2007.png) no-repeat left center;
	}
	.chronicle-item[data-year="2008"] > dl > dt > span{
		background: url(../../images/course/bg_label_2008.png) no-repeat left center;
	}
	.chronicle-item[data-year="2009"] > dl > dt > span{
		background: url(../../images/course/bg_label_2009.png) no-repeat left center;
	}
	.chronicle-item[data-year="2010"] > dl > dt > span{
		background: url(../../images/course/bg_label_2010.png) no-repeat left center;
	}
	.chronicle-item[data-year="2011"] > dl > dt > span{
		background: url(../../images/course/bg_label_2011.png) no-repeat left center;
	}
	.chronicle-item[data-year="2012"] > dl > dt > span{
		background: url(../../images/course/bg_label_2012.png) no-repeat left center;
	}
	.chronicle-item[data-year="2013"] > dl > dt > span{
		background: url(../../images/course/bg_label_2013.png) no-repeat left center;
	}
	.chronicle-item[data-year="2014"] > dl > dt > span{
		background: url(../../images/course/bg_label_2014.png) no-repeat left center;
	}
	.chronicle-item[data-year="2016"] > dl > dt > span{
		background: url(../../images/course/bg_label_2016.png) no-repeat left center;
	}
	.chronicle-item[data-year="2019"] > dl > dt > span{
		background: url(../../images/course/bg_label_2019.png) no-repeat left center;
	}

/*--------------------------------------------------------------------------------
  column
--------------------------------------------------------------------------------*/
.column{
}
	.column-inner{
		position: relative;
	    padding: 38px 40px 19px;
		border: 1px solid #333333;
		color: #333;
		background: #e6e6e6;
	}
	.column-primary-header{
		position: absolute;
		top: -29px;
	    left: -19px;
		width: 66px;
		height: 64px;
	}
	.column-secondary-header{
		margin: 0 auto 24px;
		font-size: 22px;
		font-weight: bold;
	}
	.column-tertiary-header{
		margin: 0 auto 8px;
		padding: 0 0 5px;
		font-size: 16px;
		font-weight: normal;
		text-align: center;
		border-bottom: 1px solid #b5b2b2;
	}
		.column-tertiary-header span{
			display: inline-block;
			vertical-align: bottom;
			text-align: left;
		}
	.column-lead{
		margin: 0 auto 43px;
	    font-size: 15px;
		line-height: 24px;
	}
	.column hr{
		display: none;
	}
	.column-toggle{
		display: none;
	}
	.column-paragraph{
		margin: 0 auto 30px;
		font-size: 12px;
		line-height: 20px;
	}
	.column-figure{
		margin: 0 auto;
	}
		.column-figure img{
			max-width: 100%;
			height: auto;
			vertical-align: bottom;
		}

	.column-3up{
		overflow: hidden;
	}
		.column-3up-inner{
			margin: 0 -28px;
		}
			.column-3up-items{
				display: table;
				width: 100%;
				table-layout: fixed;
				border-spacing: 28px 0;
			}
				.column-3up-item{
					display: table-cell;
					vertical-align: top;
				}

	/*** column 1 **/
	.c1 .column-primary-header{
		background: url(../../images/course/bg_column_header01.png) no-repeat center;
	}

	/*** column 2 **/
	.c2 .column-inner{
		padding-bottom: 4px;
	}
	.c2 .column-primary-header{
		background: url(../../images/course/bg_column_header02.png) no-repeat center;
	}
		.c2 .column-lead{
			float: left;
			width: 25%;
			line-height: 26px;
		}
		.c2 .column-body{
			position: relative;
    		top: -6px;
			float: right;
			width: 71%;
		}
			.c2 .column-tertiary-header{
				display: table;
			    width: 100%;
			    margin-bottom: 7px;
			    font-size: 10px;
			    text-align: left;
			    border-spacing: 0;
			}
				.c2 .column-tertiary-header i{
					display: table-cell;
					vertical-align: bottom;
					padding: 0 6px 0 0;
				}
					.c2 .column-tertiary-header i:before{
						display: inline-block;
						vertical-align: bottom;
						height: 20px;
					}
					.c2 .column-tertiary-header[data-icon="S3"] i:before{
						content: url(../../images/course/ico_s3.png);
					}
					.c2 .column-tertiary-header[data-icon="SV"] i:before{
						content: url(../../images/course/ico_sv.png);
					}
					.c2 .column-tertiary-header[data-icon="SP"] i:before{
						content: url(../../images/course/ico_sp.png);
					}
					.c2 .column-tertiary-header[data-icon="ES"] i:before{
						content: url(../../images/course/ico_es.png);
					}
					.c2 .column-tertiary-header[data-icon="ES-II"] i:before{
						content: url(../../images/course/ico_es-2.png);
					}
					.c2 .column-tertiary-header[data-icon="SPF"] i:before{
						content: url(../../images/course/ico_spf.png);
					}
				.c2 .column-tertiary-header span{
					display: table-cell;
					vertical-align: bottom;
					line-height: 1;
				}
				.c2 .column-figure{
					margin: 0 auto;
				}


	/*** column 3 **/
	.c3 .column-inner{
		padding-bottom: 32px;
	}
		.c3 .column-primary-header{
			background: url(../../images/course/bg_column_header03.png) no-repeat center;
		}
			.c3 .column-3up-item{
				position: relative;
				height: 421px;
			}
				.c3 .column-figure{
					position: absolute;
					left: 0;
					bottom: 0;
					z-index: 1;
					width: 100%;
				}
				.c3 .column-tertiary-header{
					margin-bottom: 14px;
				}
					.c3 .column-paragraph{
						line-height: 20px;
					}


@media only screen and (max-width: 945px){
	.course-section-inner{
		padding: 0 20px;
	}
		.column-tertiary-header{
		    font-size: 14px;
		}
		.column-paragraph{
			font-size: 11px;
		}
		.c2 .column-lead{
			width: 38%;
		}
		.c2 .column-body{
			width: 60%;
		}
}


@media only screen and (max-width:768px){
	.mobile-toggle{
		display: block;
		position: absolute;
	    top: 55px;
	    right: 0;
	    z-index: 2;
	}

	.main{
		min-width: 0;
		margin: 55px auto 0;
		text-align: center;
		overflow: visible;
	}
		.main-inner{
			position: relative;
		}
			.main-header{
				padding: 16px 0;
				background: #000;
			}
				.main-header-body{
					height: 0;
					padding-top: 14px;
					background: url(../../images/course/bg_main_header_sp.png) no-repeat center;
					background-size: contain;
				}

	.course{
		background: #fff;
	}
		.course-section{
			position: static;
			margin: 0 auto;
			padding: 0;
			background: #fff;
		}
		.course-section#s2,
		.course-section#s3{
			border-top: 1px solid #9FA0A0;
		}
			.course-section-inner{
				width: 300px;
				padding: 0!important;
			}
			.course-header{
				position: static;
				top: auto;
				left: auto;
				width: auto;
			}
			.course-header.fixed{
				position: static;
				top: auto;
				left: auto;
				width: auto;
				z-index: auto;
			}
				.course-header-inner{
					position: static;
					height: auto;
					margin: 0;
					padding: 0;
				}
					.course-header-inner:after{
						position: static;
						top: auto;
						bottom: auto;
						left: auto;
						right: auto;
						height: 0;
						padding-top: 100%;
					}

				.course-nav{
					display: block;
					position: static;
					top: auto;
					left: auto;
					right: auto;
					bottom: auto;
					z-index: auto;
					width: auto;
					height: auto;
					margin: 0 auto;
					padding: 24px 0 25px;
					text-align: center;
					letter-spacing: -0.4em;
					line-height: 1;
				}
					.course-nav-item{
						display: inline-block;
						vertical-align: bottom;
						width: 45px;
						margin: 0 0 0 30px;
						padding: 0;
						background: none;
						letter-spacing: normal;
					}
					.course-nav-item:first-child{
						margin-left: 0;
					}
						.course-nav-item a{
							position: relative;
							display: block;
						    padding-top: 18px;
							opacity: 1;
							-webkit-transition: none;
							transition: none;
						}
						.course-nav-item a:hover{
							opacity: 1;
							-webkit-transition: none;
							transition: none;
						}
							.course-nav-item a:after{
								content: '';
								display: block;
								position: absolute;
								top: 0;
								left: 0;
								right: 0;
								bottom: 0;
								z-index: 1;
								background: rgba(255,255,255,0.7);
							}
							.course-nav-item.active a:after{
								display: none;
							}
						.course-nav-item[data-year="1919"] a{
							background: url(../../images/course/bg_nav_1919_sp.png) no-repeat center center;
							background-size: 100% auto;
						}
						.course-nav-item[data-year="1952"] a{
							background: url(../../images/course/bg_nav_1952_sp.png) no-repeat center center;
							background-size: 100% auto;
						}
						.course-nav-item[data-year="1997"] a{
							background: url(../../images/course/bg_nav_1997_sp.png) no-repeat center center;
							background-size: 100% auto;
						}

				.s1 .course-header-inner{
					background: none;
				}
					.s1 .course-header-inner:after{
						background: url(../../images/course/bg_course_header01_sp.png) no-repeat center;
						background-size: 100% auto;
					}
				.s2 .course-header-inner{
					background: none;
				}
					.s2 .course-header-inner:after{
						background: url(../../images/course/bg_course_header02_sp.png) no-repeat center;
						background-size: 100% auto;
					}
				.s3 .course-header-inner{
					background: none;
				}
					.s3 .course-header-inner:after{
						background: url(../../images/course/bg_course_header03_sp.png) no-repeat center;
						background-size: 100% auto;
					}

	.bgs{
		display: none;
	}

	.chronicle{
		margin: 0 auto;
		padding: 0 20px 34px;
		text-align: left;
	}
		.chronicle-item{
			padding: 16px 0;
		}
			.chronicle-item dt{
				display: table-cell;
				vertical-align: top;
				padding: 0 6px 0 0;
			}
			.chronicle-item dd{
				display: table-cell;
				vertical-align: top;
				font-size: 11px;
				line-height: 18px;
			}

	.chronicle.chr1,
	.chronicle.chr2,
	.chronicle.chr3,
	.chronicle.chr4,
	.chronicle.chr5{
	    padding: 0 20px 34px;
	}
		.chronicle-item{
			width: auto!important;
			height: auto!important;
			margin: 0 auto!important;
			padding: 16px 0!important;
		}
			.chronicle-item:after{
				margin: auto auto 0!important;
			}
		.chronicle-item > dl > dt > span{
			display: block;
			width: 40px;
			height: auto;
			padding-top: 0;
			font-size: 14px;
			line-height: 1.4;
			text-indent: 0;
			white-space: nowrap;
			overflow: visible;
			background: none!important;
		}
		.chronicle-item dt span.emphasis-year{
			width: 50px;
			padding-top: 0;
		}
		.chronicle-item figure{
			position: static!important;
			top: auto!important;
			bottom: auto!important;
			left: auto!important;
			right: auto!important;
			margin: 14px auto 0!important;
			text-align: center;
		}
			.chronicle-item figure img{
				max-width: 70%;
				height: auto;
			}
	.events{
		padding: 8px 12px;
		line-height: 1.4;
	}
	.emphasis{
		font-size: 14px;
		line-height: 1.4;
	}


	.column{
		margin: 0 20px 23px;
	}
		.column-inner{
			padding: 20px 7px 0!important;
		}
		.column-primary-header{
			top: -21px;
		    left: -18px;
			width: 43px;
			height: 43px;
		}
		.column-secondary-header{
			margin: 0 auto 18px;
			padding: 0 16px;
			font-size: 15px;
			line-height: 1.4;
			text-align: left;
		}
		.column-tertiary-header{
			font-size: 14px;
			line-height: 1.2;
			text-align: left;
		}
		.column-lead{
			margin: 0 auto;
			padding: 0 16px;
			font-size: 11px;
			line-height: 18px;
			text-align: left;
		}
		.column hr{
			display: block;
			height: 0;
			margin: 16px auto 0;
			padding-top: 1px;
			background: #9FA0A0;
			border: none;
		}
		.column-toggle{
			display: block;
		}
			.column-toggle a{
				position: relative;
				display: block;
				padding-top: 39px;
			}
				.column-toggle a:before{
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
					width: 18px;
					height: 11px;
					margin: auto;
					background: url(../../images/course/arrow_course_down.png) no-repeat center;
					background-size: 100% auto;
					-webkit-transform: rotate(0deg);
					-ms-transform: rotate(0deg);t
					transform: rotate(0deg);
					-webkit-transition: -webkit-transform 250ms;
					transition: -webkit-transform 250ms;
					transition: transform 250ms;
					transition: transform 250ms, -webkit-transform 250ms;
				}
				.column-toggle.active a:before{
					-webkit-transform: rotate(180deg);
					-ms-transform: rotate(180deg);t
					transform: rotate(180deg);
					-webkit-transition: -webkit-transform 250ms;
					transition: -webkit-transform 250ms;
					transition: transform 250ms;
					transition: transform 250ms, -webkit-transform 250ms;
				}
		.column-body{
			display: none;
			padding: 20px 10px;
		}
			.column-paragraph{
				margin: 0 auto 10px;
				font-size: 11px;
				line-height: 18px;
				text-align: left;
			}
		.column-3up{
		}
			.column-3up-inner{
				margin: 0 auto;
			}
				.column-3up-items{
					display: block;
					width: auto;
					table-layout: auto;
					border-spacing: 0;
				}
					.column-3up-item{
						display: block;
						width: auto;
						margin: 0 auto 20px;
					}

	/*** column 1 **/
	.c1 .column-primary-header{
		background-size: 100% auto;
	}

	/*** column 2 **/
	.c2 .column-primary-header{
		background-size: 100% auto;
	}
		.c2 .column-lead{
			float: none;
			width: auto;
		}
		.c2 .column-body{
			float: none;
			width: auto;
		}
			.c2 .column-tertiary-header{
				font-size: 12px;
			}

	/*** column 3 **/
	.c3 .column-primary-header{
		background-size: 100% auto;
	}
		.c3 .column-3up-item{
			position: static;
			height: auto;
		}
		.c3 .column-figure{
			position: static;
			left: auto;
			bottom: auto;
			z-index: auto;
			width: auto;
		}


}


/******************************************************************************

 fix IE

******************************************************************************/
.main, .sitemap, #pagetop, #footer{
	position: relative;
	z-index: 1;
}
@media only screen and (max-width:768px){
	.main, .sitemap, #pagetop, #footer{
		position: static;
	}
}


/******************************************************************************

 print

******************************************************************************/
@media print{
	.main{
		margin-top: 0;
	}
		.main-header{
			padding: 0;
		}
			.main-header-body{
				height: auto;
		    	padding-top: 0;
		    	text-align: center;
			}
				.main-header-body span{
					position: static!important;
					width: auto!important;
				    height: auto!important;
				    margin: 0!important;
				    font-size: 30px;
				    font-weight: bold;
				    color: #333;
				}
	.bgs, .bg0, .bg1, .bg2, .bg3, .bg4{
		display: none;
	}
	.course-section{
		position: static;
		margin-top: 0;
		padding-top: 0;
		page-break-after: always;
	}
	.course-header{
		position: static;
		height: auto;
		padding: 250px 0;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
	}
		.course-header-inner{
			height: auto;
			padding-top: 0;
			text-align: center;
			transform: translateY(-50%);
		}
			.course-header-inner span{
				position: static!important;
				width: auto!important;
			    height: auto!important;
			    margin: 0!important;
			    color: #333;
			}
			.course-header-inner h4{
				font-size: 2em;
				font-weight: bold;
			}
			.course-header-inner p{
				margin-top: 30px;
				font-size: 14px;
				font-weight: normal;
			}
	.course-nav{
		display: none;
	}

	.chronicle-item dt span{
		display: block;
		width: auto;
		height: auto;
		padding-top: 0;
		text-indent: 0;
		white-space: nowrap;
		overflow: visible;
	}
	.chronicle-item dt span.emphasis-year{
		width: 100px;
		padding-top: 0;
		font-size: 1.5em;
		font-weight: bold;
	}
	.column-primary-header{
		height: auto;
		padding: 25px 0;
		border: 1px solid #000;
		text-align: center;
		border-radius: 50%;
	}
		.column-primary-header span{
			position: static!important;
			width: auto!important;
		    height: auto!important;
		    margin: 0!important;
		    font-size: 10px;
		    color: #333;
		}
}