@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
.bannerTop {
	height: auto;
}

.bannerTop img {
	width: 100%;
	display: block;
}

.bannerSub.bannerTop img {
	opacity: 1;
}

.contentsList {
	padding: 110px 0 0px;
}

.headLine01 {
	margin-bottom: 56px;
	text-align: center;
	font-size: 24px;
	letter-spacing: 1.6px;
}

.contentsMain {
	margin-bottom: -9px;
	overflow: hidden;
	position: relative;
}

.contentsMain:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background: #ffffff;
}

.contentsMain li {
	width: 50%;
	float: left;
}

.contentsMain li a {
	display: block;
	transition: color .6s ease;
}

.contentsMain li a:hover {
	color: #999999;
}

.contentsMain li a:hover div {
	display: block;
	opacity: .5;
}

.contentsMain li img {
	width: 100%;
	display: block;
	opacity: 1;
}

.contentsMain li a div{
	transition: all .6s ease;
}

.contentsMain li p{
	position: relative;
}

.contentsMain li:nth-child(odd) p {
	margin: 47px 10px 88px 130px;
	font-size: 24px;
	letter-spacing: 2.8px;
}

.contentsMain li:nth-child(even) p {
	margin: 47px 10px 88px 102px;
	font-size: 24px;
	letter-spacing: 2.8px;
}

.contentsMain li p span {
	margin: 0 0 0 17px;
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	letter-spacing: .7px;
	color: #999999;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.contentsList {
		padding: 70px 0 0px;
	}
	
	.headLine01 {
		margin-bottom: 41px;
		font-size: 24px;
		letter-spacing: 1.6px;
	}
	
	.contentsMain {
		margin-bottom: 5px;
	}
	
	.contentsMain:after {
		display: none;
	}
	
	.contentsMain li {
		width: 100%;
	}
	
	.contentsMain li:nth-child(odd) p,
	.contentsMain li:nth-child(even) p {
		margin: 30px 10px 54px 40px;
		font-size: 18px;
		letter-spacing: 2px;
	}
	.contentsMain li:nth-child(1) p{
		margin-left: 34px;
	}
	
	.contentsMain li a:hover{
		color: #000000;
	}
	
	.contentsMain li a:hover div {
		display: block;
		opacity: 1;
	}
		
	.contentsMain li p span {
		margin: 0 0 0 20px;
		font-size: 13px;
		letter-spacing: .8px;
	}

}
/*------------------------------------------------------------
	message
------------------------------------------------------------*/
.messageBenner h2 {
	font-size: 30px;
	letter-spacing: 3.4px;
}

.article {
	width: 800px;
	margin: 0 auto 145px auto;
}

.article p {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: .9px;
}

.article p.center {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: .9px;
	text-align: center;
}

.article p.name {
	margin-bottom: 0;
	font-size: 20px;
}

.presidentName {
	margin-top: 66px;
	text-align: right;
}

.presidentName span {
	display: inline-block;
	font-size: 14px;
	/*vertical-align: middle;*/
	letter-spacing: .9px;
}

.presidentName img {
	margin-left: 15px;
	width: 180px;
	display: inline-block;
	vertical-align: middle;
}


@media all and (min-width: 0) and (max-width: 767px) {
	.messageBenner h2 {
		font-size: 21px !important;
		letter-spacing: 1.8px !important;
	}
	
	.pagePath {
		display: none;
	}
	
	.article {
		margin-top: 72px;
		margin-bottom: 96px;
		padding: 0 25px;
		width: 100%;
		box-sizing: border-box;
	}
	
	.article p {
		margin-bottom: 26px;
		font-size: 13px;
		line-height: 26px;
		letter-spacing: .8px;
	}
    
    .article p.name {
	    font-size: 18px;
    }
	
	.presidentName {
		margin-top: 28px;
	}
	
	.presidentName span {
		margin-top: 2px;
		letter-spacing: 0;
	}
	
	.presidentName img {
		margin-left: 15px;
		margin-right: 8px;
		width: 130px;
	}
}

/*------------------------------------------------------------
	strategy
------------------------------------------------------------*/
/* strategy top */
.strategy img {
	width: 100%;
}

.strategy #main {
	padding-top: 108px;
}

.strategy .bannerTop h2 {
	font-size: 30px;
	letter-spacing: 0.08em;
}

.strategy .content {
	width: 80.5%;
	margin: 0 auto 171px;
	padding-top: 39px;
}

.strategy .content ul {
	display: flex;
	justify-content: space-between;
}

.strategy .content ul li {
	flex: 0 0 30.8%;
}

.strategy .content ul li a:hover,
.strategy .content ul li a:hover .straNum {
	color: #999;
}

.strategy .content ul li a {
	transition: all 0.6s ease;
	display: block;
}

.conRight {
	text-align: center;
	padding-top: 43px;
}

.straNum {
	font-size: 12px;
	color: #0C567D;
	margin-bottom: 2px;
	letter-spacing: 0;
	transition: all 0.6s ease;
}

.straTitle {
	font-size: 24px;
	position: relative;
	padding-bottom: 28px;
	letter-spacing: 0.08em;
	margin-bottom: 15px;
}

.straTitle:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #707070;
	opacity: 0.3;
	width: 1px;
	height: 18px;
}

.straInfo {
	font-size: 14px;
	letter-spacing: 0.1em;
}

.strategy .content a .conImg {
	position: relative;
}

.strategy .content ul a .conImg:after  {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: #003F54;
	opacity: 0;
	transition: opacity 0.6s ease;
}

.strategy .content ul a:hover .conImg:after  {
	opacity: 0.2;
}

@media all and (min-width: 0) and (max-width: 767px) {

	.strategy .bannerTop {
		background-image: none;
	}

	.strategy #main {
		padding-top: 77px;
	}

	.strategy .bannerTop h2 {
		font-size: 18px;
	}

	.strategy .content {
		width: auto;
		padding-top: 69px;
		margin-bottom: 100px;
		overflow: hidden;
	}

	.strategy .content ul {
		display: block;
	}

	.strategy .content ul li a {
		display: flex;
	}

	.strategy .conImg {
		flex: 0 0 34.7%;
	}

	.conRight {
		text-align: left;
		position: relative;
		padding-top: 0;
		flex: 1;
	}

	.conInfo {
		position: absolute;
		left: 40px;
		top: 50%;
		transform: translateY(-50%);
	}

	.straNum {
		margin-bottom: 2px;
	}

	.straTitle {
		font-size: 22px;
		position: relative;
		padding-bottom: 0;
		letter-spacing: 0.08em;
		margin-bottom: 9px;
	}

	.straTitle::after {
		position: static;
	}

	.straInfo {
		font-size: 12px;
		letter-spacing: 0.09em;
		line-height: 1.85;
	}

	.strategy .content ul li {
		margin-bottom: 40px;
	}

	.strategy .content ul li:last-child {
		margin-bottom: 0;
	}

	.strategy .content ul a:hover .conImg:after {
		display: none;
	}

	.strategy .content  ul li a:hover .straNum {
		color: #0C567D;
	}

	.strategy .content ul li a:hover {
		color: #000;
	}
}
/*-------- strategy en----------------------
------------------------------------------*/
.strategy .bannerTop.messageBennerEn h2 {
	letter-spacing: 0;
}

.strategyEn.strategy .content ul {
	justify-content: center;
}

.strategyEn.strategy .content ul li {
	margin-right: 43px;
}

.strategyEn.strategy .content ul li:last-child {
	margin-right: 0;
}

.strategyEn.strategy .straTitle {
	letter-spacing: 0.5px;
	line-height:1.4;
}

.strategyEn.strategy .straInfo {
	letter-spacing: 0.5px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.strategyEn.strategy .content ul li:last-child {
		margin-right: 43px;
	}

}


/* strategy mainmeasure */
.measureInfo {
	font-size: 16px;
	letter-spacing: 0.3px;
	padding-top: 5px;
	text-align: center;
	line-height: 2;
	margin-bottom: 135px;
}

.measure {
	overflow: hidden;
}

.meaCon {
	display: flex;
	margin-bottom: 120px;
}

.meaCon:last-child {
	margin-bottom: 0;
}

.leftCon,.rightCon {
	flex: 0 0 50%;
}

.leftCon {
	position: relative;
	background: #5889AF;
}

.leftCon::before {
	content: '';
	position: absolute;
	top: 50%;
	right: -33px;
	width: 0;
	height: 0;
	transform: translateY(-50%) rotate(-90deg);
	border-style: solid;
	border-width: 41px 24px 26px 21px;
	border-color: #5889AF transparent transparent transparent;
}

