.wrapper {
  width: 100%;
  height: auto; }
  .wrapper .about-site {
    width: 100%;
    height: auto;
    padding-top: 110px;
    max-width: 1540px;
    margin: 0 auto; }
    @media screen and (max-width: 1024px) {
      .wrapper .about-site {
        padding-top: 90px; } }
    @media screen and (max-width: 768px) {
      .wrapper .about-site {
        padding-top: 60px; } }
    @media screen and (max-width: 480px) {
      .wrapper .about-site {
        padding-top: 70px; } }
    .wrapper .about-site .about-site-inner {
      width: 80%;
      height: auto;
      margin: 40px auto 100px auto; }
      @media screen and (max-width: 1024px) {
        .wrapper .about-site .about-site-inner {
          width: 90%;
          margin: 30px auto 80px auto; } }
      @media screen and (max-width: 768px) {
        .wrapper .about-site .about-site-inner {
          margin: 15px auto 60px auto; } }
      @media screen and (max-width: 480px) {
        .wrapper .about-site .about-site-inner {
          width: 100%;
          margin: 15px auto 40px auto; } }
      .wrapper .about-site .about-site-inner .about-site-title {
        height: auto;
        border-bottom: 1px solid #333;
        padding-left: 0px;
        width: 90%;
        margin: 0px auto; }
        .wrapper .about-site .about-site-inner .about-site-title h2 {
          font-size: 4rem; margin-top:50px; }
          @media screen and (max-width: 1024px) {
            .wrapper .about-site .about-site-inner .about-site-title h2 {
              font-size: 3.2rem; } }
          @media screen and (max-width: 768px) {
            .wrapper .about-site .about-site-inner .about-site-title h2 {
              font-size: 2.6rem; } }
          @media screen and (max-width: 480px) {
            .wrapper .about-site .about-site-inner .about-site-title h2 {
              font-size: 1.8rem; } }
      .wrapper .about-site .about-site-inner .about-site-main {
        width: 100%;
        height: auto;
        margin-top: 50px; }
        @media screen and (max-width: 1024px) {
          .wrapper .about-site .about-site-inner .about-site-main {
            margin-top: 30px; } }
        @media screen and (max-width: 768px) {
          .wrapper .about-site .about-site-inner .about-site-main {
            width: 100%; } }




            .store-text-new {
              width: 90%;
              height: auto;
              margin: 0 auto;
              padding: 20px 0 10px 0; }





            .wrapper .about-site .about-site-inner .about-site-main .store-name {
          width: 90%;
          height: auto;
          margin: 0 auto;
          display: flex;
          border-bottom: 1px dotted #a8a8a8;
          padding: 20px 0 10px 0; }
          @media screen and (max-width: 768px) {
            .wrapper .about-site .about-site-inner .about-site-main .store-name {
              width: 90%; } }
          .wrapper .about-site .about-site-inner .about-site-main .store-name .store-name-left {
            width: 20%;
            height: auto;
            padding-left: 0px; }
            .wrapper .about-site .about-site-inner .about-site-main .store-name .store-name-left p {
              font-size: 2rem;
              font-weight: 600; }
              @media screen and (max-width: 768px) {
                .wrapper .about-site .about-site-inner .about-site-main .store-name .store-name-left p {
                  font-size: 1.8rem; } }
              @media screen and (max-width: 480px) {
                .wrapper .about-site .about-site-inner .about-site-main .store-name .store-name-left p {
                  font-size: 1.5rem; } }
          .wrapper .about-site .about-site-inner .about-site-main .store-name .store-name-right {
            width: 80%;
            height: auto;
            padding-left: 50px; }
            .wrapper .about-site .about-site-inner .about-site-main .store-name .store-name-right p {
              font-size: 2rem; }
              @media screen and (max-width: 768px) {
                .wrapper .about-site .about-site-inner .about-site-main .store-name .store-name-right p {
                  font-size: 1.8rem; } }
              @media screen and (max-width: 480px) {
                .wrapper .about-site .about-site-inner .about-site-main .store-name .store-name-right p {
                  font-size: 1.5rem; } }




.qa_item{
  width:90%;
  margin:0px auto 10px auto;
  padding:5px 0px 10px 10px;
  box-sizing: border-box;
  font-size:20px; font-weight: bold;
  background-color:#063666 ; color: #fff;
  border-radius:5px;
}

