@charset "UTF-8";
/* 
	css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
.allWrap#case section *{
	box-sizing: border-box;
}

#case .contents.newsArea .caseStudyWrap .commonTitle06,
#case .mce-content-body .caseStudyWrap .commonTitle06,
#case main .caseStudyWrap .commonTitle06{
	line-height: 1.5;
}

#case .contents.newsArea .commonTitle06:before,
#case .mce-content-body .commonTitle06:before,
#case main .commonTitle06:before{
	top: 8px;
}

/*==================================================================================
 case
==================================================================================*/
.contents.newsArea section + section.caseNavWrap,
.mce-content-body section + section.caseNavWrap,
main section + section.caseNavWrap{
	padding-top: 50px!important;
}

main section + section.caseNavWrap.similar_section,
.contents.newsArea section + section.caseNavWrap.industry_section,
.mce-content-body section + section.caseNavWrap.industry_section,
main section + section.caseNavWrap.industry_section{
	padding-top: 25px!important;
	margin-top: 25px;
	border-top: 1px solid #b9c3c8;
}

.commonTitle02.cotegoryTitle{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #fff;
	background-color: #3b484f;
	padding: 60px 0 50px;
	margin-bottom: 50px;
}

.commonTitle02.cotegoryTitle:before{
	display: none;
}

.commonTitle02.cotegoryTitle.case{
	background-image: url(/business/common/img/case/cotegoryTitleBg.jpg);
}

#case .section01.caseNewsWrap{
	width: 94%;
	border-bottom: 0px solid transparent;
}

@media (min-width: 768px) {
	.contents.newsArea section + section.caseNavWrap,
	.mce-content-body section + section.caseNavWrap,
	main section + section.caseNavWrap{
		padding-top: 0;
	}
	main section + section.caseNavWrap.similar_section,
	.contents.newsArea section + section.caseNavWrap.industry_section,
	.mce-content-body section + section.caseNavWrap.industry_section,
	main section + section.caseNavWrap.industry_section{
		padding-top: 0px!important;
		margin-top: 0px;
		border-top: 0px solid transparent;
	}
	.contents.newsArea section + section.caseNavWrap.industry_section,
	.mce-content-body section + section.caseNavWrap.industry_section,
	main section + section.caseNavWrap.industry_section{
		padding-top: 50px!important;
	}
	.commonTitle02.cotegoryTitle{
		height: 200px;
		padding: 70px 0 60px;
	}
}

.caseNewsCont{
	padding: 0 0 5px;
}

.caseContWrap{
	border: 1px solid #b9c3c8;
	border-radius: 2px;
}

.corpoLink{
	width: 100%;
	display: block;
	padding: 15px;
	color: #000;
	position: relative;
}

.corpoLink:before{
	display: block;
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 2px;
	background-color: #738792;
	bottom: 10px;
	right: 10px;
	margin: auto;
}

.corpoLink:after{
	display: block;
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	bottom: 20px;
	right: 22px;
}

.caseCompany{
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0 20px;
	position: relative;
}

.caseNewsCont .caseCompany{
	text-align: center;
	margin: 5px 0 15px;
}

.caseList .caseCompany{
	padding-right: 80px;
}

.caseList .caseCompany .companyLogo{
	width: 80px;
	height: 30px;
	text-align: right;
	position: absolute;
	top: -6px;
	right: 0;
	padding-left: 10px;
}

.caseList .caseCompany .companyLogo img{
	max-height: 100%;
	width: auto;
}

.taskList,
.tagList{
	display: flex;
	flex-wrap: wrap;
	width: -webkit-calc(100% + 2px);
	width: calc(100% + 2px);
	margin: 0 -1px;
}

.tagList{
	padding-bottom: 8px;
}

.taskList li,
.tagList li{
	width: 50%;
	padding: 0 1px 2px;
	display: flex;
	flex-wrap: wrap;
}

.taskList li span,
.tagList li span{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	position: relative;
	border-radius: 4px;
	border: 1px solid #b9c3c8;
	padding: 5px 5px 5px 30px;
	font-size: 11px;
}

.taskList li span i,
.tagList li span i{
	display: block;
	width: 100%;
	font-style: normal;
}

