@charset "UTF-8";


/* businessLayout
------------------------------------*/

.businessLayout #contents {
	width: 100%;
}

.businessLayout #subMenu ul {
	border: 1px solid #3d62ad;
	width: 980px;
	margin: 0 auto 30px;
    display: flex;
}

.businessLayout #subMenu ul li {
	width: 25%;
	box-sizing: border-box;
	border-right: 1px solid #3d62ad;
	text-align: center;
}

.businessLayout #subMenu ul li:last-child {
	border: none;
}

.businessLayout #subMenu ul li a {
	display: inline-block;
	width: 100%;
	padding: 6px 0;
}

.businessLayout #subMenu ul li a:link,
.businessLayout #subMenu ul li a:visited {
	text-decoration: none;
}

.businessLayout #subMenu ul li a:hover,
.businessLayout #subMenu ul li a:active {
	background-color: #3d62ad;
	color: #fff;
}

.businessLayout #subMenu ul li a.active {
	background-color: #3d62ad;
	color: #fff;
}

.businessLayout #main {
	float: none;
	width: 100%;
}

.businessLayout #main h2 {
	border: none;
	padding: 0;
	text-align: center;
}

.businessLayout #main .read {
	font-size: 230%;
	color: #345493;
	font-weight: bold;
	line-height: 1.4;
}

.businessLayout #main .cassette {
	width: 900px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 0 50px;
}

.businessLayout #main #blueArea {
	background-color: #f0f2f7;
	padding: 50px 0 0;
	margin: 0 0 50px;
}

.businessLayout #main #btnArea01 {
	margin: 0 0 50px;
}

.businessLayout #main #btnArea01 a {
	display: block;
	width: 340px;
	margin: 0 auto;
	padding: 24px 0;
	border: 1px solid #3d62ad;
	text-align: center;
	position: relative;
	line-height: 1;
}

.businessLayout #main #btnArea01 a:link,
.businessLayout #main #btnArea01 a:visited {
	text-decoration: none;
}

.businessLayout #main #btnArea01 a:hover,
.businessLayout #main #btnArea01 a:active {
	opacity: 0.4;
}


.businessLayout #main #btnArea01 a i {
	position: absolute;
	right: 20px;
	top: 50%;
	margin: -13.5px 0 0;
	font-size: 27px;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (max-width: 979px) {
				.businessLayout #subMenu {
					font-size: 90%;
				}
				.businessLayout #subMenu ul {
					width: 96%;
				}
				.businessLayout #main h2 {
					width: 96%;
					margin: 0 auto 50px;
				}
				.businessLayout #main h2 img {
					width: 100%;
				}
				.businessLayout #main .cassette {
					width: 96%;
				}
			}
						
			/* 【スマートフォン用のスタイル記述】 */
			@media screen and (max-width: 760px) {
				.businessLayout #subMenu {
					display: none;
				}
				.businessLayout #main h2 {
					margin: 0 auto 30px;
				}
				.businessLayout #main .read {
					font-size: 150%;
				}
				.businessLayout #main .cassette {
					padding: 0 0 20px;
				}
				.businessLayout #main #btnArea01 a {
					width: 96%;
				}
			}


/* businessMachineLayout
------------------------------------*/

.businessMachineLayout #main #blueArea .cassette .box01 {
	display: table;
	width: 100%;
	margin: 0 0 20px;
}

.businessMachineLayout #main #blueArea .cassette h3 {
	border: none;
	padding: 0;
	display: table-cell;
	width: 230px;
	height: 180px;
	vertical-align: middle;
	background-color: #3d62ad;
	color: #fff;
	text-align: center;
	font-size: 190%;
	font-weight: normal;
	line-height: 1;
}

.businessMachineLayout #main #blueArea .cassette h3 span {
	font-size: 60%;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 2px;
}

.businessMachineLayout #main #blueArea .cassette .box01in {
	display: table-cell;
	height: 180px;
	vertical-align: middle;
	background-color: #273e6d;
	color: #fff;
	padding: 0 45px;
}

.businessMachineLayout #main #blueArea .box02 {
	margin: 0 0 20px;
}

.businessMachineLayout #main #blueArea .box02 .columnLeft {
	width: 230px;
	position: relative;
}

.businessMachineLayout #main #blueArea .box02 .columnLeft:before {
	content: '';
	display: block;
	padding-top: 113.04347%;
}

