@charset "utf-8";


/*---------------------------------------
共通
---------------------------------------*/
.timeline-inner{
	width:1080px;
	background:#fff;
	margin: 0 auto;
}
.timeline-inner_detail{
	position:relative;
}

.timeline-year{
	color:#fff;
	font-size:4rem;
	font-weight:700;
	max-width:170px;
	text-align:center;
	display:block;
	border-radius:10px;
	line-height:1.1;
	padding:0 0 5px;
	margin:0 auto 20px;
	position:relative;
	z-index:0;
}
.timeline-contents{
	position:relative;
}
.color-text{
	font-size:1.2rem;
}
.sub-text{
	color:#4d4d4d;
	font-size:.9rem;
	margin:10px 0 ;
	text-indent:-1em;
	padding-left:1em;
}
.sub-text02{
	color:#4d4d4d;
	font-size:.9rem;
	margin:10px 0 ;
}
.dots-line{
	width:100%;
	height:3px;
	border-top:#b2b2b2 4px dotted ;
	padding:20px 0 0;
}

/*---------------------------------------
1986-1991
---------------------------------------*/
.red-bg{
	background:#DA6248;

}
.red-color{
	color:#DA6248;
	font-weight:500;
}
.since1986-1988{
	position:relative;
	background:#fff;
	height:1000px;
}
.since1986-1988:before{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content:"";
    width:6px;
	background:#DA6248;
	height:1020px;
}
.since1986a{
	background:#fff;
	width:450px;
	display:flex;
	justify-content:space-between;
	position: absolute;
	top: 100px;
	left: 0%;
}
.since1986a figure{
	max-width:150px;
}
.since1986b{
	background:#fff;
	width:450px;
	position: absolute;
	top: 100px;
	right: 0%;
}
.since1986b figure{
	max-width:180px;
}

.since1988a{
	background:#fff;
	width:450px;
	margin:30px 0 0;
}
.since1988b{
	background:#fff;
	width:450px;
	position: absolute;
	bottom: 20px;
	right: 0%;
}
.since1988b .img_1988_b{
	max-width:200px;
}
.since1988b .img_1988_c{
	max-width:100%;
}




.since1988{
	margin:320px auto 0;
}
/*---------------------------------------
1992-1997
---------------------------------------*/
.blue-bg{
	background:#18548C;
}
.blue-color{
	color:#18548C;
	font-weight:500;
}
.since1992-1997{
	position:relative;
	background:#fff;
	height:3000px;
}
.since1992-1997:before{
    position: absolute;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content:"";
    width:6px;
	background:#18548C;
	height:3020px;
	z-index:1;
}

.since1992-94{
	background:#fff;
	width:450px;
	position: absolute;
	top: 100px;
	left: 0%;
}
.since1992-94 figure{
	max-width:330px;
	margin:0 0 20px;
}
.since1992{
	background:#fff;
	width:450px;
	position: absolute;
	top: 100px;
	right: 0%;
}
.since1992 figure{
	max-width:150px;
}

.since1993_box{
	background:#fff;
	width:450px;
	position: absolute;
	top: 570px;
	right: 0%;
}
.since1993_box figure{
	max-width:100px;
}
.since1994_box{
	background:#fff;
	width:470px;
	position: absolute;
	top: 1080px;
	right: 0%;
}
.since1995_box{
	background:#fff;
	width:470px;
	position: absolute;
	top: 1300px;
	right: 0%;
}

.since1996_box{
	background:url(/images/our-history/history/history01/topics.png) no-repeat 50% 50% ;
	background-size:90%;
	width:1000px;
	margin:20px 0;
	padding:200px 0 ;
	position:relative;
	z-index:0;
}
.since1996_box_sub_1{
	position: absolute;
	bottom: 30px;
	left: 50px;
	width:400px;
}

.since1996_box_sub_2{
	position: absolute;
	bottom: 20px;
	right: 0px;
	width:450px;
}
.since1996_box_sub_2 figure{
	max-width:100px;
	text-align:center;
	margin: 0 auto;
}


.since1996_box2{
	background:#fff;
	width:450px;
	position: absolute;
	top: 2300px;
	right: 0%;
}
.since1996_box2 figure{
	max-width:150px;
}
.since1996_box3{
	background:#fff;
	width:450px;
	position: absolute;
	top: 2600px;
	right: 0%;
}
.since1996_box3 figure{
	max-width:300px;
	margin: 0 auto;
}

.since1993{
	margin:380px auto 0;
}
.since1994{
	margin:460px auto 0;
}
.since1995{
	margin:140px auto 0;
}
.since1996{
	margin:520px auto 0;
}