.qa_title{
  width:90%;
  margin:15px auto 10px auto;
  padding:0px 0px 0px 0px;
  box-sizing: border-box;
  font-size:16px; font-weight: 700;
  background-color:#666 ; color: #fff;
}

.qa_text_title{
  width:90%;
  margin:0px auto 5px auto;
  padding:0px 0px 0px 0px;
  box-sizing: border-box;
  font-size:14px;
  background-color:#f7f7f7 ; color: #222;
}

.qa_text{
  width:90%;
  margin:0px auto 25px auto;
  padding:0px 0px 0px 0px;
  box-sizing: border-box;
  font-size:14px;
  background-color:#f7f7f7 ; color: #222;
}

.q{color:#0B70A6; font-size: 20px; font-weight: bold;}
.ans{color:#F169AD; font-size: 20px; font-weight: bold;}




.mmt_item{
  width:90%;
  margin:0px auto 10px auto;
  padding:5px 0px 10px 10px;
  box-sizing: border-box;
  font-size:20px; font-weight: bold;
  background-color:#063666 ; color: #fff;
  border-radius:5px;
}
.mmt_item2{
  width:90%;
  margin:0px auto 10px auto;
  padding:5px 0px 10px 10px;
  box-sizing: border-box;
  font-size:20px; text-align: center;
  background-color:#E40077 ; color: #fff;
}
.mmt_text{
  width:90%;
  margin:0px auto 20px auto;
  padding:0px 0px 0px 0px;
  box-sizing: border-box;
}
.mmt{
  width:90%;
  margin:0px auto 10px auto;
  padding:0px 0px 0px 0px;
  box-sizing: border-box; text-align: center;
}
.mmt img{
  width:100%;
  max-width: 800px;
  margin:0px auto 20px auto;
  padding:0px 0px 0px 0px;
  box-sizing: border-box;
}
.mmt2{
  width:90%;
  margin:0px auto 20px auto;
  padding:0px 0px 0px 0px;
  box-sizing: border-box; text-align: center;
}
.mmt2 img{
  width:100%;
  max-width: 971px;
  margin:0px auto 20px auto;
  padding:0px 0px 0px 0px;
  box-sizing: border-box;
}
@media screen and (min-width: 469px) {
  .mmt3{
    display: none;
  }

}

@media screen and (max-width: 468px) {
  .mmt2{
    display: none;
  }
  .mmt3{
  width:100%;
  margin:0px auto 20px auto;
  padding:0px 0px 0px 0px;
  box-sizing: border-box; text-align: center;
}
.mmt3 img{
  width:90%;
  margin:0px auto 20px auto;
  padding:0px 0px 0px 0px;
  box-sizing: border-box;
}
}

@media screen and (max-width: 768px) {
  .mmt_item{
    width:96%;
    margin:0px auto 10px auto;
    padding:5px 0px 5px 10px;
    box-sizing: border-box;
    font-size:16px; font-weight: bold;
    background-color:#063666 ; color: #fff;
    border-radius:5px;
  }
  .mmt_item2{
    width:96%;
    margin:0px auto 10px auto;
    padding:5px 0px 5px 10px;
    box-sizing: border-box;
    font-size:16px; text-align: center;
    background-color:#E40077 ; color: #fff;
  }
  .mmt_text{
    width:96%;
    margin:0px auto 20px auto;
    padding:0px 0px 0px 0px;
    box-sizing: border-box;
    font-size: 12px;
  }
  .mmt{
    width:96%;
    margin:0px auto 10px auto;
    padding:0px 0px 0px 0px;
    box-sizing: border-box; text-align: center;
  }
  .mmt img{
    width:96%;
    max-width: 800px;
    margin:0px auto 20px auto;
    padding:0px 0px 0px 0px;
    box-sizing: border-box;
  }
  .mmt2{
    width:96%;
    margin:0px auto 20px auto;
    padding:0px 0px 0px 0px;
    box-sizing: border-box; text-align: center;
  }
  .mmt2 img{
    width:96%;
    margin:0px auto 20px auto;
    padding:0px 0px 0px 0px;
    box-sizing: border-box;
  }

}
/*# sourceMappingURL=about-site.css.map */