.businessMachineLayout #main #blueArea .box02 .columnLeft p {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.businessMachineLayout #main #blueArea .box02 .columnLeft p span {
	padding: 0 20px 0 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.businessMachineLayout #main #blueArea .box02 .columnRight {
	width: 670px;
}

.businessMachineLayout #main #blueArea dl {
	margin: 0 0 30px;
}

.businessMachineLayout #main #blueArea dl dt {
	float: left;
	width: 210px;
	margin: 0 20px 0 0;
	position: relative;
}

.businessMachineLayout #main #blueArea dl dt:before {
	content: '';
	display: block;
	padding-top: 80.95238%;
}

.businessMachineLayout #main #blueArea dl dt span.dtIn {
	background-color: #8ba1ce;
	color: #fff;
	font-size: 150%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.businessMachineLayout #main #blueArea dl dt span.dtInText {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}

.businessMachineLayout #main #blueArea dl dd {
	float: left;
	width: 210px;
	margin: 0 20px 0 0;
	font-size: 90%;
}

.businessMachineLayout #main #blueArea dl dd:last-child {
	margin: 0;
}

.businessMachineLayout #main #blueArea dl dd img {
	display: inline-block;
	margin: 0 0 5px;
}

.businessMachineLayout #main #blueArea dl dd span {
	display: block;
	font-size: 90%;
	line-height: 1.4;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (max-width: 979px) {
				.businessMachineLayout #main #blueArea .cassette h3 {
					width: 25.66666%;
				}
				.businessMachineLayout #main #blueArea .box02 .columnLeft {
					width: 25.66666%;
				}
				.businessMachineLayout #main #blueArea .box02 .columnRight {
					width: 74.33334%;
				}
				.businessMachineLayout #main #blueArea dl dt {
					width: 23%;
					margin: 0 2.66666% 0 0;
				}
				.businessMachineLayout #main #blueArea dl dd {
					width: 23%;
					margin: 0 2.66666% 0 0;
				}
			}
						
			/* 【スマートフォン用のスタイル記述】 */
			@media screen and (max-width: 760px) {
				.businessMachineLayout #main #blueArea .cassette .box01 {
					display: block;
				}
				.businessMachineLayout #main #blueArea .cassette h3 {
					display: block;
					width: 100%;
					height: auto;
					padding: 10px 0;
					margin: 0;
				}
				.businessMachineLayout #main #blueArea .cassette .box01in {
					display: block;
					width: 100%;
					height: auto;
					box-sizing: border-box;
					padding: 10px;
					margin: 0;
				}
				.businessMachineLayout #main #blueArea .box02 .columnRight {
					float: none;
					width: 100%;
					margin: 0 0 10px;
				}
				.businessMachineLayout #main #blueArea .box02 .columnLeft {
					float: none;
					width: 100%;
				}
				.businessMachineLayout #main #blueArea .box02 .columnLeft:before {
					display: none;
				}
				.businessMachineLayout #main #blueArea .box02 .columnLeft p {
					position: static;
				}
				.businessMachineLayout #main #blueArea .box02 .columnLeft p span {
					position: static;
				}
				.businessMachineLayout #main #blueArea dl dt {
					width: 48%;
					margin: 0 4% 20px 0;
				}
				.businessMachineLayout #main #blueArea dl dd {
					width: 48%;
					margin: 0 4% 20px 0;
				}
				.businessMachineLayout #main #blueArea dl dd:nth-child(2n) {
					margin: 0 0 20px;
				}
			}


/* businessEngineeringLayout
------------------------------------*/

.businessEngineeringLayout #main .cassette .readTtl {
	background-color: #fff;
	display: inline-block;
	border-left: none;
	border-bottom: 3px solid #345493;
	padding: 0 0 20px;
	color: #345493;
	font-size: 150%;
	line-height: 1;
}

.businessEngineeringLayout #main #blueArea .cassette h3 {
	border: none;
	background-color: #3d62ad;
	color: #fff;
	font-size: 190%;
	font-weight: normal;
	line-height: 1;
	padding: 40px;
	margin: 0;
}

.businessEngineeringLayout #main #blueArea .cassette h3 span {
	font-size: 60%;
	display: inline-block;
	margin: 0 0 0 20px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 2px;
}

.businessEngineeringLayout #main #blueArea .cassette .box01in {
	background-color: #273e6d;
	color: #fff;
	padding: 30px 40px;
	margin: 0 0 20px;
}