.leftConInfo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	width: 74%;
}

.leftConInfo .num {
	font-size: 50px;
	text-align: center;
	margin-bottom: 22px;
	line-height: 1;
}

.leftConInfo .leftSureTitle {
	font-size: 26px;
	margin-bottom: 47px;
	letter-spacing: 0.1em;
	text-align: center;
}

.strategyEn.strategy .leftConInfo .leftSureTitle {
	letter-spacing: 0.3px;
}

.leftConInfo .leftInfo {
	font-size: 14px;
	letter-spacing: 0.06em;
	padding: 0 13px;
	line-height: 1.8;
}

.strategyEn.strategy .leftConInfo .leftInfo {
	font-size: 16px;
	letter-spacing: 0.3px;
	line-height: 1.4;
}

.meaConBox {
	margin-bottom: 140px;
}

.meaCon:nth-child(2n) {
	flex-direction: row-reverse;
}

.meaCon:nth-child(2n) .leftCon::before {
	left: -2px;
	transform: translateY(-50%) rotate(-152deg);
	right: auto;
	top: 46.5%;
}

.meaCon:nth-child(3) .leftConInfo .leftSureTitle {
	margin: 0 -16px 47px;
}

.meaList {
	width: 80.5%;
	margin: 0 auto 140px;
}

.meaList ul {
	display: flex;
	justify-content: space-between;
}

.meaList ul li {
	flex: 0 0 31%;
}

.meaTitle {
	font-size: 18px;
	letter-spacing: 0.1em;
}

.strategyEn.strategy .meaTitle {
	font-size: 16px;
	letter-spacing: 0.3px;
}

.meaList .listInfo {
	display: flex;
	justify-content: center;
}

.meaList .straNum {
	margin-bottom: 0;
	align-self: center;
	margin-right: 17px;
	opacity: 0.5;
}

.meaList ul .on {
	opacity: 0.5;
}

.meaList ul .on a:hover {
	opacity: 1;
}

.meaList ul li a {
	transition: opacity 0.6s ease;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(12, 86, 125, 0.5);
	display: block;
	white-space: nowrap;
}

.meaList ul li a:hover {
	opacity: 0.5;
}

.straTitle br {
	display: none;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.measureInfo {
		font-size: 13px;
		padding: 55px 22px;
		text-align: left;
		margin-bottom: 19px;
	}

	.meaCon {
		display: block;
		margin-bottom: 72px;
		overflow: hidden;
	}

	.meaCon:nth-child(3) .leftConInfo .leftSureTitle {
		margin: 0 -2% 35px;
		letter-spacing: 0.05em;
	}

	.leftCon::before,
	.meaCon:nth-child(2n) .leftCon::before  {
		bottom: -41px;
		left: 50%;
		right: auto;
		transform: translateX(-50%) rotate(0deg);
		top: auto;
	}
	.leftConInfo {
		position: static;
		transform: none;
		width: auto;
		padding: 50px 15px 78px;
	}

	.leftConInfo .num {
		font-size: 40px;
		margin-bottom: 14px;
	}

	.leftConInfo .leftSureTitle {
		font-size: 24px;
		margin-bottom: 35px;
		line-height: 1.56;
	}

	.leftConInfo .leftInfo {
		font-size: 13px;
		padding: 0 7px;
		line-height: 2;
	}

	.rightCon {
		margin: 0 auto 0 -12%;
		width: 123.5%;
		padding-top: 13px;
	}

	.straTitle br {
		display: block;
	}

	.meaList {
		width: 86.5%;
		margin: 0 auto 140px;
	}

	.meaList ul {
		display: block;
		justify-content: space-between;
	}

	.meaList ul {
		display: block;
	}

	.meaConBox {
		margin-bottom: 22px;
	}

	.meaTitle {
		font-size: 16px;
	}

	.meaList .straNum {
		font-size: 11px;
		margin-right: 10px;
		padding-right: 0;
	}

	.meaList ul li a {
		padding-bottom: 14px;
		white-space: normal;
	}

	.meaList ul li {
		margin-bottom: 40px;
	}

	.meaList {
		width: 86.5%;
		margin: 0 auto 100px;
	}
}

.meaList.meaListEn ul {
	justify-content: center;
}

.meaList.meaListEn ul li {
	margin-right: 43px;
}

.meaList.meaListEn ul li:last-child {
	margin-right: 0;
}

@media all and (min-width: 0) and (max-width: 767px) {

	.meaList.meaListEn ul li {
		margin-right: 0;
	}
	
}


/* healthmanagement */
.healthConBox {
	padding-top: 15px;
	margin-bottom: 139px;
}

.healthInfo {
	text-align: center;
	font-size: 26px;
	letter-spacing: 0.1em;
	line-height: 1;
	margin-bottom: 37px;
}

.heathTitle {
	max-width: 515px;
	margin: 0 auto 137px;
}

.heathTitle .conHeathInfo {
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 2.4;
	padding-left: 1px;
	margin-bottom: 6px;
}

.heathTitle .conRiInfo {
	font-size: 14px;
	letter-spacing: 0.06em;
	line-height: 2.1;
	text-align: right;
}

.conRiInfo span {
	padding-left: 15px;
}

.heathCon {
	width: 73%;
	margin: 0 auto;
}

.heathCon .heathItemTitle {
	color: #0C567D;
	font-size: 24px;
	border-top: 1px solid rgba(12, 86, 125, .3);
	border-bottom: 1px solid rgba(12, 86, 125, .3);
	letter-spacing: 0.12em;
	margin-bottom: 39px;
	padding: 18px 0 20px 2px;
}

.heathCon .itemTitle {
	font-size: 18px;
	letter-spacing: 0.03em;
	margin-bottom: 18px;
	color: #0C567D;
}

.heathCon .itemInfo {
	font-size: 14px;
	letter-spacing: 0.058em;
	line-height: 1.75;
}

.heathItem {
	margin-bottom: 128px;
}

.heathItem:last-child {
	margin-bottom: 0;
}

.itemBox {
	display: flex;
	margin-bottom: 58px;
	justify-content: space-between;
}

.heathLeft {
	flex: 0 0 60%;
}

.heathRight {
	flex: 0 0 35%;
	padding-top: 44px;
}

.itemBox2 {
	margin-bottom: 58px;
}

.itemBox3 {
	margin-bottom: 58px;
}

.itemBox3 .img {
     width: 600px;
    margin: 0 auto;
}

.heathItem div:last-child {
	margin-bottom: 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.healthConBox {
		padding-top: 65px;
		margin-bottom: 100px;
		overflow: hidden;
	}

	.healthInfo {
	font-size: 24px;
	margin-bottom: 31px;
	}

	.heathTitle {
		max-width: none;
		margin: 0 6% 74px;
	}

	.heathTitle .conHeathInfo {
		font-size: 15px;
		letter-spacing: 0.08em;
		line-height: 1.9;
		padding-left: 0;
		margin-bottom: 17px;
	}

	.heathTitle .conRiInfo {
		font-size: 13px;
	}

	.conRiInfo span {
		padding-left: 12px;
	}

	.heathCon {
		width: auto;
		margin: 0 7%;
	}

	.heathCon .heathItemTitle {
		font-size: 22px;
		letter-spacing: 0.07em;
		margin-bottom: 29px;
		padding: 14px 33px 16px 3px;
	}

	.heathCon .itemTitle {
		font-size: 16px;
		margin-bottom: 11px;
		margin-right: -3%;
	}

	.heathCon .itemInfo {
		font-size: 13px;
		line-height: 2;
	}

	.heathItem {
		margin-bottom: 66px;
	}

	.itemBox {
		display: block;
		margin-bottom: 37px;
	}

	.heathRight {
		padding-top: 18px;
	}

	.itemBox2 {
		margin-bottom: 37px;
	}
    
    .itemBox3 .img {
         width: 320px;
    }

}

@media all and (min-width: 0) and (max-width: 320px) {
	.meaCon .leftConInfo .leftSureTitle {
		margin: 0 -4% 35px;
	}
}

.ipad .straTitle br {
	display: block;
}

/*------------------------------------------------------------
	network
------------------------------------------------------------*/
.networkBenner h2 {
	font-size: 30px;
	letter-spacing: 2.8px;
}

.pageLink {
	margin-bottom: 28px;
	text-align: center;
}

.networkPage{
	margin-bottom: 42px;
	padding-bottom: 0;
}

