@charset "UTF-8";
html {
  background: #fff;
  overflow-x: hidden;
}
body {
  width: 100% !important;
  height: 100% !important;
  background: url("/assets_lp/jobpal/join/images/bg.png") left top;
  background-size: 1000px !important;
  background-repeat: repeat !important;
  overflow-x: hidden;
  margin:0 !important;
  padding: 0 !important;
}
/**reset**/
#main-wrap , .main , .col-1{margin:0 auto !important;padding: 0!important;}
 {margin:0 !important;}
header {display:none;}
#pankuzu_v2 {display:none;}
#common {margin:0 !important;}
footer {margin:0 !important;}
/**reset**/
main {
  font-size: 16px;
  color: #444;
  line-height: 200%;
  font-family:'Noto Sans JP','Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
  margin: 0;
}
img { width: 100%;}
a {
  font-family:'Noto Sans JP','Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
  opacity: 1;
  transition: all .3s;
  color: #ccc;
}
a:hover {
  opacity: 0.8;
  transition: all .3s;
}
h1.title {display:none;}
.spinner {
  width: 50px;
  height: 50px;
  margin: 10rem auto 0 auto;
  text-align: center;
  border: 5px solid #c0c0c0;
  border-top: 5px solid #4caf50;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
h1.h2,h3,h4,h5 {
  font-family:'Noto Sans JP','Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
}
.pc_only{display: block;}
.sp_only{display: none;}

#contents {
  width: 100%;
}
#contents .contents_inner {
  width: 600px;
  margin: 0 auto;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #fff;
}
#contents .contents_wrapper {
  border-left: 1px solid #18b84b;
  border-right: 1px solid #18b84b;
}
#contents .contents_inner .mv {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
#contents .contents_inner .mv img{
  width: 60px;
  display: block !important;
  margin: 0 auto 2rem auto;
  text-align: center;
}
.thanks {
  font-weight:600;
  font-size:150%;
  color: #86B92C;
  text-align:center;
  letter-spacing: .1em;
  margin: 1rem 0;
}
.thanks_sub {
  font-weight:400;
  text-align:center;
}
.check_list {
  width:90%;
  margin: 3rem auto 0 auto;
}
.check_list .check_list_title {
  background: #86B92C;
  background:repeating-linear-gradient(
  135deg,
  #8fc039,
  #8fc039 8px,
  #86B92C 0,
  #86B92C 16px
  );
  color: #fff;
  font-weight:600;
  font-size:140%;
  text-align: center;
  padding: 1rem 0;
  border-radius: 10px 10px 0 0;
  letter-spacing: .1em;
  box-shadow: 0 5px 10px #ccc;
}
.check_list .check_list_inner {
  box-shadow: 0 5px 10px #ddd;
  border-radius: 0 0 10px 10px;
  background:#fff;
  padding:1rem 1rem 2rem 1rem;
}
.check_list .check_list_inner dl{
  margin:.5rem 0 1rem 0;
}
.check_list .check_list_inner dt{
  color: #86B92C;
  font-size:110%;
  font-weight:600;
}
.check_list .check_list_inner dt span{
  background: #86B92C;
  color: #fff;
  border-radius: 30px;
  margin-right: 5px;
  display:inline-block;
  line-height: 150%;
  width: 26px;
  height:26px;
  font-size: 90%;
  padding: 0 5px;
  text-align: center;
}
.check_list .check_list_inner dd{
  padding-left: 2em;
  font-size: 90%;
}
.check_list .notice_check {
  color: #c33;
  font-size: 90%;
  padding-left: 2em;

}

.app_list {
  width:90%;
  margin: 3rem auto 0 auto;
  padding-bottom:4rem;
}
.app_list .app_list_title {
  background: #8CABD9;
  color: #fff;
  font-weight:600;
  font-size:140%;
  text-align: center;
  padding: 1rem 0;
  border-radius: 10px 10px 0 0;
  letter-spacing: .1em;
  box-shadow: 0 5px 10px #ccc;
}
.app_list .app_list_inner {
  box-shadow: 0 5px 10px #ddd;
  border-radius: 0 0 10px 10px;
  background:#fff;
  padding:1rem 1rem 2rem 1rem;
}
.app_list .app_list_inner .app_title{
  text-align:center;
  font-weight:600;
  margin-top:1rem;
}
.app_list .app_list_inner dl{
  margin:.5rem 0 1rem 0;
}
.app_list .app_list_inner dt{
  color: #5e8dd3;
  font-size:110%;
  font-weight:600;
}
.app_list .app_btn a{
  text-align:center;
  font-weight:600;
  font-size: 140%;
  color: #000;
  padding: 1.5rem 0;
  width:80%;
  display: block;
  background: #ffcc00;
  border-radius: 55px;
  margin: 2rem auto;
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 4px 0 #cc9900;
}
.app_list .app_list_inner dd{
  line-height: 180%;
  font-size: 90%;
}
.app_list .step {
  color: #c33;
}
.app_list .regist_info {
  font-size: 85%;
}
.app_list .inquiry a{
  text-decoration: underline !important;
  color: #222 !important;
}
.section_inner {
  margin: 0 auto;
}
.fadeUpTrigger{
    opacity: 0;
}
.fadeUp{
	animation-name:fadeUpAnime;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }}
.anime-updown {
  animation: 2s fuwafuwa infinite;
}
@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@media (max-width: 750px) {
  .pc_only{display: none;}
  .sp_only{display: block;}
  #contents .contents_inner {
    width: 100%; 
  }
  .check_list , .app_list{
    width:90%;
    margin: 1.5rem auto 0 auto;
  }
  .app_list .app_btn a{
    width:95%;
    padding: 1rem 0;
  }
  .footer .copy{
    width: 100%; 
  }
  footer .footer_inner{
    width: 100%;
  }

}