/*---------------------------------------
1998-2001
---------------------------------------*/
.yellow-bg{
	background:#bcb600;
}
.yellow-color{
	color:#bcb600;
	font-weight:500;
}
.since1998-2001{
	position:relative;
	height:2400px;
}
.since1998-2001:before{
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content:"";
    width:6px;
	background:#bcb600;
	height:2420px;
}

.since1998a{
	background:#fff;
	width:450px;
	position: absolute;
	top: 100px;
	right: 0%;
}
.since1998a figure{
	max-width:150px;
}
.since1998b{
	background:#fff;
	width:450px;
	position: absolute;
	top: 330px;
	right: 0%;
}
.since1998b figure{
	max-width:150px;
}
.since1998c{
	background:#fff;
	width:450px;
	position: absolute;
	top: 330px;
	left: 0%;
}

.since1999a{
	background:#fff;
	width:300px;
	position: absolute;
	top: 700px;
	left: 0%;
}
.since1999a figure{
	max-width:300px;
	margin: 20px auto;
}
.since1999b{
	background:#fff;
	width:450px;
	position: absolute;
	top: 800px;
	right: 0%;
}
.since1999b figure{
	max-width:150px;
	margin: 20px 0;
}

.since2000a{
	background:#fff;
	width:450px;
	position: absolute;
	top: 1600px;
	right: 0%;
}
.since2000a figure{
	max-width:150px;
	margin: 20px 0;
}
.since2001a{
	background:#fff;
	width:450px;
	position: absolute;
	top: 2220px;
	right: 0%;
}


.since1999{
	margin:630px auto 0;
}
.since2000{
	margin:700px auto 0;
}
.since2001{
	margin:550px auto 0;
}

/*---------------------------------------
2002-2006
---------------------------------------*/
.green-bg{
	background:#499337;
}
.green-color{
	color:#499337;
	font-weight:500;
}
.since2002-2006{
	position:relative;
	height:3000px;
}
.since2002-2006:before{
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content:"";
    width:6px;
	background:#499337;
	height:3020px;
	z-index:1;
}
.since2002_box{
	background:url(/images/our-history/history/history01/topics.png) no-repeat 50% 50% ;
	background-size:100%;
	width:1000px;
	padding:200px 0 ;
	margin:-110px 0 0;
	position:relative;

}
.since2002_box_a{
	position: absolute;
	top: 220px;
	left: 0px;
	width:400px;
}
.since2002_box_a figure{
	margin: 20px 0;
}

.since2002_box_b{
	position: absolute;
	top: 90px;
	right: -50px;
	width:400px;
}
.since2002_box_b figure{
	max-width:220px;
	margin: 20px 0;
}

.since2003a{
	background:#fff;
	width:400px;
	position: absolute;
	top: 500px;
	left: 0%;
}
.since2003a figure{
	margin: 20px 0;
}
.since2003b{
	background:#fff;
	width:450px;
	position: absolute;
	top: 600px;
	right: 0%;
}
.since2003b figure{
	margin: 20px 0;
	max-width:180px;
}

.since2004a{
	background:#fff;
	width:450px;
	position: absolute;
	top: 1200px;
	left: 0%;
}
.since2004a figure{
	margin: 20px auto;
	max-width:250px;
}
.since2004a figure.img2004_b{
	margin: 180px auto 0;
	max-width:250px;
}
.since2004a figure{
	margin: 20px auto;
	max-width:250px;
}
.since2004b{
	background:#fff;
	width:450px;
	position: absolute;
	top: 1200px;
	right: 0%;
}
.since2004b figure{
	margin: 20px 0;
	max-width:200px;
}
.since2004b figure.img2004_d{
	margin: 20px 0;
	max-width:80px;
}
.since2005a{
	background:#fff;
	width:450px;
	position: absolute;
	top: 2430px;
	right: 0%;
}
.since2005a figure{
	margin: 20px 0;
	max-width:120px;
}
.since2006a{
	background:#fff;
	width:450px;
	position: absolute;
	top: 2900px;
	right: 0%;
}



.since2003{
	margin:120px auto 0;
}
.since2004{
	margin:520px auto 0;
}
.since2005{
	margin:1150px auto 0;
}
.since2006{
	margin:400px auto 0;
}

/*---------------------------------------
2007-2012
---------------------------------------*/
.brown-bg{
	background:#844022;
}
.brown-color{
	color:#844022;
	font-weight:500;
}
.since2007-2012{
	position:relative;
	height:3700px;
}
.since2007-2012:before{
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content:"";
    width:6px;
	background:#844022;
	height:3720px;
		z-index:1;
}