.pageLink a {
	padding: 0 27px;
	display: inline-block;
	position: relative;
	transition: color .6s;
	font-size: 12px;
	letter-spacing: .8px;
}

.pageLink a:hover {
	color: #999;
}

.pageLink a:after {
	content: '';
	width: 1px;
	height: 18px;
	display: block;
	position: absolute;
	top: 0;
	right: -1px;
	background: #cccccc;
}

.pageLink a:last-child:after {
	display: none;
}

.networkWrap {
	margin-bottom: 150px;
}

.networkCon {
	width: 912px;
	padding: 70px 0;
	margin: 0 auto;
	overflow: hidden;
}

.networkTitle {
	float: left;
}

.networkTitle h2{
	margin-top: 27px;
	font-size: 24px;
	color: #000000;
	letter-spacing: 3px;
	-webkit-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
}

.networkInfo {
	width: 782px;
	float: right;
}

.networkInfo .-roboto {
	font-weight: 400;
	letter-spacing: .8px;
}

.networkInfo li {
	padding: 26px 0 27px 0;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #aabcc2;
}

.infoWrap {
	margin-bottom: 22px;
	overflow: hidden;
	position: relative;
}

.infoWrap:last-child {
	margin-bottom: 0;
}

.networkInfo li:last-child {
	border: none;
}

.infoLeft {
	width: 546px;
	float: left;
}

.leftTitle{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .6px;
}

.childTitle span {
	font-size: 16px;
}

.leftTitle a {
	margin-top: -4px;
	margin-left: 30px;
	width: 84px;
	padding: 1px 0;
	display: inline-block;
	transition: all .6s;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	box-sizing: border-box;
	border: 1px solid #aabcc2;
}

.leftTitle a:hover {
	border-color: #d9e1e3;
	background: #d9e1e3;
}

.leftTitle.pc_long a {
	margin-top: 5px;
	margin-left: 1px;
	width: 84px;
	padding: 1px 0;
	display: inline-block;
	transition: all .6s;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	box-sizing: border-box;
	border: 1px solid #aabcc2;
}

.infoLeft p {
	margin-top: 12px;
	font-size: 14px;
	letter-spacing: .6px;
}

.infoLeft a {
	font-weight: 400;
}

.infoChild b {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: .8px;
}

.infoChild p {
	margin-top: 7px;
}

.infoRight {
	width: 200px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.network02 ul li:nth-child(2) .infoWrap:nth-child(1) .infoRight,
.network02 ul li:nth-child(3) .infoWrap:nth-child(1) .infoRight {
	top: 0;
	transform: none;
}

.network02 ul li:nth-child(2) .leftTitle,
.network02 ul li:nth-child(3) .leftTitle,
.network04 ul li:nth-child(1) .leftTitle {
	margin-bottom: 22px;
}

.network03{
	padding-bottom: 60px;
}

.network03 .networkInfo li {
	padding: 27px 0;
}

.network04{
	padding-top: 74px;
	padding-bottom: 74px;
}

.network04 .infoLeft p {
	line-height: 21px;
}

.infoRight p {
	font-size: 14px;
	text-align: left;
	letter-spacing: .4px;
}

.infoRight p:nth-child(2) {
	margin-top: 14px;
}

.infoTel .infoRight p:nth-child(2) {
	margin-top: 9px;
}

.networkBg {
	background: #f0f2f2;
}

.webSite .leftTitle a {
	width: 104px;
	text-align: center;
	letter-spacing: .5px;
}

.webSite .leftTitle a img {
	width: 14px;
	margin: 4px 0 0 6px;
	display: inline-block;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.networkBenner h2 {
		font-size: 20px !important;
		letter-spacing: 1.8px !important;
	}
	
	.pageLink {
		margin: 69px auto 0 auto;
		width: 320px;
	}
	
	.pageLink a {
		margin: 9px 0;
	}
	
	.pageLink a:hover {
		color: #000;
	}
	
	.pageLink a:nth-child(even):after {
		display: none;
	}
	
	.infoWrap { 
		margin-bottom: 26px;
	}
	
	.networkTitle {
		margin-bottom: 17px;
		width: 100%;
		float: none;
	}
	
	.network03 .networkTitle {
		margin-bottom: 16px;
	}
	
	.network04 .networkTitle {
		margin-bottom: 15px;
	}
	
	.networkTitle h2 {
		margin-top: 0px;
		margin-bottom: 12px;
		text-align: center;
		letter-spacing: 2px;
		font-size: 20px;
		-webkit-writing-mode: rl-tb;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: rl-tb;
		writing-mode: horizontal-tb;
		
	}
	
	.networkWrap {
		margin-bottom: 100px;
	}
	
	.infoChild {
		margin-top: 16px;
	}
	
	.infoChild b {
		letter-spacing: 0;
	}
	
	.infoChild p {
		margin-top: 6px;
	}
	
	.network02 ul li:nth-child(2) .infoWrap:nth-child(1) .infoRight, 
	.network02 ul li:nth-child(3) .infoWrap:nth-child(1) .infoRight {
		margin-top: 7px;
		top: auto;
	}
	
	.network02 ul li:nth-child(2) .infoWrap,
	.network02 ul li:nth-child(3) .infoWrap,
	.network04 ul li:nth-child(1) .infoWrap {
		margin-bottom: 6px;
	}
	
	.network02 ul li:nth-child(3)  .infoChild {
		margin-top: 20px;
	}

	.network02 ul li:nth-child(2) .leftTitle, 
	.network02 ul li:nth-child(3) .leftTitle,
	.network04 ul li:nth-child(1) .leftTitle {
		margin-bottom: 0;
	}
	
	.networkCon {
		width: 100%;
		padding: 62px 24px 48px 24px;
		box-sizing: border-box;
	} 
	
	.leftTitle{
		font-size: 17px;
		letter-spacing: .9px;
	}
	 
	.leftTitle a:hover {
		border-color: #aabcc2;
		background: none;
	}
	
	.networkBg .networkCon {
		padding: 73px 24px 50px 24px;
	}
	
	.networkBg .infoLeft p {
		margin-top: 7px;
	} 
	
	.network03 {
		padding-top: 74px;
		padding-bottom: 50px;
	}
	
	.network03 .infoLeft p {
		letter-spacing: .8px;
	}
	
	.network03 .infoRight {
		margin-top: 18px;
	}
	
	.network03 .infoRight p{
		letter-spacing: .7px;
	}
	
	.networkBg .network04 {
		padding-top: 72px;
		padding-bottom: 54px;
	}
	
	.networkBg .network04 .infoLeft p {
		margin-top: 10px;
		line-height: 22px;
	}
	
	.networkBg .network04 .infoRight p {
		letter-spacing: .7px;
	}
	
	.network04 .networkInfo li {
		padding-bottom: 26px;
	}
	
	.networkInfo {
		width: 100%;
		float: none;
	}
	
	.networkInfo li {
		padding: 26px 0 27px 0;
	}
		
	.infoLeft {
		width: 100%;
		float: none;
		clear: both;
	}
	
	.leftTitle a {
		margin-left: 30px;
	}
	
	.network03 .leftTitle a {
		margin-left: 30px;
	}
	
	.marginNone a {
		margin: 10px 0 16px 0;
		display: block;
	}

	.networkCon#network02 .marginNone.infoChildheadoffice a,
	.networkCon#network03 .marginNone.sp_long a,
	.networkCon#network04 .marginNone.sp_long a{
		margin: 10px 0 0 0;
		display: block;
	}
	
	.infoLeft p {
		margin-top: 14px;
		line-height: 20px;
		font-size: 13px;
	}
	
	.infoRight {
		width: 100%;
		margin-top: 18px;
		position: inherit;
		transform: translateY(0);
		float: none;
		clear: both;
	}
	
	.infoRight a.sp {
		display: inline-block !important;
		position: relative;
	}
	
	.infoRight a.sp:after {
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0;
		bottom: -1px;
		content: "";
		background: #404040;
	}
	
	.network04 .infoRight {
		margin-top: 17px;
	}
	
	.infoRight p {
		font-size: 13px;
		letter-spacing: .7px;
	}
	
	.infoTel .infoRight p:nth-child(2),
	.infoRight p:nth-child(2) {
		margin-top: 6px;
	}

	.iphone5 .leftTitle a {
		margin-left: 18px;
	}
	
	.iphone5 .marginNone a {
		margin-left: 0;
	}
	
}