.taskList li span img.svg,
.tagList li span img.svg,
.taskList li span svg.svg,
.tagList li span svg.svg{
	display: block;
	position: absolute;
	width: 20px;
	height: 22px;
	left: 5px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.taskList li span img.svg path,
.tagList li span img.svg path,
.taskList li span svg.svg path,
.tagList li span svg.svg path{
	fill: #738792;
}

.taskList li span{
	background-color: #e6f3fe;
}

.tagList li.category span{
	background-color: #f7f1dc;
}

.tagList li.employee span{
	background-color: #efe1f4;
}

.serviceList{
	position: relative;
	padding-left: 35px;
	padding-right: 50px;
	margin-bottom: 10px;
}

.serviceList dt,
.serviceList dd{
	display: inline-block;
	font-size: 12px;
	line-height: inherit;
}

.serviceList dd{
	position: relative;
}

.serviceList dd:after{
	display: inline-block;
	position: relative;
	content: "\002502";
}

.serviceList dd:last-of-type:after{
	display: none;
}

.serviceList dt img.svg,
.serviceList dt svg.svg{
	display: block;
	position: absolute;
	width: 25px;
	height: 22px;
	left: 5px;
	top: 0;
	bottom: 0;
}

.serviceList dt img.svg path,
.serviceList dt svg.svg path{
	fill: #738792;
}

.caseContWrap .catch{
	padding-right: 50px;
}

@media (min-width: 768px) {
	.corpoLink:before{
		width: 40px;
		height: 40px;
		border-radius: 4px;
		right: 20px;
		bottom: 20px;
	}
	.corpoLink:after{
		width: 10px;
		height: 10px;
		bottom: 33px;
		right: 36px;
	}
	.caseNews > ul{
		display: flex;
		flex-wrap: wrap;
		width: -webkit-calc(100% + 2px);
		width: calc(100% + 2px);
		margin: 0 -1px;
	}
	.caseNewsCont{
		width: 33.3%;
		padding: 0 1px;
		display: flex;
		flex-wrap: wrap;
	}
	.caseContWrap{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.caseNavWrap .taskList li,
	.caseNavWrap .tagList li{
		width: 33.333%;
	}
	.taskList li span,
	.tagList li span{
		font-size: 12px;
	}
	.serviceList{
		padding-right: 60px;
	}
	.serviceList dt,
	.serviceList dd{
		font-size: 13px;
	}
	.caseCompany{
		font-size: 18px;
		margin: 13px 0 20px;
	}
	.caseList .caseCompany{
		padding-right: 100px;
	}
	.caseList .caseCompany .companyLogo{
		width: 100px;
		height: 35px;
		top: -10px;
	}
	.caseNewsCont .caseCompany{
		margin: 15px 0 15px;
	}
	.caseContWrap .catch{
		padding-right: 60px;
	}
}

.caseNavParent{
	display: flex;
	flex-wrap: wrap;
	max-width: 1120px;
	width: -webkit-calc(94% + 2px);
	width: calc(94% + 2px);
	margin: 0 auto;
	position: relative;
	padding-bottom: 4px;
}

.caseNavParent:before{
	display: block;
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	border: 10px solid transparent;
	border-top: 10px solid #738792;
	left: 0;
	right: 0;
	bottom: -19px;
	margin: auto;
}

.caseNavParent:after{
	display: block;
	content: "";
	position: absolute;
	width: 106%;
	height: 9px;
	background-color: #738792;
	left: -3%;
	bottom: 0;
}

.caseNavParent > li{
	display: flex;
	flex-wrap: wrap;
	width: 50%;
	padding: 0 1px 2px;
}

.caseNavParent > li div{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 50px;
	width: 100%;
	position: relative;
	border: 1px solid #b9c3c8;
	border-radius: 4px;
	color: #000;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	padding: 7px 5px 5px 50px;
}

.caseNavParent > li div img.svg,
.caseNavParent > li div svg.svg{
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
}

.caseNavParent > li div img.svg path,
.caseNavParent > li div svg.svg path{
	fill: #738792;
}

.caseNavParent > li div:hover,
.caseNavParent > li.active div{
	background-color: #738792;
	border: 1px solid #738792;
	color: #fff;
}

.caseNavParent > li div:hover img.svg path,
.caseNavParent > li.active div img.svg path,
.caseNavParent > li div:hover svg.svg path,
.caseNavParent > li.active div svg.svg path{
	fill: #fff;
}

.caseCont{
	padding: 0 0 5px;
}

#caseListArea > span{
	display: block;
	text-align: right;
	font-size: 12px;
	color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
}

.caseDefaultTxt{
	padding: 20px 10px;
	border: 1px solid #b9c3c8;
	color: #000;
	text-align: center;
	font-weight: bold;
	position: relative;
}

@media (min-width: 768px) {
	.caseNavParent{
		width: 94%;
		padding-bottom: 10px;
		justify-content: space-between;
		overflow: hidden;
	}
	.caseNavParent:before{
		border: 10px solid transparent;
		border-top: 10px solid #738792;
		bottom: -9px;
		z-index: 2;
	}
	.caseNavParent:after{
		width: 100%;
		left: 0;
		bottom: 0;
		border-bottom: 9px solid #fff;
	}
	.caseNavParent > li{
		width: -webkit-calc(25% - 4px);
		width: calc(25% - 4px);
		padding: 0 0 0;
	}
	.caseNavParent > li div{
		box-sizing: border-box;
		height: 100px;
		padding: 5px 5px 30px 60px;
		transform: translate(0 , 20px);
	}
	.caseNavParent > li div:hover,
	.caseNavParent > li.active div{
		transform: translate(0 , 0);
		padding: 5px 5px 5px 60px;
	}
	.caseNavParent > li div img.svg,
	.caseNavParent > li div svg.svg{
		bottom: 20px;
		left: 20px;
	}
	.caseNavParent > li div:hover img.svg,
	.caseNavParent > li.active div img.svg,
	.caseNavParent > li div:hover svg.svg,
	.caseNavParent > li.active div svg.svg{
		bottom: 0px;
	}
	.caseList{
		display: flex;
		flex-wrap: wrap;
		width: -webkit-calc(100% + 32px);
		width: calc(100% + 32px);
		margin: 0 -16px;
	}
	.caseCont{
		display: flex;
		flex-wrap: wrap;
		width: 50%;
		padding: 0 16px 32px;
	}
	#caseListArea > span{
		padding-top: 0px;
	}
	.caseDefaultTxt{
		padding: 40px;
	}
}

