@charset "UTF-8";
/* ===========================================================================================================================================

　✦ index

============================================================================================================================================= */
#mainimage .wrapping {
  position: relative; }
  #mainimage .wrapping .slider-image {
    margin: 0;
    padding: 0; }
    @media (max-width: 1017px) {
      #mainimage .wrapping .slider-image li img {
        width: 1100px; } }

@media (max-width: 480px) {
  #mainimage .slider-image li img {
    width: 100% !important; } }

#list {
  position: relative; }

  #list .wrapping {
    max-width: 1000px;
    margin: 60px auto 0 auto; }

    @media (max-width: 1017px) {
      #list .wrapping .studio_list {
        padding-left: 1%;
        padding-right: 1%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }

    #list .wrapping .studio_list ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #list .wrapping .studio_list ul li {
        text-align: center;
        margin-bottom: 15px;
        max-width: 33%; }
        #list .wrapping .studio_list ul li a {
          display: block;
          text-decoration: none;
          color: #000;
          font-weight: bold;
          line-height: 110%;
          font-size: 16px !important;
          font-size: 1.14286rem !important; }
          #list .wrapping .studio_list ul li a img {
            display: block;
            margin-bottom: 10px;
            width: 100%;
            max-width: 330px; }

    @media (max-width: 699px) {
      #list .wrapping .studio_list {
        width: 100%;
        margin: 0 auto; }
        #list .wrapping .studio_list ul li {
        max-width: 100%; 
		margin: 0 auto 20px auto; }
          #list .wrapping .studio_list ul li a {
            font-size: 14px !important;
            font-size: 1rem !important; } }