.since2007a{
	background:#fff;
	width:450px;
	position: absolute;
	top: 90px;
	right: 0%;
}
.since2007a figure{
	margin: 20px 0;
	max-width:120px;
}
.since2008a{
	background:#fff;
	width:450px;
	position: absolute;
	top: 580px;
	right: 0%;
}
.since2008a figure{
	margin: 20px 0 40px;
	max-width:200px;
}

.since2009a{
	background:#e6e2d2;
	width:400px;
	position: absolute;
	top: 1200px;
	left: 0%;
	padding:10px;
}
.since2009a figure{
	margin: 20px 0 20px;
}

.since2009b{
	background:#e6e2d2;
	width:450px;
	position: absolute;
	top: 1300px;
	right: 0%;
	padding:10px;
}
.since2009b figure{
	margin: 20px 0 10px;
}
.since2010a{
	background:#fff;
	width:400px;
	position: absolute;
	top: 1990px;
	left: 0%;
	padding:10px;
}
.since2010a figure{
	margin: 40px 0 0px;
}
.since2010b{
	background:#fff;
	width:450px;
	position: absolute;
	top: 1930px;
	right: 0%;
	padding:10px;
}
.since2010b figure{
	margin: 20px 0 40px;
	max-width:100px;
}
.since2010c{
	background:#e6e2d2;
	width:450px;
	position: absolute;
	top: 2200px;
	right: 0%;
	padding:10px;
}
.since2010c figure{
	margin: 20px 0 40px;
	max-width:100%;
}





.since2011_box{
	background:url(/images/our-history/history/history01/topics.png) no-repeat 50% 50% ;
	background-size:100%;
	width:1000px;
	padding:200px 0 ;
	margin:0px 0 0;
	position:relative;
}

.since2011_box_a{
	position: absolute;
	top: 220px;
	left: 0px;
	width:400px;
}
.since2011_box_a figure{
	margin: 20px 0;
}

.since2011_box_b{
	position: absolute;
	top: 90px;
	right: 0px;
	width:400px;
	text-align:center;
}
.since2011_box_b figure{
	max-width:220px;
	margin: 20px auto 0;
}

.since2012a{
	background:#fff;
	width:450px;
	position: absolute;
	top: 3300px;
	right: 0%;
	padding:10px;
}
.since2012a figure{
	margin: 20px 0 40px;
	max-width:100%;
}



.since2008{
	margin:400px auto 0;
}
.since2009{
	margin:650px auto 0;
}
.since2010{
	margin:550px auto 0;
}
.since2011{
	margin:830px auto 0;
}


/*---------------------------------------
2013-2017
---------------------------------------*/
.black-bg{
	background:#231815;
}
.black-color{
	color:#231815;
	font-weight:500;
}
.since2013-2017{
	position:relative;
	height:4050px;
}
.since2013-2017:before{
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content:"";
    width:6px;
	background:#231815;
	height:4110px;
}

.since2013a{
	background:#fff;
	width:400px;
	position: absolute;
	top: 50px;
	left: 0%;
	padding:10px;
}
.since2013a figure{
	margin: 20px auto 40px;
	max-width:200px;
}

.since2013b{
	background:#e6e2d2;
	width:480px;
	position: absolute;
	top: 100px;
	right: 0%;
	padding:10px;
}
.since2013b figure{
	margin: 20px 0px;
	max-width:130px;
}

.since2014a{
	background:#Fff;
	width:450px;
	position: absolute;
	top: 580px;
	right: 0%;
	padding:10px;
}
.since2014a figure{
	margin: 20px 0px;
	max-width:100%;
}

.since2015a{
	background:#Fff;
	width:450px;
	position: absolute;
	top: 1080px;
	right: 0%;
	padding:10px;
}
.since2015a figure{
	margin: 20px 0px;
	max-width:80%;
}

.since2015b{
	background:#e6e2d2;
	width:500px;
	position: absolute;
	top: 1740px;
	right: 0%;
	padding:10px;
}
.since2015b figure{
	margin: 20px 0px;
	max-width:150px;
}
.since2016a{
	background:#fff;
	width:450px;
	position: absolute;
	top: 2000px;
	left: 0%;
	padding:10px;
}
.since2016a figure{
	margin: 20px auto 0px;
	max-width:250px;
}
.since2016a figure.img2016_b{
	margin: 20px auto 0px;
	max-width:150px;
}

.since2016b{
	background:#fff;
	width:450px;
	position: absolute;
	top: 2230px;
	right: 0%;
	padding:10px;
}
.since2016b figure{
	margin: 20px  0px;
	max-width:250px;
}

