@charset 'UTF-8';

.page-ttl{
	background: #e7ebee;
	background: linear-gradient(180deg, #ffffff 0%, #e7ebee 100%);
	padding-top: 50px;
	padding-bottom: 100px;
}
.page-ttlArea{margin: 0 10px 0 0; width: calc(50% - 10px);}
.page-Img{margin: 0 0 0 20px; width: calc(50% - 20px);}
.page-Img img{max-width:100%;height: auto;box-shadow: 34px 34px 42px -10px rgba(0,0,0,0.5);}
body main .page-ttl_container .page-ttlArea h1{
	text-shadow: none;
	color: #212121;
	font-size: 44px;
	line-height: 1.5em;
	letter-spacing: normal;
}
.page-txt{
	position: relative;
	margin: 40px 0 0 0;
	line-height: 1.6em;
	width: calc(100% - 140px);
	font-size: 17px;
}
body.page-solution .page-ttl .page-ttl_container .page-ttlArea .mod-btn a {
	background-color: #719d37;
	border: solid 1px #719d37;
	width: calc(100% - 120px);
}
body.page-solution .page-ttl .page-ttl_container .page-ttlArea .mod-btn a:hover{color: #719d37;}

body main .top-case .top-case_imgArea{justify-content: center;}
body main .top-case .top-case_imgArea figure{width: 19%;}
body main .top-case .top-case_imgArea figure img{max-width: 160px}

.apparelLead{
	position: relative;
	margin: 80px auto;
	text-align: center;
	font-weight: 900;
}
.apparelLead p{
	position: relative;
	font-size: 24px;
	line-height: 1.8em;
}
.apparelLead p span{color: #ffffff;background-color: #719d37;padding: 0 0 0 2px;}
.apparelLead p.ttl{
	margin: 0 auto 40px auto;
	font-size: 38px;
	line-height: 1.6em;
	padding:0 .5em;
	font-weight: 900;
}

.boxWrap{
	position: relative;
	margin: 80px auto 0 auto;
	padding: 100px 0;
	background-color: #f4f4f4;
}
.boxWrap.white{margin: 0 auto; background-color: #ffffff;color: #6e6e6e;padding: 70px  70px 0  70px;}
.boxWrap .container{width: 100%;}
.boxWrap .mod-ttl_h2T{color: #719d37;font-size: 18px;font-weight: 900;padding-bottom: 8px;}
.boxWrap .mod-ttl_h2{
	margin: 0 auto;
	padding-top: 0;
	color: #000000;
	font-size: 48px;
	line-height: 1.4em;
}
.boxWrap .lead{
	position: relative;
	margin: 0 auto 10px auto;
	font-size: 17px;
	line-height: 1.6em;
}
.boxWrap .boxInner{
	position: relative;
	margin: 40px auto 0 auto;
	padding: 40px 30px;
	background-color: #ffffff;
}
.boxWrap .boxInner .mod-imgTxt_col3{padding-top: 30px;}
.boxWrap .boxInner .mod-imgTxt_col3 li .mod-imgTxt_txtArea .mod-imgTxt_ttl{
	color: #000000;
	font-size: 20px;
}
.boxWrap .top-plan{background-color: transparent;}
.boxWrap .top-plan .top-plan_white.boxInner{margin-top: 0;margin-bottom: 0 !important;	padding: 40px 30px;}
.boxWrap .top-plan_list{margin-top: 50px;}
.boxWrap .mod-btn{
	width: calc(100% - 180px);
	margin: 50px auto 0 auto !important;
}
.boxWrap .mod-btn a{margin: 0 30px;line-height: 1.6em;font-weight: normal;}
.boxWrap .mod-btn a span{font-size: 15px;}
.boxWrap .mod-btn.mod-btn_col2 a:first-child{
	background-color: #719d37;
	border: solid 1px #719d37;
	color: #ffffff;
}
.boxWrap .mod-btn.mod-btn_col2 a:first-child svg{display: inline-block;margin: 0 0 0 10px; width: 12px;height: auto;}
.boxWrap .mod-btn.mod-btn_col2 a:nth-child(2){
	background-color: #ffffff;
	border: solid 1px #719d37;
	color: #719d37;
}
.boxWrap .mod-btn.mod-btn_col2 a:first-child:hover{
	color: #719d37;
	background-color: #ffffff;
}
.boxWrap .mod-btn.mod-btn_col2 a:nth-child(2):hover{
	color: #ffffff;
	background-color: #719d37;
}
a:hover #arrow{fill: #719d37;}

.boxWrap .col2{
	position: relative;
	margin: 0 auto;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.boxWrap .col2 .lead{
	width: 620px;
	margin: 10px 0 0 0;
}
.boxWrap .col2 .lead .mod-ttl_h2{font-size: 40px;margin: 0 0 40px 0;}
.boxWrap .col2 .img{
	margin: 10px 0 0 0;
	width: 360px;
	padding-right: 50px;
}
.boxWrap .col2 .img img{max-width: 100%;}

body.page-solution .page-solution_dl{
	margin-top:0;
	background-image: url("../images/page/solution/apparel/apparel_fashion_bg_dl.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	background-color: #000000;
}
body.page-solution .page-solution_dl.furnituredl{background-image: url("../images/page/solution/furniture/furniture_bg_dl.jpg");}
body.page-solution .page-solution_dl.fooddl{background-image: url("../images/page/solution/food/food_bg_dl.jpg");}
body.page-solution .page-solution_dl.malldl{background-image: url("../images/page/solution/mall/mall_bg_dl.jpg");}
body.page-solution .page-solution_dl.btobdl{background-image: url("../images/page/solution/btob/btob_bg_dl.jpg");}
body.page-solution .page-solution_dl .top-dl_container figure{width: 50%;}
body.page-solution .page-solution_dl .top-dl_container .top-dl_txtArea .mod-ttl_h2{font-size: 48px; color: #ffffff;padding-bottom: 20px;}
body.page-solution .page-solution_dl .top-dl_container .top-dl_txtArea p{color: #ffffff;line-height: 1.6em;}
body.page-solution .page-solution_dl .top-dl_container .top-dl_txtArea  .mod-btn a{font-size: 24px; width: 100% !important;display: block;}
body.page-solution .page-solution_dl .top-dl_container .top-dl_txtArea  .mod-btn a svg{display: inline-block;margin: 0 0 0 20px; width: 17px;height: auto;transform: translateY(2px);}

body.page-solution .page-solution_achievement .page-solution_achievement_comment{
	position: relative;
	background-color: transparent;
	color: #719d37;
	font-style: italic;
	font-size: 40px;
	border-top:solid 4px #719d37;
	border-bottom:solid 4px #719d37;
}
body.page-solution .page-solution_achievement .page-solution_achievement_comment::before,
body.page-solution .page-solution_achievement .page-solution_achievement_comment::after{
	position: absolute;
	width: 60px;
	height: 40px;
	content: '';
	display: block;
	background-color: #ffffff;
	background-image: url("../images/page/solution/apparel/corner.svg");
	background-repeat: no-repeat;
	background-size: 32px auto;
	
}
body.page-solution .page-solution_achievement .page-solution_achievement_comment::before{
	top: -10px;
	left: 0;
	background-position: 0 0;
}
body.page-solution .page-solution_achievement .page-solution_achievement_comment::after{
	bottom: -20px;
	right: 0;
	background-position: 100% 0;
}
body.page-solution .page-solution_achievement .page-solution_achievement_top figure{padding-top: 20px;width: 400px;}
body.page-solution .page-solution_achievement .page-solution_achievement_top .page-solution_achievement_txtArea .page-solution_achievement_list li{padding-left: 30px;}
body.page-solution .page-solution_achievement .page-solution_achievement_top .page-solution_achievement_txtArea .page-solution_achievement_list li:not(:last-child){padding-bottom: 20px;}
body.page-solution .page-solution_achievement .page-solution_achievement_top .page-solution_achievement_txtArea .page-solution_achievement_list li::before{
	content: '';
	background-image: url("../images/page/solution/apparel/checkmark.svg");
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: 0 5px;
	width: 25px;
	height: 25px;
}

@media screen and (max-width: 767px) {
	
	.page-ttl{padding-bottom: 130px;padding-top: 20px;}
	body main .page-ttl_container .page-ttlArea h1{font-size: 26px;width:calc(100% - 40px);}
	.page-ttlArea, .page-Img{margin: 0 auto; width: calc(100% - 40px);}
	.page-ttlArea .mod-btn a{position: absolute;bottom: -110px; width: calc(100% - 20px) !important;max-width: calc(100% - 20px) !important;font-size: 15px;line-height: 1.6em;}
	.page-txt{
		margin: 20px auto;
		width: calc(100% - 40px);
		font-size: 15px;
	}

	.apparelLead p{
		margin: 0 auto;
		font-size: 17px;
		line-height: 1.6em;
		width: calc(100% - 40px);
	}
	.apparelLead p.ttl{
		margin: 0 auto;
		font-size: 22px;
		line-height: 1.5em;
		padding:0 0 20px 0;
	}

	.boxWrap{
		padding: 30px 20px;
		width: calc(100% - 40px);
	}
	.boxWrap.white{padding: 0;}
	.boxWrap .mod-ttl_h2T{font-size: 14px;padding-bottom: 6px;}
	.boxWrap .mod-ttl_h2{
		margin: 0 auto !important;
		font-size: 22px;
		line-height: 1.5em;
		padding-bottom: 10px;
	}
	.boxWrap .boxInner{
		margin: 20px auto 0 auto;
		padding: 30px 20px;
	}
	.boxWrap .boxInner .mod-imgTxt_col3{padding-top: 0;}
	.boxWrap .boxInner .mod-imgTxt_col3 li .mod-imgTxt_txtArea .mod-imgTxt_ttl{font-size: 16px;}
	.boxWrap .top-plan_list{margin-top: 0;}
	.boxWrap .mod-btn{
		width: 100%;
		margin: 0 auto !important;
	}
	.boxWrap .mod-btn a{margin: 20px 0 0 0;	font-size: 14px;}
	.boxWrap .mod-btn a span{font-size: 12px;}

	.boxWrap .col2{display: block;}
	.boxWrap .col2 .lead{
		width: 100%;
		margin: 20px 0 0 0;
	}
	.boxWrap .col2 .lead .mod-ttl_h2{font-size: 22px;margin: 0 0 50px 0;}
	.boxWrap .col2 .img{
		margin: 40px auto 0 auto;
		width:70%;
		padding-right: 0;
	}
	
	body.page-solution .page-solution_dl .top-dl_container .top-dl_txtArea .mod-ttl_h2{font-size: 22px; }
	body.page-solution .page-solution_dl .top-dl_container .top-dl_txtArea  .mod-btn a{font-size: 18px;}
	body.page-solution .page-solution_dl .top-dl_container .top-dl_txtArea  .mod-btn a svg{width: 15px;height: auto;}
	
	body.page-solution .page-solution_achievement .page-solution_achievement_comment{
		font-size: 22px;
		border-top:solid 3px #719d37;
		border-bottom:solid 3px #719d37;
		height: auto;
		padding: 20px 0;
	}
	body.page-solution .page-solution_achievement .page-solution_achievement_comment::before,
	body.page-solution .page-solution_achievement .page-solution_achievement_comment::after{
		width: 50px;
		height: 20px;
		background-size: 22px auto;

	}
	body.page-solution .page-solution_achievement .page-solution_achievement_comment::after{bottom: -15px;}
	
	body.page-solution .page-solution_achievement .page-solution_achievement_top figure{padding-top: 0;padding-bottom: 0; width: calc(100% - 90px);margin: 0 auto;}
	
}