@charset "utf-8";

@media screen and (max-width: 767px){
	#chronology{
		margin-bottom: 30px;
	}
	#chronology h2 {
	    font-weight: normal;
	}
	#chronology .twoColumn h2{
		margin-top: 0;
		font-size: 16px;
	}

	#chronology .pageAnchor {
	    float: right;
	    width: 50%;
	}

	#chronology h3 {
	    background-color: #86bad5;
	    color: #fff;
	    display: inline-block;
	    font-size: 20px;
	    margin-bottom: 15px;
	    padding: 5px 10px;
	    text-align: center;
	}

	#chronology .twoColumn {
		font-size: 14px;
	    letter-spacing: -0.02em;
	    width: 100%;
	}
	#chronology .twoColumn dl {
	    padding-bottom: 15px;
	}
	#chronology .twoColumn dt {
	}
	#chronology .twoColumn dd img {
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	    padding-bottom: 15px;
	}
	#chronology .twoColumn p.hitime {
	    text-align: right;
	}
	#chronology .twoColumn .right dd.ls {
	    padding: 0 0 2px 0;
	    background: url(/corporate/history/img/globe.png) 0 1px no-repeat;
	    background-size: 21px;
	}
	#chronology .twoColumn .right dd.st {
	    padding: 0 0 2px 0;
	    background: url(/corporate/history/img/students.png) 0 1px no-repeat;
	    background-size: 21px;
	}
	#chronology .twoColumn .right dd.ws {
	    padding: 0 0 2px 0;
	    background: url(/corporate/history/img/worksheet.png) 0 1px no-repeat;
	    background-size: 21px;
	}

	#chronology .twoColumn section section:last-child {
	    padding-bottom: 0;
	}

	#chronology .twoColumn section section {
	    display: table;
	    padding-bottom: 10px;
	    width: 100%;
	}

	#chronology .twoColumn section h3 {
	    color: #0065ba;
	    display: table-cell;
	    font-weight: normal;
	}

	#chronology .twoColumn section section p {
	    display: table-cell;
	}

	#chronology .twoColumn .japan {
		width: 100%;
	    background: url("/corporate/history/img/his_bg_t_japan_SP.png") no-repeat scroll 10.2% 75px;
	    background-size: 100% auto;
	}
	#chronology .twoColumn .left h2{
		width: 100%;
	}

	#chronology .twoColumn .world{
		width: 100%;
	}
	#chronology .twoColumn .world .img1 {
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	    padding-bottom: 15px;
	}

	#chronology .twoColumn .right #Type01 {
	}

	#chronology .twoColumn .right #Type02 {
	    min-height: 779px;
	}

	#chronology .twoColumn .right dd span {
	    display: inline-block;
	    text-indent: 29px;
	}

	#chronology .twoColumn .right dd.us {
	    background: url("/corporate/history/img/wd-flag-img01.png") no-repeat scroll 0 2px;
	}

	#chronology .twoColumn .right dd.tw {
	    background: url("/corporate/history/img/wd-flag-img02.png") no-repeat scroll 0 2px;
	}

	#chronology .twoColumn .right dd.br {
	    background: url("/corporate/history/img/wd-flag-img03.png") no-repeat scroll 0 2px;
	}

	#chronology .twoColumn .right dd.de {
	    background: url("/corporate/history/img/wd-flag-img04.png") no-repeat scroll 0 2px;
	}

	#chronology .twoColumn .right dd.au {
	    background: url("/corporate/history/img/wd-flag-img06.png") no-repeat scroll 0 2px;
	}

	#chronology .twoColumn .right dd.hk {
	    background: url("/corporate/history/img/wd-flag-img07.png") no-repeat scroll 0 2px;
	}

	#chronology .twoColumn .right dd.ca {
	    background: url("/corporate/history/img/wd-flag-img08.png") no-repeat scroll 0 2px;
	}

	#chronology .twoColumn .right dd.uk {
	    background: url("/corporate/history/img/wd-flag-img09.png") no-repeat scroll 0 2px;
	}

	#chronology .twoColumn .right dd.es {
	    background: url("/corporate/history/img/wd-flag-img10.png") no-repeat scroll 0 2px;
	}

	#chronology .twoColumn .right dd.wd {
	    background: url("/corporate/history/img/wd-flag-img25.png") no-repeat scroll 0 2px;
	    padding: 2px 0;
	}

	#chronology .twoColumn .right dd.cn {
	    background: url("/corporate/history/img/wd-flag-img27.png") no-repeat scroll 0 2px;
	    padding: 2px 0;
	}

	#chronology .twoColumn .right dd.sg {
	    background: url("/corporate/history/img/wd-flag-img13.png") no-repeat scroll 0 2px;
	    padding: 2px 0;
	}

	#chronology .twoColumn .right dd.cl {
	    background: url("/corporate/history/img/wd-flag-img14.png") no-repeat scroll 0 2px;
	    padding: 0 0 2px;
	}

	#chronology .twoColumn .right dd.mx {
	    background: url("/corporate/history/img/wd-flag-img15.png") no-repeat scroll 0 2px;
	    padding: 0 0 2px;
	}

	#chronology .twoColumn .right dd.za {
	    background: url("/corporate/history/img/wd-flag-img16.png") no-repeat scroll 0 2px;
	    padding: 0 0 2px;
	}

	#chronology .twoColumn .right dd.th {
	    background: url("/corporate/history/img/wd-flag-img18.png") no-repeat scroll 0 2px;
	    padding: 0 0 2px;
	}

	#chronology .twoColumn .right dd.id {
	    background: url("/corporate/history/img/wd-flag-img26.png") no-repeat scroll 0 2px;
	    padding: 0 0 2px;
	}

	#chronology .twoColumn .right dd.in {
	    background: url("/corporate/history/img/wd-flag-img19.png") no-repeat scroll 0 2px;
	    padding: 0 0 2px;
	}

	#chronology .twoColumn .right dd.co {
	    background: url("/corporate/history/img/wd-flag-img20.png") no-repeat scroll 0 2px;
	    padding: 0 0 2px;
	}

	#chronology .twoColumn .right dd.kr {
	    background: url("/corporate/history/img/wd-flag-img21.png") no-repeat scroll 0 2px;
	    padding: 0 0 2px;
	}

	#chronology .twoColumn .right dd.vn {
	    background: url("/corporate/history/img/wd-flag-img22.png") no-repeat scroll 0 2px;
	    padding: 0 0 2px;
	}

	#chronology .twoColumn .right dd.qa {
	    background: url("/corporate/history/img/wd-flag-img23.png") no-repeat scroll 0 2px;
	    padding: 0 0 2px;
	}

	/* newLogo
	----------------------------------------------- */
	#chronology .newLogo {
		width: 184px;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 15px;
	}
	#chronology .newLogo img {
		max-width: 100%;
	}
}