@charset "utf-8";

@media print, screen and (min-width: 768px){
	/* -------------------------------------------------------------------------------- */
	/* KUMONのあゆみ */
	/* -------------------------------------------------------------------------------- */

	#chronology{
		margin-bottom: 25px;
	}
	#chronology .twoColumn p.hitime{
	  text-align: right;
	  clear: both;
	}

	/* section
	----------------------------------------------- */
	#chronology.section {
		background: url(/corporate/history/img/twoColumnBg.gif) 0 0 repeat-y;
		padding-top: 4px;
	}

	/* twoColumn
	----------------------------------------------- */
	#chronology .twoColumn {
		background: url(/corporate/history/img/worldImg.png) 195px 108px no-repeat;
		position:relative;
	}
	#chronology .twoColumn:after{content: ""; clear: both; display: block;}
	#chronology .twoColumn h2 {
		text-align: center;
		margin-top: -60px;
		margin-bottom: 27px;
		font-size: 31px;
		color: #0065ba;
		font-weight: normal;
		border-bottom: 4px solid #e5f0f6;
	}
	#chronology .twoColumn .sectionInner {
		width: 425px;
		position: relative;
		top: 0;
		left:0;
	}
	#chronology .twoColumn .sectionInner h3 {
		position: absolute;
		top: -14px;
		left: 104%;
		font-size: 23px;
		font-weight: normal;
		color: #FFF;
		width: 75px;
		padding-top: 4px;
		padding-bottom: 3px;
		text-align: center;
		background-color: #86bad5;
	}
	#chronology .twoColumn .sectionInner dl {
		font-size: 14px;
		overflow: hidden;
	}
	#chronology .twoColumn .sectionInner dt {
		width: 14.5%;
		margin-bottom: 14px;
		float: left;
	}
	#chronology .twoColumn .sectionInner dd {
		width: 85.5%;
		margin-bottom: 14px;
		float: right;
	}
	#chronology .twoColumn .sectionInner dd span img {
		display: block;
	}


	/* twoColumn li
	----------------------------------------------- */
	#chronology .twoColumn .sectionInner ul {
		overflow: hidden;
	}
	#chronology .twoColumn .sectionInner li {
		float: left;
	}
	#chronology .twoColumn li.img98 {
		width: 98px;
	}
	#chronology .twoColumn li.img107 {
		margin-top: 10px;
	}
	#chronology .twoColumn li.img184 {
		width: 184px;
		margin-top: 10px;
	}
	#chronology .twoColumn li.imgLogo {
		width: 82px;
		float: right;
	}
	#chronology .twoColumn li.txt238 {
		width: 238px;
		padding-left: 15px;
	}
	#chronology .twoColumn li.txt236 {
		width: 236px;
		margin-top: 10px;
		padding-left: 15px;
	}
	#chronology .twoColumn li.txt163 {
		width: 163px;
		margin-top: 10px;
		padding-left: 15px;
	}
	#chronology .twoColumn li.txt107 {
		width: 107px;
	}
	#chronology .twoColumn li.txt277 {
		width: 277px;
	}


	/* twoColumn left
	----------------------------------------------- */
	#chronology .twoColumn .left {
		width: 49.75%;
		text-align: left;
	  float: left;
	}
	#chronology .twoColumn .left h2 {
		width: 482px;
		padding-right: 4px;
	  font-size: 31px;
	}
	#chronology .twoColumn .left h2 span {
		padding-left: 51px;
		padding-right: 4px;
		background: url(/corporate/history/img/jp-img.png) center left no-repeat;
	}


	/* twoColumn right
	----------------------------------------------- */
	#chronology .twoColumn .right {
		width: 49.75%;
	  float: right;
	}
	#chronology .twoColumn .right h2 span {
		padding-left: 41px;
		background: url(/corporate/history/img/wd-img.png) center left no-repeat;
	}
	#chronology .twoColumn .right h3 {
		display: none;
	}
	#chronology .twoColumn .right .sectionInner {
		margin-left: 53px;
	}
	#chronology .twoColumn .right #Type01,
	#chronology .twoColumn .right #Type02,
	#chronology .twoColumn .right #Type03,
	#chronology .twoColumn .left #Type03,
	#chronology .twoColumn .right #Type04,
	#chronology .twoColumn .left #Type04,
	#chronology .twoColumn .right #Type05,
	#chronology .twoColumn .right #Type06 {
		box-sizing: content-box;
	}
	#chronology .twoColumn .right #Type01 {
		padding-top: 711px;
		min-height: 714px;
		background: url(/corporate/history/img/PH08_1906ZA05AF0000100000_20280331.jpg) 0 0 no-repeat;
		background-size: contain;
	}
	#chronology .twoColumn .right #Type02{
		min-height: 826px;
	}
	#chronology .twoColumn .right #Type03 {
		min-height: 832px;
	}
	#chronology .twoColumn .left #Type03 {
		min-height: 720px;
	}
	#chronology .twoColumn .right #Type04 {
		min-height: 1050px;
	}
	#chronology .twoColumn .left #Type04 {
		min-height: 828px;
	}
	#chronology .twoColumn .left #Type05 {
		min-height: 832px;
	}
	#chronology .twoColumn .right #Type05 {
		min-height: 572px;
		background: url(/corporate/history/img/wd-pht_05.jpg) 0 35% no-repeat;
	}
		/*FOR IE*/
		.ie #chronology .twoColumn .right #Type01 {
			padding-top: 720px;
			min-height: 720px;
		}
		.ie #chronology .twoColumn .right #Type03 {
			min-height: 828px;
		}
		.ie #chronology .twoColumn .right #Type04 {
			min-height: 1050px;
		}
	#chronology .twoColumn .right dd span {
		text-indent: 29px;
		display: inline-block;
	}

	#chronology .twoColumn .right dd.text {
		background: url(/corporate/history/img/text.png) 0 2px no-repeat;
	}


	#chronology .twoColumn .right dd.local {
		background: url(/corporate/history/img/localSubsidiary.png) 0 2px no-repeat;
	}



	#chronology .twoColumn .right dd.learning {
		background: url(/corporate/history/img/learning.png) 0 2px no-repeat;
	}




	#chronology .twoColumn .right dd.us {
		background: url(/corporate/history/img/wd-flag-img01.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.tw {
		background: url(/corporate/history/img/wd-flag-img02.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.br {
		background: url(/corporate/history/img/text.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.de {
		background: url(/corporate/history/img/wd-flag-img04.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.au {
		background: url(/corporate/history/img/text.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.hk {
		background: url(/corporate/history/img/wd-flag-img07.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.ca {
		background: url(/corporate/history/img/wd-flag-img08.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.uk {padding-bottom: 4px;
		background: url(/corporate/history/img/localSubsidiary.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.es {padding-bottom: 2px;
		background: url(/corporate/history/img/text.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.wd {
		padding: 2px 0 2px 0;
		background: url(/corporate/history/img/localSubsidiary.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.cn {
		padding: 2px 0 2px 0;
		background: url(/corporate/history/img/localSubsidiary.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.sg {
		padding: 2px 0 2px 0;
		background: url(/corporate/history/img/localSubsidiary.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.cl {
		padding: 0 0 2px 0;
		background: url(/corporate/history/img/localSubsidiary.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.mx {
		padding: 0 0 2px 0;
		background: url(/corporate/history/img/localSubsidiary.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.za {
		padding: 0 0 2px 0;
		background: url(/corporate/history/img/localSubsidiary.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.th {
		padding: 0 0 2px 0;
		background: url(/corporate/history/img/localSubsidiary.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.id {
		padding: 0 0 2px 0;
		background: url(/corporate/history/img/localSubsidiary.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.in span{	padding: 0 0 4px 0;}
	#chronology .twoColumn .right dd.in {

		background: url(/corporate/history/img/localSubsidiary.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.co {
		padding: 0 0 2px 0;
		background: url(/corporate/history/img/learning.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.kr {
		padding: 0 0 2px 0;
		background: url(/corporate/history/img/text.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.vn {
		padding: 0 0 2px 0;
		background: url(/corporate/history/img/localSubsidiary.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.qa {
		padding: 0 0 2px 0;
		background: url(/corporate/history/img/localSubsidiary.png) 0 2px no-repeat;
	}

	#chronology .twoColumn .right dd.ws {
		padding: 0 0 2px 0;
		background: url(/corporate/history/img/worksheet.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.st {
		padding: 0 0 2px 0;
		background: url(/corporate/history/img/students.png) 0 2px no-repeat;
	}
	#chronology .twoColumn .right dd.ls {
		padding: 0 0 2px 0;
		background: url(/corporate/history/img/globe.png) 0 2px no-repeat;
	}

	/* twoColumn
	----------------------------------------------- */
	#pageBody .twoColumn {
		margin-bottom: 92px;
	}
	#pageBody .twoColumn:after {
		display: block;
		clear: both;
		content: "";
	}
	#pageBody .twoColumn .right {
		width: 450px;
		float: right;
	}
	#pageBody .twoColumn .left {
		width: 315px;
		text-align: right;
		float: left;
	}

	/* newLogo
	----------------------------------------------- */
	#chronology .newLogo {
		width: 184px;
	}
	#chronology .newLogo img {
		max-width: 100%;
	}
}