.businessEngineeringLayout #main #blueArea .cassette .box01in a {
    display: block;
    color: #fff;
}
.businessEngineeringLayout #main #blueArea .cassette .box01in a span {
    display: inline-block;
    position: relative;
    padding-right: 20px;
}
.businessEngineeringLayout #main #blueArea .cassette .box01in a span::after {
    position: absolute;
    content: "→";
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.businessEngineeringLayout #main #blueArea .cassette .box01in ul {
	margin: 0;
}

.businessEngineeringLayout #main #blueArea .cassette .box01in ul li {
	float: left;
	width: 280px;
	margin: 0 0 10px;
}

.businessEngineeringLayout #main #blueArea .cassette .box01in ul li:before {
	content: '●';
	display: inline-block;
	margin: 0 10px 0 0;
}

.businessEngineeringLayout #main #blueArea .box02 {
	margin: 0 0 20px;
}

.businessEngineeringLayout #main #blueArea .box02 .columnLeft {
	width: 230px;
	position: relative;
}

.businessEngineeringLayout #main #blueArea .box02 .columnLeft:before {
	content: '';
	display: block;
	padding-top: 113.04347%;
}

.businessEngineeringLayout #main #blueArea .box02 .columnLeft p {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.businessEngineeringLayout #main #blueArea .box02 .columnLeft p span {
	padding: 0 20px 0 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.businessEngineeringLayout #main #blueArea .box02 .columnRight {
	width: 670px;
}

.businessEngineeringLayout #main #blueArea dl {
	margin: 0 0 30px;
}

.businessEngineeringLayout #main #blueArea dl dt {
	float: left;
	width: 210px;
	margin: 0 20px 0 0;
	position: relative;
}

.businessEngineeringLayout #main #blueArea dl dt:before {
	content: '';
	display: block;
	padding-top: 80.95238%;
}

.businessEngineeringLayout #main #blueArea dl dt span.dtIn {
	background-color: #8ba1ce;
	color: #fff;
	font-size: 150%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.businessEngineeringLayout #main #blueArea dl dt span.dtInText {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}

.businessEngineeringLayout #main #blueArea dl dd {
	float: left;
	width: 210px;
	margin: 0 20px 0 0;
	font-size: 90%;
}

.businessEngineeringLayout #main #blueArea dl dd:last-child {
	margin: 0;
}

.businessEngineeringLayout #main #blueArea dl dd img {
	display: inline-block;
	margin: 0 0 5px;
}

.businessEngineeringLayout #main #blueArea dl dd span {
	display: block;
	font-size: 90%;
	line-height: 1.4;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (max-width: 979px) {
				.businessEngineeringLayout #main #blueArea .box02 .columnLeft {
					width: 25.66666%;
				}
				.businessEngineeringLayout #main #blueArea .box02 .columnRight {
					width: 74.33334%;
				}
				.businessEngineeringLayout #main #blueArea dl dt {
					width: 23%;
					margin: 0 2.66666% 0 0;
				}
				.businessEngineeringLayout #main #blueArea dl dd {
					width: 23%;
					margin: 0 2.66666% 0 0;
				}
			}
						
			/* 【スマートフォン用のスタイル記述】 */
			@media screen and (max-width: 760px) {
				.businessEngineeringLayout #main #blueArea .cassette h3 {
					padding: 10px;
					font-size: 160%;
				}
				.businessEngineeringLayout #main #blueArea .cassette h3 span {
					display: block;
					margin: 5px 0 0;
				}
				.businessEngineeringLayout #main #blueArea .cassette .box01in {
					padding: 10px;
				}
				.businessEngineeringLayout #main #blueArea .cassette .box01in p {
					margin: 0 0 10px;
				}
				.businessEngineeringLayout #main #blueArea .cassette .box01in ul li {
					float: none;
					width: 100%;
					margin: 0;
				}
				.businessEngineeringLayout #main #blueArea .box02 .columnRight {
					float: none;
					width: 100%;
					margin: 0 0 10px;
				}
				.businessEngineeringLayout #main #blueArea .box02 .columnLeft {
					float: none;
					width: 100%;
				}
				.businessEngineeringLayout #main #blueArea .box02 .columnLeft:before {
					display: none;
				}
				.businessEngineeringLayout #main #blueArea .box02 .columnLeft p {
					position: static;
				}
				.businessEngineeringLayout #main #blueArea .box02 .columnLeft p span {
					position: static;
				}
				.businessEngineeringLayout #main #blueArea dl dt {
					width: 48%;
					margin: 0 4% 20px 0;
				}
				.businessEngineeringLayout #main #blueArea dl dd {
					width: 48%;
					margin: 0 4% 20px 0;
				}
				.businessEngineeringLayout #main #blueArea dl dd:nth-child(2n) {
					margin: 0 0 20px;
				}
			}


