@charset "utf-8";
/*################## スマホ縦用　##################*/
@media screen and (min-width: 0px) and (max-width: 480px) {
  #about-01 { /*森田植木について*/
    margin-top: 130px;
    background-image: url("../image/about/bg_about01_sp.png");
    background-repeat: no-repeat;
    background-position: top left;
  }
  #about-01-01 {
    width: 98%;
    margin: 0 auto;
    padding-top: 100px;
  }
  #about-01-01 h1 {
    font-size: 18px;
    font-weight: normal;
  }
  #about-01-01 p {
    font-size: 18px;
  }
  #about-01-02 {
    width: 95%;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
  }
  #about-01-02 h2 {
    font-size: 24px;
    font-weight: 600;
  }
  #about-01-02 .box-l {
    margin: 0 auto;
    padding-bottom: 50px;
  }
  #about-01-02 .box-r {
    margin: 0 auto;
    padding-bottom: 50px;
  }
  #about-02 { /*ごあいさつ*/
    background-image: url("../image/about/bg_about02_sp.png");
    background-repeat: no-repeat;
    background-position: top right;
  }
  #about-02-01 {
    width: 98%;
    margin: 0 auto;
    padding-top: 80px;
    font-size: 18px;
  }
  #about-02-01 h4 {
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-left: 10px;
  }
  #about-03 { /*SNS*/
    background-image: url("../image/about/bg_about03_sp.png");
    background-repeat: no-repeat;
    background-position: top left;
  }
  #about-03-1 {
    width: 95%;
    margin: 0 auto;
    padding: 50px 0;
  }
  #about-03-1 ul {
    position: relative;
    left: -15px;
    text-align: center;
  }
  #about-03-1 li {
    display: inline-block;
    list-style: none;
    text-align: center;
    padding: 20px;
  }
}
/*################## スマホ横用 #################*/
@media screen and (min-width: 481px) and (max-width: 896px) {
  #about-01 { /*森田植木について*/
    margin-top: 150px;
    background-image: url("../image/about/bg_about01_side.png");
    background-repeat: no-repeat;
    background-position: top left;
  }
  #about-01-01 {
    width: 98%;
    margin: 0 auto;
    padding-top: 130px;
  }
  #about-01-01 h1 {
    font-size: 18px;
    font-weight: normal;
  }
  #about-01-01 p {
    font-size: 18px;
  }
  #about-01-02 {
    width: 95%;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
  }
  #about-01-02 h2 {
    font-size: 24px;
    font-weight: 600;
  }
  #about-01-02 .box-l {
    clear: both;
    float: left;
    width: 50%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  #about-01-02 .box-r {
    float: right;
    width: 50%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  #about-02 { /*ごあいさつ*/
    clear: both;
    background-image: url("../image/about/bg_about02_side.png");
    background-repeat: no-repeat;
    background-position: top right;
  }
  #about-02-01 {
    width: 95%;
    margin: 0 auto;
    padding-top: 80px;
    font-size: 18px;
  }
  #about-02-01 h4 {
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-left: 10px;
  }
  #about-03 { /*SNS*/
    clear: both;
    background-image: url("../image/about/bg_about03_side.png");
    background-repeat: no-repeat;
    background-position: top left;
  }
  #about-03-1 {
    width: 98%;
    margin: 0 auto;
    padding-bottom: 100px;
  }
  #about-03-1 ul {
    width: 450px;
    margin: 0 auto;
  }
  #about-03-1 li {
    display: inline-block;
    list-style: none;
    width: 200px;
    text-align: center;
    padding: 20px 0;
  }
}
/*################## PC用 #################*/
@media print, screen and (min-width:897px) {
  #about-01 { /*森田植木について*/
    margin-top: 180px;
    background-image: url("../image/about/bg_about01.png");
    background-repeat: no-repeat;
    background-position: top left;
  }
  #about-01-01 {
    width: 950px;
    margin: 0 auto;
    padding-top: 150px;
  }
  #about-01-01 h1 {
    font-size: 18px;
    font-weight: normal;
  }
  #about-01-01 p {
    font-size: 18px;
  }
  #about-01-02 {
    width: 800px;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
  }
  #about-01-02 h2 {
    font-size: 24px;
    font-weight: 600;
  }
  #about-01-02 .box-l {
    clear: both;
    float: left;
    width: 50%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  #about-01-02 .box-r {
    float: right;
    width: 50%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  #about-02 { /*ごあいさつ*/
    clear: both;
    background-image: url("../image/about/bg_about02.png");
    background-repeat: no-repeat;
    background-position: top right;
  }
  #about-02-01 {
    width: 700px;
    margin: 0 auto;
    padding-top: 80px;
    font-size: 18px;
  }
  #about-02-01 h4 {
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-left: 10px;
  }
  #about-03 { /*SNS*/
    clear: both;
    background-image: url("../image/about/bg_about03.png");
    background-repeat: no-repeat;
    background-position: top left;
  }
  #about-03-1 {
    width: 600px;
    margin: 0 auto;
    padding-top: 200px;
    padding-bottom: 100px;
  }
  #about-03-1 ul {
    width: 450px;
    margin: 0 auto;
  }
  #about-03-1 li {
    display: inline-block;
    list-style: none;
    width: 200px;
    text-align: center;
    padding: 20px 0;
  }
}
/*################## スマホ・PC共通 ##################*/