@charset "utf-8";
#contentInner {
	width: auto !important;
	margin: 0 auto;
	position: relative;
	padding: 0 !important;
}
p#fil {
    display: none;
}

.page_top {
  z-index: 50;
}

#footer_nav {
	position: relative;
	z-index: 10;
}

#wrap20th {
	position: relative;
}

.w930 {
	margin-left: auto;
	margin-right: auto;
	max-width: 930px;
}

/*--------------------------------------
 mainImg
--------------------------------------*/
.mainVisual{
	position: relative;
	background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20161226/main_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5% 0 110px;
	text-align: center;
	line-height: 0;
}
.mainVisual .w930{
	position: relative;
	z-index: 2;
}
.mainDeco{
	margin-bottom: 80px;
	padding-left: 5%;
}
.mainTitle{
	margin-bottom: 37px;
	font-size: 12px;
	line-height: 1.6;
}
.mainText{
	font-size: 18px;
	line-height: 1.8;
}

/*--------------------------------------
 sec1
--------------------------------------*/
.sec1{
	position: relative;
	background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20161226/sec1_bg.png);
	background-position: left top;
	background-repeat: repeat;
	text-align: center;
}
.sec1_inner{
	position: relative;
	padding: 90px 0 40px;
	z-index: 2;
}
.sec1 h2{
	position: absolute;
	top: -40px;
	left: 0;
	right: 0;
	margin: auto;
}
.sec1 ul{
	letter-spacing: -0.5em;
}
.sec1 ul li{
	display: inline-block;
	width: 44%;
	vertical-align: top;
}
.sec1 ul li:last-child{
	margin-left: 2.2%;
}

/*--------------------------------------
 sec2
--------------------------------------*/
.sec2{
	position: relative;
	text-align: center;
}
.sec2_inner{
	position: relative;
	padding: 40px 0;
	z-index: 2;
}
.sec2 h2{
	display: inline-block;
	background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20161226/sec2_ico01.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 8px 0 8px 65px;
	font-size: 22px;
	font-weight: bold;
}
.sec2 .sec2_img01{
	padding: 5px 0 20px;
}
.sec2 .sec2_text01{
	margin-bottom: 20px;
	font-size: 17px;
}
.sec2 .sec2_text02{
	font-size: 17px;
	font-weight: bold;
}
.sec2_bg{
	background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20161226/sec1_bg.png);
	background-position: left top;
	background-repeat: repeat;
	height: 100px;
}

/*--------------------------------------
 sec3
--------------------------------------*/
.sec3{
	position: relative;
	background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20161226/sec3_bg.png);
	background-position: left top;
	background-repeat: repeat;
	text-align: center;
}
.sec3_inner{
	position: relative;
	padding: 100px 0 20px;
	z-index: 2;
}
.sec3 h2{
	padding-bottom: 55px;
}
.chronology_wrap{
	position: relative;
	margin-top:65px;
	padding-bottom: 370px;
}
.chronology_wrap:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-left: solid 12px #B3B3B3;
	margin: auto;
	width: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.chronology_wrap:after{
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20161226/sec3_arw.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 99px auto;
	margin: auto;
	width: 99px;
	height: 56px;
}
.chronology li{
	position: relative;
	float: left;
	width: -webkit-calc(50% - 6px);
	width: calc(50% - 6px);
}
.chronology li:nth-child(even){
	float: right;
}
.chronology li.year:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-top: solid 3px #73A83E;
	margin: auto;
	height: 3px;
}
.chronology li.year:after{
	content: '';
	position: absolute;
	top: -17px;
	right: -24px;
	background: #2AB77A;
	border-radius: 50%;
	margin: auto;
	width: 37px;
	height: 37px;
	z-index: 5;
}
.chronology li.year:nth-child(even):after{
	right: auto;
	left: -24px;
}
.chronology li.chr06,
.chronology li.chr08{
	background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20161226/sec3_bg02.png);
	background-position: left top;
	background-repeat: repeat;
}
.chronology li.chr07,
.chronology li.chr09{
	background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20161226/sec3_bg03.png);
	background-position: left top;
	background-repeat: repeat;
}
.chronology li.chr14,
.chronology li.chr16{
	background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20161226/sec3_bg04.png);
	background-position: left top;
	background-repeat: repeat;
}

