@charset "utf-8";
/*------------------------------------------------------------
	apart index
------------------------------------------------------------*/

.history {
	margin-bottom: 120px;
	position: relative;
}

.matterBox:after {
	display: block;
	width: 2px;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	left: 178px;
	background: #000000;
}

.historyDetails:nth-child(2n) {
	background: #f4f6f9;
}

.matterBox {
	margin: 0 auto;
	width: 700px;
	position: relative;
}

.matter {
	padding: 11px 0 25px;
}

.historyTwo .matter,
.historyFour .matter,
.historySix .matter {
	padding: 25px 0;
}

.historyThree .matter,
.historyFive .matter {
	padding: 25px 0 0;
}

.historySeven .matter {
	padding: 25px 0 10px;
}

.historyTime {
	padding-right: 55px;
	width: 180px;
	float: left;
	box-sizing: border-box;
	position: relative;
	text-align: right;
}

.historyTime p {
	font-size: 26px;
}

.historyTime:after {
	display: block;
	width: 25px;
	height: 1px;
	content: "";
	position: absolute;
	right: 0;
	top: 20px;
	background: #000;
}

.historyTime span {
	margin-top: -4px;
	display: block;
	position: relative;
	right: -8px;
	font-size: 12px;
	letter-spacing: 1px;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','		メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.historyInfo{
	padding: 5px 0 0 240px;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','		メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.historyInfo dt {
	width: 48px;
	float: left;
	letter-spacing: 1px;
}

.historyInfo dd {
	padding: 0 0 0 48px;
	font-size: 14px;
	font-weight: bolder;
	letter-spacing: 1px;
}

.historyInfo dd span {
	padding: 5px 0 25px;
	display: block;
	font-size: 12px;
	font-weight: normal;
}

.historyTwo .marB,
.historyThree .marB,
.historyFour .marB,
.historyFive .marB,
.historySix .marB,
.historySeven .marB {
	margin-bottom: 20px;
}

.mapBox {
	margin: 0 auto;
	width: 755px;
	position: relative;
}

.mapImg {
	padding-top: 36px;
	text-align: center;
}

.mapImg img {
	max-width: 100%;
}

.mapAdd dl {
	position: absolute;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','		メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.mapAdd dt {
	float: left;
	font-size: 15px;
	color: #212e56;
	font-weight: bolder;
}

.mapAdd dd {
	padding-left: 47px;
	font-size: 13px;
	line-height: 1.67;
}

.address {
	top: 368px;
	left: 137px;
	position: relative;
}

.address:before,
.address:after {
	display: block;
	position: absolute;
	content: "";
	background: #72778c;
}

.address:after {
	height: 1px;
}

.address1:before {
	width: 1px;
	height: 77px;
	top: 28px;
	left: 16px;
}

.address1:after {
	width: 202px;
	left: 16px;
	bottom: -40px;
}

.address2 {
	top: auto;
	bottom: 295px;
}

.address2:after {
	width: 40px;
	left: 160px;
	bottom: 13px;
}

.address3 {
	top: auto;
	left: 23px;
	bottom: 210px;
}

.address3:after {
	width: 92px;
	left: 160px;
	bottom: 13px;
}

.address4 {
	top: auto;
	left: 22px;
	bottom: 46px;
}

.address4:after {
	width: 40px;
	left: 152px;
	bottom: 12px;
}

.address4 dd {
	padding-top: 1px;
}

.address5 {
	top: 230px;
	left: 137px;
}

.address5 dd {
	padding-left: 60px;
}

.address5:after {
	width: 100px;
	top: 11px;
	left: 168px;
}

.address6 {
	top: 325px;
	left: 580px;
}

.address6:before {
	width: 1px;
	height: 20px;
	top: 30px;
	left: 17px;
}

.address6:after {
	width: 185px;
	top: 50px;
	left: -167px;
}

.address7 {
	top: 400px;
	left: 580px;
}

.address7:before {
	width: 1px;
	height: 20px;
	top: 26px;
	left: 17px;
}

.address7:after {
	width: 167px;
	top: 45px;
	left: -150px;
}

.address8 {
	top: 495px;
	left: 580px;
}

.address8:before {
	width: 1px;
	height: 30px;
	top: 28px;
	left: 17px;
}

.address8:after {
	width: 178px;
	top: 58px;
	left: -160px;
}

.address9 {
	top: 568px;
	left: 580px;
}

.address9:before {
	width: 1px;
	height: 37px;
	top: 29px;
	left: 17px;
}

.address9:after {
	width: 212px;
	top: 65px;
	left: -195px;
}

.address10 {
	top: auto;
	left: 405px;
	bottom: -34px;
}

.address10 dd{
	line-height: 1.7;
}

.address10:before {
	width: 1px;
	height: 80px;
	top: -69px;
	left: -90px;
}

.address10:after {
	width: 80px;
	top: 11px;
	left: -90px;
}

.address11 {
	top: auto;
	left: 23px;
	bottom: 96px;
}

.address11 dt {
	float: none;
}

.address11 dd {
	padding: 0 0 0 0;
}

.address11:after {
	width: 75px;
	left: 40px;
	bottom: 35px;
}

.address12 {
	top: auto;
	left: 470px;
	bottom: 94px;
}

.address12 dd{
	line-height: 1.9;
}

.address12:after {
	width: 145px;
	top: 11px;
	left: -158px;
}

.address13 {
	top: auto;
	left: 23px;
	bottom: 151px;
}

.address13 dt {
	float: none;
}

.address13 dd {
	padding: 0 0 0 0;
}

.address13:after {
	width: 75px;
	left: 100px;
	bottom: 12px;
}

.address14 {
	top: auto;
	left: 22px;
	bottom: 16px;
}

.address14:after {
	width: 40px;
	left: 152px;
	bottom: 12px;
}

.address14 dd {
	padding-top: 1px;
}

.address15 {
	top: auto;
	left: 470px;
	bottom: 160px;
}

.address15 dd{
	line-height: 1.9;
}

.address15:after {
	width: 117px;
	top: 11px;
	left: -130px;
}

.address16 {
	top: auto;
	left: 470px;
	bottom: 116px;
}

.address16 dd{
	line-height: 1.9;
}

.address16:after {
	width: 165px;
	top: 11px;
	left: -178px;
}

.address17 {
	top: auto;
	left: 22px;
	bottom: -42px;
}

.address17 dd{
	line-height: 1.7;
	padding-left: 64px;
}

.address17:after {
	width: 110px;
	top: 11px;
	left: 170px;
}

.address17:before {
	width: 1px;
	height: 93px;
	top: -81px;
	left: 279px;
}

.address18 {
	top: auto;
	left: 22px;
	bottom: -15px;
}

.address18 dd{
	line-height: 1.9;
}

.address18:after {
	width: 90px;
	top: 11px;
	left: 152px;
}

.address18:before {
	width: 1px;
	height: 70px;
	top: -58px;
	left: 241px;
}

.address19 {
	top: auto;
	left: 470px;
	bottom: 138px;
}

.address19 dd{
	line-height: 1.9;
}

.address19:after {
	width: 87px;
	top: 11px;
	left: -100px;
}

.address20 {
	top: auto;
	left: 470px;
	bottom: 73px;
}

.address20 dd{
	line-height: 1.9;
}

.address20:after {
	width: 97px;
	top: 11px;
	left: -110px;
}

.contentList {
	margin: 150px auto 152px;
	width: 696px;
}

.listBox {
	margin-bottom: 96px;
}

.listBox h3 {
	position: relative;
	padding-bottom: 15px;
	font-size: 18px;
	letter-spacing: 1px;
	font-weight:600;
}

.listBox h3:before {
	margin-right: 28px;
	display: block;
	width: 100%;
	height: 1px;
	content: "";
	position: absolute;
	top: 12px;
	right: 100%;
	background: #e5e5e5;
	}

.listBox dl {
	padding: 16px 0;
	position: relative;
	font-size: 14px;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','		メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	border-bottom: 1px solid #e5e5e5;
}

.listBox dl:after {
	display: block;
	width: 140px;
	height: 1px;
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	background: #9b9b9b;
	}

.listBox dt {
	font-weight: bolder;
	float: left;
	letter-spacing: .5px;
}

.listBox dd {
	padding-left: 199px;
}

.contentList p {
	margin-top: 35px;
	font-size: 12px;
	text-align: right;
	letter-spacing: 1px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','	メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


@media all and (min-width: 0) and (max-width: 767px) {
		
	.matterBox {
		width: auto;
		max-width: 375px;
	}
	
	.matter,
	.historyTwo .matter,
	.historyFour .matter,
	.historySix .matter {
		padding: 15px 30px;
	}
	
	.historyThree .matter,
	.historyFive .matter,
	.historySeven .matter {
		padding: 15px 30px 0;
	}

	.matterBox::after {
		width: 2px;
		left: 29%;
	}
	
	.history {
		margin-bottom: 55px;
	}
	
	.historyTime {
		padding: 0;
		width: auto;
	}
	
	.historyTime::after {
		width: 12px;
		top: 10px;
		right: -10px;
	}

	.his2019 .historyTime::after {
		right: -13px;
	}

	.his2020 .historyTime::after {
		right: -16px;
	}

	.Android .historyTime::after {
		right: -8px;
	}
	
	.historyTime p {
		position: relative;
		right: 10px;
		top: 1px;
		font-size: 15px;
		letter-spacing: 1px;
	}
	
	.historyTime p span {
		margin-top: -2px;
		font-size: 10px;
		left:6px;
	}
	
	.historyInfo {
		padding: 0 0 0 100px;
	}
	
	.historyInfo dt {
		float: none;
		font-size: 12px;
	}
	
	.historyInfo dd {
		padding: 0;
		font-size: 12px;
		line-height: 1.7;
	}
	
	.historyInfo dd span {
		padding: 0 0 15px 0;
		font-size: 10px;
	}
	
	.historyTwo .historyInfo dd span,
	.historyThree .historyInfo dd span,
	.historyFour .historyInfo dd span,
	.historyFive .historyInfo dd span {
		text-indent: -7px;
	}
		
	.historyThree .marB {
		margin-bottom: 10px;
		letter-spacing: 0;
	}
				
	.mapBox {
		width: auto;
		max-width: 375px;
	}
	
	.mapImg {
		padding-top: 34px;
		margin-left: -10px;
	}
	
	.mapAdd dt {
		float: none;
		font-size: 11px;
	}
	
	.mapAdd dd {
		padding: 0;
		font-size: 10px;
		line-height: 1.45;
	}
	
	.address1 {
		top: 180px;
		left: 37px;
	}
	
	.address1::before {
		width: 1px;
		height: 37px;
		top: 22px;
		left: 9px;
	}
	
	.address1::after {
		width: 120px;
		left: 9px;
		bottom: -13px;
	}
	
	.address2 {
		bottom: 150px;
		left: 10px;
	}
	
	.address2::after {
		width: 50px;
		left: 104px;
		bottom: 9px;
	}
	
	.address1 dt,
	.address2 dt,
	.address12 dt,
    .address16 dt,
	.address17 dt,
	.address18 dt{
		float: left;
	}
	
	.address1 dd,
	.address2 dd,
	.address12 dd,
    .address16 dd,
	.address18 dd,
	.address6 dd,
	.address7 dd,
	.address10 dd{
		padding: 2px 0 0 31px;
		line-height: 1.5;
	}
	
	.address3 dd {
		line-height: 1;
	}
	
	.address3 {
		bottom:119px;
		left: 10px;
	}
	
	.address3::after {
		width: 64px;
		left: 71px;
		bottom: 3px;
	}
	
	.address4 {
		bottom: -30px;
		left: 10px;
	}
	
	.address4::after {
		width: 14px;
		left: 72px;
		bottom: 11px;
	}
	
	.address4::before {
		width: 1px;
		height: 46px;
		top: -13px;
		left: 85px;
	}

	.address5 {
		top: 95px;
		left: 37px;
	}
	
	.address5::after {
		width: 145px;
		top: 7px;
		left: 40px;
	}
	
	.address6 {
		top: 187px;
		left: 253px;
	}
	
	.address6  dt{
		float: left;
	}
	
	.address6::before{
	 	display: none;
	}

	.address6::after {
		width: 57px;
		top: 9px;
		left: -62px;
	}
	
	.address7 {
		top: 235px;
		left: 253px;
	}
	
	.address7  dt{
		float: left;
	}
	
	.address7::before{
	 	display: none;
	}

	.address7::after {
		width: 53px;
		top: 8px;
		left: -59px;
	}
	
	.address8 {
		top: auto;
		left: 210px;
		bottom: 112px;
	}
	
	.address8::before {
		height: 0;
		left: 0;
		top: 0;
	}
	
	.address8::after {
		width: 18px;
		top: 31px;
		left: -23px;
	}
	
	.address9 {
		top: auto;
		left: 283px;
		bottom: 35px;
	}
	
	.address9::before {
        display: none;
	}
	
	.address9::after {
		width: 113px;
		top: 8px;
		left: -119px;
	}
	
	.address10 {
		top: auto;
		left: 204px;
		bottom: -55px;
	}

	.address10 dt{
		 float: left;
	}
	
	.address10::before {
		width: 1px;
		height: 30px;
		top: 9px;
		left: -19px;
	}
	
	.address10::before {
		width: 1px;
		height: 69px;
		top: -62px;
		left: -58px;
	}
	
	.address10::after {
		width: 52px;
		top: 7px;
		left: -58px;
	}
	
	.address11 {
	top: auto;
	bottom: 22px;
	left: 10px;
	}

	.address11:after {
	width: 20px;
	left: 29px;
	bottom: 23px;
	}
    
	.address11::before {
	    width: 1px;
		height: 11px;
		left: 49px;
		top: -4px;
	}
	
	.address12 {
		top: auto;
		bottom: -21px;
		left: 204px;
	}

	.address12::after {
		width: 48px;
		top: 8px;
		left: -54px;
	}
	
	.address12::before {
		width: 1px;
		height: 61px;
		top: -53px;
		left: -54px;
	}

	.address13 {
	top: auto;
	left: 10px;
	bottom: 59px;
	}
    
	.address13:after {
	width: 51px;
	left: 28px;
	bottom: 22px;
	}
    
	.address14 {
	top: auto;
	left: 10px;
	bottom: -70px;
	}
    
	.address14::before {
		width: 1px;
		height: 75px;
		top: -49px;
		left: 93px;
	}

	.address14::after {
		width: 20px;
		height: 1px;
		top: 25px;
		left: 73px;
	}

	.address15 {
	top: auto;
	left: 204px;
	bottom: 63px;
	}
    
	.address15:after {
	width: 46px;
	top: 8px;
	left: -51px;
	}
    
	.address15::before {
		height: 20px;
		left: -99px;
		top: 12px;
	}

	.address16 {
		top: auto;
		left: 10px;
		bottom: -92px;
	}

	.address16::before {
		width: 1px;
		height: 146px;
		top: -137px;
		left: 114px;
	}

	.address16::after {
		width: 10px;
		height: 1px;
		top: 9px;
		left: 105px;
	}
	
	.address17 {
		left: 204px;
		bottom: -74px;
		width: 120px;
	}
	
	.address17 dd {
		padding: 2px 0 0 43px;
	}

	.address17::after {
		width: 58px;
		top: 9px;
		left: -64px;
	}
	
	.address17::before {
		width: 1px;
		height: 97px;
		top: -87px;
		left: -64px;
	}
	
	.address18 {
		left: 204px;
		bottom: -107px;
		width: 120px;
	}
	
	.address18::after {
		width: 68px;
		top: 9px;
		left: -74px;
	}
	
	.address18::before {
		width: 1px;
		height: 135px;
		top: -125px;
		left: -74px;
	}
	
	.address19 {
		left: 204px;
		bottom: 31px;
		width: 120px;
	}
	
	.address19::after {
		width: 28px;
		top: 9px;
		left: -34px;
	}
	
	.address20 {
		left: 204px;
		bottom: -2px;
		width: 120px;
	}
	
	.address20::after {
		width: 37px;
		top: 8px;
		left: -42px;
	}

	
	.contentList {
		margin: 0;
		padding: 150px 38px 26px;
		width: auto;
	}
	
	.listBox h3 {
		padding-bottom: 2px;
		font-size: 13px;
	}
	
	.listBox h3::before {
		margin-right: 11px;
		top: 8px;
	}
	
	.listBox dl {
		padding: 12px 0;
		font-size: 12px;
	}
	
	.listBox dl::after {
		width: 70px;
	}
	
	.listBox dd {
		padding-left: 90px;
	}
	
	.listBox {
		margin-bottom: 46px;
	}
	
	.contentList p {
		margin-top: 12px;
		font-size: 10px;
		letter-spacing: 0;
	}

}

@media all and (min-width: 0) and (max-width: 320px) {
	.matter {
		padding: 15px 10px !important;
	}
	
	.historyThree .matter,
	.historyFive .matter,
	.historySeven .matter {
		padding: 15px 10px 0 !important;
	}

	.historyTime::after {
		right: -15px;
	}

	.historyInfo dd {
		letter-spacing: 0.5px;
	}
	
	.mapAdd dt {
		font-size: 10px;
	}
	
	.mapAdd dd {
		font-size: 9px;
	}
	
	.address1 {
		top: 157px;
	}
	
	.address1::before {
		height: 31px;
	}
	
	.address1::after {
		width: 95px;
	}
	
	.address2 {
		left: 23px;
		bottom: 105px;
	}
	
	.address3 {
		left: 12px;
		bottom: 74px;
	}
	
	.address3::after {
		width: 34px;
	}

	.address4 {
		left: 12px;
	}
	
	.address4::before {
		top: -12px;
	}

	.address5 {
		top: 126px;
		left: 243px;
	}
	
	.address6 {
		top: 183px;
		left: 229px;
	}
	
	.address6::after {
		width: 53px;
		left: -58px;
	}
	
	.address7 {
		top: 238px;
		left: 221px;
	}
	
	.address8 {
		left: 228px;
		bottom: 0px;
	}
	
	.address9 {
		left: 202px;
		bottom: -61px;
	}
	
	.address9::before {
		left: -52px;
	}
	
	.address9::after {
		width: 46px;
		left: -52px;
	}
	
	.address10 {
		left: 123px;
		bottom: -61px;
	}
	
	.address10::before {
		height: 32px;
		top: -37px;
		left: 5px;
	}

	.address10::after {
		background: transparent;
	}
	
	.address11 {
	left: 12px;
	}
	
}