@media all and (min-width: 0) and (max-width: 330px) {
	.webSite .leftTitle a {
		width: 102px;
	}
	
	.leftTitle {
		letter-spacing: .9px;
	}
	
	.leftTitle a {
		margin-left: 30px;
	}
	
	.marginNone a {
		margin-left: 0;
	}
}

/*------------------------------------------------------------
	osaka_map
------------------------------------------------------------*/
.mapPage {
	padding-top: 105px;
	padding-bottom: 16px;
}

.mapTitle {
	padding-bottom: 54px;
	font-size: 24px;
	text-align: center;
}

.map {
	width: 902px;
	height: 352px;
	margin: 0 auto;
}

.googleMap{
	width: 902px;
	margin: 6px auto 0 auto;
	text-align: right;
}

.googleMap a {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .8px;
}

.googleMap a:after {
	bottom: 2px;
}

.mapDetails {
	width: 902px;
	margin: 17px auto 0 auto;
}

.detailsLeft {
	float: left;
}

.detailsLeft img {
	width: 110px;
	margin-top: 4px;
	display: block;
	float: left;
}

.detailsLeft div {
	margin-left: 40px;
	float: left; 
}

.detailsLeft div p {
	line-height: 23px;
	font-size: 14px;
	letter-spacing: .7px;
}

.detailsLeft div p:nth-child(2) {
	margin-top: 9px;
}

.detailsRight {
	float: right;
}

.detailsRight p {
	font-size: 12px;
	letter-spacing: .7px;
	line-height: 23px;
}

.detailsRight span {
	margin-top: 9px;
	display: block;
	letter-spacing: .8px;
	font-size: 10px;
}

.mapReturn {
	width: 902px;
	margin: 46px auto 97px auto;
	text-align: left;
}

.mapReturn a {
	font-size: 12px;
}

.mapWrap .contact {
	display: none;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.mapTitle {
		padding-top: 67px;
		padding-bottom: 29px;
		font-size: 21px;
		letter-spacing: .2px;
	}
	
	.map {
		width: auto;
		height: 325px;
		margin: 0 25px;
		box-sizing: border-box;
	}
	
	.googleMap {
		width: auto;
		margin: 11px 25px 0 25px;
	}
	
	.googleMap a {
		letter-spacing: .6px;
	}
	
	.mapDetails {
		width: auto;
		margin: 22px 25px;
	}
	
	.detailsLeft {
		float: none;
		clear: both;
	}
	
	.detailsLeft img {
		margin-top: 6px;
	}
	
	.detailsLeft div {
		margin-left: 130px;
		float: none;
	}
	
	.detailsLeft div p {
		line-height: 1.8;
		font-size: 13px;
	}
	
	.detailsLeft div p a.sp {
		display: inline-block !important;
		position: relative;
	}
	
	.detailsLeft div p a.sp:after {
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0;
		bottom: -1px;
		content: "";
		background: #404040;
	}
	
	.detailsLeft div p:nth-child(2) {
		margin-top: 8px;
	}
	
	.detailsRight {
		margin-top: 28px;
		float: none;
		clear: both;
	}
	
	.detailsRight p {
		margin-top: 6px;
		line-height: 1.62;
	}
	
	.mapReturn {
		width: auto;
		margin: 34px 25px 60px 25px;
	}
}

@media all and (min-width: 0) and (max-width: 366px) {
	.detailsLeft img {
		width: 30%;
	}
	
	.detailsLeft div {
		margin-left: 35%;
	}
	
	.detailsLeft div p {
		letter-spacing: -.4px;
	}

}
/*------------------------------------------------------------
	showroom_map
------------------------------------------------------------*/
.showroomLeft div > span {
	margin-top: 10px;
	font-size: 10px;
	letter-spacing: .2px;
	display: block;
}


@media all and (min-width: 0) and (max-width: 366px) {
	.showroomLeft div > span {
		font-size: 9px; 
	}
}

/*------------------------------------------------------------
	outline
------------------------------------------------------------*/
.outHeader header{
	background: #ffffff;
}
.outlineCon01{
	padding: 66px 0 122px 0;
}

.outlineTitle h2 {
	margin-top: 32px;
}

.outlineLeft {
	width: 146px;
	float: left;
	font-size: 14px;
}

.outlineInfo li {
	padding: 32px 0;
}

.outlineRight {
	width: 550px;
	float: left;
}

.outlineRight p {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
}

.mainBg {
	background: #ffffff;
}