.chronology .chr_inner{
	width: 320px;
	text-align: left;
}
.chronology li.year:nth-child(odd) .chr_inner{
	float: right;
}
.chronology li.year:nth-child(even) .chr_inner{
	margin-left: 80px;
}
.chronology .chr_year{
	font-family: "Noto Sans JP";
	margin: -1.6em 0 0.4em;
	color: #88BF47;
	font-size: 40px;
	font-weight: bold;
}
.chronology .chr_year span{
	padding-left: 0.2em;
	font-size: 24px;
	line-height: 1;
}
.chronology .chr_detail{
}
.chronology .chr_detail dt{
	position: absolute;
	font-family: "Noto Sans JP";
	color: #88BF47;
	width: 90px;
	font-size: 29px;
	font-weight: bold;
	line-height: 1;
}
.chronology .chr_detail dd{
	margin-bottom: 10px;
	padding-left: 90px;
	font-size: 17px;
}
.chronology .chr_img{
	position: absolute;
}

/* year1997 */
.chronology li.year.year1997:after{
	top: -65px;
	left: -71px;
	background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20161226/sec3_start.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 131px auto;
	margin: auto;
	width: 131px;
	height: 131px;
}
.chronology .year1997 .chr_inner{
	padding-bottom: 110px;
}
.chronology .year1997 .chr_img{
	bottom: -40%;
	left: 350px;
	width: 39%;
	max-width: 313px;
}

/* year2000 */
.chronology .year2000 .chr_inner{
	padding-bottom: 80px;
}

/* year2004 */
.chronology .year2004 .chr_inner{
	padding-bottom: 90px;
}

/* year2009 */
.chronology .year2009 .chr_inner{
	padding-bottom: 70px;
}
.chronology .year2009 .chr_img{
	bottom: 23%;
	right: 325px;
	width: 38%;
	max-width: 305px;
}

/* year2012 */
.chronology .year2012 .chr_inner{
	padding-bottom: 40px;
}

/* year2013 */
.chronology .year2013 .chr_inner{
	padding-bottom: 35px;
}

/* year2016 */
.chronology .year2016 .chr_inner{
	padding-bottom: 85px;
}
.chronology .year2016 .chr_img{
	top: 5px;
	left: 400px;
	width: 12%;
	max-width: 91px;
}

/* year2017 */
.chronology li.year.year2017:after{
	top: -74px;
	right: -80px;
	background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20161226/sec3_20th.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 147px auto;
	margin: auto;
	width: 147px;
	height: 147px;
}
.chronology .year2017 .chr_inner{
	padding-bottom: 95px;
}
.chronology .year2017 .chr_img{
	bottom: -285%;
	right: 120px;
	width: 61%;
	max-width: 475px;
}

/*--------------------------------------
 sec4
--------------------------------------*/
.sec4{
	position: relative;
	text-align: center;
}
.sec4_inner{
	position: relative;
	padding: 40px 0 140px;
	z-index: 2;
}
.sec4 .sec4_text01{
	font-size: 28px;
}

/*--------------------------------------
 decolation 
--------------------------------------*/
p.decolation {
	position: absolute;
	opacity: 0.8;
	z-index: 1;
	-webkit-filter: saturate(150%) hue-rotate(-10deg);
	-moz-filter: saturate(150%) hue-rotate(-10deg);
	-o-filter: saturate(150%) hue-rotate(-10deg);
	-ms-filter: saturate(150%) hue-rotate(-10deg);
	filter: saturate(150%) hue-rotate(-10deg);
}

.deco01{
	top: 30%;
	left: -20px;
}
.deco02{
	bottom: -10%;
	right: 49px;
}
.deco03{
	top: 20%;
	left: -110px;
}
.deco04{
	bottom: -20%;
  right: 40px;
}
.deco05{
	top: 39%;
	left: 30px;
}
.deco06{
	bottom: -16%;
  right: 140px;
}
.deco07{
	top: 40%;
	right: 54px;
}
.deco08{
	top: 61%;
	left: 30px;
}
.deco09{
	bottom: -5%;
	right: 46px;
}
.deco10{
	bottom: -70px;
	left: 88px;
}
.deco11{
	bottom: 0;
	right: 39px;
}

