@charset "utf-8";
.mainimage {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 800px;
    position: fixed;
    background-image: url(../../img/history/mainimg-bg.png);
}
.maincopy {
    text-align: center;
    padding-top: 370px;
    color: #D9D7D7;
    height: 430px;
    position: relative;
}
.content {
    background-image: url(../../img/history/bg.png);
    background-repeat: repeat-y;
    background-position: center top;
    background-size: cover;
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.3vw;
	letter-spacing: 1px;
}
.startbox   {
    position: relative;
    background-image: url(../../img/history/line.png);
    background-repeat: repeat-y;
    background-position: center top;
    padding-bottom: 58px;
    text-align: center;
    top: -50px;
}
.content .coverbox {
    background-color: rgba(201,201,201,0.40);
    padding-top: 70px;
    padding-bottom: 50px;
    position: relative;
    margin-top: -80px;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 1px;
	padding-left: 2%;
	padding-right: 2%;
}
.content .coverbox h3{
	font-size:31px;
	font-family: 'Noto Serif JP';
	padding-bottom: 40px;
}
.content .coverbox h2{
	font-size:63px;
	font-family: 'Noto Serif JP', serif;
	padding-bottom: 60px;
}
.sec {
    background-image: url(../../img/history/line.png);
    background-repeat: repeat-y;
    background-position: center center;
    margin-top: -15px;
    padding-top: 140px;
    padding-bottom: 140px;
    position: relative;
    margin-bottom: 60px;
}
.sec-last{
    background-image: url("../../img/history/last-arrow.png");
    background-position: center bottom;
}
.sec .leftbox {
    width: 50.8%;
    float: left;
    position: relative;
}
.sec .leftbox .txt ,.sec .rightbox .txt{
	padding-top: 10px;
    font-size: 1.3vw;
    line-height: 1.8;
}
.sec .rightbox {
    width: 50.8%;
    float: right;
    position: relative;
}
.sec .leftbox img,.sec .rightbox img{
	width: auto;
	max-width: 80%;
	height: auto;
}
.box1946 {
    background-image: url(../../img/history/1946-bg.png);
    background-repeat: no-repeat;
    background-position: right 60px;
}
.box1946 .year {
    padding-left: 160px;
}
.box1946 .txt {
    padding-left: 160px;
    
}
.box1946 .photo {
    padding-top: 20px;
}
.box1947 {
    background-image: url(../../img/history/en.png);
    background-repeat: no-repeat;
    background-position: left 30px;
}
.box1947 .year {
    padding-left: 40px;
    margin-top: -201px;
}
.box1947 .txt {
    padding-left: 40px;
}
.box1950 {
    background-image: url(../../img/history/1950-bg.png);
    background-repeat: no-repeat;
    background-position: left 60px;
}
.box1950 .year {
    padding-left: 80px;
    margin-top: 80px;
}
.box1950 .txt {
    padding-left: 80px;
}
.box1950 .photo {
    padding-top: 20px;
	padding-left: 80px;
}
.box1950-2 {
    margin-top: -350px;
}
.box1951 {
    background-image: url(../../img/history/en.png);
    background-repeat: no-repeat;
    background-position: right 30px;
}
.box1951 .year {
    padding-right: 40px;
    margin-top: 0px;
	text-align: right;
}
.box1951 .txt {
    padding-right: 40px;
    padding-top: 10px;
    font-size: 14px;
    line-height: 28px;
	text-align: right;
}

.box1952 {
    background-image: url(../../img/history/1952-bg.png);
    background-repeat: no-repeat;
    background-position: left 60px;
}
.box1952 .year {
    padding-left: 80px;
    margin-top: 80px;
}
.box1952 .txt {
    padding-left: 80px;
}
.box1952 .photo {
    padding-top: 20px;
	padding-left: 80px;
}
.box1953 {
    background-image: url(../../img/history/1953-bg.png);
    background-repeat: no-repeat;
    background-position: right 60px;
	margin-top: -200px;
}
.box1953 .year {
    padding-left: 160px;
}
.box1953 .txt {
    padding-left: 160px;
}
.box1953 .photo {
    padding-top: 20px;
	padding-left: 100px;
}
.box1959 {
    background-image: url(../../img/history/1959-bg.png);
    background-repeat: no-repeat;
    background-position: right 60px;
	margin-top: 80px;
}
.box1959 .year {
    padding-left: 160px;
}
.box1959 .txt {
    padding-left: 160px;
}
.box1959 .photo {
    padding-top: 20px;
	padding-left: 160px;
	margin-top: 0px;
}
.box1962 {
    background-image: url(../../img/history/1962-bg.png);
    background-repeat: no-repeat;
    background-position: left 60px;
}
.box1962 .year {
    padding-left: 80px;
    margin-top: 80px;
}
.box1962 .txt {
    padding-left: 80px;
}
.box1962 .photo {
    padding-top: 20px;
	padding-left: 80px;
}

