@charset "shift_jis";
.back{position:absolute;left:100px;top:600px}
.contents{margin-bottom:0}
.his {margin-bottom:3em;}
.his_img{max-width:400px; margin:0 auto; margin-bottom:2em;width:100%}
.his_img img{width:100%; height:auto}
.his_img.cluby{max-width: 200px;}
h2.his_year {font-size:38px;line-height:1em;font-weight:normal;}
.his_month h3{font-size:26px;margin:0.6em 0em 0.2em 0}
.his p{margin-bottom:1.2em; text-align:center}
.mission{clear:both;position:relative; z-index:10; background-color:#FFF;line-height:1.6em;margin-top:200px;margin-bottom:200px; box-shadow:0px 0px 40px 8px #ffffff;padding:20px;}
@media screen and (min-width: 768px) {
.his {position: relative;width: 50%;left: 40%;text-align: left;margin-bottom:3em}
.his p{ text-align:left}
.his#y1999 .his_img {position:relative;left:-30%}
.his#y2000 {width: 58%;left: 42%;}
.his#y2001 {width: 57%;left: 43%;}
.his#y2002 {width: 55%;left: 45%;}
.his#y2003 {width: 53%;left: 47%;}
.his#y2004 {width: 53%;left: 47%;}
.his#y2005{width: 50%;left: 50%;}
.his#y2006 {width: 50%;left: 50%;}
.his#y2006 .his_month:not(:first-of-type) { position:relative; margin-top:-50px;}
.his#y2007,.his#y2008{width: 45%;left: 55%;}
.his#y2009,.his#y2010 {width: 45%;left: 55%;}
.his#y2010, .his#y2011 {width: 43%;left: 57%;}
.his#y2012{width: 45%;left: 55%;}
.his#y2013 {width: 47%;left: 53%;}
.his#y2014{width: 50%;left: 50%;}
.his#y2015 {width: 55%;left: 45%;}
.his#y2019 {width: 50%;left: 62%;}
h2.his_year{position:relative;left: -20%;}
#y1999 h2.his_year ,#y2000 h2.his_year,#y2001 h2.his_year,#y2002 h2.his_year,#y2003 h2.his_year,#y2004 h2.his_year,#y2005 h2.his_year {
position: absolute;left: -36%;text-align: left;}
.his_month.leftside {position: relative;left: -100%;text-align: right;width: 90%;}
.leftside p {text-align: right;}
.his_img.leftside {position: absolute;left: -100%;top: 0;}
.his_img.rightside {position: absolute;right:0;top: 16%;}
.his#y2019 .his_img.leftside {left:-120%}
}
@media only screen and (max-width: 767px) {
.contents{width:100%}
.back{position:absolute;left:0;top:1800px}
.his {margin-bottom:2em;}
.his p{margin-bottom:1em; }
.mission{margin:50px auto}

}
@media only screen and (max-width: 480px) {
.back{position:absolute;left:-60%;top:2000px}

}