@media screen and (max-width: 1299px) {
/* year1997 */
.chronology .year1997 .chr_img{
	top: 4em;
	bottom: auto;
	left: 80px;
	width: 140px;
}

/* year2009 */
.chronology .year2009 .chr_img{
	top: 5em;
	bottom: auto;
	right: 140px;
	width: 180px;
}

/* year2016 */
.chronology .year2016 .chr_img{
	top: 5em;
	bottom: auto;
	left: 80px;
	width: 60px;
}

/* year2017 */
.chronology .year2017 .chr_img{
	top: 5em;
	bottom: auto;
	right: 120px;
	width: 200px;
}	
}

/*---------------------------------------------------------
 Responsive Setting 
---------------------------------------------------------*/
.sp-none {
	display: block;
}
.all-device-block, .sp-block, .portrait-block {
	display: none;
}
.all-device-inline, .sp-inline, .portrait-inline {
	display: none;
}

/* All SP & Tablet */
@media screen and (max-width: 929px) {
.all-device-none {
	display: none;
}
.all-device-block {
	display: block;
}
.all-device-inline {
	display: inline;
}

.w930 {
	margin: 0 10px;
	max-width: 930px;
}

/*--------------------------------------
 sec3
--------------------------------------*/
.chronology_wrap{
	margin-top:45px;
}
.chronology .chr_inner{
	width: 290px;
	text-align: left;
}
.chronology li.year:nth-child(even) .chr_inner{
	margin-left: 50px;
}
.chronology .chr_detail dt{
	font-size: 27px;
	width: 75px;
}
.chronology .chr_detail dd{
	font-size: 16px;
	padding-left: 75px;
}

/* year1997 */
.chronology li.year.year1997:after{
	top: -50px;
	left: -56px;
	background-size: 100px auto;
	width: 100px;
	height: 100px;
}

/* year2017 */
.chronology li.year.year2017:after{
	top: -55px;
	right: -61px;
	background-size: 110px auto;
	margin: auto;
	width: 110px;
	height: 110px;
}
}

/* All SP */
@media screen and (max-width: 679px) {
.sp-none {
	display: none;
}
.sp-block {
	display: block;
}
.sp-inline {
	display: inline;
}

/*--------------------------------------
 mainImg
--------------------------------------*/
.mainVisual{
	padding: 15% 0 60px;
}
.mainDeco{
	margin-bottom: 40px;
	padding-left: 13%;
}
.mainDeco img{
	width: 180px;
}
.mainTitle{
	margin-bottom: 30px;
}
.mainTitle img{
	width: 307px;
}
.mainText{
	font-size: 15px;
	text-align: left;
}

/*--------------------------------------
 sec1
--------------------------------------*/
.sec1_inner{
	padding: 12% 0 6%;
}
.sec1 h2{
	top: -20px;
}
.sec1 h2 img{
	width: 407px;
}

/*--------------------------------------
 sec2
--------------------------------------*/
.sec2_inner{
	padding: 30px 0;
}
.sec2 h2{
	background-position: left 0.1em;
	background-size: 28px auto;
	padding: 0 0 0 40px;
	font-size: 19px;
	text-align: left;
}
.sec2 .sec2_img01{
	padding: 10px 0 20px;
}
.sec2 .sec2_img01 img{
	width: 245px;
}
.sec2 .sec2_text01{
	margin-bottom: 15px;
	font-size: 14px;
	text-align: left;
}
.sec2 .sec2_text02{
	font-size: 14px;
	text-align: left;
}
.sec2_bg{
	height: 50px;
}

/*--------------------------------------
 sec3
--------------------------------------*/
.sec3{
	background-size: 125px auto;
}
.sec3_inner{
	padding: 50px 10px 20px;
}
.sec3 h2{
	padding-bottom: 35px;
}
.sec3 h2 img{
	width: 210px;
}
.chronology_wrap{
	margin-top: 15px;
	padding-bottom: 150px;
}
.chronology_wrap:before{
	left: 25px;
	right: auto;
	border-left: solid 6px #B3B3B3;
	width: 6px;
}
.chronology_wrap:after{
	content: '';
	position: absolute;
	left: 4px;
	right: auto;
	bottom: -5px;
	background-size: 48px auto;
	width: 48px;
	height: 27px;
}
.chronology li{
	float: none;
	margin-left: 25px;
	width: -webkit-calc(100% - 25px);
	width: calc(100% - 25px);
}
.chronology li.empty{
	display: none;
}
.chronology li:nth-child(even){
	float: none;
}
.chronology li.year:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-top: solid 3px #73A83E;
	margin: auto;
	height: 3px;
}
.chronology li.year:after{
	top: -8px;
	right: auto;
	left: -7px;
	width: 19px;
	height: 19px;
}
.chronology li.year:nth-child(even):after{
	left: -7px;
}