.box1964 {
    background-image: url(../../img/history/en.png);
    background-repeat: no-repeat;
    background-position: right 30px;
    margin-top: -140px;
}
.box1964 .year {
    padding-right: 40px;
    margin-top: 0px;
	text-align: right;
}
.box1964 .txt {
    padding-right: 40px;
    padding-top: 10px;
    font-size: 14px;
    line-height: 28px;
	text-align: right;
}
.box1965 {
    background-image: url(../../img/history/en.png);
    background-repeat: no-repeat;
    background-position: right 30px;
    margin-top: 0px;
}
.box1965 .year {
    padding-right: 40px;
    margin-top: 0px;
	text-align: right;
}
.box1965 .txt {
    padding-right: 40px;
	text-align: right;
}
.box1967 {
    background-image: url(../../img/history/1967-bg.png);
    background-repeat: no-repeat;
    background-position: left 60px;
}
.box1967 .year {
    padding-left: 80px;
    margin-top: 80px;
}
.box1967 .txt {
    padding-left: 80px;
}
.box1967 .photo {
    padding-top: 20px;
	padding-left: 80px;
}
.box1970 {
    background-image: url(../../img/history/en.png);
    background-repeat: no-repeat;
    background-position: right 30px;
    margin-top: 40px;
}
.box1970 .year {
    padding-right: 40px;
    margin-top: -180px;
	text-align: right;
}
.box1970 .txt {
    padding-right: 40px;
	text-align: right;
}
.box1973 {
    background-image: url(../../img/history/en.png);
    background-repeat: no-repeat;
    background-position: right 30px;
    margin-top: 0px;
}
.box1973 .year {
    padding-right: 40px;
    margin-top: 0px;
	text-align: right;
}
.box1973 .txt {
    padding-right: 40px;
	text-align: right;
}
.box1978 {
    background-image: url(../../img/history/1978-bg.png);
    background-repeat: no-repeat;
    background-position: left 60px;
}
.box1978 .year {
    padding-left: 80px;
    margin-top: 80px;
}
.box1978 .txt {
    padding-left: 80px;
}
.box1978 .photo {
    padding-top: 20px;
	padding-left: 80px;
}
.box1980 {
    background-image: url(../../img/history/1980-bg.png);
    background-repeat: no-repeat;
    background-position: right 60px;
	margin-top: 80px;
}
.box1980 .year {
    padding-left: 240px;
}
.box1980 .txt {
    padding-left: 240px;
}
.box1980 .photo {
    padding-top: 20px;
	padding-left: 40px;
	margin-top: -180px;
}
.box1982 {
    background-image: url(../../img/history/en.png);
    background-repeat: no-repeat;
    background-position: left 30px;
}
.box1982 .year {
    padding-left: 40px;
    margin-top: 0px;
}
.box1982 .txt {
    padding-left: 40px;
}

.box1983 {
    background-image: url(../../img/history/1983-bg.png);
    background-repeat: no-repeat;
    background-position: left 60px;
}
.box1983 .year {
    padding-left: 80px;
    margin-top: 80px;
}
.box1983 .txt {
    padding-left: 80px;
}
.box1983 .photo {
    padding-top: 20px;
	padding-left: 80px;
}

.box1990 {
    background-image: url(../../img/history/en.png);
    background-repeat: no-repeat;
    background-position: right 30px;
    margin-top: 0px;
}
.box1990 .year {
    padding-right: 40px;
    margin-top: -240px;
	text-align: right;
}
.box1990 .txt {
    padding-right: 40px;
	text-align: right;
}

.box1992 {
    background-image: url(../../img/history/en.png);
    background-repeat: no-repeat;
    background-position: right 30px;
    margin-top: 0px;
}
.box1992 .year {
    padding-right: 40px;
    margin-top: -40px;
	text-align: right;
}
.box1992 .txt {
    padding-right: 40px;
	text-align: right;
}

.box1995 {
    background-image: url(../../img/history/1995-bg.png);
    background-repeat: no-repeat;
    background-position: right 60px;
	margin-top: 40px;
}
.box1995 .year {
    padding-left: 0px;
}
.box1995 .txt {
    padding-left: 0px;
}
.box1995 .photo {
    padding-top: 20px;
	padding-left: 0px;
}
.box2002 {
    background-image: url(../../img/history/en.png);
    background-repeat: no-repeat;
    background-position: left 30px;
    margin-top: -125px;
}
.box2002 .year {
    padding-left: 40px;
    margin-top: 0px;
}
.box2002 .txt {
    padding-left: 40px;
}

