/*
	.Final Editor : EURA
	.Description : shoppingmall_thesmartpeople SCSS
	.Last Edit : 2018.08.31
*/
@import url(../fonts.css);
@import url(../reset.css);
@import url(../button.css);
@import url(../input.css);
@import url(../common.css);
.web_wrap.shoppingmall_thesmartpeople .content_wrap .portfolio_visual {
  background-image: url("../../img/shoppingmall_thesmartpeople/visual_bg.jpg");
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .portfolio_visual h1 {
  color: #fff;
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .portfolio_visual h3 {
  color: rgba(255, 255, 255, 0.8);
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_1 .sec_inner {
  background-color: #fff;
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_1 .sec_content p {
  color: #000;
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_1 .sec_content p.color1 {
  color: #c80b0f;
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_2 {
  background-color: #fff;
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_2 .inner_bg {
  background-image: url("../../img/shoppingmall_thesmartpeople/sub_img02_1.png");
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_2 h1 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
  opacity: 0.15;
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_3 {
  padding-top: 0;
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_3 .sec_inner {
  margin: 0 auto;
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_3 .color.c_1 {
  background-color: #c80b0f;
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_3 .color.c_2 {
  background-color: #272727;
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4 {
  background-color: #fff;
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4 h1 {
  color: #e7e7e7;
}
@media screen and (max-width: 768px) {
  .web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4 h1 {
    letter-spacing: 0;
    font-size: 25px;
  }
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.logo {
  background-color: #f4f4f4;
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.logo .logo_img_1 {
  width: 750px;
  height: 444px;
  margin: 80px auto;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.logo .logo_img_1 {
    width: 83.33333%;
    height: 240px;
    margin: 20px auto;
    background-size: contain;
  }
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.logo .logo_img_1 {
  background-image: url("../../img/shoppingmall_thesmartpeople/sub_img04_2_1.png");
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.business_card {
  width: 100%;
  height: 812px;
  background-position: center top;
  background-image: url("../../img/shoppingmall_thesmartpeople/sub_business_card_1.png");
}
@media screen and (max-width: 768px) {
  .web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.business_card {
    height: 250px;
    background-size: cover;
  }
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner {
  background-color: #fff;
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner .banner_img_1,
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner .banner_img_2,
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner .banner_img_3,
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner .banner_img_4,
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner .banner_img_5 {
  width: 750px;
  height: 275px;
  margin: 24px auto;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner .banner_img_1,
  .web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner .banner_img_2,
  .web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner .banner_img_3,
  .web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner .banner_img_4,
  .web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner .banner_img_5 {
    width: 83.33333%;
    height: 150px;
    margin: 20px auto;
    background-size: contain;
  }
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner .banner_img_1 {
  background-image: url("../../img/shoppingmall_thesmartpeople/sub_img04_1.png");
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner .banner_img_2 {
  background-image: url("../../img/shoppingmall_thesmartpeople/sub_img04_2.png");
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner .banner_img_3 {
  background-image: url("../../img/shoppingmall_thesmartpeople/sub_img04_3.png");
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner .banner_img_4 {
  background-image: url("../../img/shoppingmall_thesmartpeople/sub_img04_4.png");
}
.web_wrap.shoppingmall_thesmartpeople .content_wrap .sec_4.banner .banner_img_5 {
  background-image: url("../../img/shoppingmall_thesmartpeople/sub_img04_5.png");
}