/* businessTransformLayout
------------------------------------*/

.businessTransformLayout #main #c01 .columnLeft {
	width: 377px;
}

.businessTransformLayout #main #c01 .columnRight {
	width: 480px;
	padding: 53px 0 0;
}

.businessTransformLayout #main #c01 .columnRight ul li {
	margin: 0 0 10px;
	font-size: 110%;
}

.businessTransformLayout #main #c01 .columnRight ul li span.columnLeft {
	border: 1px solid #8ba1ce;
	background-color: #f0f2f7;
	width: 120px;
	height: 46px;
	box-sizing: border-box;
	text-align: center;
	color: #3d62ad;
	line-height: 46px;
}

.businessTransformLayout #main #c01 .columnRight ul li span.span01 {
	display: block;
	padding: 0 0 0 140px;
	color: #3d62ad;
	line-height: 46px;
}

.businessTransformLayout #main #blueArea .cassette .box01 {
	display: table;
	width: 100%;
	margin: 0 0 20px;
}

.businessTransformLayout #main #blueArea .cassette h3 {
	border: none;
	padding: 0;
	display: table-cell;
	width: 230px;
	height: 180px;
	vertical-align: middle;
	background-color: #3d62ad;
	color: #fff;
	text-align: center;
	font-size: 190%;
	font-weight: normal;
	line-height: 1;
}

.businessTransformLayout #main #blueArea .cassette h3 span {
	font-size: 60%;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 2px;
}

.businessTransformLayout #main #blueArea .cassette .box01in {
	display: table-cell;
	height: 180px;
	vertical-align: middle;
	background-color: #273e6d;
	color: #fff;
	padding: 0 45px;
}

.businessTransformLayout #main #blueArea .cassette .box01in h4 {
	color: #fff;
}

.businessTransformLayout #main #blueArea .cassette .box01in p {
	margin: 0;
}

.businessTransformLayout #main #blueArea .box02 {
	margin: 0 0 20px;
}

.businessTransformLayout #main #blueArea .box02 .columnLeft {
	width: 230px;
	position: relative;
	background-color: #fff;
}

.businessTransformLayout #main #blueArea .box02 .columnLeft:before {
	content: '';
	display: block;
	padding-top: 113.04347%;
}

.businessTransformLayout #main #blueArea .box02 .columnLeft span {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.businessTransformLayout #main #blueArea .box02 .columnLeft span img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.businessTransformLayout #main #blueArea .box02 .columnRight {
	width: 670px;
}

.businessTransformLayout #main #blueArea #c06 h4 {
	display: inline-block;
	border-left: none;
	border-bottom: 3px solid #345493;
	padding: 0 0 20px;
	color: #345493;
	font-size: 150%;
	line-height: 1;
	margin: 0 0 20px;
}

.businessTransformLayout #main #blueArea #c06 ul li {
	float: left;
	width: 210px;
	margin: 0 20px 20px 0;
}

.businessTransformLayout #main #blueArea #c06 ul li:nth-child(4n) {
	margin: 0 0 20px;
}