.chronology .chr_inner{
	width: 100%;
	text-align: left;
	padding: 0 5px 0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.chronology li.year:nth-child(odd) .chr_inner{
	float: none;
	margin-left: 0;
}
.chronology li.year:nth-child(even) .chr_inner{
	margin-left: 0;
}
.chronology .chr_year{
	margin: 0 0 0.2em;
	padding-top: 5px;
	font-size: 32px;
}
.chronology .chr_year span{
	font-size: 19px;
}
.chronology .chr_detail{
}
.chronology .chr_detail dt{
	width: 70px;
	font-size: 24px;
}
.chronology .chr_detail dd{
	padding-left: 70px;
	font-size: 14px;
}
.chronology .chr_img {
  position: relative;
}

/* year1997 */
.chronology li.year.year1997:after{
	top: -30px;
	left: -30px;
	background-size: 65px auto;
	width: 65px;
	height: 65px;
}
.chronology .year1997 .chr_inner{
	padding-bottom: 30px;
}
.chronology .year1997 .chr_img{
	top: 0;
	bottom: 0;
	left: 45px;
	width: 150px;
}

/* year2000 */
.chronology .year2000 .chr_inner{
	padding-bottom: 30px;
}

/* year2004 */
.chronology .year2004 .chr_inner{
	padding-bottom: 30px;
}

/* year2009 */
.chronology .year2009 .chr_inner{
	padding-bottom: 30px;
}
.chronology .year2009 .chr_img{
	top: 0;
	bottom: 0;
	left: 50px;
	width: 152px;
}

/* year2012 */
.chronology .year2012 .chr_inner{
	padding-bottom: 30px;
}

/* year2013 */
.chronology .year2013 .chr_inner{
	padding-bottom: 30px;
}

/* year2016 */
.chronology .year2016 .chr_inner{
	padding-bottom: 30px;
}
.chronology .year2016 .chr_img{
	top: 0;
	bottom: 0;
	left: 70px;
	width: 45px;
}

/* year2017 */
.chronology li.year.year2017:after{
	top: -36px;
	left: -34px;
	right: auto;
	background-size: 73px auto;
	width: 73px;
	height: 73px;
}
.chronology .year2017 .chr_inner{
	padding-bottom: 30px;
}
.chronology .year2017 .chr_img{
	top: 50px;
	bottom: 0;
	left: 0;
	width: 235px;
}

/*--------------------------------------
 sec4
--------------------------------------*/
.sec4{
	text-align: left;
}
.sec4_inner{
	padding: 40px 0 70px;
}
.sec4 .sec4_text01{
	font-size: 18px;
}

/*--------------------------------------
 decolation 
--------------------------------------*/
.deco01{
	top: 30%;
	left: -20px;
	width: 90px;
}
.deco02{
	bottom: -10%;
	right: 20px;
	width: 200px;
}
.deco03{
	top: 20%;
	left: -55px;
	width: 165px;
}
.deco04{
	bottom: -10%;
  right: 20px;
	width: 120px;
}
.deco05{
	top: 39%;
	left: 15px;
	width: 190px;
}
.deco06{
	bottom: -12%;
  right: 70px;
	width: 65px;
}
.deco07{
	top: 31%;
	right: 20px;
	width: 160px;
}
.deco08{
	top: 61%;
	left: 15px;
	width: 46px;
}
.deco09{
	bottom: -4%;
	right: 11px;
	width: 186px;
}
.deco10{
	bottom: -35px;
	left: 40px;
	width: 177px;
}
.deco11{
	bottom: 0;
	right: 3px;
	width: 204px;
}
h1.mainTitle {
    background: none;
}

h2 {
    background: none;
}
section#loginBar {
    display: none;
}

div#mainContent {
    margin-top: -40px;
}

p.mainDeco img {
    margin: 0 auto;
}
}