@charset "utf-8";
.policy .sec03,
.policy .sec04 {
		float: left;
		box-sizing: border-box
}
.history #main ol li>div:before,
.global-office-location .tit02 p.label:after,
.primer .boxIntroduction01 ul li a:after,
.primer .sec02 ul li a:after,
.samconow .list02 .postname:after {
		content: ""
}
.index .secRead {
		position: relative;
		padding: 38% 30px 50px 30px;
		background: url('../img/img01.jpg') no-repeat #efefef;
		background-size: 100%;
		box-sizing: border-box
}
.index .secRead .tit01 {
		position: absolute;
		top: 45px;
		left: 50%;
		transform: translateX(-50%);
		width: 240px;
		height: 264px;
		background: url('../img/bg01.png') right top no-repeat #0e69b2;
		background-size: 140px;
		color: #FFF;
		box-sizing: border-box
}
.index .secRead .copy01 {
		display: block;
		padding: 40px 30px 0;
		font-size: 32px;
		font-weight: 600;
		line-height: 1.2;
		text-align: center
}
.index .secRead .copy02 {
		display: block;
		padding: 20px 20px 0;
		line-height: 2
}
@media screen and (max-width:1023px) {
		.index .secRead {
				position: relative;
				margin: 0 -20px;
				padding: 0;
				background: #efefef
		}
		.index .secRead .tit01 {
				position: relative;
				top: auto;
				width: 100%;
				height: auto;
				background: url('../img/bg01.png') right top no-repeat #0e69b2;
				background-size: 120px;
				color: #FFF;
				box-sizing: border-box
		}
		.index .secRead .copy01 {
				display: block;
				padding: 30px 0 0;
				font-size: 23px;
				font-weight: 600;
				line-height: 1.2;
				text-align: center
		}
		.index .secRead .copy02 {
				display: block;
				padding: 20px 20px 30px;
				line-height: 2;
				text-align: center
		}
		.index .secRead .txt01 {
				padding: 20px
		}
}
.message .sec01,
.message .sec01 .box01 {
		display: block;
		position: relative
}
.message .sec01 .box01 .img01 img {
		width: 100%;
		height: auto
}
.message .sec01 .box01 .boxIn {
		position: absolute;
		top: 33px;
		left: 0;
		width: 420px;
		height: auto;
		padding: 25px 0 25px 40px;
		background: rgba(74, 80, 84, .8);
		color: #FFF;
		box-sizing: border-box
}
.message .sec01 .box01 .copy01 {
		padding-bottom: 15px;
		font-size: 28px;
		line-height: 1.4
}
.message .sec01 .box01 .txt01 {
		display: inline-block;
		font-size: 11px;
		line-height: 1.5;
		vertical-align: text-bottom
}
.message .sec01 .box01 .name01 {
		display: inline-block;
		font-size: 18px;
		line-height: 1.3;
		vertical-align: text-bottom
}
.message .sec01 .box02 {
		padding: 25px 0
}
.message .sec01 .box02 .txt02 {
		padding-bottom: 25px
}
@media screen and (max-width:1023px) {
		.message .sec01 {
				padding-top: 20px
		}
		.message .sec01 .box01 {
				display: block;
				position: relative
		}
		.message .sec01 .box01 .img01 img {
				width: 100%;
				height: auto
		}
		.message .sec01 .box01 .boxIn {
				position: relative;
				top: 0;
				left: 0;
				width: 100%;
				height: auto;
				padding: 25px 20px;
				background: rgba(74, 80, 84, 1);
				color: #FFF;
				box-sizing: border-box
		}
		.message .sec01 .box01 .copy01 {
				padding-bottom: 10px;
				font-size: 19px;
				line-height: 1.4
		}
		.message .sec01 .box01 .txt01 {
				display: inline-block;
				font-size: 11px;
				line-height: 1.5;
				vertical-align: text-bottom
		}
		.message .sec01 .box01 .name01 {
				display: inline-block;
				font-size: 16px;
				line-height: 1.3;
				vertical-align: text-bottom
		}
		.message .sec01 .box02 {
				padding: 15px 0 35px
		}
		.message .sec01 .box02 .txt02 {
				padding-bottom: 15px
		}
}
.policy .titCmn02 span {
		padding-left: 1em;
		font-size: 14px
}
.policy .sec01 {
		display: block;
		position: relative;
		margin-bottom: 40px
}
.policy .sec01 .copy01,
.policy .sec01 .txt01 {
		z-index: 2;
		position: absolute;
		top: 20%;
		left: 22%;
		width: 56%;
		text-align: center;
		color: #FFF
}
.policy .sec01 .copy01 {
		font-size: 26px;
		line-height: 1.4
}
.policy .sec01 .txt01 {
		top: 44%;
		left: 22%;
		font-size: 12px
}
.policy .sec01 .bg01 {
		z-index: 1;
		position: relative
}
.policy .sec01 .bg01 img {
		width: 100%;
		height: auto
}
@media screen and (max-width:1023px) {
		.policy .titCmn02 span {
				padding-left: 1em;
				font-size: 13px
		}
		.policy .sec01 {
				display: block;
				position: relative;
				margin: 20px 0;
				background: url('../policy/img/bg02.png') top left no-repeat #034e8b;
				background-size: cover
		}
		.policy .sec01 .copy01,
		.policy .sec01 .txt01 {
				z-index: 2;
				position: relative;
				padding: 20px;
				top: 0;
				left: 0;
				width: 100%;
				text-align: center;
				color: #FFF;
				box-sizing: border-box
		}
		.policy .sec01 .copy01 {
				padding: 20px 0 0;
				font-size: 19px;
				line-height: 1.4
		}
		.policy .sec01 .txt01 {
				padding: 20px 20px 40px;
				top: 0;
				left: 0;
				width: 100%;
				text-align: left;
				font-size: 13px
		}
		.policy .sec01 .bg01,
		.policy .sec01 .txt01 br {
				display: none
		}
}
.policy .sec02 ol {
		padding: 10px 20px 35px
}
.policy .sec02 ol li {
		display: table;
		width: 100%;
		padding: 10px 0;
		border-bottom: solid 1px #DDD;
		font-size: 16px
}
.policy .sec02 ol li:last-child {
		border-bottom: none
}
.policy .sec02 ol li span {
		padding: 5px 0 0;
		display: table-cell;
		width: auto;
		vertical-align: top
}
.policy .sec02 ol li span.num {
		width: 40px;
		padding: 0;
		font-size: 20px;
		color: #0161ae
}
@media screen and (max-width:1023px) {
		.policy .sec02 ol {
				padding: 10px 0 20px
		}
		.policy .sec02 ol li {
				display: table;
				width: 100%;
				padding: 10px 0;
				border-bottom: solid 1px #DDD;
				font-size: 16px
		}
		.policy .sec02 ol li:last-child {
				border-bottom: none
		}
		.policy .sec02 ol li span {
				padding: 0;
				display: table-cell;
				width: auto;
				vertical-align: middle
		}
		.policy .sec02 ol li span.num {
				width: 50px;
				padding: 0;
				font-size: 30px;
				color: #0161ae
		}
}
.policy .sec03 {
		width: 50%;
		padding-right: 10px
}
.policy .sec03 .img01 img,
.policy .sec04 .img01 img {
		width: 100%;
		height: auto
}
.policy .sec03 .txt01,
.policy .sec04 .txt01 {
		padding: 20px 0 60px
}
.policy .sec04 {
		width: 50%;
		padding-left: 10px
}
@media screen and (max-width:1023px) {
		.policy .sec03,
		.policy .sec04 {
				float: none;
				width: 100%;
				box-sizing: border-box
		}
		.policy .sec03 {
				padding-right: 0
		}
		.policy .sec03 .img01,
		.policy .sec04 .img01 {
				margin: 0 -20px
		}
		.policy .sec03 .img01 img,
		.policy .sec04 .img01 img {
				width: 100%;
				height: auto
		}
		.policy .sec03 .txt01,
		.policy .sec04 .txt01 {
				padding: 15px 0 35px
		}
		.policy .sec04 {
				padding-left: 0
		}
		.policy .sec04 .txt01 {
				padding: 15px 0 55px
		}
}
.outline .sec02 .photo {
		margin-top: 25px
}
.outline .sec02 .photo .pic {
		margin-bottom: 10px
}
.outline .sec02 .photo .pic img {
		width: 100%;
		height: auto
}
.outline .sec02 .photo .note {
		font-size: 12px
}
@media screen and (max-width:1023px) {
		.outline .sec02 .photo {
				margin-top: 35px
		}
		.outline .sec02 .photo .pic {
				margin-bottom: 15px
		}
		.outline .sec02 .photo .note {
				font-size: 14px
		}
}
.outline .tbl01 {
		width: 100%;
		margin: 30px 0 0;
		border-top: solid 1px #DDD
}
.outline .tbl01 td,
.outline .tbl01 th {
		padding: 15px 20px;
		border-bottom: solid 1px #DDD;
		font-weight: 400;
		font-size: 13px
}
.outline .tbl01 th {
		width: 20%;
		border-right: solid 1px #DDD
}
.outline .tbl01 td {
		width: 80%
}
.outline .tbl01 .tblIn,
.outline .tbl01 .tblIn td {
		width: auto
}
.outline .tbl01 .tblIn td,
.outline .tbl01 .tblIn th {
		padding: 0;
		border: none !important
}
.outline .tbl01 .tblIn th {
		width: auto;
		padding-right: 1em
}
@media screen and (max-width:1023px) {
		.outline .tbl01 {
				width: 100%;
				margin: 0;
				border-top: none
		}
		.outline .tbl01 td,
		.outline .tbl01 th {
				padding: 10px 5px;
				border-bottom: solid 1px #DDD;
				font-weight: 400;
				font-size: 12px;
				line-height: 1.6
		}
		.outline .tbl01 th {
				width: 30%;
				border-right: none
		}
		.outline .tbl01 td {
				width: 70%
		}
		.outline .tbl01 .tblIn {
				width: auto
		}
		.outline .tbl01 .tblIn td,
		.outline .tbl01 .tblIn th {
				padding: 0;
				border: none !important
		}
		.outline .tbl01 .tblIn th {
				width: auto;
				padding-right: 1em
		}
		.outline .tbl01 .tblIn td,
		.outline .tbl01 .tblIn.spBreak {
				width: auto
		}
		.outline .tbl01 .tblIn.spBreak tr {
				position: relative
		}
		.outline .tbl01 .tblIn.spBreak td,
		.outline .tbl01 .tblIn.spBreak th {
				display: block;
				padding: 0;
				border: none !important
		}
		.outline .tbl01 .tblIn.spBreak th {
				width: auto;
				padding-right: 1em;
				font-weight: 600
		}
		.outline .tbl01 .tblIn.spBreak td {
				width: auto;
				padding-bottom: 10px
		}
		.outline .note01 {
				font-size: 12px
		}
}
.global-office-location .sec01 .tit02,
.global-office-location .tit02 {
		border-top: solid 1px #DDD;
		border-bottom: solid 1px #DDD
}
.global-office-location .titCmn01,
.global-office-location .titCmn02 {
		clear: both;
		margin-bottom: 30px
}
.global-office-location .sec01 .pic {
		float: left;
		width: 40%
}
.global-office-location .sec01 .boxIn {
		float: right;
		width: 60%;
		padding-left: 40px;
		box-sizing: border-box
}
.global-office-location .sec01 .boxIn .name {
		padding: 10px 0;
		font-size: 24px
}
.global-office-location .sec01 .boxIn .gmap {
		padding-bottom: 30px
}
.global-office-location .sec01 section {
		clear: both;
		display: block
}
.global-office-location .sec01 .tit01 {
		padding: 10px 0;
		font-size: 18px
}
.global-office-location .sec01 .tit02 {
		padding: 10px 0;
		font-size: 14px;
		font-weight: 600
}
.global-office-location .sec01 .img {
		padding: 10px 0;
		text-align: center
}
.global-office-location .sec01 .img img {
		max-width: 750px;
		width: 100%;
		height: auto
}
.global-office-location .sec01 .txt {
		margin: -5px 0 45px;
		text-align: right
}
.global-office-location .list01 {
		overflow: hidden;
		padding-bottom: 20px
}
.global-office-location .list01 li {
		float: left;
		width: 32%;
		margin: 0 2% 3% 0
}
.global-office-location .list01 li:nth-child(3n) {
		margin: 0 0 3%
}
.global-office-location .list01 .pic {
		float: none;
		width: auto;
		padding-bottom: 10px
}
.global-office-location .pic img {
		width: 100%;
		height: auto
}
.global-office-location .list01 .name {
		font-size: 18px
}
.global-office-location .list01 .addr,
.global-office-location .list01 .mail,
.global-office-location .list01 .num {
		font-size: 13px
}
.global-office-location .tit02 {
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;
		padding: 3px 0;
		line-height: 1.1
}
.global-office-location .tit02 p {
		display: block;
		float: left
}
.global-office-location .tit02 p.label {
		position: relative;
		height: 28px;
		width: 77px;
		margin: 0 21px 0 0;
		padding: 0 3px 0 8px;
		border-top: solid 2px #0161ae;
		border-bottom: solid 2px #0161ae;
		border-left: solid 2px #0161ae;
		box-sizing: border-box;
		line-height: 24px;
		color: #0161ae
}
.global-office-location .tit02 p.label:after {
		display: block;
		width: 11px;
		height: 28px;
		position: absolute;
		top: -2px;
		right: -11px;
		background: url('../global-office-location/img/bg_label01.png') no-repeat;
		background-size: 11px;
		box-sizing: border-box
}
.global-office-location .tit02 p.name {
		line-height: 28px;
		font-size: 16px;
		font-weight: 600
}
.global-office-location .tit02 p.name br {
		display: none
}

