@media(max-width:1300px){
/* 採用情報ページ */
  .recruit-wrapper{
    width: 90%;
    margin: 0 auto;
  }

  .recruitpage-contents{
    width: 80%;
  }

  /* トップ　冬季除雪 */
  .main-wintter{
    width: 60%;
    margin: 0 auto;
    text-align: center;
  }

  .flame{
    padding: 0.01em;
    margin: 1em auto;
    width: 100%;
    border: double 15px #1760a0;
  }

}


@media(max-width:950px){
/* トップページ */
  .main-recruit{
    display: block;
    width: 90%;
    margin: 0 auto;
  }

  .recruit-contents{
    width: 100%;
  }

  .main-recruit-img{
    width: 80%;
    margin: 0 auto;
  }

  /* トップ　冬季除雪 */
  .main-wintter{
    width: 70%;
    margin: 0 auto;
    text-align: center;
  }

  .flame{
    padding: 0.01em;
    margin: 1em auto;
    width: 100%;
    border: double 15px #1760a0;
  }

/* CSRページ */
  .csr-3r{
    display: block;
    width: 80%;
    margin-bottom: 8%;
  }

  .csr-img{
    width: 100%;
  }

  .csr-sentence{
    width: 100%;
  }

/* 採用情報ページ */
  .recruit-wrapper{
    width: 90%;
  }

  .recruit-h3{
    width: 100%;
    margin: 8% 0;
  }

  .main6{
    font-size: 35px;
  }

  .recruitpage-contents{
    width: 90%;
    display: block;
  }

  .recruitpage-img{
    width: 80%;
    margin-top: 3%;
  }

  .recruit-sentence{
    width: 90%;
  }

}


@media(max-width:780px){
  .sidebar{
    display: none;
  }

  /* メイン全体の設定 */
  .main{
    width: 100%;
  }

/*トップ　社長挨拶 */
  .main-message{
    width: 70%;
    margin: 0 auto;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
  }

/* トップ画像の設定 */
  .main-top{
    padding-top: 65px;
  }

/* トップ　施工事例 */
  .main-work{
    width: 80%;
    margin: 0 auto;
  }

  .main-work-contents{
    display: block;
  }

  .work-contents{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 7%;
  }

  .work-img{
    margin: 0 auto;
  }

  .work-p{
    font-size: 35px;
  }

/* トップ　冬季除雪 */
.main-wintter{
  width: 70%;
  margin: 0 auto;
}

.flame{
  padding: 0.01em;
  margin: 1em auto;
  width: 100%;
  border: double 15px #1760a0;
}


/* トップ　採用情報 */
  .main-recruit{
    display: block;
    width: 90%;
    margin: 0 auto;
  }

  .recruit-contents{
    width: 100%;
  }

  .main-recruit-img{
    width: 80%;
    margin: 0 auto;
  }

/*　フッター */
  .main-company1{
    display: block;
  }

  .main-company-p,
  .main-company-p1{
    font-size: 16px;
  }

  .ggmap{
    position: static;
    margin: 0 auto;
    width: 100%;
    padding-top: 7%;
  }

  .iframe-ggmap{
    position: static;
    width: 100%;
  }

/* 下層ページ　トップ画像共通 */
  .title{
    font-size: 2.5rem;
  }

  .mini-title{
    font-size: 1.5rem;
  }

  .under-top{
    margin-top: 65px;
  }

/* 企業情報ページ */
  .company-wrapper{
    width: 90%;
    margin: 0 auto;
  }

  .fa-angle-right{
    color: black;
    padding-top: 20px;
  }

  .company-profile{
    width: 100%;
  }

  .profile-area{
    width: 80%;
  }

/* 施工事例ページ */
  .works-point{
    width: 80%;
    margin-top: 10%;
  }

  .works-gallery{
    display: block;
    width: 80%;
    margin-top: 10%;
  }

  .item img{
    padding-bottom: 3%;
  }

  .works-wrapper{
    width: 100%;
  }

  .works-contents{
    display: block;
  }

  .works-order{
    width: 80%;
    text-align: left;
    padding-bottom: 2%;
  }

  .works-sentence{
    width: 75%;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 6%;
  }

  .works-pr{
    width: 100%;
  }

  .pr{
    color: black;
    font-family: 'Sawarabi Gothic', sans-serif;
    font-size: 20px;
    background: linear-gradient(transparent 60%, rgba(70,153,202,0.7));
    display: inline-block;
  }

/* CSRページ */
  .csr-point{
    width: 80%;
    padding-bottom: 10%;
  }

  .csr-contents{
    width: 90%;
  }

  .csr-3r{
    display: block;
    width: 80%;
    margin-bottom: 8%;
  }

  .csr-img{
    width: 100%;
  }

  .csr-sentence{
    width: 100%;
  }

/* 採用情報ページ */
  .recruit-wrapper{
    width: 90%;
  }

  .recruit-h3{
    width: 100%;
    margin: 8% 0;
  }

  .main6{
    font-size: 35px;
  }

  .recruitpage-contents{
    width: 90%;
    display: block;
  }

  .recruitpage-img{
    width: 80%;
    margin-top: 3%;
  }

  .recruit-sentence{
    width: 90%;
  }


}



@media(min-width:780px){
  header{
    display: none;
  }
}



@media(max-width:600px){
/* トップページ */
  .work-p{
    font-size: 25px;
  }

  .main-message{
    width: 80%;
  }

  .message-p{
    font-size: 18px;
  }

  .recruit-contents .main3{
    font-size: 35px;
  }

  .recruit-p{
    font-size: 22px;
  }

/* 下層ページ　共通 */
  .title{
    font-size: 2rem;
  }

  .mini-title{
    font-size: 1rem;
  }

/* 企業情報ページ */
  .profile-area{
    width: 96%;
  }

/* 施工事例ページ */
  .works-point{
    width: 86%;
  }

  .point-p{
    font-size: 18px;
  }

/* CSR */
  .csr-p{
    font-size: 18px;
  }

/* 採用情報ページ */
  .main6{
    font-size: 25px;
  }

}