@charset "utf-8";
/*******************************************/
/* Solution                                */
/*******************************************/
.hero-solution1{ background:url(../img/solution/hero_01.jpg) no-repeat left center; background-size:cover; position:relative; margin-bottom:56px; overflow:hidden; width:100%; height:320px; z-index:0; }
.hero-solution2{ background:url(../img/solution/hero_02.jpg) no-repeat center center; background-size:cover; position:relative; margin-bottom:56px; overflow:hidden; width:100%; height:320px; z-index:0; }
.hero-solution-item1{ color:#fff; font-size:5.6rem; font-weight:bold; line-height:5.6rem; text-align:center; position:absolute; top:126px; right:64px; }
.hero-solution-item2{ color:#fff; font-size:5.6rem; font-weight:bold; line-height:5.6rem; text-align:center; position:absolute; top:126px; right:126px }
.hero-solution-item3{ position:absolute; top:12px; left:32px; }
.hero-solution-item3 img{ width:567px; height:296px; }
.hero-solution-item4{ position:absolute; top:53px; left:190px; }
.hero-solution-item4 img{ width:240px; height:220px; }
.solution-box1{ background:#efefef; padding:32px; }
.solution-box1 p{ text-align:center; }
.solution-box2{ background:#fff; border:1px solid #ccc; padding:32px; }
.solution-box3{ border-left:4px solid #ccc; padding-left:24px; }
.solution-box4{ background:#efefef; padding:32px; }
.ul-solution{ padding-top:16px; }
.ul-solution li{ font-size:1.9rem; font-weight:bold; line-height:2.8rem; margin-bottom:32px; padding-left:26px; position:relative; letter-spacing:-0.1rem; }
.ul-solution li::before{ background:url(../img/products/arc1/arc1_img_10.svg) no-repeat; background-size:19px 16px; background-position:left center; content:""; display:block; margin-right:6px; position:absolute; top:2px; left:0; width:19px; height:16px; }
.ul-solution li::after{ background:#efefef; content:""; display:block; width:100%; height:2px; }
.solution-item1 img{ margin:0; width:200px; height:138px; }

/*******************************************/
/* responsive                              */
/*******************************************/

@media screen and (max-width:1298px) {
	.hero-solution-item1{ font-size:4.8rem; right:40px; }
	.hero-solution-item2{ font-size:4.8rem; }
	.hero-solution-item3{ top:35px; left:20px; }
	.hero-solution-item3 img{ width:480px; height:250px; }
	.hero-solution-item4{ top:53px; left:100px; }
}

@media screen and (max-width:767px) {
	.hero-solution1{ background:url(../img/solution/hero_01.jpg) no-repeat center center; background-size:cover; margin-bottom:0; height:240px; }
	.hero-solution2{ background:url(../img/solution/hero_02.jpg) no-repeat center center; background-size:cover; margin-bottom:0; height:240px; }
	.hero-solution-item1{ font-size:2.8rem; line-height:2.8rem; top:108px; right:0; width:100%; }
	.hero-solution-item2{ font-size:2.8rem; line-height:2.8rem; top:108px; right:0; width:100%; }
	.hero-solution-item3{ display:none; }
	.hero-solution-item4{ display:none; }
	.solution-box2{ padding:16px; }
	.solution-box3{ border-top:4px solid #ccc; border-left:none; padding-top:16px; padding-left:0; }
	.solution-box4{ background:#efefef; padding:16px; }
}