@charset "utf-8";

/*　751px以上の対応
////////////////////////////////////////////////////*/
@media screen and (min-width:751px) {
	#price #wrap{
		width: 100%;
		min-width: 980px;
		margin: 0 auto;
		letter-spacing: 0.06em;
	}
	#price #wrap #contents{
		width: 980px;
		margin: 0 auto;
	}
	/* ファーストビューエリア */
	.underlayer--firstview__wrap{
		width: 100%;
		min-width: 980px;
		margin: 0 auto 40px;
		background: #F9F1F1;
		padding: 32px 0;
	}
	.underlayer--firstview__inr{
		width: 980px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	.underlayer--firstview__left{
	}
	.underlayer--firstview__ttl h1{
		font-size: 38px;
		color: #EA0029;
		letter-spacing: 0.03em;
		margin-bottom: 18px;
	}
	.underlayer--firstview__ttl h1 span{
		font-size: 16px;
		letter-spacing: 0.06em;
		display: block;
		margin-bottom: 8px;
	}
	.underlayer--firstview__lead{
		font-size: 14px;
		line-height: 1.86;
		letter-spacing: 0.05em;
		font-weight: 500;
	}
	.underlayer--firstview__image{
		margin-bottom: 12px;
		position: relative;
	}
	.underlayer--firstview__image::before{
		content: "資料配布中";
		font-size: 13px;
		letter-spacing: 0.04em;
		text-align: center;
		color: #fff;
		line-height: 78px;
		background: #EA0029;
		border-radius: 50px;
		width: 78px;
		height: 78px;
		position: absolute;
		top: -20px;
        right: -34px;
	}
	.underlayer--firstview__btn {
		text-align: center;
	}
	.underlayer--firstview__btn p{
		margin-bottom: 10px;
        font-weight: 500;
        letter-spacing: 0;
	}
	.underlayer--firstview__btn a{
		display: inline-block;
		letter-spacing: 0;
		color: #fff;
		font-weight: 700;
		background: #185ABC;
		border-radius: 4px;
		padding: 16px 40px;
		position: relative;
		transition: 0.3s;
	}
	.underlayer--firstview__btn a:hover{
		background-image: linear-gradient(to right, #185ABC, #0c3169);
	}
	.underlayer--firstview__btn a::before{
		content: "";
		background: url("../../case-studies/img/fv-document-dl-icon.svg");
		width: 18px;
		height: 18px;
		position: absolute;
		top: 14px;
        right: 12px;
	}

	/* 共通ボタン - 1 デザイン */
	#price #wrap .btn{
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: bold;
		text-align: center;
		padding: 22px 60px;
		box-sizing: border-box;
		border-radius: 50px;
		border: 1px solid #e0e0e0;
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
		position: relative;
		display: inline-block;
		transition: all .5s;
	}
	#price #wrap .btn:after{
		position: absolute;
		content: "";
		top: 26px;
		right: 30px;
		background: #EA0029;
		width: 8px;
		height: 8px;
		border-radius: 4px;
		transition: all .5s;
	}
	#price #wrap .btn:hover{
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
		border: 1px solid #eee;
		background: #fafafa;
	}
	#price #wrap .btn:hover::after{
		background: #eaeaea;
	}

	/* 共通ボタン - 2 デザイン */
	#price #wrap .btn02{
		font-size: 13px;
		font-size: 1.3rem;
		box-sizing: border-box;
		position: relative;
		transition: all .5s;
		margin-right: 2px;
		display: block;
		margin-bottom: 15px;
		float: right;
		letter-spacing: 0;
		border-bottom: 1px solid;
	}
	#price #wrap .btn02:hover{
		border-bottom: none;
	}


	
	/** ページナビゲーション **/
	.section-nav{
		display: flex;
		justify-content: center;
		margin-bottom: 40px;
	}
	.section-nav ul{
		display: flex;
	}
	.section-nav ul li + li{
		margin-left: 20px;
		padding-left: 20px;
		position: relative;
	}
	.section-nav ul li + li::before{
		content: "";
		border-left: 1px solid #353535;
		position: absolute;
		width: 1px;
		height: 10px;
		top: 3px;
		left: 0px;
	}
	.section-nav ul li a{
		font-size: 14px;
		font-weight: 500;
		text-align: center;
		border-radius: 7px;
		display: block;
		transition: 0.3s;
	}
	.section-nav ul li a + a{
		margin-left: 20px;
		padding-left: 20px;
		position: relative;
	}
	.section-nav ul li a:hover{
		opacity: 0.6;
	}


	/* 各セクション共通ヘッダーの対応（三角グレーと見出し） */
	.sections {
		position: relative;
		padding-top: 80px;
		margin-bottom: 80px;
	}
	.sections:before{
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 160px 190px 0 0;
		border-color: #fafafa transparent transparent transparent;
		z-index: -1;
	}
	.sections h2{
		font-size: 20px;
		margin-bottom: 30px;
		font-weight: bold;
		padding-left: 50px;
		line-height: 1.5;
	}
	.sections .sections-ttl-lead{
		margin-bottom: 30px;
		padding-left: 50px;
	}



	/** デモお申し込み・お問い合わせの対応 **/
	#demo_entry p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 50px;
		padding-left: 50px;
	}
	#demo_entry .btn{
		float: right;
	}


	/** 月額プランの対応 **/
	#monthly_plan .attention{
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.6;
		margin-bottom: 30px;
		padding-left: 50px;
	}
	#monthly_plan .plan_info{
		width: 940px;
		margin: 0 auto;
	}
	#monthly_plan .plan_info .plan_list {
		margin-bottom: 20px;
	}
	#monthly_plan .plan_info .plan_list li{
		float: left;
	}
	#monthly_plan .plan_info .plan_list li + li{
		margin-left: 12px;
	}
	#monthly_plan .plan_info .plan_d{
		border-top: 10px solid #530000;
	}
	#monthly_plan .plan_info .plan_d h3{
		color: #530000;
	}
	#monthly_plan .plan_info .plan_c{
		border-top: 10px solid #a40707;
	}
	#monthly_plan .plan_info .plan_c h3{
		color: #a40707;
	}
	#monthly_plan .plan_info .plan_b{
		border-top: 10px solid #c70000;
	}
	#monthly_plan .plan_info .plan_b h3{
		color: #c70000;
	}
	#monthly_plan .plan_info .plan_a{
		border-top: 10px solid #db0505;
	}
	#monthly_plan .plan_info .plan_a h3{
		color: #db0505;
	}


	/* 月額プランの通常時 */
	#monthly_plan .plan_info .plan_list .plan_common{
		width: 218px;
		border-radius: 3px;
		box-sizing: border-box;
		padding: 25px 0 30px 0;
		border-right: 1px solid #f2f2f2;
		border-bottom: 1px solid #f2f2f2;
		border-left: 1px solid #f2f2f2;
		transition: all .5s;
	}
	#monthly_plan .plan_info .plan_list .plan_common h3{
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
	}
	#monthly_plan .plan_info .plan_list .plan_common .shop_scale{
		text-align: center;
		background: #fafafa;
		width: 100%;
		margin-bottom: 20px;
	}
	#monthly_plan .plan_info .plan_list .plan_common .plan_scale{
		text-align: center;
		margin-bottom: 30px;
	}
	#monthly_plan .plan_info .plan_list .plan_common .plan_money{
		margin-bottom: 30px;
		text-align: center;
	}
	#monthly_plan .plan_info .plan_list .plan_common .yen{
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
	}
	#monthly_plan .plan_info .plan_list .plan_common .unit{
		font-size: 26px;
		font-size: 2.6rem;
		font-weight: bold;
	}
	#monthly_plan .plan_info .plan_list .plan_common .month{
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		position: relative;
		bottom: 1px;
	}
	#monthly_plan .plan_info .plan_list .planchange-btn{
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: bold;
		text-align: center;
		padding: 13px 45px;
		box-sizing: border-box;
		border-radius: 50px;
		border: 1px solid #e0e0e0;
		position: relative;
		display: block;
		transition: all .2s;
		background: #fff;
		margin: 0 auto;
	}
	#monthly_plan .plan_info .plan_list .planchange-btn:after{
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		border: solid 4px transparent;
		border-top: solid 6px #EA0029;
		top: 20px;
		right: 22px;
		transition: all .5s;
	}
	#monthly_plan .plan_info .plan_list .planchange-btn:hover{
		border: 1px solid #eee;
		background: #fafafa;
	}
	#monthly_plan .plan_info .plan_list .planchange-btn:hover::after{
		border-top: solid 6px #eaeaea;
	}

	/* アクティブ時の動き */
	#monthly_plan .plan_info .plan_list .plan_common.active{
		width: 250px;
		border-radius: 3px;
		box-sizing: border-box;
		padding: 40px 0 40px 0;
		border-right: 1px solid #f2f2f2;
		border-bottom: 1px solid #f2f2f2;
		border-left: 1px solid #f2f2f2;
		margin-top: -25px;
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	}
	#monthly_plan .plan_info .plan_list .plan_common.active h3{
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: bold;
	}
	#monthly_plan .plan_info .plan_list .plan_common.active .shop_scale,
	#monthly_plan .plan_info .plan_list .plan_common.active .plan_scale{
		font-size: 15px;
		font-size: 1.5rem;
	}
	#monthly_plan .plan_info .plan_list .plan_common.active .yen{
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: bold;
	}
	#monthly_plan .plan_info .plan_list .plan_common.active .unit{
		font-size: 38px;
		font-size: 3.8rem;
		font-weight: bold;
	}
	#monthly_plan .plan_info .plan_list .plan_common.active .month{
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: bold;
	}
	#monthly_plan .plan_info .plan_list .planchange-btn.active{
		background: #fafafa;
	}
	#monthly_plan #plana-button.planchange-btn.active:after,
	#monthly_plan #planb-button.planchange-btn.active:after,
	#monthly_plan #planc-button.planchange-btn.active:after,
	#monthly_plan #pland-button.planchange-btn.active:after{
		border-bottom: solid 6px #EA0029;
		border-top: 0;
	}
	#plana-content.active,
	#planb-content.active,
	#planc-content.active,
	#pland-content.active {
		display: block;
		opacity: 1;
	}
	#plana-content, #planb-content, #planc-content,#pland-content {
		display: none;
		opacity: 0;
	}  
	/* アクティブ時の動き終わり */

	@keyframes fadeIn{
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	#monthly_plan .plan_content_common{

		animation-duration: 0.5s;
		animation-timing-function: linear;
		animation-delay: 0.5s;
	}
	#monthly_plan .plan_info .plan_case_list .plan_content_common{
		border: 1px solid #f2f2f2;
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	}
	#monthly_plan .plan_info .plan_case_list .plan_content_common .case-ttl{
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		padding: 15px 0 14px;
		color: #fff;
		margin-bottom: 50px;
	}
	#monthly_plan .plan_info .plan_case_list #pland-content .case-ttl{
		background: #530000;
	}
	#monthly_plan .plan_info .plan_case_list #planc-content .case-ttl{
		background: #a40707;
	}
	#monthly_plan .plan_info .plan_case_list #planb-content .case-ttl{
		background: #c70000;
	}
	#monthly_plan .plan_info .plan_case_list #plana-content .case-ttl{
		background: #db0505;
	}
	#monthly_plan .plan_content_common_inner{
		margin: 0 50px 50px 50px;
		display: flex;
		justify-content: space-between;
	}
	#monthly_plan .plan_content_common_inner .case-images{
		width: 400px;
	}
	#monthly_plan .plan_content_common_inner .case-images img{
		width: 100%;
	}
	#monthly_plan .plan_content_common .case-subttl{
		font-size: 22px;
		font-size: 2.2rem;
		margin-bottom: 10px;
	}
	#monthly_plan .plan_content_common .case-text{
		width: 400px;
	}
	#monthly_plan .plan_content_common .case-text .case-shopinfo{
		margin-bottom: 20px;
	}
	#monthly_plan .plan_content_common .case-text ul li{
		line-height: 1.8;
	}
	#monthly_plan .plan_content_common .case-text ul li dl{
		display: flex;
	}
	#monthly_plan .plan_content_common .case-text ul li dl dt{
		width: 8em;
		position: relative;
	}
	#monthly_plan .plan_content_common .case-text ul li dl dt::after{
		position: absolute;
		content: "：";
		top: 0;
		right: 0;
	}
	#monthly_plan .plan_content_common .case-text .case-lead{
		margin-bottom: 30px;
	}
	#price #wrap #monthly_plan .plan_content_common .case-text a.btn{
		margin: 0 auto;
    	display: block;
    	width: 300px;
	}
	#monthly_plan .system_function h2{
		font-size: 18px;
		font-size: 1.8rem;
		letter-spacing: 0.12em;
		font-weight: normal;
    	line-height: 1.7;
    	text-align: center;
		padding: 0;
		background: linear-gradient(transparent 80%, #ffe5e5 0%);
		display: table;
    	margin: 0 auto 50px;
		position: relative;
	}
	#monthly_plan .system_function h2::after{
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		border: solid 8px transparent;
		border-top: solid 9px #ffe5e5;
		bottom: -16px;
		right: calc(50% - 8px);
	}
	#monthly_plan .system_function p{
		text-align: center;
		margin-bottom: 50px;
	}
	#price #wrap #monthly_plan .system_function div{
		margin: 0 auto;
		display: table;
	}
	#price #wrap #monthly_plan .system_function div a + a{
		margin-left: 20px;
	}
	#price #wrap #monthly_plan .system_function div .btn{
		padding-right: 100px;
		padding-left: 100px;
	}


	/** 初期費用の対応 **/
	#initial_cost p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 50px;
		padding-left: 50px;
	}
	#initial_cost .btn{
		float: right;
	}


	/** 初期費用の対応 **/
	#issue p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 20px;
		padding-left: 50px;
	}
	#issue .issue_box{
		width: 900px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	#issue .issue_before,
	#issue .issue_after{
		width: 410px;
		background: #F8F8F8;
		border-radius: 11px;
		padding: 10px;
		position: relative;
	}
	#issue .issue_before:after{
		position: absolute;
		content: '';
		width: 20px;
		height: 23px;
		background: url("../../service/price/img/task-arrow.svg");
		background-size: cover;
		bottom: calc(50% - 12px);
		right: -31px;
	}
	#issue .issue_box .issue_inner{
		padding: 40px  30px 40px 30px;
		background: #fff;
		border-radius: 12px;
		box-shadow: 0px 0px 10px -5px #777777;
		position: relative;
	}
	#issue .issue_before .issue_inner:before{
		position: absolute;
		content: '';
		width: 108px;
		height: 104px;
		background: url("../../service/price/img/task-before.svg");
		background-size: contain;
		bottom: 3px;
		right: 15px;
	}
	#issue .issue_after .issue_inner:after{
		position: absolute;
		content: '';
		width: 108px;
		height: 104px;
		background: url("../../service/price/img/task-after.svg");
		background-size: contain;
		bottom: 3px;
		right: 15px;
	}
	#issue .issue_box h3{
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 22px;
	}
	#issue .issue_box ul{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	#issue .issue_box li{
		font-size: 14px;
		line-height: 2.3;
		margin-right: 15px;
		font-weight: bold;
	}
	#issue .issue_before ul li span{
		background:linear-gradient(transparent 55%, #E7EEEF 55%);
	}
	#issue .issue_after ul li span{
		background:linear-gradient(transparent 55%, #FFCCCC 55%);
	}


	/** 費用対効果 **/
	#cost_effectiveness p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 20px;
		padding-left: 50px;
	}
	.cost_effectiveness_lead{
		margin-bottom: 26px;
	}
	#cost_effectiveness .cost_effectiveness_box{
		width: 880px;
		margin: 0 auto;
	}
	.cost_effectiveness_flag_cost,
	.cost_effectiveness_flag_unitprice{
		width: 880px;
		margin: 0 auto;
		position: relative;
	}
	.cost_effectiveness_flag_cost:after{
		position: absolute;
		content: '';
		width: 123px;
		height: 81px;
		background: url("../../service/price/img/flag-cost.svg");
		background-size: cover;
		top: -28px;
		right: -60px;
	}
	.cost_effectiveness_flag_unitprice:after{
		position: absolute;
		content: '';
		width: 123px;
		height: 81px;
		background: url("../../service/price/img/flag-unitprice.svg");
		background-size: cover;
		top: -28px;
		right: -60px;
	}
	#cost_effectiveness .cost_effectiveness_box .cost_effectiveness_ex_shop{
		width: 860px;
		margin: 0 auto 35px;
		padding: 10px;
		background: #F8F8F8;
		border-radius: 12px;
		overflow: hidden;
		position: relative;
	}
	#cost_effectiveness .cost_effectiveness_box .cost_effectiveness_ex_shop.ex_shop_last{
		margin-bottom: 0;
	}
	#cost_effectiveness .cost_effectiveness_box .cost_effectiveness_before_after_wrap{
		display: flex;
		justify-content: space-between;
	}
	#cost_effectiveness .cost_effectiveness_before .cost_effectiveness_inner_top,
	#cost_effectiveness .cost_effectiveness_before .cost_effectiveness_inner_bottom{
		width: 400px;
		border-radius: 12px;
		box-shadow: 0px 0px 8px -5px #777777;
		position: relative;
		background: #fff;
	}
	#cost_effectiveness .cost_effectiveness_before .cost_effectiveness_inner_top{
		margin-bottom: 20px;
		position: relative;
	}
	#cost_effectiveness .cost_effectiveness_before .cost_effectiveness_inner_top:before{
		position: absolute;
		content: '';
		width: 20px;
		height: 23px;
		background: url("../../service/price/img/task-arrow.svg");
		background-size: cover;
		bottom: calc(50% - 12px);
		right: -42px;
	}
	#cost_effectiveness .cost_effectiveness_after .cost_effectiveness_inner_top,
	#cost_effectiveness .cost_effectiveness_after .cost_effectiveness_inner_bottom{
		width: 400px;
		border-radius: 12px;
		box-shadow: 0px 0px 8px -5px #777777;
		position: relative;
		background: #fff;
	}
	#cost_effectiveness .cost_effectiveness_after .cost_effectiveness_inner_top{
		margin-bottom: 20px;
	}

	.cost_effectiveness_box.ex_shop_01 .shop_ttl,
	.cost_effectiveness_box.ex_shop_02 .shop_ttl{
		margin-bottom: 15px;
	}
	#cost_effectiveness .cost_effectiveness_before_after h3,
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_ttl_info,
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_resource,
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_time,
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_inner_bottom h4,
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_resource,
	#cost_effectiveness .cost_effectiveness_before_after p{
		text-align: center;
		padding: 0;
		margin: 0;
		display: block;
	}
	#cost_effectiveness .cost_effectiveness_inner_top{
		padding-top: 20px;
		position: relative;
	}
	#cost_effectiveness .cost_effectiveness_inner_top:after{
		position: absolute;
		content: '';
		width: 30px;
		height: 13px;
		background: url("../../service/price/img/example-arrow.svg");
		background-size: cover;
		bottom: -12px;
		left: calc(50% - 17px);
	}
	#cost_effectiveness .cost_effectiveness_before_after h3{
		margin-bottom: 6px;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_after h3{
		color: #EA0029;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_ttl_info{
		font-size: 13px;
		margin-bottom: 15px;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_resource{
		margin-bottom: 10px;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_time{
		color: #fff;
		background: #404040;
		padding: 3px 0;
		font-size: 13px;
		border-radius: 0 0 12px 12px;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_inner_bottom{
		padding-bottom: 5px;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_inner_bottom h4{
		color: #fff;
		font-weight: normal;
		background: #404040;
		padding: 8px 0;
		font-size: 13px;
		border-radius: 12px 12px 0 0;
		margin-bottom: 25px;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_inner_bottom .cost_effectiveness_yen{
		margin-bottom: 10px;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_after .cost_effectiveness_inner_bottom h4{
		margin-bottom: 13px;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_after .cost_effectiveness_inner_bottom .cost_effectiveness_yen{
		margin-bottom: -1px;
	}
	.ex_shop_01_info,
	.ex_shop_02_info{
		cursor: pointer;
		display: block;
		margin: 15px 15px 7px 15px;
		padding-right: 20px;
		float: right;
		position: relative;
	}
	.ex_shop_01_info:after,
	.ex_shop_02_info:after{
		position: absolute;
		content: '';
		width: 15px;
		height: 15px;
		background: url("../../service/price/img/ex1-info-arrow-normal.svg");
		background-size: cover;
		bottom: -1px;
		right: 0;
	}
	.ex_shop_01_info.Active:after,
	.ex_shop_02_info.Active:after{
		position: absolute;
		content: '';
		width: 15px;
		height: 15px;
		background: url("../../service/price/img/ex1-info-arrow-active.svg");
		background-size: cover;
		bottom: -1px;
		right: 0;
	}
	.js_shop_01,
	.js_shop_01_unitprice,
	.js_shop_02,
	.js_shop_02_unitprice{
		display: none;
	}
	.js_shop_01.Active,
	.js_shop_01_unitprice.Active,
	.js_shop_02.Active,
	.js_shop_02_unitprice.Active{
		display: block;
		margin-top: 45px;
	}
	.ex_shop_info h5{
		font-size: 13px;
		margin-bottom: 12px;
		font-weight: bold;
	}
	.ex_shop_info .ex_shop_info_after h5{
		color: #EA0029;
	}
	.ex_shop_info{
		display: flex;
		justify-content: space-between;
	}
	.ex_shop_info h4{
		margin-bottom: 8px;
	}
	.ex_shop_info_before,
	.ex_shop_info_after{
		width: 364px;
		border-radius: 12px;
		box-shadow: 0px 0px 8px -5px #777777;
		position: relative;
		background: #fff;
		padding: 18px 18px 10px 18px;
	}
	#cost_effectiveness .ex_shop_info p{
		padding-left: 0;
		margin-bottom: 0;
	}
	#cost_effectiveness .ex_shop_info p.ex_day_cost{
		margin-bottom: 10px;
	}











	
	/** お問い合わせからご導入までの対応 **/
	#price_introduction ul{
		display: flex;
		justify-content: space-between;
		width: 940px;
		margin: 0 auto 40px;
	}
	#price_introduction ul li{
		width: 164px;
		background: #fafafa;
		padding: 30px 10px;
		position: relative;
	}
	#price_introduction ul li::after{
		position: absolute;
		content: '';
		width: 0;
		height: 0;
		border: solid 6px transparent;
		border-left: solid 10px #333;
		bottom: 10px;
		right: 4px;
	}
	#price_introduction ul li:last-child::after{
		border: none;
	}
	#price_introduction ul li .icon{
		width: 114px;
		line-height: 1.0;
		margin: 0 auto 20px;
	}
	#price_introduction ul li .icon img{
		width: 100%;
	}
	#price_introduction ul li dl dt{
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold;
		margin-bottom: 15px;
		text-align: center;
	}
	#price_introduction ul li dl dt img{
		vertical-align: text-top;
		margin-right: 10px;
	}
	#price_introduction ul li dl dd{
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.6;
	}


	/** サービスの詳しいご紹介の対応 **/
	#service_link p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 50px;
		padding-left: 50px;
	}
	#service_link .link-wrap{
		width: 880px;
		margin: 0 auto;
	}
	#service_link .link-wrap ul{
		display: flex;
		justify-content: space-between;
	}
	#service_link .link-wrap ul li{
		width: 280px;
	}
	#service_link .link-wrap ul li div a:hover{
		background: #fafafa;
	}
	#service_link ul li p{
		margin-bottom: 0;
		padding-left: 0;
		line-height: 1;
	}
	#service_link .link-wrap ul li img {
        width: 100%;
    }
	#service_link .link-wrap ul li dl{
		padding: 18px 0 10px;
	}
	#service_link .link-wrap ul li dt{
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		margin-bottom: 15px;
	}
	#service_link .link-wrap ul li dd{
		font-size: 14px;
		line-height: 1.6;
	}

	.document-dl-bnr a{
		display: block;
		width: 880px;
		margin: 0 auto 80px;
	}
	.document-dl-bnr a img{
		vertical-align: top;
	}
	



}





