#about h3 {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  padding-bottom: 40px; }

#brand_block {
  width: 100%;
  margin: 0 auto;
  max-width: 1060px;
  padding-bottom: 80px;
  display: flex;
  flex-wrap: wrap; }
  #brand_block .brand_box {
    width: 330px;
    margin-left: 35px;
    margin-bottom: 50px; }
    #brand_block .brand_box:nth-of-type(3n+1) {
      margin-left: 0; }
    #brand_block .brand_box .photo img {
      width: 100%; }
    #brand_block .brand_box h4 {
      padding-top: 15px;
      height: 70px;
      text-align: center; }
      #brand_block .brand_box h4 img.logo_atao {
        width: 95px;
        height: auto; }
      #brand_block .brand_box h4 img.logo_ilemer {
        width: 124px;
        height: auto; }
      #brand_block .brand_box h4 img.logo_ianne {
        width: 124px;
        height: auto; }
      #brand_block .brand_box h4 img.logo_ianne {
        width: 124px;
        height: auto; }
      #brand_block .brand_box h4 img.logo_roberta {
        width: 116px;
        height: auto; }
      #brand_block .brand_box h4 img.logo_atelier {
        width: 128px;
        height: auto; }
      #brand_block .brand_box h4.logo_head_roberta {
        padding-top: 25px;
        height: 85px; }
      #brand_block .brand_box h4.logo_head_atelier {
        height: 85px; }
    #brand_block .brand_box .sns_wrap {
      width: 200px;
      margin: 0 auto;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: center;
      align-items: center; }
    #brand_block .brand_box .store_btn {
      padding: 25px 0 40px; }
      #brand_block .brand_box .store_btn a {
        display: block;
        margin: 0 auto;
        width: 140px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1;
        padding: 12px 0;
        background: #666666;
        color: #fff;
        text-align: center;
        -webkit-transition: all .3s;
        transition: all .3s; }
        #brand_block .brand_box .store_btn a:hover {
          background-color: #82d8d5; }
    #brand_block .brand_box p {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.8; }

@media screen and (max-width: 1090px) {
  #brand_block {
    padding: 0 calc(15 / 1090 * 100vw) 80px; }
    #brand_block .brand_box {
      width: calc(330 / 1090 * 100vw);
      margin-left: calc(35 / 1090 * 100vw); }
      #brand_block .brand_box h4 {
        padding-top: 15px;
        height: 70px;
        text-align: center; }
        #brand_block .brand_box h4.logo_head_roberta {
          padding-top: 25px;
          height: 85px; }
        #brand_block .brand_box h4.logo_head_atelier {
          height: 85px; }
      #brand_block .brand_box .sns_wrap {
        width: calc(200 / 1090 * 100vw); }
      #brand_block .brand_box .store_btn {
        padding: 25px 0 40px; }
        #brand_block .brand_box .store_btn a {
          width: calc(180 / 1090 * 100vw); } }
#about_block {
  padding-bottom: 50px; }

.about_box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px; }
  .about_box .txt {
    width: 390px;
    padding-top: 40px; }
    .about_box .txt h4 {
      padding-bottom: 35px;
      font-size: 20px;
      font-size: 2.0rem;
      font-weight: bold; }
    .about_box .txt p {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 2; }
  .about_box .photo {
    width: 420px;
    margin-left: auto;
    text-align: right; }
    .about_box .photo .photo_in {
      position: relative; }
      .about_box .photo .photo_in:after {
        content: "";
        width: 360px;
        height: 270px;
        background-color: #F8D7F2;
        z-index: -1;
        left: 0;
        top: 40px;
        position: absolute; }
  .about_box.about_r .txt {
    order: 2;
    margin-left: auto; }
    .about_box.about_r .txt h4 {
      text-align: right; }
  .about_box.about_r .photo {
    order: 1;
    margin-left: 0;
    text-align: left; }
    .about_box.about_r .photo .photo_in:after {
      left: 50px;
      top: 40px; }

@media screen and (max-width: 860px) {
  .about_box .txt {
    width: calc(390 / 860 * 100vw);
    padding-top: calc(40 / 860 * 100vw); }
    .about_box .txt h4 {
      padding-bottom: calc(35 / 860 * 100vw); }
  .about_box .photo {
    width: calc(420 / 860 * 100vw); }
    .about_box .photo .photo_in:after {
      width: calc(360 / 860 * 100vw);
      height: calc(270 / 860 * 100vw);
      top: calc(40 / 860 * 100vw); }
  .about_box.about_r .photo .photo_in:after {
    left: calc(50 / 860 * 100vw);
    top: calc(40 / 860 * 100vw); } }
@media screen and (max-width: 750px) {
  .main_ttl {
    margin-top: calc(70 / 750 * 100vw);
    margin-bottom: calc(60 / 750 * 100vw); }

  #about h3 {
    font-size: calc(48 / 750 * 100vw);
    padding-bottom: calc(70 / 750 * 100vw); }

  #brand_block {
    padding-bottom: calc(80 / 750 * 100vw); }
    #brand_block .brand_box {
      width: calc(650 / 750 * 100vw);
      margin: 0 auto calc(60 / 750 * 100vw) !important; }
      #brand_block .brand_box h4 {
        padding-top: calc(30 / 750 * 100vw);
        padding-bottom: calc(35 / 750 * 100vw);
        height: auto; }
        #brand_block .brand_box h4.logo_head_roberta {
          padding-top: calc(25 / 750 * 100vw);
          height: auto; }
        #brand_block .brand_box h4.logo_head_atelier {
          height: auto; }
      #brand_block .brand_box .sns_wrap {
        width: calc(400 / 750 * 100vw); }
      #brand_block .brand_box .store_btn {
        padding: calc(40 / 750 * 100vw) 0 calc(70 / 750 * 100vw); }
        #brand_block .brand_box .store_btn a {
          width: calc(280 / 750 * 100vw);
          font-size: calc(24 / 750 * 100vw);
          padding: calc(20 / 750 * 100vw) 0; }
      #brand_block .brand_box p {
        font-size: calc(24 / 750 * 100vw); }

  #about_block {
    padding-bottom: calc(50 / 750 * 100vw); }

  .about_box {
    margin-bottom: calc(80 / 750 * 100vw); }
    .about_box .txt {
      width: 100%;
      padding: 0 calc(25 / 750 * 100vw) calc(70 / 750 * 100vw); }
      .about_box .txt h4 {
        text-align: center;
        padding-bottom: calc(30 / 750 * 100vw);
        font-size: calc(32 / 750 * 100vw); }
      .about_box .txt p {
        font-size: calc(24 / 750 * 100vw); }
    .about_box .photo {
      width: calc(600 / 750 * 100vw);
      margin: 0 auto; }
      .about_box .photo .photo_in {
        margin-left: auto;
        width: calc(530 / 750 * 100vw);
        padding-bottom: calc(60 / 750 * 100vw); }
        .about_box .photo .photo_in:after {
          width: calc(530 / 750 * 100vw);
          height: calc(395 / 750 * 100vw);
          top: calc(60 / 750 * 100vw);
          left: calc(-80 / 750 * 100vw); }
    .about_box.about_r .txt {
      order: 1; }
      .about_box.about_r .txt h4 {
        text-align: center; }
    .about_box.about_r .photo {
      order: 2; }
      .about_box.about_r .photo .photo_in:after {
        left: calc(80 / 750 * 100vw);
        top: calc(60 / 750 * 100vw); } }