.since2016c{
	background:#e6e2d2;
	width:450px;
	position: absolute;
	top: 2650px;
	right: 0%;
	padding:10px;
}
.since2016c figure{
	margin: 20px  0px;
	max-width:250px;
}

.since2017a{
	background:#fff;
	width:470px;
	position: absolute;
	top: 3000px;
	right: 0%;
	padding:10px;
}
.since2017a figure{
	margin: 20px  0px;
}
.since2017b{
	background:#e6e2d2;
	width:470px;
	position: absolute;
	top: 3650px;
	right: 0%;
	padding:10px;
}
.since2017b figure{
	margin: 20px  0px;
	max-width:70%;
}
.since2017c{
	background:#Fff;
	width:410px;
	position: absolute;
	top: 3430px;
	left: 0%;
	padding:10px;
}
.since2017c figure{
	margin: 20px auto 0px;
	max-width:250px;
}
.since2017c figure.img2017_b{
	margin: 20px auto 0px;
	max-width:100px;
}
.since2017d{
	background:#Fff;
	width:470px;
	position: absolute;
	top: 3350px;
	right: 0%;
	padding:10px;
}
.since2017d figure{
	margin: 20px  0px;
	max-width:150px;
}




.since2014{
	margin:400px auto 0;
}
.since2015{
	margin:430px auto 0;
}
.since2016{
	margin:1080px auto 0;
}
.since2017{
	margin:680px auto 0;
}


/*---------------------------------------
2018-2025
---------------------------------------*/
.brown-light-bg{
	background:#896138;
}
.brown-light-color{
	color:#896138;
	font-weight:500;
}
.since2018-2025{
	position:relative;
	height:8200px;
}
.since2018-2025:before{
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content:"";
    width:6px;
	background:#896138;
	height:8220px;
	z-index:1;
}

.since2018a{
	background:#fff;
	width:460px;
	position: absolute;
	top: 100px;
	right: 0%;
	padding:10px;
}
.since2018a figure{
	margin: 20px  0px;
	max-width:200px;
}


.since2018b{
	background:#e6e2d2;
	width:450px;
	position: absolute;
	top: 600px;
	right: 0%;
	padding:10px;
}


.since2018c{
	background:#fff;
	width:450px;
	position: absolute;
	top: 100px;
	left: 0%;
	padding:10px;
}
.since2018c figure{
	margin: 20px auto 0px;
	max-width:200px;
}
.since2018d{
	background:#fff;
	width:450px;
	position: absolute;
	top: 600px;
	left: 0%;
	padding:10px;
}
.since2018d figure{
	margin: 20px auto 0px;
	max-width:200px;
}

.since2019a{
	background:#fff;
	width:470px;
	position: absolute;
	top: 1050px;
	right: 0%;
	padding:10px;
}
.since2019a figure{
	margin: 20px  0px;
	max-width:200px;
}

.since2019b{
	background:#e6e2d2;
	width:450px;
	position: absolute;
	top: 1250px;
	right: 0%;
	padding:10px;
}
.since2019b figure{
	margin: 20px  0px;
	max-width:200px;
}
.since2019c{
	background:#ffff;
	width:450px;
	position: absolute;
	top: 1050px;
	left: 0%;
	padding:10px;
}
.since2019c figure{
	margin: 20px auto 10px;
	max-width:200px;
}

.since2020_box_a{
	position: absolute;
	top: 200px;
	left: 0px;
	width:450px;
}
.since2020_box_a figure{
	margin: 20px auto 0;
	max-width:280px;
}

.since2020_box_b{
	position: absolute;
	top: 90px;
	right: 00px;
	width:400px;
	text-align:center;
}
.since2020_box_b figure{
	max-width:220px;
	margin: 20px auto 0;
}

.since2020c{
	background:#ffff;
	width:450px;
	position: absolute;
	top: 2030px;
	right: 0%;
	padding:10px;
}
.since2020c figure{
	margin: 20px 10px;
	max-width:280px;
}

.since2020d{
	background:#ffff;
	width:450px;
	position: absolute;
	top: 2250px;
	left: 0%;
	padding:10px;
}
.since2020d figure{
	margin: 20px  auto 10px;
	max-width:280px;
}
.since2021a{
	background:#ffff;
	width:450px;
	position: absolute;
	top: 2500px;
	right: 0%;
	padding:10px;
}


.since2022a{
	background:#ffff;
	width:450px;
	position: absolute;
	top: 2750px;
	right: 0%;
	padding:10px;
}
.since2022a figure{
	margin: 20px 10px;
	max-width:250px;
}
.since2022a figure.img2022b{
	margin: 40px 10px 0;
	max-width:100%;
}