@media screen and (max-width:1023px) {

	.global-office-location .list01 li,
	.global-office-location .sec01 .boxIn,
	.global-office-location .sec01 .pic {
			width: 100%;
			float: none
	}
	.global-office-location .sec01 .tit02,
	.global-office-location .sec01 .txt,
	.global-office-location .tit02 {
			border-bottom: solid 1px #DDD
	}
	.global-office-location .titCmn01,
	.global-office-location .titCmn02 {
			margin-bottom: 15px
	}
	.global-office-location .sec01 .boxLinkPdf01 a {
			width: 100%;
			box-sizing: border-box
	}
	.global-office-location .sec01 .boxIn {
			padding-left: 0
	}
	.global-office-location .sec01 .boxIn .name {
			padding: 10px 0 0;
			font-size: 18px
	}
	.global-office-location .sec01 .boxIn .gmap {
			padding-bottom: 30px
	}
	.global-office-location .sec01 section {
			clear: both;
			display: block
	}
	.global-office-location .sec01 .tit01 {
			position: relative;
			padding: 10px 20px;
			margin: 40px -20px 0;
			background: #8b949b;
			color: #FFF;
			font-size: 18px;
			line-height: 1.4;
			text-align: center
	}
	.global-office-location .sec01 .tit02 {
			margin: 0 -20px;
			padding: 10px 0;
			font-size: 13px;
			font-weight: 500;
			border-top: solid 1px #DDD;
			text-align: center
	}
	.global-office-location .sec01 .img {
			padding: 25px 0 30px;
			text-align: center
	}
	.global-office-location .sec01 .txt {
			margin: -15px -20px 30px;
			padding: 0 20px 30px;
			text-align: left
	}
	.global-office-location .list01 {
			overflow: hidden;
			padding-bottom: 20px
	}
	.global-office-location .list01 li,
	.global-office-location .list01 li:nth-child(3n) {
			margin: 0 0 25px
	}
	.global-office-location .list01 .pic {
			float: none;
			width: auto;
			padding-bottom: 10px
	}
	.global-office-location .tit02 {
			clear: both;
			overflow: hidden;
			margin: -15px -20px 10px;
			padding: 20px 10px;
			border-top: none;
			line-height: 1.1
	}
	.global-office-location .tit02 p {
			display: block;
			float: left
	}
	.global-office-location .tit02 p.label {
			position: relative;
			height: 28px;
			width: 77px;
			margin: 0 21px 0 0;
			padding: 0 3px 0 8px;
			border-top: solid 2px #0161ae;
			border-bottom: solid 2px #0161ae;
			border-left: solid 2px #0161ae;
			box-sizing: border-box;
			line-height: 24px;
			color: #0161ae
	}
	.global-office-location .tit02 p.label:after {
			content: "";
			display: block;
			width: 11px;
			height: 28px;
			position: absolute;
			top: -2px;
			right: -11px;
			background: url('../global-office-location/img/bg_label01.png') no-repeat;
			background-size: 11px;
			box-sizing: border-box
	}
	.global-office-location .tit02 p.name {
			line-height: 28px;
			font-size: 16px;
			font-weight: 600
	}
	.global-office-location .tit02 p.name br {
			display: block
	}
	.global-office-location .sec03 .titCmn01 {
			margin-bottom: 0
	}
}

