@-webkit-keyframes imageSlideCrossFade{
	25%{
		opacity: 1;
	}
	40%{
		opacity: 0;
	}
}

@keyframes imageSlideCrossFade{
	25%{
		opacity: 1;
	}
	40%{
		opacity: 0;
	}
}

@media all and (min-width: 769px){
	.business .page-title{
		background-image: url(../img/pc/_pag_ttl_bg.jpg);
	}
	.business-index main{
		padding: 90px 0;
	}
	.business-index .main-contents{
		margin: 0 60px 90px 60px;
	}
	.business-index .main-contents:last-child{
		margin-bottom: 0;
	}
	.business-index .main-contents .section-title{
		margin: 0 0 35px 0;
	}
	.business-index .main-contents .section-title h2{
		font-family: 'Noto Serif JP', serif;
		font-size: 30px;
		font-weight: 400;
		text-align: center;
		line-height: 48px;
		letter-spacing: 0.048em;
	}
	.business-index .main-contents.lead .section-body figure .image{
		margin: 0 0 60px 0;
		text-align: center;
	}
	.business-index .main-contents.lead .section-body figure figcaption{
		margin: 0 60px;
	}
	.business-index .main-contents.lead .section-body figure figcaption p{
		font-size: 16px;
		line-height: 34px;
		letter-spacing: 0.048em;
	}
	.business-index .main-contents.society .section-body article{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		margin: 0 0 100px 0;

		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
	}
	.business-index .main-contents.society .section-body article:last-child{
		margin-bottom: 0;
	}
	.business-index .main-contents.society .section-body article .text{
		width: 540px;
	}
	.business-index .main-contents.society .section-body article .text .article-title{
		position: relative;
		margin: 0 0 40px 0;
		padding: 0 0 11px 0;
	}
	.business-index .main-contents.society .section-body article .text .article-title:before{
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: #e2e5e8;
		content: '';
	}
	.business-index .main-contents.society .section-body article .text .article-title:after{
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 140px;
		height: 2px;
		background: #004ea2;
		content: '';
	}
	.business-index .main-contents.society .section-body article .text .article-title h3{
		font-family: 'Noto Serif JP', serif;
		font-size: 30px;
		font-weight: 400;
		line-height: 50px;
		letter-spacing: 0.048em;
	}
	.business-index .main-contents.society .section-body article .text >.body p{
		font-size: 16px;
		line-height: 34px;
		letter-spacing: 0.048em;
	}
	.business-index .main-contents.society .section-body article figure{
		width: 580px;
	}
	.business-index .main-contents.society .section-body article figure .image img{
		width: 100%;
	}
	.business-index .main-contents.society .section-body article.a2{
		        flex-direction: row-reverse;

		-webkit-box-direction: reverse;
		-webkit-box-orient: horizontal;
		-webkit-flex-direction: row-reverse;
		    -ms-flex-direction: row-reverse;
	}
	.business-index .main-contents.society .section-body .message{
		margin: 0 60px;
	}
	.business-index .main-contents.society .section-body .message p{
		font-size: 16px;
		line-height: 34px;
		letter-spacing: 0.048em;
	}
}

@media all and (max-width: 768px){
	.business .page-title{
		background-image: url(../img/sp/_pag_ttl_bg.jpg);
	}
	.business-index main{
		padding: 12vw 0;
	}
	.business-index .main-contents{
		margin: 0 4vw 8vw 4vw;
	}
	.business-index .main-contents:last-child{
		margin-bottom: 0;
	}
	.business-index .main-contents .section-title{
		margin: 0 0 6.66667vw 0;
	}
	.business-index .main-contents .section-title h2{
		font-family: 'Noto Serif JP', serif;
		font-size: 5.06667vw;
		font-weight: 400;
		text-align: center;
		line-height: 8vw;
		letter-spacing: 0.048em;
	}
	.business-index .main-contents.lead .section-body figure .image{
		margin: 0 0 9.33333vw 0;
		text-align: center;
	}
	.business-index .main-contents.lead .section-body figure .image img{
		width: 81.86667vw;
	}
	.business-index .main-contents.lead .section-body figure figcaption p{
		font-size: 3.46667vw;
		line-height: 6.13333vw;
		letter-spacing: 0.048em;
	}
	.business-index .main-contents.society .section-body article{
		margin: 0 0 12vw 0;
	}
	.business-index .main-contents.society .section-body article:last-child{
		margin-bottom: 0;
	}
	.business-index .main-contents.society .section-body article .text{
		margin: 0 0 5.33333vw 0;
	}
	.business-index .main-contents.society .section-body article .text .article-title{
		position: relative;
		margin: 0 0 8.93333vw 0;
		padding: 0 0 2.8vw 0;
	}
	.business-index .main-contents.society .section-body article .text .article-title:before{
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 0.53333vw;
		background: #e2e5e8;
		content: '';
	}
	.business-index .main-contents.society .section-body article .text .article-title:after{
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 26.66667vw;
		height: 0.53333vw;
		background: #004ea2;
		content: '';
	}
	.business-index .main-contents.society .section-body article .text .article-title h3{
		font-family: 'Noto Serif JP', serif;
		font-size: 5.33333vw;
		font-weight: 400;
		line-height: 8.26667vw;
		letter-spacing: 0.048em;
	}
	.business-index .main-contents.society .section-body article .text >.body p{
		font-size: 3.46667vw;
		line-height: 6.13333vw;
		letter-spacing: 0.048em;
	}
	.business-index .main-contents.society .section-body article figure .image img{
		width: 100%;
	}
	.business-index .main-contents.society .section-body article.a2{
		        flex-direction: row-reverse;

		-webkit-box-direction: reverse;
		-webkit-box-orient: horizontal;
		-webkit-flex-direction: row-reverse;
		    -ms-flex-direction: row-reverse;
	}
	.business-index .main-contents.society .section-body .message p{
		font-size: 3.46667vw;
		line-height: 6.13333vw;
		letter-spacing: 0.048em;
	}
}