.since2022b{
	background:#ffff;
	width:450px;
	position: absolute;
	top: 2750px;
	left: 0%;
	padding:10px;
}
.since2022b figure{
	margin: 20px auto 10px;
	max-width:250px;
}

.since2022c{
	background:#ffff;
	width:450px;
	position: absolute;
	top: 3250px;
	left: 0%;
	padding:10px;
}
.since2022c figure{
	margin: 20px auto 10px;
	max-width:250px;
}

.since2023a{
	background:#ffff;
	width:450px;
	position: absolute;
	top: 3800px;
	right: 0%;
	padding:10px;
}
.since2023a figure{
	margin: 20px 10px;
	max-width:200px;
}

.since2023b{
	background:#ffff;
	width:450px;
	position: absolute;
	top: 4120px;
	right: 0%;
	padding:10px;
}
.since2023b figure{
	margin: 20px 10px;
	max-width:200px;
}
.since2023c{
	background:#ffff;
	width:450px;
	position: absolute;
	top: 4370px;
	right: 0%;
	padding:10px;
}
.since2023c figure{
	margin: 20px 10px;
	max-width:200px;
}
.since2023d{
	background:#ffff;
	width:450px;
	position: absolute;
	top: 4700px;
	right: 0%;
	padding:10px;
}
.since2023d figure{
	margin: 20px 10px;
	max-width:200px;
}
.since2023e{
	background:#ffff;
	width:450px;
	position: absolute;
	top: 3800px;
	left: 0%;
	padding:10px;
}
.since2023e figure{
	margin: 20px auto 10px;
	max-width:250px;
}
.since2023f{
	background:#ffff;
	width:450px;
	position: absolute;
	top: 4150px;
	left: 0%;
	padding:10px;
}
.since2023f figure{
	margin: 20px auto 10px;
	max-width:250px;
}


.since2024a{
	background:#fff;
	width:450px;
	position: absolute;
	top: 5200px;
	right: 0%;
	padding:10px;
}
.since2024a figure{
	margin: 20px 10px;
	max-width:100px;
}
.since2024b{
	background:#fff;
	width:470px;
	position: absolute;
	top: 5600px;
	right: 0%;
	padding:10px;
}
.since2024b figure{
	margin: 20px 10px;
	max-width:100%;
}
.since2024c{
	background:#fff;
	width:470px;
	position: absolute;
	top: 6000px;
	right: 0%;
	padding:10px;
}
.since2024c figure{
	margin: 20px 10px;
	max-width:100px;
}
.since2024d{
	background:#fff;
	width:470px;
	position: absolute;
	top: 6380px;
	right: 0%;
	padding:10px;
}
.since2024d figure{
	margin: 20px 10px;
	max-width:100%;
}
.since2024e{
	background:#fff;
	width:470px;
	position: absolute;
	top: 6700px;
	right: 0%;
	padding:10px;
}
.since2024e figure{
	margin: 20px 0px ;
	max-width:300px;
}
.since2024f{
	background:#e6e2d2;
	width:470px;
	position: absolute;
	top: 7000px;
	right: 0%;
	padding:10px;
}
.since2024f figure{
	margin: 20px 10px;
	max-width:150px;
}
.since2024g{
	background:#Fff;
	width:450px;
	position: absolute;
	top: 5200px;
	left: 0%;
	padding:10px;
}
.since2024g figure{
	margin: 20px auto 10px;
	max-width:230px;
}
.since2024h{
	background:#Fff;
	width:450px;
	position: absolute;
	top: 5600px;
	left: 0%;
	padding:10px;
}
.since2024h figure{
	margin: 20px auto 10px;
	max-width:230px;
}
.since2024h .names{
	font-size:1.5rem;
}
.since2024h figure.img_2024i{
	margin:0 0 0 auto;
}


.since2025a{
	background:#Fff;
	width:450px;
	position: absolute;
	top:7450px;
	right: 0%;
	padding:10px;
}
.since2025a figure{
	margin: 20px 0 10px;

}
.since2025b{
	background:#Fff;
	width:450px;
	position: absolute;
	top:7800px;
	right: 0%;
	padding:10px;
}
.since2025b figure{
	margin: 0px 0 10px;

}
.since2019{
	margin:850px auto 0;
}
.since2020{
	margin:530px auto 0;
}
.since2021{
	margin:350px auto 0;
}
.since2022{
	margin:230px auto 0;
}
.since2023{
	margin:950px auto 0;
}
.since2024{
	margin:1350px auto 0;
}
.since2025{
	margin:2150px auto 0;
}

@media screen and (min-width:1149px){
.timeline-inner_sp{
	display:none;
	}
}