/*
	.Final Editor : EURA
	.Description : graphic_qfriends_v2 SCSS
	.Last Edit : 2019.03.30
*/
@import url(../fonts.css);
@import url(../reset.css);
@import url(../button.css);
@import url(../input.css);
@import url(../common.css);
.web_wrap.graphic_qfriends_v2 .content_wrap .portfolio_visual {
  background-image: url("../../img/graphic_qfriends_v2/visual_bg.jpg");
}
.web_wrap.graphic_qfriends_v2 .content_wrap .portfolio_visual h1 {
  padding-top: 44vh;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  color: #fff;
}
.web_wrap.graphic_qfriends_v2 .content_wrap .portfolio_visual h3 {
  color: rgba(255, 255, 255, 0.9);
}
.web_wrap.graphic_qfriends_v2 .content_wrap .portfolio_visual .pv_character {
  position: absolute;
  top: 20vh;
  left: calc(50vw - 62px);
  display: block;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .web_wrap.graphic_qfriends_v2 .content_wrap .portfolio_visual .pv_character img {
    width: 75%;
  }
}
.web_wrap.graphic_qfriends_v2 .content_wrap .sec_1 .sec_inner {
  background-color: #fff;
}