@charset "utf-8";
/*-------------------------------------
	          TOP IMAGE
-------------------------------------*/
.pageTopImage { 
    max-width:1600px; 
    margin:80px auto 0;  
    display:flex; 
    flex-wrap:wrap;
    position:relative; 
}
.pageTopImage img {  max-width:100%; opacity:0.7; }

/*-------------------------------------
	        Article    #Page Con
-------------------------------------*/
article#pageCon { width:100%; margin:0 auto; }
#pageCon h3 { background:none; color:#000; width:auto; padding:5px; 
           position:relative;bottom:auto; font-size:16px; text-align:left; }
#pageCon h3 a:link { color:#6666ff; } 
#pageCon h3 a:visited { color:#9966ff; } 

/*-------------------------------------
	     固定ページ   #fixedPage
-------------------------------------*/
.h2page { width:calc(100% - 40px); margin:3px auto;  padding:40px 20px 10px 20px; 
                  background:rgba(255,102,0,1.0); }
.h2page h2 { color:#fff; font-size:20px; text-align:left; border-bottom:1px #fff solid; } 
.topTitle {
    font-size:14px;
    font-weight:bold;
}

  @media screen and (max-width :768px) {
            main {  width:98%; margin:0 1%; }
            article#pageCon { width:100%; }
  }
  @media screen and (max-width :480px) {
            .h2Box h2 { font-size:5vmin; }
  }

.fixedPage .entryList .type-page { width:80%; margin:20px auto;  border-radius:30px; text-align:center;
             border:2px #ff6600 solid; padding:20px;  }
.fixedPage .entryList .type-page  h2 { color:#ff6600; padding:20px 0px; font-size:26px; text-align:center; } 
.fixedPage .entryList .type-page p { margin:10px auto; font-size:16px; }
.fixedPage .entryList .type-page ul li { margin:20px auto; font-size:16px; }

.fixedPage .entryList a:link{ color:#0000ff;text-decoration:none;}
.fixedPage .entryList a:visited{ color:#3300ff;text-decoration:none;}
.fixedPage .entryList a:hover{ color:#ff0033;text-decoration:none;}

.fixedPage img { display:inline; margin: 10px 15px; }
.fixedPage .alignleft { float:left; margin:5px 15px;}
.fixedPage .alignleft img {  }
.fixedPage .alignright  { float:right; margin:5px 15px;}
.fixedPage .alignright img {  }
.fixedPage img.centered, 
.fixedPage .aligncenter, 
.fixedPage div.aligncenter { display: block !important; margin:10px auto; }
.fixedPage img.alignleft { float:left; margin: 5px 25px 5px 0;}
.fixedPage img.alignright { float:right; margin: 5px 0 5px 25px;}
.fixedPage .wp-caption-text { text-align:center; margin-top:-15px; } 

#wpmem_login legend, #wpmem_reg legend { font-size:18px; }

.registForm { display:flex; flex-wrap:wrap; }
.registBox  form .registTxt  { width:48%; margin:1%; }
.registBox  form .registTxtW  { width:96%; margin:1%; }
.registBox  .radioTxt  { width:13%; margin:1%; display:inline; padding-top:20px; color:#777;}
.registBox  .radioTxt  input { width:10%; margin:1%; display:inline; vertical-align:middle; }

.registBox  .dateTxt  { width:31%; margin:1%; }

.registBox input  {   width:94%; padding:20px 3%;  
               border-radius:10px; border:1px #bbb solid; }
.registBox select  { width:100%; padding:20px ;  border-radius:10px;
            border:1px #aaa solid; vertical-align:middle; color:#888; }

.registBox input.spSearchSubmit { width:40%; margin:15px 25%; padding:12px 0; 
              background:#ff6600; border-radius:20px; font-size:20px; color:#fff; border:none; }

  @media screen and (max-width : 768px) {
         article#pageCon { width:100%;  }
  }
  @media screen and (max-width : 480px) {
         .fixedPage .entryList .type-page { width:100%; margin:20px auto; }
         .registBox  { width:90%;  }
  }
/*-------------------------------------
	     All List page
-------------------------------------*/
.listCon {
    width:90%;
    margin:10px auto;
    display:flex;
    flex-wrap:wrap;
    border-bottom: 1px #999 solid;
    padding-bottom: 10px;
}
.listConImage {
    width:30%;
}
.listConImage img {
    height:auto;
    margin:0;
}
.listConRight {
    width:65%;
    margin-left:5%;
    display:flex;
    flex-wrap:wrap;
}
.listConDetail {
    width:75%;
}
.listConBtn {
    width:25%;
    position:relative;
}
.listConBtn span.date {
    position:absolute;
    top:5px;
    right:10px;
    font-weight:bold;
}
.memberWorning {
    margin-top:30px;
}
.fixedPage .entryList .listConBtn a:link, .fixedPage .entryList .listConBtn a:visited {
    color:#fff;
}
.entryPageViewMore {
    width:100%;
    text-align:center;
    position:absolute;
    bottom:10px;
}
.entryPageViewMore p a {
    font-size:15px;
    padding:10px 15px;
    background:#333;
    border-radius:25px;
    color:#fff;
}

    @media screen and (max-width : 480px) {
         .listCon {
            width:100%;
        }
        .listConImage {
            width:100%;
        }
        .listConRight {
            width:95%;
        }
        .listConDetail {
            width:100%;
        }
        .listConBtn {
            width:100%;
        }
        .listConBtn span.date {
            right:auto;
            left:0px
        }
        .entryPageViewMore {
            text-align:right;
        }
        .memberWorning {
            margin-bottom:30px;
        }
  }

/*-------------------------------------
	     Single Page
-------------------------------------*/
section#singleCon { max-width:100%; margin:0 auto; padding-top:20px; }
section#singleCon img { max-width:98%; max-height:98%; margin:1%; 
              width:auto;  }
.latestNewsListDate { text-align:right; margin:0 0 10px; font-weight:bold;}
.entryCon { line-height:1.8em; margin: 0 auto 40px;}
#singleCon .entryCon img { display:inline; margin: 10px 15px; width:calc(100% - 30px); height:auto;}
#singleCon .entryCon .alignleft { float:left; margin:5px 15px;}
#singleCon .entryCon .alignleft img {  }
#singleCon .entryCon .alignright  { float:right; margin:5px 15px;}
#singleCon .entryCon .alignright img {  }
#singleCon .entryCon img.centered, 
#singleCon .entryCon .aligncenter, 
#singleCon .entryCon div.aligncenter { display: block !important; margin:10px auto; }
#singleCon .entryCon img.alignleft { float:left; margin: 5px 25px 5px 0;}
#singleCon .entryCon img.alignright { float:right; margin: 5px 0 5px 25px;}
#singleCon .entryCon .wp-caption-text { text-align:center; margin-top:-15px; } 

#singleCon .entryCon .jobEntry { max-width: 800px; margin:0 auto; }

#singleCon h3 { background:none; color:#000; width:auto; padding:5px; 
           position:relative;bottom:auto; font-size:16px; text-align:left; }
#singleCon h3 a:link { color:#6666ff; } 
#singleCon h3 a:visited { color:#9966ff; } 

.applyBox {
    text-align:center;
}
.applyBtn {
    width:25%;
    margin: 15px auto;
    padding: 10px 0;
    background: linear-gradient(to bottom, #ff6600, #ff2a00);
    border-radius: 20px;
    border:none;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}
  @media screen and (max-width : 768px) {
        .applyBtn {
            width:40%;
        }
    }
  @media screen and (max-width : 480px) {
        .applyBtn {
            width:90%;
        }
  }

.gmap { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; }
.gmap iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

.entryCon table { border-spacing: 0;   width: auto;   border: 1px solid #eee; max-width:100%; 
    border-collapse: separate;  margin-bottom: 1.5em; }
.entryCon table td { padding:5px 10px; }

  @media screen and (max-width : 480px) {
         section#singleCon img { max-width:480px !important;  }
  }
/*-------------------------------------
	     Archive Page
-------------------------------------*/
section#CatCon {  }
.pagePostCon { width:32%; margin:10px 0.5%; padding-bottom:10px; }
.pagePostCon .thumbPic { width:100%; height:auto;  }
.pagePostCon .thumbPic img { width:100%; height:auto; }

  @media screen and (max-width : 480px) {
         #CatCon ..pagePostCon { width:90%; margin:0 5% 10px;}
  }
 /*-------------------------------------
                   Search
-------------------------------------*/
#mainCon .reSearch { display:inline-block;  margin:40px 0 0; text-align:center;
            font-weight:bold; background: rgba(255,102,0,1.0); border-radius:10px; }
#mainCon .reSearch a:link { display:block; color:#fff;  padding:15px 50px; font-size:16px;  }
#mainCon .reSearch a:visited { color:#fff; }
#mainCon .reSearch a:hover { color:#fff; text-decoration:none; }
 /*-------------------------------------
                  Registor
-------------------------------------*/
.registBox .salaryTxt { width:45%; }
.registBox .kara { width:10%; padding-top:20px; }
.entryList table.registTable { width: 80%; margin: 20px auto;}
.entryList table.registTable tr:nth-child(odd) {background:#eee; }

  @media screen and (max-width : 768px) {
         .entryList table.registTable { width: 100%; }
  }
 /*-------------------------------------
            求人登録 / 求人登録確認
-------------------------------------*/
#wpmem_reg table.recruite_confirm { width:80%; margin:10px auto; }
#wpmem_reg table.recruite_confirm td{ width:30%; ; }
#wpmem_reg table.recruite_confirm td:nth-child(2){ width:70%; ; }
#wpmem_reg table.recruite_confirm tr:nth-child(2n+1) {background:#eee; }
#wpmem_reg table.recruite_confirm tr.set_value { display:none; }