*, *:before, *:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background-color: #ffffff; }

li {
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0%;
  text-align: center; }

img {
  width: 100%;
  margin: 0 auto;
  vertical-align: top; }

.only_pc {
  line-height: 0%; }
  @media screen and (min-width: 768px) {
    .only_pc {
      display: block; } }
  @media screen and (max-width: 767px) {
    .only_pc {
      display: none; } }

.only_sp {
  line-height: 0%; }
  @media screen and (max-width: 767px) {
    .only_sp {
      display: block; } }
  @media screen and (min-width: 768px) {
    .only_sp {
      display: none; } }

.layout {
  max-width: 2880px;
  width: 100%;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .layout {
      max-width: 767px;
      width: 100%; } }
  .layout ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column; }
  .layout .separate {
    -webkit-flex-direction: row;
    flex-direction: row; }
    .layout .separate img.pc07 {
      width: 90vw; }
    .layout .separate img.pc08 {
      width: 10vw; }
    .layout .separate img.pc09 {
      width: 3vw; }
    .layout .separate img.sp03 {
      width: 50vw; }
    .layout .separate img.sp04 {
      width: 40vw; }
    .layout .separate img.sp11 {
      width: 50vw; }
    .layout .separate img.sp12 {
      width: 50vw; }