.strategy .titCmn01 {
		margin-bottom: 30px
}
.strategy .sec01 {
		padding-bottom: 50px
}
.strategy .sec01 .img {
		padding-bottom: 25px
}
.strategy .sec01 .img img {
		width: 100%;
		height: auto
}
@media screen and (max-width:1023px) {
		.strategy .titCmn01 {
				margin-bottom: 0
		}
		.strategy .sec01 {
				padding-bottom: 40px
		}
		.strategy .sec01 .img {
				margin: 0 -20px;
				padding-bottom: 20px
		}
		.strategy .sec01 .img img {
				width: 100%;
				height: auto
		}
}
.strategy .sec02 {
		padding-bottom: 20px
}
.strategy .sec02 > section {
		clear: both;
		overflow: hidden
}
.strategy .sec02 .boxTxt {
		float: left;
		width: 50%;
		padding-right: 20px;
		box-sizing: border-box
}
.strategy .sec02 .tit01 {
		padding-bottom: 10px;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.4
}
.strategy .sec02 .boxImg {
		float: right;
		overflow: hidden;
		width: 50%;
		padding-left: 10px;
		box-sizing: border-box
}
.strategy .sec02 .boxImg .boxPic01 {
		float: left;
		width: 50%;
		box-sizing: border-box;
		padding-right: 5px
}
.strategy .sec02 .boxImg .boxPic01:last-of-type {
		padding-left: 5px;
		padding-right: 0
}
.strategy .sec02 .caption01,
.strategy .sec02 .caption02 {
		color: #898d90;
		font-size: 12px
}
.strategy .sec02 .caption01 {
		padding-top: 5px;
		text-align: center
}
.strategy .sec02 .caption02 {
		padding-left: 3.2em;
		text-indent: -3.2em
}
.strategy .sec02 img {
		width: 100%;
		height: auto
}
@media screen and (max-width:1023px) {
		.strategy .sec02 .boxImg,
		.strategy .sec02 .boxImg .boxPic01,
		.strategy .sec02 .boxTxt {
				float: none;
				box-sizing: border-box;
				width: 100%
		}
		.strategy .sec02 {
				padding-bottom: 20px
		}
		.strategy .sec02 .titCmn01 {
				margin-bottom: 15px
		}
		.strategy .sec02 > section {
				clear: both;
				overflow: hidden;
				padding: 0 20px 20px;
				margin: 0 -20px;
				border-bottom: solid 1px #DDD
		}
		.strategy .sec02>section:last-of-type {
				padding: 0 20px 60px
		}
		.strategy .sec02 .boxTxt {
				padding-right: 0;
				padding-bottom: 20px
		}
		.strategy .sec02 .tit01 {
				padding-bottom: 10px;
				font-size: 16px;
				font-weight: 500;
				line-height: 1.4
		}
		.strategy .sec02 .boxImg {
				overflow: hidden;
				padding-left: 0
		}
		.strategy .sec02 .boxImg .boxPic01 {
				padding-right: 0;
				padding-bottom: 20px
		}
		.strategy .sec02 .boxImg .boxPic01:last-of-type {
				padding-left: 0;
				padding-right: 0
		}
		.strategy .sec02 .caption01,
		.strategy .sec02 .caption02 {
				color: #898d90;
				font-size: 12px
		}
		.strategy .sec02 .caption01 {
				padding-top: 5px;
				text-align: center
		}
		.strategy .sec02 .caption02 {
				padding-top: 15px;
				padding-left: 3.2em;
				text-indent: -3.2em
		}
		.strategy .sec02 img {
				width: 100%;
				height: auto
		}
}
.history #main ol li {
		display: table;
		width: 100%
}
.history #main ol li .year {
		display: table-cell;
		width: 90px;
		font-size: 18px;
		font-weight: 600
}
.history #main ol li > div {
		position: relative;
		display: table-cell;
		width: auto;
		padding: 0 0 5px 25px;
		border-left: solid 1px #DDD;
		line-height: 1.6
}
.history #main ol li>div:before {
		display: block;
		position: absolute;
		top: 12px;
		left: -6px;
		width: 12px;
		height: 12px;
		border-radius: 6px;
		background: #0161ae
}
.history #main ol li dl {
		clear: both;
		display: table;
		width: 100%;
		padding-bottom: 10px
}
.history #main ol li dd,
.history #main ol li dt {
		display: table-cell
}
.history #main ol li dt {
		width: 40px;
		padding-right: 1em;
		font-weight: 600;
		color: #8b949b;
		font-size: 14px;
		text-align: right
}
.history #main ol li dd {
		width: auto;
		font-size: 14px
}
@media screen and (max-width:1023px) {
		.history #main ol {
				margin-top: 20px
		}
		.history #main ol li dd,
		.history #main ol li dt {
				display: block
		}
		.history #main ol li dt {
				text-align: left
		}
}
.primer .txtRead {
		padding: 0 0 40px
}
.primer .titCmn01 {
		margin: 0 0 30px
}
@media screen and (max-width:1023px) {
		.primer .txtRead {
				padding: 20px 0
		}
		.primer .titCmn01 {
				margin: 0 -20px
		}
}
.primer .sec01 {
		padding-bottom: 45px
}
@media screen and (max-width:1023px) {
		.primer .sec01 {
				padding-bottom: 10px
		}
}
.primer .sec02 ul {
		overflow: hidden;
		padding: 20px;
		border-right: solid 1px #DDD;
		border-bottom: solid 1px #DDD;
		border-left: solid 1px #DDD
}
.primer .sec02 ul li {
		float: left;
		width: 50%;
		padding: 10px;
		box-sizing: border-box
}
.primer .sec02 ul li a {
		position: relative;
		display: block;
		padding: 18px 20px 18px 30px;
		border: 3px solid #d7d8db;
		background: #FFF;
		line-height: 1.3;
		text-decoration: none
}
.primer .sec02 ul li a:hover {
		background: #f1f1f1
}
.primer .sec02 ul li a:after {
		position: absolute;
		top: 2px;
		bottom: 0;
		margin: auto;
		vertical-align: middle;
		left: 15px;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #333
}
@media screen and (max-width:1023px) {
		.primer .sec02 ul {
				overflow: hidden;
				padding: 20px 0;
				border-right: none;
				border-bottom: none;
				border-left: none
		}
		.primer .sec02 ul li {
				float: none;
				width: 100%;
				padding: 0 0 10px;
				box-sizing: border-box
		}
}
.primer .boxIntroduction01 {
		clear: both;
		overflow: hidden;
		padding: 35px 35px 40px;
		background: #efefef
}
.primer .boxIntroduction01 .read {
		padding-bottom: 30px;
		font-size: 18px;
		line-height: 1.4;
		text-align: center
}
.primer .boxIntroduction01 ul {
		display: table;
		width: 100%
}
.primer .boxIntroduction01 ul li {
		display: table-cell;
		width: 33%;
		box-sizing: border-box;
		border-right: solid 1px #efefef;
		border-left: solid 1px #efefef;
		background: #FFF
}
.primer .boxIntroduction01 ul li a {
		display: block;
		position: relative;
		text-decoration: none;
		color: #353535;
		background: #FFF
}
.primer .boxIntroduction01 ul li a:hover {
		background: #f8f8f8
}
.primer .boxIntroduction01 ul li a:after {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-bottom: 8px solid #0161ae
}
.primer .boxIntroduction01 .img img {
		width: 100%;
		height: auto
}
.primer .boxIntroduction01 .name {
		padding: 20px 20px 0;
		color: #0463af;
		font-size: 16px;
		line-height: 1.4
}
.primer .boxIntroduction01 .txt {
		padding: 5px 20px 20px;
		font-size: 12px;
		line-height: 1.6
}
@media screen and (max-width:1023px) {
		.primer .boxIntroduction01 {
				clear: both;
				overflow: hidden;
				padding: 20px 20px 10px;
				margin: 0 -20px;
				background: #efefef
		}
		.primer .boxIntroduction01 .read {
				padding-bottom: 20px;
				font-size: 15px;
				line-height: 1.4;
				text-align: center
		}
		.primer .boxIntroduction01 ul {
				display: block;
				width: 100%
		}
		.primer .boxIntroduction01 ul li {
				display: block;
				width: 100%;
				margin-bottom: 20px;
				box-sizing: border-box;
				border-right: none;
				border-left: none;
				background: #FFF
		}
		.primer .boxIntroduction01 ul li a {
				display: block;
				position: relative;
				text-decoration: none;
				color: #353535;
				background: #FFF
		}
		.primer .boxIntroduction01 ul li a:hover {
				background: #f8f8f8
		}
		.primer .boxIntroduction01 ul li a:after {
				content: "";
				position: absolute;
				right: 2px;
				bottom: 2px;
				width: 0;
				height: 0;
				border-left: 8px solid transparent;
				border-bottom: 8px solid #0161ae
		}
		.primer .boxIntroduction01 .img img {
				width: 100%;
				height: auto
		}
		.primer .boxIntroduction01 .name {
				padding: 15px 15px 0;
				color: #0463af;
				font-size: 16px;
				line-height: 1.4
		}
		.primer .boxIntroduction01 .txt {
				padding: 2px 15px 15px;
				font-size: 12px;
				line-height: 1.6
		}
}
.primer #main.detail .artDetail {
		padding: 50px;
		border: 1px solid #DDD
}
.primer #main.detail .artDetail .category {
		display: inline-block;
		padding: 5px 8px 4px;
		border: 2px solid #0463af;
		line-height: 1.1;
		color: #0463af;
		font-size: 13px
}
.primer #main.detail .artDetail .title {
		display: block;
		padding: 18px 0;
		border-bottom: solid 1px #DDD;
		font-size: 24px;
		line-height: 1.4
}
.primer #main.detail .artDetail .boxBody {
		clear: both;
		overflow: hidden;
		padding: 20px 0 0
}
.primer #main.detail .artDetail .boxBody img {
		max-width: 810px;
		height: auto
}
.primer #main.detail .boxIntroduction01 {
		margin-top: 50px
}
@media screen and (max-width:1023px) {
		.primer #main.detail .artDetail {
				margin: 20px 0 0;
				padding: 0;
				border: none
		}
		.primer #main.detail .artDetail .category {
				display: inline-block;
				padding: 5px 8px 4px;
				border: 2px solid #0463af;
				line-height: 1.1;
				color: #0463af;
				font-size: 13px
		}
		.primer #main.detail .artDetail .title {
				display: block;
				padding: 10px 20px;
				margin: 0 -20px;
				border-bottom: solid 1px #DDD;
				font-size: 18px;
				line-height: 1.4
		}
		.primer #main.detail .artDetail .boxBody {
				clear: both;
				overflow: hidden;
				padding: 20px 0 0
		}
		.primer #main.detail .artDetail .boxBody img {
				max-width: 640px
		}
		.primer #main.detail .boxIntroduction01 {
				margin-top: 0
		}
}
@media screen and(max-width:599px) {
		.primer #main.detail .artDetail .boxBody img {
				width: 100%;
				max-width: 100%
		}
}
.samconow .txtRead01 {
		padding: 0 0 45px
}
.samconow .titCmn01 {
		margin-bottom: 30px
}
@media screen and (max-width:1023px) {
		.samconow .txtRead01 {
				padding: 20px 0
		}
		.samconow .titCmn01 {
				margin-bottom: 20px
		}
}
.samconow .sec01 .list01 {
		overflow: hidden;
		margin: 0 0 0 -20px
}
.samconow .sec01 .list01 li {
		float: left;
		width: 22%;
		padding: 0 0 20px 20px
}
.samconow .sec01 .list01 li a {
		text-decoration: none
}
.samconow .sec01 .list01 li a:hover {
		text-decoration: underline
}
.samconow .sec01 .list01 li .img {
		border: 1px solid #DDD;
		margin-bottom: 5px
}
.samconow .sec01 .list01 li .img img {
		width: 100%;
		height: auto
}
.samconow .sec01 .list01 li .name,
.samconow .sec01 .list01 li .update {
		text-align: center;
		font-size: 13px
}
@media screen and (max-width:1023px) {
		.samconow .sec01 .list01 {
				overflow: hidden;
				margin-left: -20px
		}
		.samconow .sec01 .list01 li {
				float: left;
				width: 50%;
				padding: 0 0 20px 20px;
				box-sizing: border-box
		}
}
.samconow .boxList01 {
		padding: 30px 0 50px;
		border-top: dotted 1px #DDD;
		text-align: center
}
.samconow .boxList01 a {
		display: inline-block;
		height: 30px;
		padding: 0 30px;
		background: #0463af;
		color: #FFF;
		line-height: 30px;
		text-decoration: none
}
.samconow .boxList01 a:hover {
		background: #4f91c7
}
@media screen and (max-width:1023px) {
		.samconow .boxList01 {
				margin: 0 -20px;
				padding: 25px 0 30px;
				border-top: dotted 1px #DDD;
				text-align: center
		}
}
.samconow .sec02 .titCmn02 {
		margin: 0 0 25px
}
.samconow .txtRead02 {
		padding: 0 0 25px
}
.samconow .list02 li {
		clear: both;
		border-bottom: solid 1px #DDD
}
.samconow .list02 li:last-child {
		border-bottom: none
}
.samconow .list02 li a {
		position: relative;
		display: block;
		padding: 15px 0
}
.samconow .list02 .update {
		position: absolute;
		top: 10px;
		left: 0;
		width: 170px;
		color: #353535
}
.samconow .list02 .postname {
		padding: 0 0 0 170px;
		line-height: 1.6;
		position: relative
}
.samconow .list02 .postname:after {
		display: inline-block;
		vertical-align: bottom;
		background: url('/common/img/ico_pdf01.png') right center no-repeat;
		background-size: 20px;
		width: 20px;
		height: 26px;
		margin: 0 0 0 20px
}
.samconow .sec02 .boxList01 {
		border-top: none
}
@media screen and (max-width:1023px) {
		.samconow .sec02 {
				margin: 0 -20px;
				padding: 0 20px;
				border-bottom: solid 1px #DDD
		}
		.samconow .sec02 .titCmn02 {
				margin: 0 -20px 15px
		}
		.samconow .txtRead02 {
				padding: 0 0 20px
		}
		.samconow .sec02 #switch .content {
				padding: 0 20px
		}
		.samconow .list02 li {
				clear: both;
				border-bottom: solid 1px #DDD
		}
		.samconow .list02 li:last-child {
				border-bottom: none
		}
		.samconow .list02 li a {
				position: relative;
				display: block;
				padding: 15px 0;
				text-decoration: none
		}
		.samconow .list02 .update {
				position: relative;
				top: 0;
				left: 0;
				width: 100%;
				color: #353535
		}
		.samconow .list02 .postname {
				padding: 0;
				line-height: 1.6;
				position: relative
		}
		.samconow .list02 .postname:after {
				content: "";
				display: inline-block;
				vertical-align: bottom;
				background: url('/common/img/ico_pdf02.png') right center no-repeat;
				background-size: 20px;
				width: 20px;
				height: 27px;
				margin: 0 0 0 20px
		}
		.samconow .sec02 .boxList01 {
				border-top: none
		}
}

#company #main {
    float: none;
    width: 100%;
}