/* --------------- Business --------------- */

.bg_pagettl.business {
	background-image: url(../img/business/bg_pagettl.jpg);
	background-repeat: no-repeat;
}
@media screen and (max-width: 850px) {
	.bg_pagettl.business {
		background-image: url(../img/business/sp/bg_pagettl.jpg);
		background-repeat: no-repeat;
	}
}
.bg_gray1 {
	margin: 0;
	padding: 0 0 1px;
	background-color: #ebebec;
}
@media screen and (max-width: 700px) {
	.bg_gray1 { padding: min(13vw, 50px ) 0 1px; }
}
@media screen and (min-width: 851px) {
	.cont_mask {
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
		z-index: 0;
	}
	.cont_parent .cont_hidden {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
}

.col_business1 {
	margin: 0 0 80px;
	padding: 0;
}
@media screen and (max-width: 450px) {
	.col_business1 { margin: 0 0 50px; }
}
.bg_mds_business {
	height: 51.4vw;
	max-height: 302px;
	margin: 0 0 30px;
	padding: 10px 0 0;
	background-size: cover;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 1s;
	opacity: 0;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.bg_mds_business.active { opacity: 1; }
@media screen and (max-width: 450px) {
	.bg_mds_business { margin: 0 0 15px; }
}
.bg_mds_business .en {
	width: auto;
	height: 102%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -1%;
	left: 0;
}
.bg_mds_business .en img {
	width: auto;
	height: 100%;
}
.bg_mds_business .mds_business {
	width: 60.55vw;
	max-width: 366px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 0;
}
.bg_mds_business .mds_business::before {
	content: "";
	width: 0;
	height: 2px;
	padding: 0;
	background-color: #fff;
	transition: width .5s;
	transition-delay: .3s;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.bg_mds_business .mds_business::after {
	content: "";
	width: 2px;
	height: 0;
	padding: 0;
	background-color: #fff;
	transition: height .5s;
	transition-delay: .3s;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.bg_mds_business.active .mds_business::before { width: 100%; }
.bg_mds_business.active .mds_business::after { height: 100%; }
@media screen and (max-width: 450px) {
	.bg_mds_business .mds_business::before { height: 1px; }
	.bg_mds_business .mds_business::after { width: 1px; }
}
.bg_mds_business .mds_business .border {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
.bg_mds_business .mds_business .border::before {
	content: "";
	width: 0;
	height: 2px;
	padding: 0;
	background-color: #fff;
	transition: width .5s;
	transition-delay: .3s;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.bg_mds_business.active .mds_business .border::before { width: 100%; }
.bg_mds_business .mds_business .border::after {
	content: "";
	width: 2px;
	height: 0;
	padding: 0;
	background-color: #fff;
	transition: height .5s;
	transition-delay: .3s;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.bg_mds_business.active .mds_business .border::after { height: 100%; }
@media screen and (max-width: 450px) {
	.bg_mds_business .mds_business .border::before { height: 1px; }
	.bg_mds_business .mds_business .border::after { width: 1px; }
}
.bg_mds_business .mds_business .mds {
	width: 60.55vw;
	max-width: 366px;
	height: 20.833vw;
	max-height: 126px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: min(6vw, 32px);
	font-weight: 500;
	text-align: center;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 0;
}
.bg_mds_business .mds_business .mds::before {
	content: "";
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: rgba(31,42,103,0.7);
	transition: all .5s;
	transition-delay: .6s;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.bg_mds_business.active .mds_business .mds::before {
	top: min(2.77vw, 16px);
	left: min(2.77vw, 16px);
}
.business1 .bg_mds_business {
	background-image: url(../img/business/bg_mds_business1.jpg);
	background-repeat: no-repeat;
}
@media screen and (max-width: 700px) {
	.business1 .bg_mds_business {
		background-image: url(../img/business/sp/bg_mds_business1.jpg);
		background-repeat: no-repeat;
	}
}
.business1 .bg_mds_business .en { left: max( -2.6vw, -15px ); }

.lead_business1 {
	margin: 0 0 33px;
	padding: 0;
	font-size: min( 4.7vw, 20px );
	font-weight: 500;
	text-align: center;
	line-height: 1.6;
	transition: all 1s;
	opacity: 0;
	position: relative;
	top: 20px;
}
.lead_business1.active {
	opacity: 1;
	top: 0;
}
@media screen and (max-width: 450px) {
	.lead_business1 { margin: 0 0 20px; }
}
.lead_business1 .quot {
	margin: 0;
	padding: 5px 25px 0;
	display: inline-grid;
	position: relative;
	z-index: 0;
}
.lead_business1 .quot::before {
	content: "\201c";
	margin: 0;
	padding: 0;
	color: #1f2a67;
	font-size: min(9.1vw, 33px);
	line-height: 1;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.lead_business1 .quot::after {
	content: "\201d";
	margin: 0;
	padding: 0;
	color: #1f2a67;
	font-size: 33px;
	line-height: 1;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}
@media screen and (min-width: 851px) {
	.lead_business1 .quot .max850 { display: none; }
}
@media screen and (max-width: 700px) {
	.lead_business1 .quot { padding: 0.3em 0.5em 0; }
	.lead_business1 .quot .max850 { display: none; }
}
.cont_business1 {
	width: 90%;
	max-width: 1010px;
	margin: 0 auto;
	padding: 0;
}

ul.list_business1 {
	margin: 0;
	padding: 0;
}
ul.list_business1 li {
	margin: 0 0 30px;
	padding: 0;
}
@media screen and (max-width: 850px) {
	ul.list_business1 li {
		transition: opacity 1s;
		opacity: 0;
	}
	ul.list_business1.active li { opacity: 1; }
	ul.list_business1 li:nth-child(2) { transition-delay: .3s; }
	ul.list_business1 li:nth-child(3) { transition-delay: .6s; }
}
@media screen and (max-width: 450px) {
	ul.list_business1 li { margin: 0 0 20px; }
}
ul.list_business1 li dl {
	width: 100%;
	margin: 0;
	padding: 4px 0;
	background-color: #fff;
	border-left: solid 8px #1f2a67;
	box-sizing: border-box;
	display: flex;
}
ul.list_business1 li dl dt {
	width: 194px;
	margin: 0;
	padding: 0 0 0 20px;
	font-size: min( 6.25vw, 27px );
	font-weight: 500;
	box-sizing: border-box;
}
ul.list_business1 li dl dd {
	width: calc( 100% - 194px );
	margin: 0;
	padding: 0 10px 0 0;
	line-height: 1.4;
	box-sizing: border-box;
	align-self: center;
}
@media screen and (max-width: 700px) {
	ul.list_business1 li dl {
		display: block;
		border-left: solid 1.52vw #1f2a67;
		border-right: solid 1.52vw #1f2a67;
	}
	ul.list_business1 li dl dt {
		width: 100%;
		padding: 0 15px;
		border-bottom: solid 1px #1f2a67;
	}
	ul.list_business1 li dl dd {
		width: 100%;
		padding: 10px 15px;
	}
}
ul.list_img_business1 {
	width: 100%;
	max-width: 952px;
	margin: 0 auto;
	padding: 10px 0 0;
	display: flex;
	flex-wrap: wrap;
}
ul.list_img_business1 li {
	width: 31%;
	margin: 0 3.5% 0 0;
	padding: 0;
	transition: all 1s;
	opacity: 0;
	position: relative;
	top: 20px;
	z-index: 0;
}
ul.list_img_business1.active li {
	opacity: 1;
	top: 0;
}
ul.list_img_business1 li:nth-child(3n-1) { transition-delay: .3s; }
ul.list_img_business1 li:nth-child(3n) {
	margin-right: 0;
	transition-delay: .6s;
}
@media screen and (max-width: 620px) {
	ul.list_img_business1 li {
		width: 48.46%;
		margin: 0 3.08% 0 0;
	}
	
	ul.list_img_business1 li:first-child {
		width: 100%;
		margin: 0 0 5%;
		height: 50vw;
		overflow: hidden;
		display: flex;
		align-items: flex-end;
	}
}

.business2 .bg_mds_business {
	background-image: url(../img/business/bg_mds_business2.jpg);
	background-repeat: no-repeat;
}
@media screen and (max-width: 700px) {
	.business2 .bg_mds_business {
		background-image: url(../img/business/sp/bg_mds_business2.jpg);
		background-repeat: no-repeat;
	}
}
.business2 .lead_business1 { margin: 0 0 60px; }
@media screen and (max-width: 450px) {
	.business2 .lead_business1 { margin: 0 0 20px; }
}
.submds_business {
	width: 6.5em;
	margin: 0 0 25px;
	padding: 0;
	color: #fff;
	font-size: min(6.25vw, 27px);
	font-weight: 500;
	text-align: center;
	background-color: #1f2a67;
	transition: opacity 1s;
	opacity: 0;
}
.submds_business.active { opacity: 1; }
@media screen and (max-width: 450px) {
	.submds_business { margin: 0 0 15px; }
}
.business2 ul.list_business1.mbwide { padding: 0 0 15px; }
ul.list_img_business2 {
	width: 100%;
	max-width: 952px;
	margin: 0 auto;
	padding: 10px 0 0;
	display: flex;
	flex-wrap: wrap;
}
ul.list_img_business2 li {
	width: 31%;
	margin: 0 3.5% 0 0;
	padding: 0;
	transition: all 1s;
	opacity: 0;
	position: relative;
	top: 20px;
	z-index: 0;
}
ul.list_img_business2.active li {
	opacity: 1;
	top: 0;
}
ul.list_img_business2.active li:nth-child(2) { transition-delay: .3s; }
@media screen and (max-width: 620px) {
	ul.list_img_business2 li {
		width: 48.46%;
		margin: 0 3.08% 0 0;
	}
	ul.list_img_business2 li:nth-child(even) { margin-right: 0; }
}

.business3 .bg_mds_business {
	background-image: url(../img/business/bg_mds_business3.jpg);
	background-repeat: no-repeat;
}
@media screen and (max-width: 700px) {
	.business3 .bg_mds_business {
		background-image: url(../img/business/sp/bg_mds_business3.jpg);
		background-repeat: no-repeat;
	}
}
.business3 .bg_mds_business .en { left: max( -2.6vw, -15px ); }
.cont_business2 {
	width: 100%;
	max-width: 872px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.cont_business2 .cont_img {
	width: 47.35%;
	margin: 0;
	padding: 0 0 10px;
	transition: all 1s;
	opacity: 0;
	position: relative;
	z-index: 0;
}
.cont_business2 .cont_img.active {
	opacity: 1;
}
@media screen and (min-width: 851px) {
	.cont_business2 .cont_img { top: 20px; }
	.cont_business2 .cont_img.active { top: 0; }
}
.cont_business2 .cont_img .img1 {
	width: 85.4%;
	margin: 0;
	padding: 0;
}
.cont_business2 .cont_img .img2 {
	width: 43.7%;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	bottom: 0;
}
.cont_business2 .cont_txt {
	width: 46.2%;
	margin: 0;
	padding: 1em 0 0;
	text-align: justify;
}
.cont_business2 .cont_txt p:last-child { margin: 0; }
@media screen and (max-width: 850px) {
	.cont_business2 .cont_txt {
		transition: opacity 1s;
		opacity: 0;
	}
	.cont_business2 .cont_txt.active { opacity: 1; }
}
@media screen and (max-width: 700px) {
	.cont_business2 { display: block; }
	.cont_business2 .cont_img {
		width: 100%;
		margin: 0 0 25px;
	}
	.cont_business2 .cont_txt {
		width: 100%;
		padding: 0;
	}
}

.business4 .bg_mds_business {
	background-image: url(../img/business/bg_mds_business4.jpg);
	background-repeat: no-repeat;
}
@media screen and (max-width: 700px) {
	.business4 .bg_mds_business {
		background-image: url(../img/business/sp/bg_mds_business4.jpg);
		background-repeat: no-repeat;
	}
}
.business4 .bg_mds_business .en { left: max( -2.6vw, -15px ); }
.business4 .cont_business2 .cont_img {
	padding: 0 0 25px;
	order: 1;
}
.business4 .cont_business2 .cont_img .img1 { margin: 0 0 0 auto; }
.business4 .cont_business2 .cont_img .img2 {
	right: auto;
	left: 0;
}
.business4 .cont_business2 .cont_txt { padding: 0; }
@media screen and (max-width: 700px) {
	.business4 .lead_business1 .quot { padding: 0.3em 1em 0; }
}

.business5 .bg_mds_business {
	background-image: url(../img/business/bg_mds_business5.jpg);
	background-repeat: no-repeat;
}
@media screen and (max-width: 700px) {
	.business5 .bg_mds_business {
		background-image: url(../img/business/sp/bg_mds_business5.jpg);
		background-repeat: no-repeat;
	}
}
.business5 .bg_mds_business .en { left: max( -2.6vw, -15px ); }

.business6 .bg_mds_business {
	background-image: url(../img/business/bg_mds_business6.jpg);
	background-repeat: no-repeat;
}
@media screen and (max-width: 700px) {
	.business6 .bg_mds_business {
		background-image: url(../img/business/sp/bg_mds_business6.jpg);
		background-repeat: no-repeat;
	}
}
.business6 .bg_mds_business .en { left: max( -2.6vw, -15px ); }
.business6 .cont_business2 .cont_img {
	width: 40.25%;
	padding: 0;
	order: 1;
}
.business6 .cont_business2 .cont_txt { width: 53.9%; }
@media screen and (max-width: 700px) {
	.business6 .cont_business2 .cont_img { width: 100%; }
	.business6 .cont_business2 .cont_txt { width: 100%; }
}
@media screen and (max-width: 700px) {
	.business6 .lead_business1 .quot { padding: 0.3em 1em 0; }
}