.box2003 {
    background-image: url(../../img/history/2003-bg.png);
    background-repeat: no-repeat;
    background-position: right 60px;
	margin-top: 80px;
}
.box2003 .year {
    padding-left: 240px;
}
.box2003 .txt {
    padding-left: 240px;
}
.box2003 .photo {
    padding-top: 20px;
	padding-left: 40px;
	margin-top: -130px;
}
.box2005 {
    background-image: url(../../img/history/en.png);
    background-repeat: no-repeat;
    background-position: right 30px;
    margin-top: 0px;
}
.box2005 .year {
    padding-right: 40px;
    margin-top: 40px;
	text-align: right;
}
.box2005 .txt {
    padding-right: 40px;
	text-align: right;
}
.box2006 {
    background-image: url(../../img/history/en.png);
    background-repeat: no-repeat;
    background-position: left 30px;
    margin-top: 40px;
}
.box2006 .year {
    padding-left: 40px;
    margin-top: 0px;
}
.box2006 .txt {
    padding-left: 40px;
}
.box2009 {
    background-image: url(../../img/history/en.png);
    background-repeat: no-repeat;
    background-position: left 30px;
    margin-top: 40px;
}
.box2009 .year {
    padding-left: 40px;
    margin-top: 0px;
}
.box2009 .txt {
    padding-left: 40px;
}
.box2011 {
    background-image: url(../../img/history/2011-bg.png);
    background-repeat: no-repeat;
    background-position: right 60px;
	margin-top: 40px;
}
.box2011 .year {
    padding-left: 40px;
}
.box2011 .txt {
    padding-left: 40px;
}
.box2011 .photo {
    padding-top: 20px;
	padding-left: 0px;
}

.box2012 {
    background-image: url(../../img/history/en.png);
    background-repeat: no-repeat;
    background-position: left 30px;
    margin-top: -160px;
}
.box2012 .year {
    padding-left: 40px;
    margin-top: 0px;
}
.box2012 .txt {
    padding-left: 40px;
}

.box2014 {
    background-image: url(../../img/history/en.png);
    background-repeat: no-repeat;
    background-position: right 30px;
    margin-top: -20px;
}
.box2014 .year {
    padding-right: 40px;
    margin-top: 40px;
	text-align: right;
}
.box2014 .txt {
    padding-right: 40px;
	text-align: right;
}

.box2015 {
    background-image: url(../../img/history/2015-bg.png);
    background-repeat: no-repeat;
    background-position: left 60px;
}
.box2015 .year {
    padding-left: 80px;
    margin-top: 80px;
}
.box2015 .txt {
    padding-left: 80px;
}
.box2015 .photo {
    padding-top: 20px;
	padding-left: 80px;
}

.box2016 {
    background-image: url(../../img/history/2016-bg.png);
    background-repeat: no-repeat;
    background-position: right 60px;
	margin-top: -200px;
}
.box2016 .year {
    padding-left: 40px;
}
.box2016 .txt {
    padding-left: 40px;
}
.box2016 .photo {
    padding-top: 20px;
	padding-left: 0px;
}

.box2017 {
    background-image: url(../../img/history/2017-bg.png);
    background-repeat: no-repeat;
    background-position: left 60px;
	margin-top: -100px;
}
.box2017 .year {
    padding-left: 80px;
    margin-top: 80px;
}
.box2017 .txt {
    padding-left: 80px;
}
.box2017 .photo {
    padding-top: 20px;
	padding-left: 80px;
}

.box2020 {
    background-image: url(../../img/history/2020-bg.png);
    background-repeat: no-repeat;
    background-position: right 60px;
	margin-top: -100px;
}
.box2020 .year {
    padding-left: 170px;
}
.box2020 .txt {
    padding-left: 170px;
}
.box2020 .photo {
    padding-top: 20px;
	padding-left: 10px;
	margin-top: -130px;
}
.box2020 .photo2 {
    padding-top: 20px;
	padding-left: 10px;
}
.box2020 .photo2 a{
	opacity: 1;
	transition: 0.5s;
}
.box2020 .photo2 a:hover{
	opacity: 0.8;
}
.last-coment {
    background-image: url(../../img/history/last.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 100px;
    padding-bottom: 100px;
    font-size: 31px;
    text-align: center;
    margin-bottom: 120px;
}
.cont-nav  {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    text-align: center;
    color: rgba(255,255,255,1.00);
}
.cont-nav ul {
    margin-top: 40px;
}
.cont-nav li{
	display: inline-block;
	margin-bottom: 20px;
}
.cont-nav li a {
    width: 278px;
    display: block;
    border: 1px solid rgba(255,255,255,1.00);
    color: rgba(255,255,255,1.00);
    text-decoration: none;
	padding: 10px;
	margin: 0 20px;
	font-size:18px;
	font-weight: bold;
	transition: 0.5s;
	
}
.cont-nav li:hover a{
	background: rgba(255,255,255,0.40);
}