.businessTransformLayout #main #blueArea #c06 ul li img {
	display: inline-block;
	margin: 0 0 5px;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (max-width: 979px) {
				.businessTransformLayout #main #c01 .columnLeft {
					width: 35%;
				}
				.businessTransformLayout #main #c01 .columnRight {
					width: 60%;
					padding: 0;
				}
				.businessTransformLayout #main #blueArea .box02 .columnLeft {
					width: 25.66666%;
				}
				.businessTransformLayout #main #blueArea .box02 .columnRight {
					width: 74.33334%;
				}
				.businessTransformLayout #main #blueArea #c06 ul li {
					width: 23%;
					margin: 0 2.66666% 0 0;
				}
				.businessTransformLayout #main #blueArea #c06 ul li img {
					width: 100%;
				}
			}
						
			/* 【スマートフォン用のスタイル記述】 */
			@media screen and (max-width: 760px) {
				.businessTransformLayout #main #c01 .columnLeft {
					float: none;
					width: 100%;
					margin: 0 0 20px;
				}
				.businessTransformLayout #main #c01 .columnRight {
					float: none;
					width: 100%;
				}
				.businessTransformLayout #main #c01 .columnRight ul li span.columnLeft {
					float: none;
					margin: 0;
					width: 100%;
				}
				.businessTransformLayout #main #c01 .columnRight ul li span.span01 {
					line-height: 1.8;
					padding: 0;
					text-align: center;
				}
				.businessTransformLayout #main #blueArea .cassette .box01 {
					display: block;
				}
				.businessTransformLayout #main #blueArea .cassette h3 {
					display: block;
					width: 100%;
					height: auto;
					padding: 10px 0;
					margin: 0;
				}
				.businessTransformLayout #main #blueArea .cassette .box01in {
					display: block;
					width: 100%;
					height: auto;
					box-sizing: border-box;
					padding: 10px;
					margin: 0;
				}
				.businessTransformLayout #main #blueArea .box02 .columnLeft {
					float: none;
					width: 100%;
				}
				.businessTransformLayout #main #blueArea .box02 .columnLeft:before {
					display: none;
				}
				.businessTransformLayout #main #blueArea .box02 .columnLeft span {
					position: static;
					display: block;
					text-align: center;
				}
				.businessTransformLayout #main #blueArea .box02 .columnLeft span img {
					position: static;
					transform: translateY(0);
					width: 80%;
				}
				.businessTransformLayout #main #blueArea .box02 .columnRight {
					float: none;
					width: 100%;
					margin: 0 0 10px;
				}
				.businessTransformLayout #main #blueArea #c06 ul li {
					width: 48%;
					margin: 0 4% 20px 0;
				}
				.businessTransformLayout #main #blueArea #c06 ul li:nth-child(2n) {
					margin: 0 0 20px;
				}
			}

/* businessOverseasLayout
------------------------------------*/

.businessOverseasLayout #main .cassette h3 {
	font-size: 230%;
	color: #345493;
	font-weight: bold;
	line-height: 1.4;
	border: none;
	background-color: #fff;
	padding: 0;
	margin: 0 0 20px;
}

.businessOverseasLayout #main .cassette h4 {
	padding: 16px 0 20px;
	text-align: left;
	border-bottom: 2px solid #3d62ad;
	font-weight: normal;
	color: #345493;
	font-size: 190%;
	margin: 0 0 50px;
}

.businessOverseasLayout #main .cassette h5 {
	background-color: #f0f2f7;
	border-left: 8px solid #3d62ad;
	font-weight: normal;
	padding: 8px 20px;
	font-size: 130%;
	margin: 0 0 30px;
}

.businessOverseasLayout #main .cassette .columnLeft {
	width: 520px;
}

.businessOverseasLayout #main .cassette .columnRight {
	width: 300px;
}

.businessOverseasLayout .heightLine li {
	float: left;
	width: 210px;
	margin: 0 20px 20px 0;
}

.businessOverseasLayout .heightLine li:nth-child(4n) {
	margin: 0 0 20px;
}

.businessOverseasLayout .heightLine li img {
	display: block;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (max-width: 979px) {
				.businessOverseasLayout #main .cassette .columnLeft {
					width: 57.77777%;
				}
				.businessOverseasLayout #main .cassette .columnRight {
					width: 33.33333%;
				}
				.businessOverseasLayout .heightLine li {
					width: 23%;
					margin: 0 2.66666% 20px 0;
				}
			}
						
			/* 【スマートフォン用のスタイル記述】 */
			@media screen and (max-width: 760px) {
				.businessOverseasLayout #main .cassette .columnLeft {
					float: none;
					width: 100%;
				}
				.businessOverseasLayout #main .cassette .columnRight {
					float: none;
					width: 100%;
				}
				.businessOverseasLayout .heightLine li {
					width: 48%;
					margin: 0 4% 20px 0;
				}
				.businessOverseasLayout .heightLine li:nth-child(2n) {
					margin: 0 0 20px;
				}
			}

/* businessDsLayout
------------------------------------*/

.businessDsLayout #main #blueArea .cassette .box01 {
	display: table;
	width: 100%;
	margin: 0 0 20px;
}

.businessDsLayout #main #blueArea .cassette h3 {
	border: none;
	padding: 0;
	display: table-cell;
	width: 230px;
	height: 180px;
	vertical-align: middle;
	background-color: #3d62ad;
	color: #fff;
	text-align: center;
	font-size: 190%;
	font-weight: normal;
	line-height: 1;
}

