@charset "UTF-8";
/*-- 採用ページ-------------------------------*/


/*-- 上の画像 -------------------------------*/
.r-topimg{width: 100%;
          margin: 150px auto 0;}
.r-topimg img {width: 100%;}

/*-- イラスト -------------------------------*/

.r-message{width: 90%;
           margin-left: 20px;
           display: flex;
           align-items: flex-end;/*下に合わす*/
            }

.hukidashi{width: 50%;
           padding: 30px 20px 5px 20px;
           }

.hukidashi img{padding: 7px 0;}


.r-member{width: 25%;
          height: auto;
          margin-left: 30px;
            }


.hukidashi-facebook img{padding-left: 30px;}

.boy{width: 18%;
     height: auto;
     margin-top: 15px;}


/*-- 募集内容 -------------------------------*/
.r-naiyou{border: solid 10px rgb(255,251,205);
          justify-content: space-around;
          margin-top: 30px;
          padding: 20px;}

h3 img{width: 20px;
       height: 20px;
       padding-right: 2px;
        }

/*テーブル編集*/
.r-table{border-collapse: collapse;
        }
.r-table th,.r-table td{padding: 8px;
                  border: 1px solid rgb(76,73,72);}

.r-table2{border-collapse: collapse;
          margin-top: 15px;
        }
.r-table2 th,.r-table2 td{padding: 8px;
                  border: 1px solid rgb(76,73,72);}
th{
    background-color: rgb(255,251,205);
    width: 6em;
}



/*-- お問い合わせ -------------------------------*/

.r-mail a:link{color: rgb(242,145,0);}

.r-mail a:visited{color: rgb(242,145,0);
          text-decoration: none;
         }

.r-mail a:hover{color: rgb(255,233,174);
        text-decoration: none;
        }

.r-mail{
        margin: 10px 10px 0;
    }

/*-------------------------モバイル-------------------------------*/

@media(max-width:767px)
{
/*レスポンシブデザイン*/
    
/*-- 上の画像 -------------------------------*/

.r-topimg{margin: 100px auto 0;}
    
/*-- イラスト -------------------------------*/
.hukidashi{width:50%;
         padding: 5px 5px 5px 5px;
           }

    .r-message{width: 100%;
               margin: 0;
               justify-content: space-between;
                }
    
    .r-member{margin-left: 0;}
    
.hukidashi-facebook img{padding-left: 15px;}
    
    .r-naiyou{
        margin: 0 8px;
    }
    
    
/*-- テーブル -------------------------------*/
    th{
    width: 1em;
}



}