.outlineBg {
	width: 100%;
    height: 100vh;
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
	background-image: url(//cdn.xuansiwei.com/meili8437/img/company/img_outline_pic01.jpg);
	background-position: center center;
	background-size: cover;
}

.outlinePic {
	width: 100%;
}

.outlinePic img {
	width: 100%;
	display: block;
}

footer {
	background: #ffffff;
}

.outlineCon02 {
	padding: 124px 0 44px 0;
}

.outlineCon02 .outlineTitle h2 {
	margin-top: 27px;
}

.outlineCon02 .outlineInfo li {
	padding: 22px 0;
}

.outlineCon02 .outlineLeft{
	width: 180px;
	margin-top: 2px;
	padding-left: 4px;
	font-size: 14px;
	box-sizing: border-box;
	letter-spacing: 1px;
}

.outlineCon02 .outlineRight p{
	font-size: 18px;
}

.outlineRight p span{
	margin-right: 44px;
	display: inline-block;
}

.outlineCon02 .outlineInfo .lineSpecial {
	padding: 0;
	border: none;
}

.specialLeft {
	width: 368px;
	padding: 20px 0;
	float: left;
	border-bottom: 1px solid #aabcc2;
}

.outlineCon02 .specialLeft .outlineLeft,
.outlineCon02 .specialRight .outlineLeft {
	width: 180px;
}

.specialRight {
	width: 374px;
	margin-left: 40px;
	padding: 20px 0;
	float: left;
	border-bottom: 1px solid #aabcc2;
}

.outlineCon02 .specialRight .outlineRight,
.outlineCon02 .specialLeft .outlineRight {
	width: auto;
}

.outlineCon03 {
	padding: 78px 0 130px 0;
}

.outlineCon03 .outlineTitle h2 {
	margin-top: 0;
}

.organize {
	width: 782px;
	float: right;
	overflow: hidden;
}

.organizeLeft {
	width: 200px;
	float: left;
}

.organizeLeft li {
	width: 198px;
	margin-bottom: 30px;
	padding: 9px 0;
	overflow: visible;
	position: relative;
	font-size: 14px; 
	text-align: center;
	border: 1px solid #aabcc2;
}

.organizeLeft li:after {
	content: '';
	width: 1px;
	height: 32px;
	display: block;
	position: absolute;
	left: 50%;
	top: 100%;
	background: #aabcc2;
}

.organizeLeft li:last-child {
	border: 1px solid #aabcc2;
}

.organizeLeft li:last-child:after {
	content: '';
	width: 26px;
	height: 1px;
	display: block;
	position: absolute;
	left: auto;
	right: 0;
	top: 50%;
	transform: translateX(100%);
	background: #aabcc2;
}

.organizeRight {
	width: 558px;
	margin-top: 142px;
	margin-left: 24px;
	float:left;
}

.organizeLine {
	width: 1px;
	margin-top: 21px;
	height: 200px;
	float: left;
	background: #aabcc2;
}

.organize02 {
	float: left;
}

.organize02>li {
	margin-bottom: 12px;
}

.organize02>li:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.organize02 span {
	width: 228px;
	margin-left: 24px;
	margin-bottom: 30px;
	padding: 9px 0;
	float: left;
	display: block;
	position: relative;
	font-size: 14px;
	letter-spacing: 1px; 
	text-align: center;
	border: 1px solid #aabcc2;
}

.organize02 li:nth-child(2) span {
	font-size: 13px;
}

.organize02 span:before {
	content: '';
	width: 26px;
	height: 1px;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateX(-100%);
	background: #aabcc2;
}

.organize02 span:after {
	content: '';
	width: 26px;
	height: 1px;
	display: block;
	position: absolute;
	right: 0;
	top: 20px;
	transform: translateX(100%);
	background: #aabcc2;
}

.organize03 {
	margin-left: 51px;
	margin-top: 11px;
	float: left;
}

.organize03 li {
	position: relative;
	padding: 0 8px 12px 8px;
	transition: opacity .6s;
	display: block;
	transition: color .6s;
	font-size: 12px;
	letter-spacing: 1px;
}

.organize03 li:before {
	content: '';
	width: 26px;
	height: 30px;
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	transform: translateX(-100%);
	border-top: 1px solid #aabcc2;
	border-left: 1px solid #aabcc2;
}

.organize03 li.organize05:before {
	content: '';
	width: 26px;
	height: 48px;
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	transform: translateX(-100%);
	border-top: 1px solid #aabcc2;
	border-left: 1px solid #aabcc2;
}

.organize03 li:last-child:before {
	border-left: none;
}

/*.organize03 li>a{
	padding: 0 8px 12px 8px;
	transition: opacity .6s;
	display: block;
	transition: color .6s;
	font-size: 12px;
	letter-spacing: 1px;
}*/

.organize03 li a:hover {
	color: #999999;
}

.organize03 .organize04>a {
	padding-bottom: 8px;
}

.organize03 .organize04:before {
	height: 100%;
}

.organize04 div {
	margin-left: 32px;
	padding-bottom: 0;
}

.organize04 div a{
	padding-left: 0;
	padding-top: 12px;
	display: block;
	position: relative;
	font-size: 12px;
}

.organize04 div a:before{
	content: '';
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	left: -10px;
	top: 5px;
	transform: translateX(-100%);
	border-bottom: 1px solid #aabcc2;
	border-left: 1px solid #aabcc2;
}

.dirList .outlineRight {
	padding-left: 30px;
	box-sizing: border-box;
}

.dirList .specialRight .outlineRight {
	padding-left: 14px;
}

.iph5 {
	display: none;
}

@media all and (min-width: 0) and (max-width: 767px) {
	
	.outlineCon01 {
		padding: 32px 25px 50px 25px;
	}
	
	.outlineTitle h2 {
		margin-bottom: 20px;
	}
	
	.outlineCon02 .outlineInfo li {
		padding: 20px 0;
	}
	
	.outlineInfo li {
		padding: 18px 0;
	}

	.outlineLeft {
		width: 33%;
	}
	
	.outlineRight {
		width: 67%;
	}
	
	.outlineRight p {
		letter-spacing: 0;
	}
	
	.outlineLink a:nth-child(2n)::after {
		display: block;
	}
	
	.outlineBg {
		background-image: url(//cdn.xuansiwei.com/meili8437/img/company/img_outline_pic01_sp.jpg);
		background-position: center center;
		background-size: cover;
	}
	
	.outlinePic {
		width: 100%;
	}
	
	.outlineCon02 .outlineLeft,
	.outlineCon02 .specialLeft .outlineLeft,
	.outlineCon02 .specialRight .outlineLeft {
		width: 36%;
	}
	
	.outlineCon02 .outlineRight,
	.outlineCon02 .specialRight .outlineRight, 
	.outlineCon02 .specialLeft .outlineRight {
		width: 64%;
	}
	
	.outlineCon02 .outlineRight p {
		font-size: 16px;
		letter-spacing: 1px;
	}
	
	.outlineRight p span {
		margin-right: 8%;
	}
	
	.networkInfo.outlineInfo.dirList li:nth-child(2) .outlineRight p,
    .networkInfo.outlineInfo.dirList li:nth-child(3) .outlineRight p,
    .outlineRight p span:last-child{
		margin-top: 11px;
	}
    .outlineRight p span span.fsM5{
		margin-top: 0;
		display: inline;
		margin-right: 0;
	}
	
	.specialLeft,
	.specialRight {
		width: 100%;
	}
	
	.specialRight {
		margin-left: 0;
	}
	
	.outlineCon02 {
		padding: 46px 25px 50px 25px;
	}
	
	.outlineCon03 {
		padding: 0 25px;
	}
	
	.organize03 li a:hover {
		color: #000000;
	}
	
	.organizeWrap {
		width: 100%;
		margin-top: 44px;
		overflow-x: auto;
	}
	
	.organize {
		width: 574px;
		margin-bottom: 88px;
		float: none;
	}
	
	.organizeLeft {
		width: 140px;
	}
	
	.organizeLeft li {
		width: 138px;
		margin-bottom: 20px;
		padding: 6px 0;
		font-size: 10px;
	}
	
	.organizeLeft li:after {
		height: 22px;
	}
	
	.organizeLeft li:last-child:after {
		width: 18px;
		top: 14px;
	}
	
	.organizeRight {
		width: 418px;
		margin-top: 98px;
		margin-left: 16px;
		float: left;
	}
	
	.organizeLine {
		margin-top: 15px;
	}
	
	.organize02 span:before,
	.organize02 span:after {
		width: 18px;
		top: 14px;
	}
	
	.organize02 span {
		width: 168px;
		margin-left: 17px;
		margin-bottom: 8px;
		padding: 6px 0;
		font-size: 10px;

	}
    
    .organize02 li:nth-child(2) span {
	    font-size: 10px;
    }
	
	.organize03 {
		margin-left: 36px;
		margin-top: 8px;
	}
	
	.organize03 li:before {
		width: 19px;
		height: 100%;
		top: 7px;
	}
    
   .organize03 li.organize05:before {
		width: 19px;
		height: 100%;
		top: 7px;
	}
	
	.organize03 li {
		padding: 0 6px 6px 6px;
		font-size: 8.5px;
	}

/*	.organize03 li>a {
		padding: 0 6px 6px 6px;
		font-size: 8.5px;
	}*/
	
	.organize04 div a{
		font-size: 8px;
	}

	.dirList .outlineRight {
		padding-left: 15px;
	}
	
	.dirList .specialRight .outlineRight {
		padding-left: 15px;
	}
	
	.iphone5 .iph5 {
		display: inline;
	}
}

@media all and (min-width: 0) and (max-width: 330px) {
	.outlineLeft {
		letter-spacing: -1px;
	}
	
	.outlineCon02 .outlineLeft,
	.outlineCon02 .specialLeft .outlineLeft,
	.outlineCon02 .specialRight .outlineLeft {
		width: 37%;
		letter-spacing: 0;
	}
	
	.outlineRight p span {
		margin-right: 4%;
	}	
	
	.outlineCon02 .outlineRight, 
	.outlineCon02 .specialRight .outlineRight, 
	.outlineCon02 .specialLeft .outlineRight {
		width: 63%;
	}
	
	.outlineRight p span {
		margin-right: 3%;
		letter-spacing: .6px;
	}
	
	.dirList .outlineRight p span {
		letter-spacing: -.2px;
	}
	
	.dirList .outlineRight p span:nth-child(2n) {
		margin-right: 0;
	}
}

/*------------------------------------------------------------
	history
------------------------------------------------------------*/
.historyPage {
	width: 534px;
	margin: 0 auto;
	text-align: left;
}

.historyPage a:nth-child(1) {
	padding: 0 30px;
}

.historyPage a:nth-child(6n) {
	padding-left: 66px;
	padding-right: 30px;
}

.historyPage a {
	padding: 0 28px;
	margin-bottom: 17px;
	letter-spacing: 0;
}

.historyBg {
	background: #f0f2f2;
}

.history{
	width: 1072px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.history:after {
	content: '';
	width: 1px;
	height: 100%;
	display: block;
	position: absolute;
	right: 302px;
	bottom: 0;
	background: #aabcc2;;
}

.historyTitle {
	width: 60px;
	margin-top: 100px;
	padding-bottom: 36px;
	position: relative;
	float: left;
	font-size: 40px;
	letter-spacing: 4px;
	box-sizing: border-box;
	-webkit-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
}

.historyPage a:nth-child(5):after {
	display: none;
}


.historyTitle:after {
	content: '';
	display: block;
	width: 1px;
	height: 25px;
	position: absolute;
	bottom: 0;
	left: 44%;
	background: #000000;
}

.historyTitle span {
	width: 50px;
	display: inline-block;
	font-size: 36px;
	letter-spacing: 8px;
}

.historyMian {
	float: right;
	margin-right: 6px;
}

.historyInfo {
	width: 582px;
	margin: 0 70px 0 0;
	padding: 100px 0 100px 0;
	float: left;
}

.historyInfo p:nth-child(1) {
	margin-bottom: 22px;
	font-size: 24px;
	line-height: 26px;
	letter-spacing: 2.6px;
}

.historyInfo p:nth-child(2) {
	margin-bottom: 44px;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: .9px;
}

.historyInfo ul {
	width: 100%;
	overflow:hidden;
	position: relative;
}

.historyInfo li {
	width: 50%;
	float: left;
	position: relative;
}

.verticalLine li:after {
	display: block;
	position: absolute;
	z-index: 1;
	content: '';
	background: #f0f2f2;
}

.verticalLine li {
	margin-top: 1px;
}

.verticalLine li:nth-child(1),
.verticalLine li:nth-child(2) {
	margin-top: 0;
}

.verticalLine li:after {
	width: 1px;
	height: 100%;
	right: 0;
	top: 0;
}
/*
.verticalLine li:nth-child(1):before,
.verticalLine li:nth-child(2):before {
	width: 0;
}*/

.verticalLine li:nth-child(2n):after {
	width: 0;
}

.infeedLine li:after,
.infeedLine li:before {
	background: #fff;
}

.historyInfo li img {
	width: 100%;
	display: block;
}

.historyTime {
	width: 294px;
	padding: 98px 2px 70px 0;
	float: left;
}

.historyTime li {
	margin-bottom: 30px;
}

.historyTime p {
	padding-left: 30px;
	position: relative;
	line-height: 26px;
	font-size: 14px;
	letter-spacing: 1px;
}

.historyTime p span {
	padding-left: 14px;
	display: block;
	position: relative;
}

.historyTime p span:before {
	content: '';
	width: 3px;
	height: 3px;
	display: block;
	position: absolute;
	left: 5px;
	top: 11px;
	border-radius: 50%;
	background:  #000000;

}

.historyTime .timeTitle {
	margin-bottom: 3px;
	padding-left: 28px;
	font-size: 18px;
}

.historyTime .timeTitle:before {
	content: '';
	width: 14px;
	height: 1px;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	background: #aabcc2;
}

.history01 {
	margin-top: 12px;
}

.history01:after {
	top: 111px;
}

.marginLast {
	margin-bottom: 150px;
}

.marginLast .historyTime {
	padding-bottom: 0;
}

.lastTitle {
	padding-bottom: 0px;
}

.lastTitle:after {
	display: none;
}

.lastTitle span {
	margin-top: 60px;
	margin-right: 3px;
	position: relative;
	display: inline-block;
}

.lastTitle span:before {
	content: '';
	width: 1px;
	height: 25px;
	position: absolute;
	left: 46%;
	top: -44px;
	display: block;
	background: #000000;
}

@media all and (-ms-high-contrast:none) {
	.lastTitle span {
		left: -1px;
	}
	
	.lastTitle span:before {
		left: 42%;
	}
}

.edge .lastTitle span {
	left: -1px;
}

.edge .lastTitle span:before {
	left: 42%;
}


@media all and (min-width: 0) and (max-width: 767px) {
	.historyPage {
		margin-top: 67px;
		margin-bottom: 18px;
		width: 344px;
	}
	
	.historyPage a {
		margin-bottom: 9px;
		letter-spacing: .5px;
	}
	
	.historyPage a,
	.historyPage a:nth-child(6n) {
		padding: 0 26px;
	}
	
	.historyPage a:nth-child(2n):after {
		display: block;
	}
	
	.historyPage a:nth-child(3n):after {
		display: none;
	}
	
	.historyPage a:nth-child(3n+1) {
		padding-left: 70px;
		padding-right: 31px;
	}
	
	.historyPage a:nth-child(5):after {
		display: block;
	}
	
	.historyPage a:nth-child(1) {
		padding: 0 32px;
	}
	
	.history {
		width: 100%;
		padding: 32px 0 38px 20px;
		box-sizing: border-box;
	}
	
	.history01 {
		margin-top: 23px;
	}
	
	.history:after {
		left: 30px;
		right: 0;
		top: 0;
		z-index: -1;
	}
	
	.history01:after{
		top:90px;
	}
	
	.historyBg .historyTitle {
		background: #f0f2f2;
	}
	
	.historyTitle {
		margin-top: 0;
		padding-top: 4px;
		padding-bottom: 4px;
		width: auto;
		font-size: 31px;
		white-space: normal;
		letter-spacing: 1.5px;
		-webkit-writing-mode: rl-tb;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: rl-tb;
		writing-mode: horizontal-tb;
		background: #ffffff;
	}
	
	.historyTitle:after {
		display: none;
	}
	
	.historyTitle span {
		margin-right: -4px;
		margin-bottom: 0;
		width: auto;
		font-size: 26px;
		letter-spacing: 5px;
	}
	
	.historyMian {
		width: 100%;
		margin-right: 0;
	}
	
	.historyInfo {
		width: 100%;
		margin: 0;
		padding: 18px 0 0 36px;
		box-sizing: border-box;
	}
	
	.historyInfo p {
		padding-right: 22px;
	}
	
	.historyInfo p:nth-child(1) {
		margin-bottom: 18px;
		font-size: 20px;
		letter-spacing: 2.1px;
	}
	
	.history04 .historyInfo p:nth-child(1) {
		margin-bottom: 14px;
	}
	
	.historyInfo p:nth-child(2) {
		margin-bottom: 30px;
		font-size: 13px;
		line-height: 23px;
	}
	
	.historySlide{
		width: 100%;
		overflow: hidden;
	}
	
	.historyInfo ul {
		width: 520px;
	}
	
	.historyInfo .infeedLine:before,
	.historyInfo .verticalLine:after {
		display: none;
	}
	
	.historyInfo li {
		width: 260px;
		position: relative;
	}
	
	.verticalLine li::before {
		width: 0;
	}
	
	.verticalLine li:nth-child(2n)::after {
		width: 1px;
	}
	
	.verticalLine li {
		margin-top: 0;
	}
	
	.changePage {
		width: 82%;
		margin-top: 26px;
		text-align: right;
	}
	
	.slick-hide {
		margin-top: 0;
	}
	
	.changePage svg {
		width: 7px;
		height: 14px;
		transition: fill .6s ease;
	}
	
	.pagePrev {
		margin-right: 25px;
	}
	
	.pagePrev,
	.pageNext {
		opacity: 1;
	}
	
	.pagePrev.slick-disabled,
	.pageNext.slick-disabled {
		opacity: .2;
	}
	
	.pageNext svg {
		transform: rotateZ(180deg);
	}
	
	.historyTime {
		width: 96%;
		padding-top: 25px;
		padding-left: 10px;
		padding-bottom: 0;
		box-sizing: border-box;
	}
	
	.historyTime .timeTitle {
		margin-bottom: 4px;
	}
	
	.historyTime p {
		line-height: 24px;
		font-size: 13px;
	}
	
	.historyTime li {
		margin-bottom: 18px;
	}
	
	.historyTime li {
		margin-bottom: 18px;
	}
	
	.history05 .historyTime li {
		margin-bottom: 24px;
	}
	
	.history02 .historyTime,
	.history03 .historyTime,
	.history04 .historyTime,
	.history09 .historyTime {
		padding-top: 32px;
	}
	
	.history07 .historyTime {
		padding-top: 26px;
	}
	
	.history03,
	.history06 {
		padding-top: 34px;
	}
	
	.history08 {
		padding-top: 35px;
	}
	
	.history02,
	.history09 {
		padding-bottom: 40px;
	}
	
	.history05,
	.history06,
	.history08 {
		padding-bottom: 32px;
	}
	
	.history06 .historyInfo{
		padding-top: 18px;
	} 
	
	.history03 .historyInfo,
	.history07 .historyInfo {
		padding-top: 20px;
	}
	
	.history07 .historyTime li, 
	.history08 .historyTime li,
	.history09 .historyTime li  {
		margin-bottom: 22px;
	}
	
	.history09 {
		padding-bottom: 0;
	}
	
	.lastTitle  span {
		margin-top: 0;
		margin-left: 23px;
	}
	
	
	.lastTitle  span:before {
		content: '';
		width: 14px;
		height: 1px;
		top: 50%;
		left: -18px;
	}
	
	.marginLast {
		margin-bottom: 112px;
	}
	
	.historySlide .slick-track {
		margin: 0;
	}
}

@media all and (min-width: 0) and (max-width: 340px) {
	.historyPage {
		margin-top: 70px;
		width: 320px;
	}
	
	.historyPage a {
		margin-bottom: 8px;
	}
	
	.historyInfo p:nth-child(1) {
		letter-spacing: 0;
	}
	
	.historyPage a,
	.historyPage a:nth-child(6n) {
		padding: 0 24px;
	}

	.historyPage a:nth-child(3n+1) {
		padding-left: 62px;
		padding-right: 26px;
	}
	
	.historyPage a:nth-child(1) {
		padding: 0 26px;
	}
	
	
}

@media all and (-ms-high-contrast:none){
	.network01 .networkTitle h2 {
		height: 135px;
	}
	
	.network02 .networkTitle h2 {
		height: 162px;
	}
	
	.network03 .networkTitle h2 {
		height: 135px;
	}
	
	.network04 .networkTitle h2 {
		height: 162px;
	}
	
	.outlineCon01 .outlineTitle h2 {
		height: 108px;
	}
	
	.outlineCon02 .outlineTitle h2 {
		height: 108px;
	}
	
	.outlineCon03 .outlineTitle h2 {
		height: 81px;
	}
}
.edge .network01 .networkTitle h2 {
	height: 135px;
}

.edge .network02 .networkTitle h2 {
	height: 162px;
}

.edge .network03 .networkTitle h2 {
	height: 135px;
}

.edge .network04 .networkTitle h2 {
	height: 162px;
}

.edge .outlineCon01 .outlineTitle h2 {
	height: 108px;
}

.edge .outlineCon02 .outlineTitle h2 {
	height: 108px;
}

.edge .outlineCon03 .outlineTitle h2 {
	height: 81px;
}

.edge .history01 .historyTitle {
	height: 267px;
}

.edge .history02 .historyTitle,
.edge .history03 .historyTitle,
.edge .history04 .historyTitle,
.edge .history05 .historyTitle,
.edge .history06 .historyTitle,
.edge .history07 .historyTitle,
.edge .history08 .historyTitle {
	height: 135px;
}

/*------------------------------------------------------------
	en
------------------------------------------------------------*/
.contentsListEn .contentsMain li p {
	font-size: 27px;
	letter-spacing: 0;
}

.contentsListEn .contentsMain li p span {
	font-size: 16px;
	letter-spacing: .3px;
	transform: translateY(-30%);
}

@media all and (min-width: 0) and (max-width: 767px) {
	.contentsListEn .contentsMain li p {
		font-size: 20px;
		letter-spacing: .1px;
	}
	
	.contentsListEn .contentsMain li p span {
		font-size: 12px;
		letter-spacing: .2px;
	}

}

@media all and (min-width: 0) and (max-width: 320px) {
	.contentsListEn .contentsMain li p span {
		margin-left: 14px;
		letter-spacing: -.25px;
	}
}

/*------------------------------------------------------------
	messageEn
------------------------------------------------------------*/
.messageBennerEn h2 {
	font-size: 32px;
	letter-spacing: 0px;
}

.pagePathEn a, 
.pagePathEn li {
	letter-spacing: .2px;
}

.articleEn p{
	margin-right: -1px;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: .29px;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	text-align: justify;
}

.articleEn p.name {
	margin-bottom: 0;
	font-size: 20px;
    text-align: right;
    line-height: 1.2;
}

.articleEn p.center {
	line-height: 24px;
}

.articleEn .presidentName span {
	font-size: 14px;
	letter-spacing: .3px;
	margin-bottom:10px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.bannerSub .messageBennerEn h2 {
		font-size: 25px !important;
		letter-spacing: 0 !important;
	}
	
	.articleEn p {
		line-height: 1.62;
	}
	
}
/*------------------------------------------------------------
	historyEn
------------------------------------------------------------*/
.historyPageEn a:nth-child(6n) {
	padding-left: 103px;
}

.edge .historyPageEn a:nth-child(6n) {
	padding-left: 95px;
}

.historyEn .historyTitle span {
	width: 58px;
	font-size: 40px;
	letter-spacing: .8px;
}

.historyEn .historyTitle span i {
	margin-top: 8px;
	margin-bottom: 9px;
	display: inline-block;
	font-style: normal;
	font-size: 36px;
}

.historyEn .historyTitle {
	padding-bottom: 39px;
	width: 61px;
	font-size: 46px;
	letter-spacing: .6px;
}

.historyEn .historyTitle:after {
	left: 38%;
}

.historyEn .historyInfo p:nth-child(1) {
	font-size: 27px;
	letter-spacing: .54px;
}

.historyEn .historyInfo p:nth-child(2) {
	font-size: 13px;
	line-height: 1.6;
	letter-spacing: .22px;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	text-align: justify;
}

.historyEn .historyTime p {
	font-size: 13px;
	letter-spacing: .18px;
	line-height: 1.6;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	text-align: justify;
}

.historyEn .historyTime .timeTitle {
	font-size: 20px;
	letter-spacing: 0;
}

.historyEn.history01:after {
    top: 114px;
}

.historyEn .lastTitle span {
	font-size: 46px;
	margin-right: -12px;
	margin-top: 58px;
}



.historyEn .historyTime p span::before {
	top: 9px;
}

@media all and (-ms-high-contrast:none){
	.historyEn .historyTitle:after {
		left: 44%;
	}
	
	.historyEn .lastTitle span::before {
		left: 42%;
	} 
}

@media all and (min-width: 0) and (max-width: 767px) {
	.historyPageEn {
		width: 356px;
	}
	
	.historyPageEn a:nth-child(3n+1) {
		padding-left: 113px;
	}
	
	.historyPageEn a:nth-child(1) {
		padding: 0 32px;
	}
	
	.historyPageEn a, 
	.historyPageEn a:nth-child(6n) {
		padding: 0 26px;
	}
	
	.historyEn .historyTitle {
		width: auto;
		padding-bottom: 4px;
		font-size: 36px;
		letter-spacing: 0px;
		line-height:1;
	}
	
	.historyEn .historyTitle span {
		width: auto;
		font-size: 36px;
		letter-spacing: 0;
	}
	
	.historyEn .historyTitle span i {
		margin: 0 11px 0 8px;
	}
	
	.historyEn .historyInfo p:nth-child(1) {
		font-size: 24px;
		letter-spacing: .1px;
		line-height: 1.3;
	}
	
	.historyEn .historyInfo p:nth-child(2) {
		margin-left: 1px;
	}
	
	.historyEn.history01:after {
		top: 90px;
	}
	
	.historyEn .historyTime .timeTitle {
		font-size: 21px;
	}
	
	.historyEn .historyTime p {
		padding-right: 16px;
	}
	
	.historyEn .lastTitle span {
		margin-top: 0;
	}

	.iphone5 .historyEn .historyTitle span {
		letter-spacing: -2px;
	}
}

@media all and (min-width: 0) and (max-width: 320px) {
	.historyPageEn {
		width: 320px;
	}
	
	.historyPageEn a, 
	.historyPageEn a:nth-child(6n) {
		padding: 0 20px;
	}
	
	.historyPageEn a:nth-child(3n+1) {
		padding-left: 106px;
	}
	
	.historyPageEn a:nth-child(1) {
		padding: 0 26px;
	}
}
/*------------------------------------------------------------
	networkEn
------------------------------------------------------------*/
.pageLinkEn a {
	letter-spacing: .3px;
}

.networkConEn .networkTitle h2 {
	font-size: 27px;
	letter-spacing: .5px;
}

.networkConEn .leftTitle {
	font-size: 20px;
	letter-spacing: .4px;
}

.networkConEn .infoLeft p {
	font-size: 13px;
	letter-spacing: .25px;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.networkConEn .infoRight p {
	font-size: 13px;
	letter-spacing: .3px;
}

.networkConEn .childTitle span {
	font-size: 18px;
}

.networkConEn .infoRight {
	width: 172px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.networkConEn .infoRight {
		width: 100%;
	}
	
	.pageLinkEn a:nth-child(3) {
		padding: 0 27px;
	}
	
	.networkConEn .networkTitle h2 {
		font-size: 22px;
	}
	
	.networkConEn .leftTitle {
		font-size: 18px;
	}
}

@media all and (min-width: 0) and (max-width: 360px) {
	.networkConEn .leftTitle {
		letter-spacing: .4px;
	}
	
	.networkConEn .btnLeft a {
		margin-top: 0;
		margin-left: 0;
		display: block;
	}
}

@media all and (min-width: 0) and (max-width: 365px) {
	.networkConEn .leftTitle {
		letter-spacing: .4px;
	}
	
	.networkConEn .leftTitle a{
		margin-left: 12px;
	}
	
	.networkConEn  .marginNone a {
		margin-left: 0;
		margin-top:10px;
	}

	.networkConEn .network02 ul li:first-child .infoChild {
		margin-top: 0;
	}
	
	.networkConEn .btnLeft a {
		margin-left: 0;
	}

	.iphone5 .networkConEn#network01 .iph5LeftTitle a,
	.iphone5 .networkConEn#network02 .iph5LeftTitle a {
		margin-left: 0;
		margin-top:10px;
		display: block;
	}


}

/*------------------------------------------------------------
	osaka_mapEn
------------------------------------------------------------*/
.mapTitleEn {
	font-size: 27px;
	letter-spacing: .6px;
}

.mapDetailsEn .detailsLeft div p {
	font-size: 13px;
	letter-spacing: .25px;
	line-height: 1.6;
}

.mapDetailsEn .detailsRight p {
	font-size: 11px;
	letter-spacing: .16px;
	line-height: 1.6;
	margin-bottom:5px;
}

.mapDetailsEn .detailsLeft {
	width: 40%;
}

.mapDetailsEn .detailsLeft div {
	width: 197px;
}

.mapDetailsEn .detailsRight {
	width: 50%;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.mapTitleEn {
		font-size: 22px;
		letter-spacing: .4px;
	}
	
	.mapDetailsEn .detailsLeft div {
		width: auto;
	}
	
	.mapDetailsEn .detailsLeft div p {
		margin-right: -2px;
	}
	
	.mapDetailsEn .detailsLeft {
		width: 100%;
	}
	
	.mapDetailsEn .detailsRight {
		width: 100%;
	}
}

@media all and (min-width: 0) and (max-width: 320px) {
	.mapDetailsEn .detailsLeft div p {
		margin-right: -22px;
	}
}

/*------------------------------------------------------------
	outlineEn
------------------------------------------------------------*/
.outlineConEn .outlineTitle h2,
.outlineConEn02 .outlineTitle h2 {
	font-size: 27px;
	letter-spacing: .4px;
}

.outlineConEn .outlineLeft {
	width: 218px;
	font-size: 16px
}

.outlineConEn .outlineRight {
	width: 564px;
	margin-top: -3px;
}

.outlineConEn .outlineRight p {
	font-size: 16px;
	letter-spacing: .3px;
	line-height: 1.6;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	text-align: justify;
}

.outlineConEn02 .outlineLeft{
	width: 224px;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	letter-spacing: .3px;
	line-height: 1.3;
	float: none;
}

.outlineConEn02 ul.networkInfo li:nth-child(6) .outlineLeft{
	width: 225px;
}

.outlineConEn02 ul.networkInfo li:nth-child(6) .outlineRight{
	width: 550px;
}

.outlineConEn02 ul.networkInfo li:nth-child(6) .outlineRight p{
    font-size: 16px;
    letter-spacing: 0;
}

.outlineConEn02 ul.networkInfo li:nth-child(6) .outlineRight p span{
    margin-right: 20px;
}

.outlineConEn02 .outlineRight {
	width: 553px;
	margin-top: 10px;
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.outlineConEn02 .outlineRight p {
	font-size: 20px;
	letter-spacing: .4px;
}

.outlineConEn02 .specialLeft .outlineLeft, 
.outlineConEn02 .specialRight .outlineLeft {
    width: 224px;
}

.outlineConEn02 .specialRight .outlineRight, 
.outlineConEn02 .specialLeft .outlineRight {
	margin-right: -10px;
}

.outlineConEn02 .outlineRight .outlineLast {
	margin-right: -31px;
}

.outlineConEn .organizeLeft {
	font-weight: 400;
}

.outlineConEn .organizeLeft li {
	letter-spacing: .3px;
}

.outlineConEn .organize02 {
	font-weight: 400px;
}

.outlineConEn .organize02 span {
	letter-spacing: .4px;
}

.outlineConEn .organize03 li {
	letter-spacing: .3px;
}

/*.outlineConEn .organize03 li > a {
	letter-spacing: .3px;
}*/

@media all and (min-width: 0) and (max-width: 767px) {
	.mainBg {
		overflow: hidden;
	}
	
	.outlineLinkEn {
		width: 120%;
		margin-left: -10%;
	}
		
	.outlineLinkEn a {
		padding: 0 27px;
	}
	
	.outlineLinkEn.pageLinkEn a:nth-child(3) {
		padding: 0 25px;
	}
	
	.outlineConEn .outlineTitle h2, 
	.outlineConEn02 .outlineTitle h2 {
		font-size: 22px;
	}
	
	.outlineConEn .outlineLeft {
		width: 39.6%;
	}
	
	.outlineConEn .outlineRight {
		width: 60.4%;
	}
	
	.outlineConEn .outlineNum {
		opacity: 1;
	}
	
	.outlineConEn .outlineRight p {
 	   line-height: 1.63;
	}
	
	.outlineConEn02 .outlineLeft {
		width: 100%;
		padding-left: 0;
		letter-spacing: -.02px;
	}
	
	.outlineConEn02 .outlineRight {
		width: 100%;
		padding-left: 0;
	}
	
	.outlineConEn02 .outlineRight p {
		letter-spacing: -.1px;
	}
	
	.outlineConEn02 .specialLeft .outlineLeft, 
	.outlineConEn02 .specialRight .outlineLeft {
		width: 100%;
	}
	
	.outlineConEn02 .dirList .specialRight .outlineRight {
		padding-left: 0;
	}
	
	.outlineConEn02 .outlineRight p span {
		margin-right: 23px;
	}
	
}

@media all and (min-width: 0) and (max-width: 360px) {
	.outlineConEn02 .outlineRight p {
		letter-spacing: -.5px;
	}
}

@media all and (min-width: 0) and (max-width: 320px) {
	.outlineLinkEn a {
		padding: 0 14px;
	}
	
	.outlineLinkEn.pageLinkEn a:nth-child(3) {
		padding: 0 14px;
	}
	
	.outlineConEn02 .outlineRight .outlineLast span {
		letter-spacing: -.9px;
		display: block;
	}
	
	.outlineConEn02 .outlineRight .outlineLast span:nth-child(1) {
		margin-bottom: 11px;
	}
	
	.outlineConEn02 .outlineRight .outlineLast span:nth-child(2) {
		margin-right: 10px;
		display: inline-block;
	}
	
	.outlineConEn02 .outlineRight .outlineLast span:last-child {
		margin-top: 0;
		margin-right: 0;
		display: inline-block;
	}
	
	.outlineConEn02 .outlineRight .outlineLast {
		margin-right: 0;
	}
}


@media all and (-ms-high-contrast:none){
	.networkConEn.network01 .networkTitle h2 {
		height: 183px;
	}
	
	.networkConEn.network02 .networkTitle h2 {
		height: 211px;
	}
	
	.networkConEn.network03 .networkTitle h2 {
		height: 184px;
	}
	
	.networkConEn.network04 .networkTitle h2 {
		height: 206px;
	}
	
	.outlineConEn.outlineCon01 .outlineTitle h2 {
		height: 75px;
	}
	
	.outlineConEn.outlineCon02 .outlineTitle h2 {
		height: 118px;
	}
	
	.outlineConEn.outlineCon03 .outlineTitle h2 {
		height: 228px;
	}
	
	.historyEn.history01 .historyTitle {
		height: 525px;
	}
	
	.historyEn.history02 .historyTitle,
	.historyEn.history03 .historyTitle,
	.historyEn.history04 .historyTitle,
	.historyEn.history05 .historyTitle,
	.historyEn.history06 .historyTitle,
	.historyEn.history07 .historyTitle,
	.historyEn.history08 .historyTitle {
		height: 125px;
	}
	
	.historyEn.history09 .lastTitle {
		height: 334px;
	}
	
}


.edge .networkConEn.network01 .networkTitle h2 {
	height: 183px;
}

.edge .networkConEn.network02 .networkTitle h2 {
	height: 211px;
}

.edge .networkConEn.network03 .networkTitle h2 {
	height: 184px;
}

.edge .networkConEn.network04 .networkTitle h2 {
	height: 206px;
}

.edge .outlineConEn.outlineCon01 .outlineTitle h2 {
	height: 75px;
}

.edge .outlineConEn.outlineCon02 .outlineTitle h2 {
	height: 118px;
}

.edge .outlineConEn.outlineCon03 .outlineTitle h2 {
	height: 228px;
}

.edge .historyEn.history01 .historyTitle {
	height: 525px;
}

.edge .historyEn.history02 .historyTitle,
.edge .historyEn.history03 .historyTitle,
.edge .historyEn.history04 .historyTitle,
.edge .historyEn.history05 .historyTitle,
.edge .historyEn.history06 .historyTitle,
.edge .historyEn.history07 .historyTitle,
.edge .historyEn.history08 .historyTitle {
	height: 125px;
}

.edge .historyEn.history09 .lastTitle {
	height: 334px;
}