.businessDsLayout #main #blueArea .cassette h3 span {
	font-size: 60%;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 2px;
}

.businessDsLayout #main #blueArea .cassette .box01in {
	display: table-cell;
	height: 180px;
	vertical-align: middle;
	background-color: #273e6d;
	color: #fff;
	padding: 0 45px;
}

.businessDsLayout #main #blueArea .box02 {
	margin: 0 0 20px;
}

.businessDsLayout #main #blueArea .box02 .columnLeft {
	width: 230px;
	position: relative;
}

.businessDsLayout #main #blueArea .box02 .columnLeft:before {
	content: '';
	display: block;
	padding-top: 113.04347%;
}

.businessDsLayout #main #blueArea .box02 .columnLeft p {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.businessDsLayout #main #blueArea .box02 .columnLeft p span {
	padding: 0 20px 0 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.businessDsLayout #main #blueArea .box02 .columnRight {
	width: 670px;
}

.businessDsLayout #main #blueArea dl {
	margin: 0 0 30px;
}

.businessDsLayout #main #blueArea dl dt {
	float: left;
	width: 210px;
	margin: 0 20px 0 0;
	position: relative;
}

.businessDsLayout #main #blueArea dl dt:before {
	content: '';
	display: block;
	padding-top: 80.95238%;
}

.businessDsLayout #main #blueArea dl dt span.dtIn {
	background-color: #8ba1ce;
	color: #fff;
	font-size: 150%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.businessDsLayout #main #blueArea dl dt span.dtInText {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}

.businessDsLayout #main #blueArea dl dd {
	float: left;
	width: 210px;
	margin: 0 20px 0 0;
	font-size: 90%;
}

.businessDsLayout #main #blueArea dl dd:last-child {
	margin: 0;
}

.businessDsLayout #main #blueArea dl dd img {
	display: inline-block;
	margin: 0 0 5px;
}

.businessDsLayout #main #blueArea dl dd span {
	display: block;
	font-size: 90%;
	line-height: 1.4;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (max-width: 979px) {
				.businessDsLayout #main #blueArea .cassette h3 {
					width: 25.66666%;
				}
				.businessDsLayout #main #blueArea .box02 .columnLeft {
					width: 25.66666%;
				}
				.businessDsLayout #main #blueArea .box02 .columnRight {
					width: 74.33334%;
				}
				.businessDsLayout #main #blueArea dl dt {
					width: 23%;
					margin: 0 2.66666% 0 0;
				}
				.businessDsLayout #main #blueArea dl dd {
					width: 23%;
					margin: 0 2.66666% 0 0;
				}
			}
						
			/* 【スマートフォン用のスタイル記述】 */
			@media screen and (max-width: 760px) {
				.businessDsLayout #main #blueArea .cassette .box01 {
					display: block;
				}
				.businessDsLayout #main #blueArea .cassette h3 {
					display: block;
					width: 100%;
					height: auto;
					padding: 10px 0;
					margin: 0;
				}
				.businessDsLayout #main #blueArea .cassette .box01in {
					display: block;
					width: 100%;
					height: auto;
					box-sizing: border-box;
					padding: 10px;
					margin: 0;
				}
				.businessDsLayout #main #blueArea .box02 .columnRight {
					float: none;
					width: 100%;
					margin: 0 0 10px;
				}
				.businessDsLayout #main #blueArea .box02 .columnLeft {
					float: none;
					width: 100%;
				}
				.businessDsLayout #main #blueArea .box02 .columnLeft:before {
					display: none;
				}
				.businessDsLayout #main #blueArea .box02 .columnLeft p {
					position: static;
				}
				.businessDsLayout #main #blueArea .box02 .columnLeft p span {
					position: static;
				}
				.businessDsLayout #main #blueArea dl dt {
					width: 48%;
					margin: 0 4% 20px 0;
				}
				.businessDsLayout #main #blueArea dl dd {
					width: 48%;
					margin: 0 4% 20px 0;
				}
				.businessDsLayout #main #blueArea dl dd:nth-child(2n) {
					margin: 0 0 20px;
				}
			}

/* clearfix
------------------------------------*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow:hidden;
}

.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html .clearfix {
height: 1%
}

.clearfix {
display:block;
}
/* end MacIE5 */