/*////////////////////////////////////////////////////////////////////////////

　750px以下の対応

////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width:750px) {
	#header{
		padding-bottom: 5%;
	}
	#price #wrap{
		width: 100%;
		letter-spacing: 0.06em;
	}
	#price #wrap #contents{
		width: 90%;
		margin: 0 auto 10%;
	}
	#price #wrap #contents p{
		line-height: 1.6;
	}

	/* ファーストビューエリア */
	.underlayer--firstview__wrap{
		width: 100%;
		margin-bottom: 3.8%;
		background: #F9F1F1;
		padding: 10% 0;
	}
	.underlayer--firstview__inr{
		width: 90%;
		margin: 0 auto;
	}
	.underlayer--firstview__left{
		margin-bottom: 10%;
	}
	.underlayer--firstview__ttl h1{
		font-size: 28px;
		color: #EA0029;
		letter-spacing: 0.03em;
		margin-bottom: 3%;
		line-height: 1.3;
	}
	.underlayer--firstview__ttl h1 span{
		font-size: 16px;
		letter-spacing: 0.06em;
		display: block;
	}
	.underlayer--firstview__lead{
		font-size: 14px;
		line-height: 1.6;
		letter-spacing: 0.03em;
		font-weight: 400;
	}
	.underlayer--firstview__image{
		margin-bottom: 1.5%;
		position: relative;
		width: 88%;
		margin: 0 auto 3%;
	}
	.underlayer--firstview__image::before{
		content: "資料配布中";
		font-size: 12px;
		letter-spacing: 0;
		text-align: center;
		color: #fff;
		line-height: 70px;
		background: #EA0029;
		border-radius: 60px;
		width: 70px;
		height: 70px;
		position: absolute;
		top: -22%;
        right: -7%;
	}
	.underlayer--firstview__btn {
		text-align: center;
	}
	.underlayer--firstview__btn p{
		margin-bottom: 10px;
        font-weight: 400;
        letter-spacing: 0;
        font-size: 14px;
		line-height: 1.5;
	}
	.underlayer--firstview__btn a{
		display: inline-block;
		letter-spacing: 0;
		color: #fff;
		font-weight: 700;
		background: #185ABC;
        border-radius: 5px;
        padding: 6.5% 16%;
        position: relative;
        transition: 0.3s;
        font-size: 14px;
        line-height: 1;
	}
	.underlayer--firstview__btn a::before{
		content: "";
		background: url("../../case-studies/img/fv-document-dl-icon.svg");
		width: 26px;
        height: 26px;
        position: absolute;
        top: 27%;
        right: 5%;
        background-size: contain;
	}

	/* 共通ボタン - 1 デザイン */
	#price #wrap .btn{
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: bold;
		text-align: center;
		padding: 18px 0;
		box-sizing: border-box;
		border-radius: 50px;
		border: 1px solid #e0e0e0;
		box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
		position: relative;
		display: block;
		transition: all .5s;
		margin: 0 auto;
		width: 80%;
	}
	#price #wrap .btn:after{
		position: absolute;
		content: "";
		top: 28px;
		right: 33px;
		background: #EA0029;
		width: 6px;
		height: 6px;
		border-radius: 4px;
		transition: all .5s;
	}

	/* 共通ボタン - 2 デザイン */
	#price #wrap .btn02{
		font-size: 13px;
		font-size: 1.3rem;
		box-sizing: border-box;
		position: relative;
		transition: all .5s;
		display: block;
		margin-bottom: 30px;
		letter-spacing: 0;
		border-bottom: 1px solid;
		float: right;
    	display: block;
	}



	/* 各セクション共通ヘッダーの対応（三角グレーと見出し） */
	.sections {
		position: relative;
		padding-top: 8%;
		margin-bottom: 40px;
	}
	.sections:before{
		position: absolute;
		top: 0;
		left: -2.5%;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 80px 100px 0 0;
		border-color: #fafafa transparent transparent transparent;
		z-index: -1;
	}
	.sections h2{
		font-size: 16px;
		font-size: 1.6rem;
		margin-bottom: 20px;
		font-weight: bold;
		line-height: 1.6;
	}
	.sections .sections-ttl-lead{
		margin-bottom: 30px;
	}

	

	/** ページナビゲーション **/
	.section-nav{
		margin-bottom: 7%;
	}
	.section-nav ul {
		display: inline-flex;
		width: 96%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		overflow: auto;
		white-space: nowrap;
		font-size: 12px;
		font-size: 1.2rem;
		margin-left: 2%;
	}
	.section-nav ul li{
		position: relative;
	}
	.section-nav ul li + li{
		margin-left: 4%;
		padding-left: 4%;
		position: relative;
	}
	.section-nav ul li + li::before{
		content: "";
		border-left: 1px solid #353535;
		position: absolute;
		width: 1px;
		height: 10px;
		top: 9px;
		left: 0px;
	}
	.section-nav ul li a{
		font-size: 14px;
		font-weight: 400;
	}

	/** デモお申し込み・お問い合わせの対応 **/
	#demo_entry p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 30px;
	}


	/** 月額プランの対応 **/
	#monthly_plan .attention{
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.6;
		margin-bottom: 30px;
		margin-top: -10px;
	}
	#monthly_plan .attention ul li{
		text-indent: -1.2em;
    	margin-left: 1.2em;
	}
	#monthly_plan .plan_info .plan_d{
		border-left: 7px solid #530000;
	}
	#monthly_plan .plan_info .plan_d h3{
		color: #530000;
	}
	#monthly_plan .plan_info .plan_c{
		border-left: 7px solid #a40707;
	}
	#monthly_plan .plan_info .plan_c h3{
		color: #a40707;
	}
	#monthly_plan .plan_info .plan_b{
		border-left: 7px solid #c70000;
	}
	#monthly_plan .plan_info .plan_b h3{
		color: #c70000;
	}
	#monthly_plan .plan_info .plan_a{
		border-left: 7px solid #db0505;
	}
	#monthly_plan .plan_info .plan_a h3{
		color: #db0505;
	}

	/* 月額プランの通常時 */
	#monthly_plan .plan_info .plan_list .plan_common{
		width: 100%;
		box-sizing: border-box;
		transition: all .5s;
	}
	#monthly_plan .plan_info .plan_list .plan_common.plan_d{
		border-right: 1px solid #f2f2f2;
		border-top: 1px solid #f2f2f2;
		border-radius: 5px 5px 0 0;
	}
	#monthly_plan .plan_info .plan_list .plan_common.plan_d .bottom-border,
	#monthly_plan .plan_info .plan_list .plan_common.plan_c .bottom-border,
	#monthly_plan .plan_info .plan_list .plan_common.plan_b .bottom-border,
	#monthly_plan .plan_info .plan_list .plan_common.plan_a .bottom-border{
		border-bottom: 1px solid #f2f2f2;
		padding: 15px 0;
	}
	#monthly_plan .plan_info .plan_list .plan_common.plan_c{
		border-right: 1px solid #f2f2f2;
	}
	#monthly_plan .plan_info .plan_list .plan_common.plan_b{
		border-right: 1px solid #f2f2f2;
	}
	#monthly_plan .plan_info .plan_list .plan_common.plan_a{
		border-right: 1px solid #f2f2f2;
		border-radius: 0 0 5px 5px;
	}
	#monthly_plan .plan_info .plan_list .plan_common h3{
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
	}
	#monthly_plan .plan_info .plan_list .plan_common .plan-ttl-info{
		margin-bottom: 10px;
	}
	#monthly_plan .plan_info .plan_list .plan_common .plan-ttl-info h3{
		float: left;
		width: 25%;
	}
	#monthly_plan .plan_info .plan_list .plan_common .scale_box{
		float: left;
		width: 75%;
		margin-top: 3px;
	}
	#monthly_plan .plan_info .plan_list .plan_common .shop_scale{
		text-align: left;
		background: #fafafa;
		margin-bottom: 5px;
		font-size: 12px;
		font-size: 1.2rem;
		display: inline-block;
		padding: 0 2%;
	}
	#monthly_plan .plan_info .plan_list .plan_common .plan_scale{
		text-align: left;
		margin-bottom: 25px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	#monthly_plan .plan_info .plan_list .plan_common .plan_money{
		margin-right: 8%;
		text-align: right;
	}
	#monthly_plan .plan_info .plan_list .plan_common .yen{
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 0;
		margin-right: 2px;
		position: relative;
		bottom: 1px;
	}
	#monthly_plan .plan_info .plan_list .plan_common .unit{
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: bold;
		line-height: 0;
	}
	#monthly_plan .plan_info .plan_list .plan_common .month{
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 0;
		position: relative;
		bottom: 1px;
	}
	#monthly_plan .plan_info .plan_list .planchange-btn{
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: bold;
		text-align: center;
		padding: 10px 45px;
		box-sizing: border-box;
		border-radius: 50px;
		border: 1px solid #e0e0e0;
		position: relative;
		display: block;
		transition: all .2s;
		background: #fff;
		margin: 0 auto;
	}
	#monthly_plan .plan_info .plan_list .planchange-btn:after{
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		border: solid 4px transparent;
		border-top: solid 6px #EA0029;
		top: 17px;
		right: 22px;
		transition: all .5s;
	}

	/* アクティブ時の動き */
	#monthly_plan .plan_info .plan_list .planchange-btn.active{
		background: #fafafa;
	}
	#monthly_plan .plan_info .plan_list .planchange-btn.active::after{
		border-bottom: solid 6px #EA0029;
		border-top: 0;
	}
	/* アクティブ時の動き終わり */

	#monthly_plan .plan_content_common{
		animation-duration: 0.3s;
		animation-delay: 0.3s;
		display: none;
		padding-top: 25px;
	}

	#monthly_plan .plan_info .plan_case_list .plan_content_common{
		border: 1px solid #f2f2f2;
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	}
	#monthly_plan .plan_info .plan_case_list .plan_content_common .case-ttl{
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		padding: 15px 0 14px;
		color: #fff;
		margin-bottom: 50px;
	}
	#monthly_plan #pland-wrap-sp #pland-content-sp .case-ttl{
		background: #530000;
	}
	#monthly_plan #planc-wrap-sp #planc-content-sp .case-ttl{
		background: #a40707;
	}
	#monthly_plan #planb-wrap-sp #planb-content-sp .case-ttl{
		background: #c70000;
	}
	#monthly_plan #plana-wrap-sp #plana-content-sp .case-ttl{
		background: #db0505;
	}
	#monthly_plan #pland-wrap-sp #pland-content-sp .case-ttl,
	#monthly_plan #planc-wrap-sp #planc-content-sp .case-ttl,
	#monthly_plan #planb-wrap-sp #planb-content-sp .case-ttl,
	#monthly_plan #plana-wrap-sp #plana-content-sp .case-ttl{
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		color: #fff;
		width: 90%;
		margin: 0 auto 20px;
		padding: 5px 0;
	}
	#monthly_plan .plan_content_common_inner{
		margin: 0 auto;
    	width: 90%;
	}
	#monthly_plan .plan_content_common_inner .case-images{
		margin-bottom: 10px;
	}
	#monthly_plan .plan_content_common .case-subttl{
		font-size: 18px;
		font-size: 1.8rem;
		margin-bottom: 5px;
	}

	#monthly_plan .plan_content_common .case-text .case-shopinfo{
		margin-bottom: 10px;
		border: 1px solid #e0e0e0;
	}
	#monthly_plan .plan_content_common .case-text ul li{
		line-height: 1.8;
	}
	#monthly_plan .plan_content_common .case-text ul li dl{
		font-size: 14px;
		font-size: 1.4rem;
	}
	#monthly_plan .plan_content_common .case-text ul li dl dt{
		width: 96%;
		/* color: #fff; */
		background: #f0f0f0;
		position: relative;
		padding: 1% 2%;
	}
	#monthly_plan .plan_content_common .case-text ul li dl dd{
		padding: 2%;
	}
	#monthly_plan .plan_content_common .case-text .case-lead{
		margin-bottom: 10px;
	}
	#price #wrap #monthly_plan .plan_content_common .case-text a.btn{
		margin: 0 auto;
    	display: block;
    	width: 100%;
	}
	#monthly_plan .system_function h2{
		font-size: 15px;
		font-size: 1.5rem;
		letter-spacing: 0.12em;
		font-weight: normal;
    	line-height: 1.6;
    	text-align: center;
		padding: 10px 5px;
		background: #ffe5e5;
		display: table;
    	margin: 0 auto 50px;
		position: relative;
	}
	#monthly_plan .system_function h2::after{
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		border: solid 8px transparent;
		border-top: solid 9px #ffe5e5;
		bottom: -16px;
		right: calc(50% - 8px);
	}
	#monthly_plan .system_function p{
		text-align: center;
		margin-bottom: 50px;
	}
	#price #wrap #monthly_plan .system_function div a + a{
		margin-top: 10px;
	}



	/** 初期費用の対応 **/
	#initial_cost p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 30px;
	}
	#price #wrap #initial_cost .btn:after{
		right: 20px;
	}




	/** 検討時の課題 **/
	#issue p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 20px;
	}
	#issue .issue_box{
		width: 100%;
	}
	#issue .issue_before{
		margin-bottom: 10%;
	}
	#issue .issue_before,
	#issue .issue_after{
		width: 94%;
		background: #F8F8F8;
		border-radius: 11px;
		padding: 3%;
		position: relative;
		z-index: 1;
	}
	#issue .issue_before:after{
		position: absolute;
		content: '';
		width: 23px;
		height: 20px;
		background: url("../../service/price/img/task-arrow2.svg");
		background-size: cover;
		bottom: -8.5%;
		left: calc(50% - 12px);
	}
	#issue .issue_box .issue_inner{
		padding: 8% 4%;
		background: #fff;
		border-radius: 12px;
		box-shadow: 0px 0px 10px -5px #777777;
		position: relative;
	}
	#issue .issue_before .issue_inner:before{
		position: absolute;
		content: '';
		width: 108px;
		height: 104px;
		background: url("../../service/price/img/task-before.svg");
		background-size: contain;
		bottom: 3px;
		right: 15px;
	}
	#issue .issue_after .issue_inner:after{
		position: absolute;
		content: '';
		width: 108px;
		height: 104px;
		background: url("../../service/price/img/task-after.svg");
		background-size: contain;
		bottom: 3px;
		right: 15px;
	}

	#issue .issue_box h3{
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}
	#issue .issue_box ul{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		position: relative;
		z-index: 2;
	}
	#issue .issue_box li{
		font-size: 14px;
		line-height: 2.3;
		margin-right: 15px;
		font-weight: bold;
	}
	#issue .issue_before ul li span{
		background:linear-gradient(transparent 0%, #E7EEEF 0%);
		padding: 0 3px;
	}
	#issue .issue_after ul li span{
		background:linear-gradient(transparent 0%, #FFCCCC 0%);
		padding: 0 3px;
	}


	/** 費用対効果 **/
	#cost_effectiveness p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 20px;
	}
	#cost_effectiveness .cost_effectiveness_box .cost_effectiveness_ex_shop{
		width: calc(100% - 4%);
		margin: 0 auto 5%;
		padding: 2%;
		background: #F8F8F8;
		border-radius: 12px;
	}
	#cost_effectiveness .cost_effectiveness_box .cost_effectiveness_ex_shop.ex_shop_last{
		margin-bottom: 0;
	}
	.cost_effectiveness_before{
		margin-bottom: 12%;
		position: relative;
	}
	#cost_effectiveness .shop_ttl{
		line-height: 1.6;
	}
	#cost_effectiveness .cost_effectiveness_before .cost_effectiveness_inner_top,
	#cost_effectiveness .cost_effectiveness_before .cost_effectiveness_inner_bottom{
		width: 100%;
		border-radius: 12px;
		box-shadow: 0px 0px 8px -5px #777777;
		position: relative;
		background: #fff;
	}
	#cost_effectiveness .cost_effectiveness_before .cost_effectiveness_inner_top{
		margin-bottom: 5%;
		position: relative;
	}
	#cost_effectiveness .cost_effectiveness_before:before{
		position: absolute;
		content: '';
		width: 23px;
		height: 20px;
		background: url("../../service/price/img/task-arrow-bottom.svg");
		background-size: cover;
		bottom: -8%;
		left: calc(50% - 12px);
	}
	#cost_effectiveness .cost_effectiveness_after.cost_effectiveness_after_flag_cost,
	#cost_effectiveness .cost_effectiveness_after.cost_effectiveness_after_flag_unitprice{
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	#cost_effectiveness .cost_effectiveness_after.cost_effectiveness_after_flag_cost:after{
		position: absolute;
		content: '';
		width: 68px;
		height: 45px;
		background: url("../../service/price/img/flag-cost.svg");
		background-size: cover;
		top: -6.5%;
		right: -4%;
	}
	#cost_effectiveness .cost_effectiveness_after.cost_effectiveness_after_flag_unitprice:after{
		position: absolute;
		content: '';
		width: 68px;
		height: 45px;
		background: url("../../service/price/img/flag-unitprice.svg");
		background-size: cover;
		top: -6.5%;
		right: -4%;
	}

	#cost_effectiveness .cost_effectiveness_after .cost_effectiveness_inner_top,
	#cost_effectiveness .cost_effectiveness_after .cost_effectiveness_inner_bottom{
		width: 100%;
		border-radius: 12px;
		box-shadow: 0px 0px 8px -5px #777777;
		position: relative;
		background: #fff;
	}
	#cost_effectiveness .cost_effectiveness_after .cost_effectiveness_inner_top{
		margin-bottom: 20px;
	}

	.cost_effectiveness_box.ex_shop_01 .shop_ttl,
	.cost_effectiveness_box.ex_shop_02 .shop_ttl{
		margin-bottom: 5px;
		font-size: 14px;
	}
	#cost_effectiveness .cost_effectiveness_before_after h3,
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_ttl_info,
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_resource,
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_time,
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_inner_bottom h4,
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_resource,
	#cost_effectiveness .cost_effectiveness_before_after p{
		text-align: center;
		padding: 0;
		margin: 0;
		display: block;
	}
	#cost_effectiveness .cost_effectiveness_inner_top{
		padding-top: 20px;
		position: relative;
	}
	#cost_effectiveness .cost_effectiveness_inner_top:after{
		position: absolute;
		content: '';
		width: 30px;
		height: 13px;
		background: url("../../service/price/img/example-arrow.svg");
		background-size: cover;
		bottom: -12px;
		left: calc(50% - 17px);
	}
	#cost_effectiveness .cost_effectiveness_before_after h3{
		font-size: 14px;
		line-height: 1.2;
		margin-bottom: 1%;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_after h3{
		color: #EA0029;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_ttl_info{
		font-size: 12px;
		width: 92%;
		margin: 0 auto 4%;
		line-height: 1.2;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_resource{
		width: 90%;
		margin: 0 auto 3%;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_resource.cost_effectiveness_resource_size77{
		width: 77%;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_resource.cost_effectiveness_resource_size67{
		width: 67%;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_time{
		color: #fff;
		background: #404040;
		padding: 3px 0;
		font-size: 13px;
		border-radius: 0 0 12px 12px;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_inner_bottom{
		padding-bottom: 5px;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_inner_bottom h4{
		color: #fff;
		font-weight: normal;
		background: #404040;
		padding: 3px 0;
		font-size: 13px;
		border-radius: 12px 12px 0 0;
		margin-bottom: 5%;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_inner_bottom .cost_effectiveness_yen{
		margin-bottom: 10px;
		width: 50%;
		margin: 0 auto;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_after .cost_effectiveness_inner_bottom .cost_effectiveness_yen{
		margin-bottom: 10px;
		width: 65%;
		margin: 0 auto;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_after .cost_effectiveness_inner_bottom h4{
		margin-bottom: 13px;
	}
	#cost_effectiveness .cost_effectiveness_before_after .cost_effectiveness_after .cost_effectiveness_inner_bottom .cost_effectiveness_yen{
		margin-bottom: -1px;
	}
	.ex_shop_01_info,
	.ex_shop_02_info{
		cursor: pointer;
		padding-right: 1em;
		position: relative;
		text-align: center;
		font-size: 14px;
		display: block;
		width: 9em;
		margin: 2% auto;
	}
	.ex_shop_01_info:after,
	.ex_shop_02_info:after{
		position: absolute;
		content: '';
		width: 15px;
		height: 15px;
		background: url("../../service/price/img/ex1-info-arrow-normal.svg");
		background-size: cover;
		bottom: 6px;
		right: 0;
	}
	.ex_shop_01_info.Active:after,
	.ex_shop_02_info.Active:after{
		position: absolute;
		content: '';
		width: 15px;
		height: 15px;
		background: url("../../service/price/img/ex1-info-arrow-active.svg");
		background-size: cover;
		bottom: 6px;
		right: 0;
	}


	.js_shop_01,
	.js_shop_01_unitprice,
	.js_shop_02,
	.js_shop_02_unitprice{
		display: none;
	}
	.js_shop_01.Active,
	.js_shop_01_unitprice.Active,
	.js_shop_02.Active,
	.js_shop_02_unitprice.Active{
		display: block;
	}
	.ex_shop_info h5{
		font-size: 14px;
	}
	.ex_shop_info .ex_shop_info_after h5{
		color: #EA0029;
	}
	.ex_shop_info h4{
		margin-bottom: 8px;
		font-size: 14px;
		line-height: 1.3;
	}
	.ex_shop_info_before,
	.ex_shop_info_after{
		width: calc(100% - 36px);
		border-radius: 12px;
		box-shadow: 0px 0px 8px -5px #777777;
		position: relative;
		background: #fff;
		padding: 18px;
	}
	.ex_shop_info_before{
		margin-bottom: 3%;
	}
	#cost_effectiveness .ex_shop_info p{
		padding-left: 0;
		margin-bottom: 0;
	}
	#cost_effectiveness .ex_shop_info p.ex_day_cost{
		margin-bottom: 10px;
	}



	/** お問い合わせからご導入までの対応 **/
	#price_introduction ul li{
		width: 90%;
		background: #fafafa;
		position: relative;
		padding: 5%;
	}
	#price_introduction ul li::after{
		position: absolute;
		content: '';
		width: 0;
		height: 0;
		border: solid 6px transparent;
		border-top: solid 10px #333;
    	bottom: -11px;
    	right: calc(50% - 5px);
    	z-index: 1;
	}
	#price_introduction ul li:last-child::after{
		border: none;
	}
	#price_introduction ul li .icon{
		width: 50px;
		line-height: 1.0;
		margin: 0;
	}
	#price_introduction ul li .icon img{
		width: 100%;
	}
	#price_introduction ul li dl dt{
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold;
		margin-bottom: 10px;
		text-align: left;
		line-height: 40px;
		position: relative;
		padding-left: 55px;
	}
	#price_introduction ul li dl dt.icon01:before{
		position: absolute;
		content: '';
		width: 40px;
		height: 40px;
		background: url("../../service/price/img/flow01.svg");
		background-size: contain;
		top: 0;
		left: 0;
	}
	#price_introduction ul li dl dt.icon02:before{
		position: absolute;
		content: '';
		width: 40px;
		height: 40px;
		background: url("../../service/price/img/flow02.svg");
		background-size: contain;
		top: 0;
		left: 0;
	}
	#price_introduction ul li dl dt.icon03:before{
		position: absolute;
		content: '';
		width: 40px;
		height: 40px;
		background: url("../../service/price/img/flow03.svg");
		background-size: contain;
		top: 0;
		left: 0;
	}
	#price_introduction ul li dl dt.icon04:before{
		position: absolute;
		content: '';
		width: 40px;
		height: 40px;
		background: url("../../service/price/img/flow04.svg");
		background-size: contain;
		top: 0;
		left: 0;
	}
	#price_introduction ul li dl dt.icon05:before{
		position: absolute;
		content: '';
		width: 40px;
		height: 40px;
		background: url("../../service/price/img/flow05.svg");
		background-size: contain;
		top: 0;
		left: 0;
	}
	#price_introduction ul li dl dt img{
		margin-right: 10px;
		width: 18px;
		position: relative;
		top: 3px;
	}
	#price_introduction ul li dl dd{
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.6;
	}


	/** サービスの詳しいご紹介の対応 **/
	#service_link.sections{
		margin-bottom: 20px;
	}
	#service_link p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 50px;
		padding-left: 50px;
	}
	#service_link .link-wrap ul li{
		width: 100%;
	}
	#service_link ul li p{
		margin-bottom: 0;
		padding-left: 0;
		line-height: 1;
	}
	#service_link .link-wrap ul li dl{
		padding: 3% 0 3%;
	}
	#service_link .link-wrap ul li dt{
		font-size: 16px;
		font-weight: bold;
	}
	#service_link .link-wrap ul li dd{
		font-size: 14px;
		line-height: 1.6;
	}
	#price #wrap .service_link-last .btn02{
		margin-bottom: 0;
	}


	.document-dl-bnr a{
		display: block;
		width: 100%;
		margin: 0 auto 50px;
	}
	.document-dl-bnr a img{
		vertical-align: top;
	}
	

	
}