/* margin padding */

.mt01{margin-top: 1px;}
.mt02{margin-top: 2px;}
.mt03{margin-top: 3px;}
.mt04{margin-top: 4px;}
.mt05{margin-top: 5px;}
.mt06{margin-top: 6px;}
.mt07{margin-top: 7px;}
.mt08{margin-top: 8px;}
.mt09{margin-top: 9px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mb01{margin-bottom: 1px;}
.mb02{margin-bottom: 2px;}
.mb03{margin-bottom: 3px;}
.mb04{margin-bottom: 4px;}
.mb05{margin-bottom: 5px;}
.mb06{margin-bottom: 6px;}
.mb07{margin-bottom: 7px;}
.mb08{margin-bottom: 8px;}
.mb09{margin-bottom: 9px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mr01{margin-right: 1px;}
.mr02{margin-right: 2px;}
.mr03{margin-right: 3px;}
.mr04{margin-right: 4px;}
.mr05{margin-right: 5px;}
.mr06{margin-right: 6px;}
.mr07{margin-right: 7px;}
.mr08{margin-right: 8px;}
.mr09{margin-right: 9px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.ml01{margin-left: 1px;}
.ml02{margin-left: 2px;}
.ml03{margin-left: 3px;}
.ml04{margin-left: 4px;}
.ml05{margin-left: 5px;}
.ml06{margin-left: 6px;}
.ml07{margin-left: 7px;}
.ml08{margin-left: 8px;}
.ml09{margin-left: 9px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.pt01{padding-top: 1px;}
.pt02{padding-top: 2px;}
.pt03{padding-top: 3px;}
.pt04{padding-top: 4px;}
.pt05{padding-top: 5px;}
.pt06{padding-top: 6px;}
.pt07{padding-top: 7px;}
.pt08{padding-top: 8px;}
.pt09{padding-top: 9px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pb01{padding-bottom: 1px;}
.pb02{padding-bottom: 2px;}
.pb03{padding-bottom: 3px;}
.pb04{padding-bottom: 4px;}
.pb05{padding-bottom: 5px;}
.pb06{padding-bottom: 6px;}
.pb07{padding-bottom: 7px;}
.pb08{padding-bottom: 8px;}
.pb09{padding-bottom: 9px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pr01{padding-right: 1px;}
.pr02{padding-right: 2px;}
.pr03{padding-right: 3px;}
.pr04{padding-right: 4px;}
.pr05{padding-right: 5px;}
.pr06{padding-right: 6px;}
.pr07{padding-right: 7px;}
.pr08{padding-right: 8px;}
.pr09{padding-right: 9px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pl01{padding-left: 1px;}
.pl02{padding-left: 2px;}
.pl03{padding-left: 3px;}
.pl04{padding-left: 4px;}
.pl05{padding-left: 5px;}
.pl06{padding-left: 6px;}
.pl07{padding-left: 7px;}
.pl08{padding-left: 8px;}
.pl09{padding-left: 9px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}


/* 枠線 ネイビー */
.waku-navy{
   border: 1px solid #222A7A;
}

/* 枠線 グレー */
.waku-gray{
   border: 1px solid #AAAAAA;
}



/* テキストの折り返し禁止 */
.l-break{white-space: nowrap;}

/* 共通 */
/* 角丸デザイン */
.kadomaru{
    border-radius: 100px;
    display: block;
    width: min(90%, 400px);
    padding: 15px;
    box-sizing: border-box;
    background: #D4E6FC;
    color: #222A7A;
    text-decoration: none;
    text-align: center;
    margin: 10px 10px;
}



/* アトム技研について　保有技術 */
/* リンクバナー */

.about-button-bg {
  background-color: #a4c6d5 !important;
}

.about-button {
  color: #1d90ae !important;
  background-color: #fff;
  border: 3px solid #1d90ae;
  background-image: url("../images/arrow_blue.png");
  margin: 10px !important;
}


/* 応募から入社までの流れ */

.post {
    counter-reset: h2 !important;
}
.post h2{
    display: flex !important;
    line-height: 4rem !important;
    font-size: 1.8rem !important;
}
.post h2:before {
    counter-increment: h2 !important;
    content: counter(h2) !important;
    background-color: #222A7A !important;
    color: #fff !important;
    text-align: center !important;
    width: 4rem !important;
    height: 4rem !important;
    line-height: 4rem !important;
    font-size: 1.8rem !important;
    margin-right: 1.2rem !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}