.caseBodyParent {
	display: none;
}

.caseBodyParent.show {
	display: block;
}

.navChildWrap{
	padding: 10px 0 8px;
	background-color: #eaeff3;
	border-bottom: 9px solid #738792;
	position: relative;
}

.navChildWrap:after{
	display: block;
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	border: 10px solid transparent;
	border-top: 10px solid #738792;
	left: 0;
	right: 0;
	bottom: -29px;
	margin: auto;
}

.caseNavChild{
	width: 94%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.caseNavChild li{
	width: -webkit-calc(50% - 1px);
	width: calc(50% - 1px);
	margin-bottom: 2px;
	display: flex;
	flex-wrap: wrap;
}

.caseNavChild li span{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 15px 10px;
	color: #000;
	cursor: pointer;
	text-align: center;
	background-color: #fff;
	border: 1px solid #b9c3c8;
	border-radius: 3px;
	font-size: 14px;
}

.caseNavChild li span i{
	display: block;
	width: 100%;
	text-align: center;
	font-style: normal;
}

.caseNavChild li span:hover,
.caseNavChild li.active span{
	color: #fff;
	background-color: #738792;
	border: 1px solid #738792;
}

@media (min-width: 768px) {
	.navChildWrap{
		max-width: 1120px;
		width: 94%;
		margin: -9px auto 10px;
		padding: 15px 20px 11px;
		position: relative;
		z-index: 10;
	}
	.caseNavChild{
		width: -webkit-calc(100% + 4px);
		width: calc(100% + 4px);
		margin: 0 -2px;
		justify-content: flex-start;
	}
	.caseNavChild li{
		width: 20%;
		padding: 0 2px;
		margin-bottom: 4px;
	}
	.caseBodyParent.employee .caseNavChild li{
		width: 25%;
	}
}

.caseBodychild .caseCont {
	display: none;
}

div[data-searchterm] .caseDefaultTxt {
	display: none;
}

div[data-searchterm="task1"] li[data-task1],
div[data-searchterm="task2"] li[data-task2],
div[data-searchterm="task3"] li[data-task3],
div[data-searchterm="task4"] li[data-task4],
div[data-searchterm="task5"] li[data-task5],
div[data-searchterm="industry1"] li[data-industry1],
div[data-searchterm="industry2"] li[data-industry2],
div[data-searchterm="industry3"] li[data-industry3],
div[data-searchterm="industry4"] li[data-industry4],
div[data-searchterm="industry5"] li[data-industry5],
div[data-searchterm="industry6"] li[data-industry6],
div[data-searchterm="industry7"] li[data-industry7],
div[data-searchterm="industry8"] li[data-industry8],
div[data-searchterm="industry9"] li[data-industry9],
div[data-searchterm="industry10"] li[data-industry10],
div[data-searchterm="employees1"] li[data-employees1],
div[data-searchterm="employees2"] li[data-employees2],
div[data-searchterm="employees3"] li[data-employees3],
div[data-searchterm="employees4"] li[data-employees4],
div[data-searchterm="service1"] li[data-service1],
div[data-searchterm="service2"] li[data-service2],
div[data-searchterm="service3"] li[data-service3],
div[data-searchterm="service4"] li[data-service4],
div[data-searchterm="service5"] li[data-service5],
div[data-searchterm="service6"] li[data-service6],
div[data-searchterm="service7"] li[data-service7],
div[data-searchterm="service8"] li[data-service8],
div[data-searchterm="service9"] li[data-service9],
div[data-searchterm="service10"] li[data-service10] {
	display: flex;
}

/*==================================================================================
 case company
==================================================================================*/
.caseStudyWrap *{
	/*Business配下文字色変更したら削除*/
	color: #000;
}

.contents.newsArea .caseStudyWrap .commonTitle06,
.mce-content-body .caseStudyWrap .commonTitle06,
main .caseStudyWrap .commonTitle06{
	padding: 0 0 20px 20px;
}

.companyInfoArea{
	margin-bottom: 20px;
}

.companyInfoFlex{
	margin: 0 0 15px;
}

.companyInfoImg{
	padding: 0 0 10px;
}

.companyInfoTable{
	display: flex;
	flex-wrap: wrap;
	border-top: 1px dotted #b9c3c8;
}

.companyInfoTable dt{
	width: 110px;
	padding: 10px;
	background-color: #eaeff3;
	border-bottom: 1px dotted #b9c3c8;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.5;
}

.companyInfoTable dd{
	width: -webkit-calc(100% - 110px);
	width: calc(100% - 110px);
	padding: 10px;
	border-bottom: 1px dotted #b9c3c8;
	font-size: 14px;
	line-height: 1.5;
}

.companyInfoTable dd a{
	text-decoration: underline;
}

.companyInfoTable dd a:hover{
	text-decoration: none;
}

.companyInfoSingle + .caseIntro,
.companyInfoTable + .caseIntro{
	margin-top: 15px;
}

@media (min-width: 768px) {
	.companyInfoArea{
		margin-bottom: 40px;
	}
	.companyInfoFlex{
		display: flex;
		flex-wrap: wrap;
		width: -webkit-calc(100% + 30px);
		width: calc(100% + 30px);
		margin: 0 -15px 15px;
	}
	.companyInfoImg{
		width: 30%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.companyInfoData{
		width: 70%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.companyInfoSingle .companyInfoData{
		width: 100%;
		padding: 0 0;
	}
	.companyInfoTable dt{
		width: 200px;
		padding: 15px 20px;
	}
	.companyInfoTable dd{
		width: -webkit-calc(100% - 200px);
		width: calc(100% - 200px);
		padding: 15px 20px;
	}
}

.reportTextSingle{
	margin-bottom: 20px;
}

.reportTextDouble{
	margin-bottom: 20px;
}

.textDoubleWrap{
	padding: 0 0 10px;
}

.imgDoubleWrap div{
	text-align: center;
}

.imgDoubleWrap div:nth-of-type(2),
.imgDoubleWrap div:nth-of-type(3),
.imgDoubleWrap div:nth-of-type(4){
	margin-top: 10px;
}

.imgDoubleWrap div img:nth-of-type(2){
	margin-top: 2px;
}

.imgDoubleWrap .caption{
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.5;
}

.reportImageSingle{
	margin-bottom: 30px;
}

.reportTextSingle .reportText,
.reportTextDouble .reportText{
	margin-bottom: 20px;
}

.reportTextSingle .reportText:last-of-type,
.reportTextDouble .reportText:last-of-type{
	margin-bottom: 0px;
}

.reportText .note{
	font-size: 12px;
}

.contents.newsArea p + .commonListText01,
.mce-content-body p + .commonListText01,
main p + .commonListText01{
	padding-top: 0.8em;
}

.contents.newsArea .reportText .commonListText01 li:before,
.mce-content-body .reportText .commonListText01 li:before,
main .reportText .commonListText01 li:before{
	background-color: #000;
}

.commonListText01 + p{
	padding-top: 0.8em;
}

.smpZoom a{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	margin-top: 5px;
}

.smpZoom span{
	display: block;
	width: 35px;
	height: 35px;
}

.reportImageSingle .imgWrap{
	text-align: center;
}

@media (min-width: 768px) {
	.reportTextSingle{
		margin-bottom: 40px;
	}
	.reportTextDouble{
		display: flex;
		flex-wrap: wrap;
		width: -webkit-calc(100% + 30px);
		width: calc(100% + 30px);
		margin: 0 -15px 30px;
	}
	.textDoubleWrap,
	.imgDoubleWrap{
		padding: 0 15px;
		width: 50%;
	}
	.reportTextDouble.text8 .textDoubleWrap{
		width: 75%;
	}
	.reportTextDouble.text8 .imgDoubleWrap{
		width: 25%;
	}
	.imgDoubleWrap div{
		text-align: left;
	}
	.reportImageSingle{
		margin-bottom: 60px;
	}
	.smpZoom{
		display: none;
	}
}

.profileDataArea{
	margin-bottom: 10px;
}

.commentNone .profileDataArea{
	margin-bottom: 0;
}

.profileAdress{
	margin-bottom: 10px;
}

.profileAdress dl + .reportText{
	margin-top: 10px;
}

.profileAdress dt{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}

.profileAdress dd a{
	color: #133664;
}

.profileAdress .adressSingle dd{
	display: flex;
	flex-wrap: wrap;
}

.profileAdress .adressSingle dd .adressName{
	display: block;
	width: 120px;
	line-height: 1.7;
}

.profileAdress .adressSingle dd .adressInfo{
	display: block;
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 120px);
	line-height: 1.7;
}

/*.prifileLogo img{
	max-height: 50px;
}*/

.companyProfileArea .reportTextSingle + .reportTextDouble{
	margin-top: -5px;
}

@media (min-width: 768px) {
	.profileDataArea{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 15px;
	}
	.profileAdress{
		width: -webkit-calc(100% - 250px);
		width: calc(100% - 250px);
		padding-right: 20px;
		margin-bottom: 0px;
	}
	.profileAdress dt{
		font-size: 18px;
	}
	.prifileLogo{
		width: 240px;
		text-align: right;
		margin-bottom: 0px;
	}
/*	.prifileLogo img{
		max-height: 60px;
	}*/
	.prifileLogo img:nth-of-type(2){
		margin-top: 10px;
	}
	.reportTextSingle.commentNone{
		margin-bottom: 30px;
	}
	.companyProfileArea .reportTextSingle + .reportTextDouble{
		margin-top: -15px;
	}
}

.companyVoiceFlex{
	border-top: 1px solid #b9c3c8;
	border-bottom: 1px solid #b9c3c8;
	margin-bottom: 10px;
}

.companyVoiceFlex dt{
	display: block;
	background-color: #eaeff3;
	padding: 12px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

.companyVoiceFlex dd{
	padding: 10px 0 15px;
}

.VoiceTextWrap{
	margin-bottom: 10px;
}

.VoiceTextWrap h4{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.5;
}

.voiceImageWrap div{
	text-align: center;
}

.presidentName{
	margin-bottom: 10px;
}

.presidentName strong{
	font-size: 15px;
}

.trademarkText p{
	font-size: 12px;
}

.commentNone + .trademarkText,
.reportTextDouble + .trademarkText,
.reportTextSingle + .trademarkText,
.reportImageSingle + .trademarkText{
	padding-top: 10px;
	border-top: 1px solid #b9c3c8;
}

.commonBtn01.indexBack{
	max-width: 350px;
	margin: 15px auto 0;
}

.contents.newsArea .commonBtn01.indexBack a:before,
.mce-content-body .commonBtn01.indexBack a:before,
main .commonBtn01.indexBack a:before{
	transform: rotate(135deg);
	left: 12px;
	right: auto;
}

@media (min-width: 768px) {
	.companyVoiceFlex{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 10px;
	}
	.companyVoiceFlex dt{
		width: 160px;
		padding: 20px;
	}
	.companyVoiceFlex dd{
		width: -webkit-calc(100% - 160px);
		width: calc(100% - 160px);
		padding: 20px 0 20px 40px;
	}
	.companyVoiceDouble{
		display: flex;
		flex-wrap: wrap;
	}
	.VoiceTextWrap{
		width: 72%;
		padding-right: 40px;
		margin-bottom: 0;
	}
	.companyVoiceSingle .VoiceTextWrap{
		width: 100%;
		padding-right: 0px;
	}
	.voiceImageWrap{
		width: 28%;
	}
	.voiceImageWrap div{
		text-align: left;
	}
	.VoiceTextWrap h4{
		font-size: 18px;
		margin-bottom: 15px;
	}
	.presidentName{
		margin-bottom: 15px;
	}
	.presidentName strong{
		font-size: 16px;
	}
	.trademarkText{
		text-align: right;
	}
}

.moreInfoArea{
	border: 1px solid #b9c3c8;
	padding: 15px;
	margin-bottom: 20px;
}

.moreInfoText{
	margin-bottom: 15px;
}

.commonBtn01.pdfDownLoad{
	max-width: 544px;
	margin: 0 auto;
}

.commonBtn01.pdfDownLoad a{
	color: #133664;
	font-weight: bold;
	font-size: 16px;
	border-color: #fabe00;
	background: #fabe00;
}

.commonBtn01.pdfDownLoad a:before{
	border-color: #133664;
}

@media (min-width: 768px) {
	.moreInfoArea{
		padding: 25px;
		margin-bottom: 40px;
	}
	.moreInfoText{
		text-align: center;
	}
	.commonBtn01.pdfDownLoad a{
		font-size: 18px;
	}
}

.beforeAfterArea{
	padding-bottom: 20px;
}

.beforeCont{
	padding: 0 0 40px;
	position: relative;
}

.beforeCont:before{
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top: 20px solid #fabe00;
	bottom: -7px;
	left: 0;
	right: 0;
	margin: auto;
}

.beforeCont dl,
.afterCont dl{
	border: 1px solid #b9c3c8;
}

.beforeCont dt,
.afterCont dt{
	font-size: 14px;
	text-align: center;
	padding: 10px;
}

.beforeCont dt{
	background-color: #eaeff3;
}

.afterCont dt{
	background-color: #fabe00;
	font-weight: bold;
}

.beforeCont dd,
.afterCont dd{
	padding: 10px;
}

.contents.newsArea .beforeAfterFlex .commonListText01 li:before,
.mce-content-body .beforeAfterFlex .commonListText01 li:before,
main .beforeAfterFlex .commonListText01 li:before{
	background-color: #000;
}

@media (min-width: 768px) {
	.beforeAfterArea{
		padding-bottom: 40px;
	}
	.beforeAfterFlex{
		display: flex;
		flex-wrap: wrap;
		width: -webkit-calc(100% + 36px);
		width: calc(100% + 36px);
		margin: 0 -18px;
	}
	.beforeCont,
	.afterCont{
		width: 50%;
		padding: 0 18px 0;
		display: flex;
		flex-wrap: wrap;
	}
	.beforeCont dl,
	.afterCont dl{
		width: 100%;
	}
	.beforeCont dt,
	.afterCont dt{
		padding: 15px;
	}
	.beforeCont dd,
	.afterCont dd{
		padding: 20px;
	}
	.beforeCont:before{
		display: none;
	}
	.beforeCont:after{
		display: block;
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border: 15px solid transparent;
		border-left: 20px solid #fabe00;
		bottom: 0;
		top: 0;
		right: -26px;
		margin: auto;
	}
}

.txtBox01{
	display: inline-block;
	padding: 0.5em 1em;
	margin:1em 5em;
	border:solid #b9c3c8;
}