html {
    margin-top: 0px;
}
body {
    color: #000;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /*font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;*/
    line-height: 180%;
    letter-spacing: 0.08em;
    width: 100%;
    position: relative;

    /*safari等フォントレンダリング設定*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /*スマホの文字の大きさ一定*/
    -webkit-text-size-adjust: 100%;
}

/* clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*breakpoint display*/
.pc {
    display: inherit;
}
img.pc {
    display: inline-block;
}
.pc.inline {
    display: inline;
}
.sp,
.sp_inline {
    display: none !important;
}
.tab,
.tab_inline {
    display: none !important;
}
@media screen and (max-width: 992px) {
    .pc {
        display: inherit;
    }
    img.pc {
        display: inline-block;
    }
    .pc.inline {
        display: inline;
    }
    .sp,
    .sp_inline {
        display: none !important;
    }
    .tab,
    .tab_inline {
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    .pc,
    .pc_inline {
        display: none !important;
    }
    .sp,
    .tab {
        display: block !important;
    }
    .sp_inline,
    .tab_inline {
        display: inline !important;
    }
}

/*box-sizing default*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img {
    max-width: 100%;
}

/**/
.inner_base {
    display: block;
    width: 1200px;
    margin: 0 auto;
}
.inner_middle {
    display: block;
    width: 1000px;
    margin: 0 auto;
}
.inner_short {
    display: block;
    width: 800px;
    margin: 0 auto;
}
.content {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.bg {
    background: url(../img/common/bg_stripe.jpg) repeat;
}
.bg_blue {
    background: url(../img/common/bg_b.jpg) repeat;
}
.bg_pink {
    background: url(../img/common/bg_p.jpg) repeat;
}
.bg_gray {
    background: #fbfbfb;
}

@media screen and (max-width: 1247px) {
    .inner_base {
        width: 84%;
        margin: 0 8%;
    }
}
@media screen and (max-width: 1000px) {
    .inner_middle {
        width: 84%;
        margin: 0 8%;
    }
}
@media screen and (max-width: 992px) {
    .inner_short {
        width: 84%;
        margin: 0 8%;
    }
    .content {
        width: 100%;
        margin: 0%;
    }
}
.t_a_c {
    text-align: center !important;
}
.t_a_r {
    text-align: right !important;
}
.t_a_l {
    text-align: left !important;
}
.m_b_s {
    margin-bottom: 10px !important;
}
.m_b_m {
    margin-bottom: 30px !important;
}
.m_b_l {
    margin-bottom: 50px !important;
}
.m_b_xl {
    margin-bottom: 100px !important;
}
.m_t_s {
    margin-top: 10px !important;
}
.m_t_m {
    margin-top: 30px !important;
}
.m_t_l {
    margin-top: 50px !important;
}
.m_t_xl {
    margin-top: 100px !important;
}

@media screen and (max-width: 767px) {
    .m_b_s {
        margin-bottom: 5px !important;
    }
    .m_b_m {
        margin-bottom: 10px !important;
    }
    .m_b_l {
        margin-bottom: 20px !important;
    }
    .m_b_xl {
        margin-bottom: 40px !important;
    }
    .m_t_s {
        margin-top: 5px !important;
    }
    .m_t_m {
        margin-top: 10px !important;
    }
    .m_t_l {
        margin-top: 20px !important;
    }
    .m_t_xl {
        margin-top: 40px !important;
    }
}

/*タイトル*/
.title_underline_blue {
    position: relative;
    display: table;
    padding: 0 0;
    text-align: center;
    margin: 40px auto 40px;
}
.title_underline_blue > img {
    border-bottom: 2px solid #0c4da1;
    padding: 10px;
}
.title_area {
    padding: 25px 0px;
    margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
    .title_underline_blue:after {
        width: 19px;
        height: 25px;
        background-size: contain;
    }
    .title_underline_blue {
        margin: 10px auto 10px;
        padding-bottom: 0px;
    }
    .title_underline_blue > img {
        height: 50px;
        margin: 0px auto;
    }
    .title_underline_blue.line2 > img {
        height: 80px;
    }
}
.title_staff_blue {
    text-align: center;
    font-size: 200%;
    font-weight: bold;
    color: #0c4da1;
    margin: 70px auto;
}
@media screen and (max-width: 767px) {
    .title_staff_blue {
        text-align: center;
        font-size: 140%;
        font-weight: bold;
        color: #0c4da1;
        margin: 40px auto;
    }
}

/*ボタン*/
/*ボタン 丸赤*/
.btn_circle_red {
    display: block;
}
.btn_circle_red a {
    display: block;
    border-radius: 50px;
    width: 100%;
    border: solid 3px #e42246;
    box-shadow: 0 3px 0 rgba(228, 34, 34, 1);
    padding: 10px 0;
    position: relative;
    color: #000;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.btn_circle_red a::after {
    position: absolute;
    display: block;
    content: ">";
    color: #e42246;
    top: 25%;
    right: 20px;
}
.btn_circle_red a:hover {
    display: block;
    transform: translate3d(0, 3px, 0);
    box-shadow: 0 0px 0 rgba(228, 34, 34, 1);
    text-decoration: none;
}
/*ボタン 四角赤*/
.btn_square_red {
    display: block;
}
.btn_square_red a {
    border-radius: 15px;
    display: block;
    width: 100%;
    border: solid 3px #e42246;
    box-shadow: 0 3px 0 rgba(228, 34, 34, 1);
    padding: 30px 0;
    position: relative;
    color: #000;
    font-size: 115%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.btn_square_red a::after {
    position: absolute;
    display: block;
    content: ">";
    color: #e42246;
    top: 34%;
    right: 20px;
}
.btn_square_red a:hover {
    /* display: block; */
    transform: translate3d(0, 3px, 0);
    box-shadow: 0 0px 0 rgba(228, 34, 34, 1);
    text-decoration: none;
}
@media screen and (max-width: 767px) {
    .btn_square_red a:hover {
        display: block;
    }
}
/*ボタン 四角青*/
.btn_square_blue {
    display: block;
}
.btn_square_blue a {
    display: block;
    border-radius: 15px;
    width: 100%;
    border: solid 3px #003894;
    box-shadow: 0 3px 0 rgba(2, 56, 148, 1);
    padding: 20px 0;
    position: relative;
    color: #000;
    font-weight: bold;
    font-size: 115%;
    text-align: center;
    text-decoration: none;
}
.btn_square_blue a::after {
    position: absolute;
    display: block;
    content: ">";
    color: #003894;
    top: 34%;
    right: 20px;
}
.btn_square_blue a:hover {
    box-shadow: 0 0px 0 rgba(0, 56, 56, 1);
    display: block;
    transform: translate3d(0, 3px, 0);
    text-decoration: none;
}
/*ボタン クルー*/
.crew a {
    background: url(../img/common/crew.png) no-repeat;
    background-size: contain;
    background-position: 20px 0;
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .crew:hover a {
        /*background: url(https://www.aleph-inc.co.jp/recruit/wp-content/themes/aleph-recruit/img/common/crew_hover.png) no-repeat;*/
        background-size: contain;
        background-position: 20px 0;
    }
}
@media screen and (max-width: 767px) {
    .crew a {
        background: url(../img/common/crew.png) no-repeat;
        background-size: contain;
        background-position: 10px 0;
    }
}
/*ボタン 灰丸*/
.btn_gray a {
    display: block;
    width: 100%;
    padding: 15px 0;
    background: #d9e1ef;
    color: #000;
    text-align: center;
    font-weight: bold;
    border-radius: 50px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
@media screen and (min-width: 768px) {
    .btn_gray a:hover {
        background: #0c4da1;
        color: #d9e1ef;
    }
}
@media screen and (max-width: 767px) {
    .btn_gray a {
    }
}

/*リスト*/
ul.dot li {
    position: relative;
    padding-left: 15px;
}
ul.dot li:before {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    content: "・";
}

ul.num_1 li {
    position: relative;
    padding-left: 25px;
}
ul.num_1 li::before {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
}
ul.num_1 li:nth-child(1)::before {
    content: "(1)";
}
ul.num_1 li:nth-child(2)::before {
    content: "(2)";
}
ul.num_1 li:nth-child(3)::before {
    content: "(3)";
}
ul.num_1 li:nth-child(4)::before {
    content: "(4)";
}
ul.num_1 li:nth-child(5)::before {
    content: "(5)";
}
ul.num_1 li:nth-child(6)::before {
    content: "(6)";
}
ul.num_1 li:nth-child(7)::before {
    content: "(7)";
}
ul.num_1 li:nth-child(8)::before {
    content: "(8)";
}
ul.num_1 li:nth-child(9)::before {
    content: "(9)";
}
ul.num_1 li:nth-child(10)::before {
    content: "(10)";
}
dl.normal {
    margin: 10px 0px;
}
dl.normal dt {
    font-weight: normal;
    margin-top: 10px;
}
span.money {
    display: inline-block;
    margin-left: 50px;
}
@media screen and (max-width: 767px) {
    span.money {
        display: inline-block;
        margin-left: 10px;
    }
}
/*============================================================================

		header

============================================================================*/
/*メニュー（青背景）*/
#overlay {
    width: 100%;
    background: none;
    color: #fff;
}
#overlay .fat-nav__wrapper {
    position: relative;
    padding-top: 100px;
    padding-bottom: 30px;
}
#overlay .fat-nav__wrapper ul {
    width: 60%;
    margin: 0px auto;
}
#overlay .fat-nav__wrapper li {
    border-top: 1px dashed #85a6d0;
    width: 100%;
}
#overlay .fat-nav__wrapper li:last-child {
    border-bottom: 1px dashed #85a6d0;
}
#overlay .fat-nav__wrapper li a {
    display: block;
    padding: 20px 0px;
    color: #fff;
    width: 100%;
    position: relative;
    text-decoration: none;
    font-size: 120%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
@media screen and (min-width: 768px) {
    #overlay .fat-nav__wrapper li a:hover {
        background: rgba(255, 255, 255, 0.2);
    }
}
#overlay .fat-nav__wrapper li a:before {
    position: absolute;
    content: ">";
    top: 20px;
    right: 15px;
}
#overlay #close {
    border-top: none;
    border-bottom: none;
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 500%;
    line-height: 100%;
    cursor: pointer;
}
#overlay #close span {
    display: block;
    font-size: 20%;
    line-height: 1.2;
}
@media screen and (max-width: 767px) {
    #overlay {
        width: 90%;
        height: 100%;
        background: none;
        color: #fff;
        margin: 30px 5%;
    }
    #overlay .fat-nav__wrapper {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #overlay .fat-nav__wrapper ul {
        width: 100%;
    }
    #overlay #close {
        border-top: none;
        border-bottom: none;
        position: absolute;
        top: 0;
        right: -15px;
        font-size: 400%;
        line-height: 100%;
        cursor: pointer;
    }
}

/*ヘッダー*/
header {
    position: relative;
}
header .logo_area {
    padding: 10px 20px 0px 20px;
}
header .logo_area a {
    display: inline-block;
    height: 70px;
}
header .logo_area a img {
    height: 100%;
}
header .btn_area ul {
    display: table;
    width: 85%;
    margin-left: 10%;
}
header .btn_area ul li {
    display: table-cell;
    width: 50%;
    padding: 10px 5px;
}
header .btn_area ul li a {
    display: block;
}
header .btn_area ul li span {
    display: block;
    width: 99px;
    height: 66px;
    padding: 10px;
    overflow: hidden;
    border: 2px solid;
    border-bottom: 2px solid;
    border-radius: 15px;
}
header .btn_area ul li span:hover {
    display: block;
    border-bottom: 2px solid;
    transform: translate3d(0, 2px, 0);
}
header .btn_area ul li.btn_entry span {
    border-color: #ffa600;
    box-shadow: 0 2px 0 rgba(255, 166, 166, 1);
}
header .btn_area ul li.btn_menu span {
    border-color: #003894;
    box-shadow: 0 2px 0 rgba(0, 56, 56, 1);
}
header .btn_area ul li.btn_entry span:hover {
    border-color: #ffa600;
    box-shadow: 0 0px 0 rgba(255, 166, 166, 1);
}
header .btn_area ul li.btn_menu span:hover {
    border-color: #003894;
    box-shadow: 0 0px 0 rgba(0, 56, 56, 1);
}
header .btn_area #btn {
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    header {
        position: fixed;
        background: #fff;
        z-index: 100;
        width: 100%;
    }
    header .inner_base {
        padding: 0 0;
        width: 94%;
        margin: 0 3%;
    }
    header .logo_area {
        padding: 5px 0px 5px 10px;
        height: 66px;
    }
    header .logo_area a {
        display: block;
        height: 60px;
    }
    header .btn_area {
        position: relative;
    }
    header .btn_area ul {
        display: none;
    }
    header .btn_area div#btn {
        position: absolute;
        top: 0;
        right: 3px;
        display: block;
        background: #0c4da1;
        color: #fff;
        font-size: 80%;
        height: 66px;
        width: 66px;
        padding: 9px 5px 5px;
        text-align: center;
    }
    header .btn_area div#btn span {
        display: block;
        border-bottom: 4px solid #fff;
        margin: 0px 10px 5px;
    }
}
/*============================================================================

		main_contents

============================================================================*/
/*アニメここから*/
.top_main_img img {
    width: auto;
}
.top_main_img {
    position: relative;
    height: 600px;
    background: #fafaf9;
    margin-top: 0px;
}
@media screen and (max-width: 767px) {
    .top_main_img {
        height: auto;
        margin-top: 0px;
    }
}
.top_main_img-bg01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background: url(../img/top/main_img_bg01.png) no-repeat center center;
    z-index: 10;
    opacity: 0;
    -webkit-animation: fadeInUp 1s ease 2.5s 1 forwards;
    animation: fadeInUp 1s ease 2.5s 1 forwards;
}
.top_main_img-bg02 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background: url(../img/top/main_img_bg02.png) no-repeat center center;
    z-index: 10;
    opacity: 0;
    -webkit-animation: fadeInUp 1s ease 3.2s 1 forwards;
    animation: fadeInUp 1s ease 3.2s 1 forwards;
}
.top_main_img-hand {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background: url(../img/top/main_img_hand.png) no-repeat center bottom;
    z-index: 5;
    opacity: 0;
    -webkit-animation: fadeIn 3s ease 0.5s 1 forwards;
    animation: fadeIn 3s ease 0.5s 1 forwards;
}
.top_main_img-maintitle {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 424px;
    height: 304px;
    margin-top: -152px;
    margin-left: -212px;
    z-index: 15;
    -webkit-animation: move_top 1s ease 8s 1 forwards;
    animation: move_top 1s ease 8s 1 forwards;
}
.top_main_img-maintitle .head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 0;
}
.top_main_img-maintitle .foot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 0;
}
.top_main_img-maintitle i {
    display: inline-block;
    position: relative;
    opacity: 0;
    -webkit-animation: fadeInDown 1.2s ease 4.3s 1 forwards;
    animation: fadeInDown 1.2s ease 4.3s 1 forwards;
}
.top_main_img-maintitle .head i:nth-child(2) {
    -webkit-animation: fadeInDown 1.2s ease 4.4s 1 forwards;
    animation: fadeInDown 1.2s ease 4.4s 1 forwards;
}
.top_main_img-maintitle .head i:nth-child(3) {
    -webkit-animation: fadeInDown 1.2s ease 4.5s 1 forwards;
    animation: fadeInDown 1.2s ease 4.5s 1 forwards;
}
.top_main_img-maintitle .head i:nth-child(4) {
    -webkit-animation: fadeInDown 1.2s ease 4.6s 1 forwards;
    animation: fadeInDown 1.2s ease 4.6s 1 forwards;
}
.top_main_img-maintitle .head i:nth-child(5) {
    -webkit-animation: fadeInDown 1.2s ease 4.7s 1 forwards;
    animation: fadeInDown 1.2s ease 4.7s 1 forwards;
}
.top_main_img-maintitle .foot i:nth-child(1) {
    -webkit-animation: fadeInDown 1.2s ease 4.8s 1 forwards;
    animation: fadeInDown 1.2s ease 4.8s 1 forwards;
}
.top_main_img-maintitle .foot i:nth-child(2) {
    -webkit-animation: fadeInDown 1.2s ease 4.9s 1 forwards;
    animation: fadeInDown 1.2s ease 4.9s 1 forwards;
}
.top_main_img-maintitle .foot i:nth-child(3) {
    -webkit-animation: fadeInDown 1.2s ease 5s 1 forwards;
    animation: fadeInDown 1.2s ease 5s 1 forwards;
}
.top_main_img-maintitle .foot i:nth-child(4) {
    -webkit-animation: fadeInDown 1.2s ease 5.1s 1 forwards;
    animation: fadeInDown 1.2s ease 5.1s 1 forwards;
}
.top_main_img-subtitle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 438px;
    height: 40px;
    margin-top: -22px;
    margin-left: -219px;
    z-index: 15;
    -webkit-animation: move_top 1s ease 8s 1 forwards;
    animation: move_top 1s ease 8s 1 forwards;
}
.top_main_img-subtitle i {
    display: block;
    float: left;
    position: relative;
    opacity: 0;
    -webkit-animation: fadeInLeft 0.8s ease 6s 1 forwards;
    animation: fadeInLeft 0.8s ease 6s 1 forwards;
}
.top_main_img-subtitle i:nth-child(2) {
    -webkit-animation: fadeInLeft 0.8s ease 6.1s 1 forwards;
    animation: fadeInLeft 0.8s ease 6.1s 1 forwards;
}
.top_main_img-subtitle i:nth-child(3) {
    -webkit-animation: fadeInLeft 0.8s ease 6.2s 1 forwards;
    animation: fadeInLeft 0.8s ease 6.2s 1 forwards;
}
.top_main_img-subtitle i:nth-child(4) {
    -webkit-animation: fadeInLeft 0.8s ease 6.3s 1 forwards;
    animation: fadeInLeft 0.8s ease 6.3s 1 forwards;
}
.top_main_img-subtitle i:nth-child(5) {
    -webkit-animation: fadeInLeft 0.8s ease 6.4s 1 forwards;
    animation: fadeInLeft 0.8s ease 6.4s 1 forwards;
}
.top_main_img-subtitle i:nth-child(6) {
    -webkit-animation: fadeInLeft 0.8s ease 6.5s 1 forwards;
    animation: fadeInLeft 0.8s ease 6.5s 1 forwards;
}
.top_main_img-subtitle i:nth-child(7) {
    -webkit-animation: fadeInLeft 0.8s ease 6.6s 1 forwards;
    animation: fadeInLeft 0.8s ease 6.6s 1 forwards;
}
.top_main_img-subtitle i:nth-child(8) {
    -webkit-animation: fadeInLeft 0.8s ease 6.7s 1 forwards;
    animation: fadeInLeft 0.8s ease 6.7s 1 forwards;
}
.top_main_img-subtitle i:nth-child(9) {
    -webkit-animation: fadeInLeft 0.8s ease 6.8s 1 forwards;
    animation: fadeInLeft 0.8s ease 6.8s 1 forwards;
}
.top_main_img-subtitle i:nth-child(10) {
    -webkit-animation: fadeInLeft 0.8s ease 6.9s 1 forwards;
    animation: fadeInLeft 0.8s ease 6.9s 1 forwards;
}
.top_main_img-logo {
    position: absolute;
    bottom: 80px;
    left: 50%;
    width: 232px;
    height: 72px;
    margin-left: -116px;
    z-index: 15;
    opacity: 0;
    -webkit-animation: fadeIn 2s ease 9s 1 forwards;
    animation: fadeIn 2s ease 9s 1 forwards;
}
.top_main_img-logo.logo50 {
    width: 280px;
    margin-left: -140px;
}
/*アニメここまで*/

.main_contents {
}
/*“ありがとう”を届ける人たちの1日*/
.crew_title {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 110px;
}
.crew_title img {
    margin: auto;
}
.crew_cont {
    padding-top: 50px;
}
.crew_cont ul {
    display: table;
    width: 90%;
    margin: 0 auto;
}
.crew_cont li {
    display: table-cell;
    width: 33.33333%;
    padding: 0 1%;
    position: relative;
}
.crew_cont .crew_pict {
    width: 80%;
    margin: 0 auto 25px;
}
.crew_cont .crew_pict a {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}
.crew_cont .crew_pict a .balloon {
    position: absolute;
    top: -50px;
    left: -50px;
    width: 158px;
    height: 140px;
    z-index: 5;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
@media screen and (min-width: 993px) {
    .crew_cont .crew_pict a:hover .balloon {
        width: 200px;
        height: 143px;
        top: -75px;
        left: -65px;
    }
}
.crew_cont .crew_pict .wrap_radius {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.crew_cont .crew_pict .wrap_radius .img {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.crew_cont .crew_pict .wrap_radius .img img {
    max-height: auto;
    max-width: auto;
    width: 100%;
}
.crew_cont .crew_pict .wrap_radius .text {
    width: 101%;
    height: 90px;
    font-size: 110%;
    font-weight: bold;
    line-height: 1.5;
    padding: 13px 0 0;
    background: #ff9b00;
    color: #fff;
    -webkit-font-smoothing: subpixel-antialiased;
    position: relative;
}
.wrap_radius .text:after {
    position: absolute;
    display: block;
    content: ">";
    height: 20px;
    width: 20px;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    font-size: 110%;
}
.wrap_radius .text span {
    display: block;
    font-size: 85%;
    padding-bottom: 5px;
}
.crew_cont li.inspection .wrap_radius .text {
    background: #ff9b00;
}
.crew_cont li.shop .wrap_radius .text {
    background: #51a700;
}
.crew_cont li.factory .wrap_radius .text {
    background: #0062c1;
}
@media screen and (max-width: 992px) {
    .crew_cont .crew_pict a .balloon {
        position: absolute;
        top: -50px;
        left: -50px;
        width: 120px;
        height: 116px;
        z-index: 5;
    }
    .crew_cont ul {
        display: table;
        width: 100%;
        margin: 0 auto;
    }
    .crew_cont .crew_pict {
        width: 90%;
    }
}
@media screen and (max-width: 767px) {
    .main_contents {
        padding-top: 65px;
    }
    .crew_cont {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .crew_title {
        margin-bottom: 35px;
    }
    .crew_cont ul {
        display: table;
        width: 100%;
        margin: 0 auto;
    }
    .crew_cont li {
        display: table;
        width: 100%;
        padding: 0 0%;
        margin-top: 20px;
        margin-bottom: 60px;
    }
    .crew_cont .crew_pict {
        width: 100%;
    }
    .crew_cont .crew_pict a .balloon {
        position: absolute;
        top: -45px;
        left: -20px;
        width: 138px;
        height: 140px;
        z-index: 5;
    }
    .crew_cont .crew_pict .wrap_radius .img {
        height: 180px;
        position: relative;
    }
    .crew_cont .crew_pict .wrap_radius .img img {
        position: absolute;
        left: 0;
        right: 0;
        top: 70px;
        bottom: 0;
        margin: auto;
    }
}

.crew_cont li div.btn_circle_red {
    width: 80%;
    margin: 0 auto 10px;
}
.crew_btn_area {
    display: block;
    width: 30%;
    height: 55px;
    margin: 30px auto 20px;
}
.crew_btn_area a {
    border-radius: 20px;
}
@media screen and (max-width: 992px) {
    .crew_btn_area {
        width: 50%;
    }
    .crew_cont li div.btn_circle_red {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .crew_btn_area {
        width: 100%;
        margin: -30px auto 20px;
    }
    .crew_cont li div.btn_circle_red {
        width: 100%;
        margin: 0 auto 10px;
    }
}

/*“アレフ”のことを知る*/
.aleph_cont {
    padding: 40px 0px 80px;
}
.aleph_cont ul {
    width: 100%;
    display: table;
    table-layout: fixed;
}
.aleph_cont ul li {
    width: 33.33333%;
    height: 230px;
    padding: 0 2%;
    display: table-cell;
}
.aleph_cont ul li a {
    display: block;
    width: 100%;
    height: 230px;
    border: solid 3px #0c4da1;
    box-shadow: 0 3px 0 rgba(12, 77, 161, 1);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.aleph_cont ul li a img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: auto;
}
.aleph_cont ul li a:hover {
    transform: translate3d(0, 3px, 0);
    box-shadow: 0 0px 0 rgba(0, 56, 148, 1);
    display: block;
}
.aleph_cont ul li a span {
    display: block;
    background: #0c4da1;
    border-radius: 50px;
    padding: 25px 0px;
    height: 70px;
    width: 70%;
    text-align: center;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    line-height: 130%;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-font-smoothing: subpixel-antialiased;
}
.aleph_cont ul li a span.line2 {
    padding: 13px 0px;
}
.aleph_cont ul li p {
    text-align: center;
    padding-top: 5px;
}
@media screen and (max-width: 767px) {
    .aleph_cont {
        padding: 15px 0px 20px;
    }
    .aleph_cont ul li {
        display: table;
        width: 100%;
        height: 180px;
        padding: 0 0%;
        margin-bottom: 10px;
    }
    .aleph_cont ul li a {
        height: 180px;
    }
}

/*採用で気になる事*/
.worry_cont {
    padding: 30px 0px 70px;
}
.worry_cont ul {
    width: 100%;
    display: table;
    table-layout: fixed;
}
.worry_cont ul li {
    width: 33.33333%;
    height: 210px;
    padding: 0 2%;
    display: table-cell;
}
.worry_cont ul li a {
    display: block;
    width: 100%;
    height: 210px;
    background: #fbfbfb;
    border: solid 3px #ff9b00;
    box-shadow: 0 3px 0 rgba(255, 155, 0, 1);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.worry_cont ul li a:hover {
    box-shadow: 0 0px 0 rgba(255, 155, 0, 1);
    transform: translate3d(0, 3px, 0);
    display: block;
}
.worry_cont ul li a img {
    position: absolute;
    /* 	top: 0; */
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: auto;
}
.worry_cont ul li a span {
    display: block;
    background: #ff9b00;
    border-radius: 50px;
    padding: 20px 0px;
    height: 60px;
    width: 70%;
    text-align: center;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    line-height: 130%;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-font-smoothing: subpixel-antialiased;
}
.worry_cont ul li p {
    text-align: center;
    padding-top: 5px;
}
@media screen and (max-width: 767px) {
    .worry_cont {
        padding: 15px 0px 20px;
    }
    .worry_cont ul li {
        display: table;
        width: 100%;
        height: 180px;
        padding: 0 0%;
        margin-bottom: 10px;
    }
    .worry_cont ul li a {
        height: 225px;
    }
}

/*一緒にアレフで働きませんか？*/
.join_us_cont {
    padding: 30px 0px 70px;
}
.join_us_cont ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}
.join_us_cont ul li {
    width: 25%;
    padding: 0 1%;
}
.join_us_cont ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-size: 120%;
    font-weight: bold;
    line-height: 130%;
    height: 100px;
}
@media screen and (max-width: 1000px) {
    .join_us_cont ul li {
        width: 50%;
    }
}
@media screen and (max-width: 767px) {
    .join_us_cont {
        padding: 15px 0px 20px;
    }
    .join_us_cont ul {
        display: table;
        table-layout: fixed;
    }
    .join_us_cont ul li {
        display: table;
        width: 100%;
        padding: 0 5%;
    }
    .join_us_cont ul li a {
        display: block;
        margin-bottom: 15px;
        height: auto;
    }
}

/* 口コミ投稿 */
.review_cont {
    margin-top: -60px;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .review_cont {
        margin-top: 0;
    }
}
/*新着情報*/
.information_bg {
    margin-top: 80px;
}
.information_cont {
    padding: 40px 0px 20px;
}
.information_cont h2 {
    text-align: center;
    margin-bottom: 20px;
}
.information_cont dl {
    display: table;
    width: 80%;
    margin: 0 auto 20px;
}
.information_cont dt,
.information_cont dd {
    display: table-cell;
}
.information_cont dt {
    width: 30%;
    color: #0c4da1;
}
.information_cont dd {
    width: 70%;
    font-weight: bold;
}
.information_cont dd a {
    color: #000;
}
.information_cont .btn_area {
    width: 40%;
    margin: 30px auto;
}
.information_cont .pagination {
    display: block;
    text-align: center;
    margin: 50px auto;
}
.information_cont .page-numbers {
    display: inline-block;
    width: 24px;
    text-align: center;
    border: 1px solid #0c4da1;
    color: #0c4da1;
    text-decoration: none;
}
.information_cont .page-numbers:hover {
    background: #0c4da1;
    color: #fff;
}
.information_cont .page-numbers.current {
    background: #0c4da1;
    color: #fff;
}
.information_cont .page-numbers.next {
    width: auto;
    border: none;
    padding-left: 10px;
}
.information_cont .page-numbers.prev {
    width: auto;
    border: none;
    padding-right: 10px;
}
.information_cont .page-numbers.next:hover,
.information_cont .page-numbers.prev:hover {
    background: none;
    color: #0c4da1;
}
.information_area p {
    display: block;
}
.information_area p a {
    display: inline;
    word-break: break-all;
}
@media screen and (max-width: 767px) {
    .information_bg {
        margin-top: 50px;
    }
    .information_cont {
        padding: 10px 0px 10px;
        margin-bottom: 0px;
    }
    .information_cont dl {
        display: table;
        width: 100%;
        margin: 0 auto 20px;
    }
    .information_cont dt,
    .information_cont dd {
        display: table;
        width: 100%;
        margin-bottom: 5px;
    }
    .information_cont .btn_area {
        width: 100%;
        margin: 20px auto;
    }
}
/*新着情報内部ページ用*/
.topics {
    text-align: center;
    margin: 40px auto;
}
.topics_title {
    color: #003894;
    font-size: 160%;
    font-weight: bold;
    margin: 25px 0px 40px;
}
span.date {
    background: #eee;
    border-radius: 20px;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 90%;
}
@media screen and (max-width: 767px) {
    .topics {
        text-align: center;
        margin: 10px auto;
    }
}
/*============================================================================

		footer

============================================================================*/
/*ついてくるボタン*/
.folow {
    display: none;
    position: fixed;
    bottom: 45%;
    right: -90px;
    z-index: 50;
}
.folow ul li {
    margin-bottom: 10px;
}
.folow ul li span {
    display: block;
    width: 180px;
    height: 68px;
    padding: 10px 25px 10px 10px;
    border: 2px solid;
    border-radius: 15px;
    background: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
.folow ul li:hover span {
    display: block;
    transform: translate3d(-15px, 0, 0);
}
.folow ul li span img {
    height: 100%;
}
.folow ul li.btn_entry span {
    border-color: #ff9b00;
}
.folow ul li.btn_entry:hover span {
    box-shadow: 0 0px 0 rgba(238, 108, 0, 1);
}
.folow ul li.btn_menu span {
    border-color: #0c4da1;
}
.folow ul li.btn_menu:hover span {
    box-shadow: 0 0px 0 rgba(12, 77, 161, 1);
}
.folow .btn_area #btn {
    cursor: pointer;
}
/*フッター*/
footer {
    border-top: 2px solid #0c4da1;
    padding: 20px 0;
}
footer .footer {
    display: block;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto 20px;
}
footer .footer span {
    float: right;
}
footer .footer #kankyo {
    float: left;
    cursor: pointer;
}
footer .footer #kankyo::before {
    display: inline-block;
    content: ">";
    color: #0c4da1;
    font-weight: bold;
    margin-right: 8px;
}
footer .footer .corplink {
    float: left;
    margin-left: 20px;
}
footer .footer .corplink a {
    color: #000;
}
footer .footer .corplink a:hover {
    color: #0c4da1;
    text-decoration: underline;
}
footer .footer .corplink::before {
    display: inline-block;
    content: ">";
    color: #0c4da1;
    font-weight: bold;
    margin-right: 8px;
}
@media screen and (max-width: 767px) {
    .folow ul li {
        display: none;
    }
    footer .footer {
        width: 100%;
        text-align: center;
        margin-bottom: 0;
    }
    footer .footer span {
        float: none;
        display: block;
        font-size: 1rem;
    }
    footer .footer #kankyo {
        float: none;
        font-size: 1.4rem;
        margin-bottom: 20px;
    }
    footer .footer .corplink {
        float: none;
        font-size: 1.4rem;
        margin-bottom: 20px;
    }
}

/*============================================================================

		固定ページ

============================================================================*/
.page .entry-title {
    display: none;
}

/*活躍する社員の紹介*/
.inner_base.staff_interview {
    margin-top: -40px;
}
#staff .crew_title {
    margin-bottom: 40px;
}
.crew_cont_both {
    position: relative;
    margin: -40px auto 0px;
}
.crew_cont_both:after {
    content: "";
    display: block;
    clear: both;
}
/*画面左側スタッフの画像*/
.crew_cont_both .left_fix {
    display: block;
    width: 40%;
    float: left;
    position: relative;
    overflow: hidden;
}
.crew_cont_both .left_fix #crew_pict {
    position: relative;
}
.crew_cont_both .right_text {
    display: block;
    width: 60%;
    float: left;
    padding: 0px 0px 0px 50px;
}
@media screen and (max-width: 767px) {
    .title_area.staff_interview img.sp {
        width: 60%;
        margin: 0px auto;
    }
    .crew_cont_both .left_fix {
        display: block;
        width: 100%;
        clear: both;
    }
    .crew_cont_both .right_text {
        display: block;
        width: 100%;
        padding: 0px 0px 0px 0px;
        clear: both;
    }
    .crew_cont_both .left_fix .crew_pict {
        overflow: hidden;
        width: auto;
        height: 300px;
        position: relative;
        margin: 0px -10px;
    }
    .title_underline_blue img.sp {
        width: 100%;
        margin: 0px auto;
    }
}
/*スタッフのプロフィール*/
.crew_cont_both .profile {
    border-top: 1px solid #0c4da1;
    border-bottom: 1px solid #0c4da1;
    padding: 20px 50px;
}
.crew_cont_both .profile h4 {
    font-size: 130%;
    font-weight: bold;
}
.crew_cont_both .profile h4 span {
    display: block;
    font-size: 70%;
    margin-bottom: 10px;
}
.crew_cont_both .profile h4 em {
    font-size: 70%;
    font-style: normal;
}
@media screen and (max-width: 767px) {
    .crew_cont_both .profile {
        padding: 15px 15px;
    }
}
.crew_cont_both .phase_area li {
    padding: 50px 0px 0px;
}
.crew_cont_both .phase_area li .phase_title {
    font-weight: bold;
    color: #0c4da1;
    font-size: 150%;
    padding-left: 20px;
    position: relative;
}
.crew_cont_both .phase_area li .phase_title:before {
    display: block;
    content: " ";
    position: absolute;
    width: 53px;
    height: 46px;
    top: -40px;
    left: -30px;
}
.crew_cont_both .phase_area li:nth-child(1) .phase_title:before {
    background: url(../img/staff/ico_phase01.png) no-repeat;
    background-size: contain;
}
.crew_cont_both .phase_area li:nth-child(2) .phase_title:before {
    background: url(../img/staff/ico_phase02.png) no-repeat;
    background-size: contain;
}
.crew_cont_both .phase_area li:nth-child(3) .phase_title:before {
    background: url(../img/staff/ico_phase03.png) no-repeat;
    background-size: contain;
}
.crew_cont_both .phase_area li:nth-child(4) .phase_title:before {
    background: url(../img/staff/ico_phase04.png) no-repeat;
    background-size: contain;
}
.crew_cont_both .phase_area .phase_title + p {
    padding: 40px;
    text-indent: 1em;
    background: #f0f0f0;
    border-radius: 20px;
    margin-top: -22px;
}
@media screen and (max-width: 767px) {
    .crew_cont_both .phase_area li .phase_title {
        padding-left: 40px;
    }
    .crew_cont_both .phase_area li .phase_title:before {
        top: -45px;
        left: 0px;
    }
    .crew_cont_both .phase_area .phase_title + p {
        padding: 20px 10px 20px 20px;
    }
}
/*仕事のお勧めポイント*/
.right_text .point_area {
    margin: 60px 40px;
}
.right_text .point_area:after {
    content: "";
    display: block;
    clear: both;
}
.right_text .point_area .point_title {
    width: 70%;
    clear: both;
    margin: 10px auto 0px;
}
.right_text .point_area .point_title:after {
    display: block;
    clear: both;
    content: "";
}
.right_text .point_area .point_title h6 {
    width: 80%;
    padding-right: 30px;
    float: left;
}
.right_text .point_area .point_title div.person {
    width: 20%;
    float: left;
}
.right_text .point_area .point_title div.person img {
    max-height: 100px;
}
.right_text .point_area .point_title + p {
    clear: both;
    width: 100%;
    margin: 10px auto 0px;
    line-height: 180%;
}
.right_text .btn_area {
    clear: both;
    width: 60%;
    margin: 10px auto;
}
@media screen and (max-width: 767px) {
    .right_text .point_area {
        margin: 30px 0px 20px;
    }
    .right_text .point_area .point_title {
        width: 100%;
    }
    .right_text .point_area .point_title h6 {
        width: 80%;
        padding-right: 0px;
        float: left;
    }
    .right_text .point_area .point_title div.person {
        width: 20%;
        float: left;
    }
    .right_text .point_area .point_title div.person img {
        height: auto;
    }
    .right_text .point_area .text {
        clear: both;
    }
    .right_text .btn_area {
        clear: both;
        width: 100%;
        margin: 10px auto;
    }
}
/*左側のスタッフ画像の止まる場所*/
#footer_fix {
    clear: both;
    margin: 100px auto 60px;
}
#footer_fix .title_area {
    display: none;
}
.other_crew_cont {
    padding: 0px 0;
}
#hidden {
    display: none;
}
#footer_fix #hidden {
    display: block;
}
/*他の社員の紹介*/
.other_crew_cont .other_crew_title {
    text-align: center;
    margin: 50px auto 40px;
}
.other_crew_cont .other_crew_title img {
    width: 361px;
}
.other_crew_cont > ul {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.other_crew_cont ul:after {
    display: block;
    clear: both;
    content: "";
}
.other_crew_cont > ul > li {
    display: block;
    float: left;
    width: 33.33333%;
    padding: 0 1% 52px;
}
.other_crew_cont .crew_pict {
    width: 80%;
    margin: 0 auto 25px;
}
.other_crew_cont .wrap_radius {
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.other_crew_cont .crew_pict .wrap_radius .img {
    height: 250px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.other_crew_cont .crew_pict .wrap_radius .img img {
    max-height: auto;
    max-width: auto;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    margin: auto;
}
.other_crew_cont .crew_pict .wrap_radius .text {
    width: 101%;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    -webkit-font-smoothing: subpixel-antialiased;
    position: relative;
}
.other_crew_cont .wrap_radius .text p {
    padding: 13px 0;
    height: 64px;
    background: #0062c1;
    display: block;
    margin: 0 0 0;
}
.other_crew_cont .crew_pict .wrap_radius .text:after {
    display: none;
}
.other_crew_cont .wrap_radius ul.other_link {
    width: 100%;
}
.other_crew_cont .wrap_radius ul.other_link li {
    border-top: 1px solid #fff;
}
.other_crew_cont .wrap_radius ul.other_link li a {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    text-decoration: none;
    position: relative;
    background: #0062c1;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
.other_crew_cont .wrap_radius ul.other_link li:nth-child(1) a {
    background: #003894;
}
.other_crew_cont .wrap_radius ul.other_link a:hover {
    opacity: 0.8;
}
.other_crew_cont .wrap_radius ul.other_link li a:after {
    display: block;
    position: absolute;
    content: ">";
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    height: 10px;
    line-height: 0.5;
}
@media screen and (max-width: 1247px) {
    .other_crew_cont .crew_pict .wrap_radius .img {
        height: 200px;
        width: 100%;
        overflow: hidden;
        position: relative;
    }
}
@media screen and (max-width: 992px) {
    .other_crew_cont ul {
        display: table;
        width: 100%;
        margin: 0 auto;
    }
    .other_crew_cont .crew_pict {
        width: 100%;
    }
    .other_crew_cont .crew_pict .wrap_radius .text {
        font-size: 100%;
    }
    .other_crew_cont .crew_pict .wrap_radius .img {
        height: 230px;
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .other_crew_cont .crew_pict .wrap_radius .img img {
        max-height: auto;
        max-width: auto;
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        top: 10px;
        bottom: 0;
        margin: auto;
    }
}
@media screen and (max-width: 767px) {
    .other_crew_cont > ul {
        width: 100%;
    }
    .other_crew_cont > ul > li {
        display: block;
        clear: both;
        width: 100%;
        padding: 0 0 0px;
    }
    .other_crew_cont .crew_pict {
        width: 100%;
        margin: 0 auto 25px;
    }
    .other_crew_cont .crew_pict .wrap_radius .img {
        height: 150px;
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .other_crew_cont .crew_pict .wrap_radius .img img {
        max-height: auto;
        max-width: auto;
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        top: 60px;
        bottom: 0;
        margin: auto;
    }
    #footer_fix {
        clear: both;
        margin: 0px auto 0px;
    }
}
@media screen and (min-width: 768px) {
    .inner_base.staff_interview {
        width: auto;
        margin: 0 0;
    }
    .crew_cont_both .right_text {
        padding: 0px 90px 0px 90px;
    }
}
.crew_pict {
    width: 100%;
    min-height: 100px;
    background: no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
@media screen and (max-width: 767px) {
    .crew_cont_both .right_text {
        padding: 0;
    }
    .crew_pict {
        background-position: center top;
    }
}
/*スタッフが増えたら増やす*/
.crew_pict.staff01 {
    background-image: url(../img/staff/staff01_catch_pict.png);
}
.crew_pict.staff02 {
    background-image: url(../img/staff/staff02_catch_pict.png);
}
.crew_pict.staff03 {
    background-image: url(../img/staff/staff03_catch_pict.png);
}
.crew_pict.staff04 {
    background-image: url(../img/staff/staff04_catch_pict.png);
}
.crew_pict.staff05 {
    background-image: url(../img/staff/staff05_catch_pict.png);
}
.crew_pict.staff06 {
    background-image: url(../img/staff/staff06_catch_pict.png);
}
.crew_pict.staff07 {
    background-image: url(../img/staff/staff07_catch_pict.png);
}
.crew_pict.staff08 {
    background-image: url(../img/staff/staff08_catch_pict.png);
}
.crew_pict.staff09 {
    background-image: url(../img/staff/staff09_catch_pict.png);
}
.crew_pict.staff10 {
    background-image: url(../img/staff/staff10_catch_pict.png);
}
.crew_pict.staff11 {
    background-image: url(../img/staff/staff11_catch_pict.png);
}
.crew_pict.staff12 {
    background-image: url(../img/staff/staff12_catch_pict.png);
}
.crew_pict.staff13 {
    background-image: url(../img/staff/staff13_catch_pict.png);
}
.crew_pict.staff14 {
    background-image: url(../img/staff/staff14_catch_pict.png);
}
.crew_pict.staff15 {
    background-image: url(../img/staff/staff15_catch_pict.png);
}
.crew_pict.staff16 {
    background-image: url(../img/staff/staff16_catch_pict.png);
}
.crew_pict.staff17 {
    background-image: url(../img/staff/staff17_catch_pict.png);
}
.crew_pict.staff18 {
    background-image: url(../img/staff/staff18_catch_pict.png);
}
.crew_pict.staff19 {
    background-image: url(../img/staff/staff19_catch_pict.png);
}
.crew_pict.staff20 {
    background-image: url(../img/staff/staff20_catch_pict.png);
}
.crew_pict.staff21 {
    background-image: url(../img/staff/staff21_catch_pict.png);
}
.crew_pict.staff22 {
    background-image: url(https://www.aleph-inc.co.jp/recruit/wp-content/themes/aleph-recruit/img/staff/staff22_catch_pict.png);
}
.crew_pict.staff23 {
    background-image: url(https://www.aleph-inc.co.jp/recruit/wp-content/themes/aleph-recruit/img/staff/staff23_catch_pict.png);
}
.crew_pict.staff24 {
    background-image: url(https://www.aleph-inc.co.jp/recruit/wp-content/themes/aleph-recruit/img/staff/staff24_catch_pict.png);
}
.crew_pict.staff25 {
    background-image: url(https://www.aleph-inc.co.jp/recruit/wp-content/themes/aleph-recruit/img/staff/staff25_catch_pict.png);
}
.crew_pict.staff26 {
    background-image: url(https://www.aleph-inc.co.jp/recruit/wp-content/themes/aleph-recruit/img/staff/staff26_catch_pict.png);
}
.crew_pict.staff27 {
    background-image: url(https://www.aleph-inc.co.jp/recruit/wp-content/themes/aleph-recruit/img/staff/staff27_catch_pict.png);
}
.crew_pict.staff28 {
    background-image: url(https://www.aleph-inc.co.jp/recruit/wp-content/themes/aleph-recruit/img/staff/staff28_catch_pict.png);
}
.crew_pict.staff29 {
    background-image: url(https://www.aleph-inc.co.jp/recruit/wp-content/themes/aleph-recruit/img/staff/staff29_catch_pict.png);
}
.crew_pict.staff30 {
    background-image: url(https://www.aleph-inc.co.jp/recruit/wp-content/themes/aleph-recruit/img/staff/staff30_catch_pict.png);
}

#interview_01 li.interview_01,
#interview_02 li.interview_02,
#interview_03 li.interview_03,
#interview_04 li.interview_04,
#interview_05 li.interview_05,
#interview_06 li.interview_06,
#interview_07 li.interview_07,
#interview_08 li.interview_08,
#interview_09 li.interview_09,
#interview_10 li.interview_10,
#interview_11 li.interview_11,
#interview_12 li.interview_12,
#interview_13 li.interview_13,
#interview_14 li.interview_14,
#interview_15 li.interview_15,
#interview_16 li.interview_16,
#interview_17 li.interview_17,
#interview_18 li.interview_18,
#interview_19 li.interview_19,
#interview_20 li.interview_20,
#interview_21 li.interview_21,
#interview_22 li.interview_22,
#interview_23 li.interview_23,
#interview_24 li.interview_24,
#interview_25 li.interview_25,
#interview_26 li.interview_26,
#interview_27 li.interview_27,
#interview_28 li.interview_28,
#interview_29 li.interview_29,
#interview_30 li.interview_30 {
    display: none;
}

/*1日の流れ*/
.staff_1day .face_area {
    position: relative;
    display: block;
    width: 800px;
    height: 300px;
    margin: 0 auto -10px;
}
.staff_1day .face_area:before {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 300px;
    width: 12px;
    background: #0c4da1;
}
.staff_1day .face_area .cercle {
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 250px;
    height: 250px;
    background: #fff;
    border-radius: 300px;
    border: 6px solid #0c4da1;
    overflow: hidden;
}
.staff_1day .face_area .cercle + h3 {
    float: right;
    width: 250px;
    font-size: 150%;
    font-weight: bold;
    margin-top: 110px;
}
.staff_1day .face_area .cercle + h3 span {
    display: block;
    font-size: 70%;
    margin-bottom: 10px;
}
.staff_1day .face_area .cercle + h3 em {
    font-size: 70%;
    font-style: normal;
}
.staff_1day .timeline {
    position: relative;
    display: block;
    width: 800px;
    margin: 0px auto;
}
.staff_1day .timeline:before {
    display: block;
    content: " ";
    clear: both;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 12px;
    background: #0c4da1;
}
.staff_1day .timeline.homecoming:before {
    background: none;
}
@media screen and (max-width: 800px) {
    .staff_1day .face_area {
        width: 100%;
    }
    .staff_1day .timeline {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .title_area.staff_1day img {
        width: 60%;
        margin: 0px auto;
    }
    .staff_1day .face_area {
        height: 160px;
    }
    .staff_1day .face_area:before {
        display: block;
        content: " ";
        position: absolute;
        top: 80px;
        bottom: 0;
        left: 19px;
        right: 0;
        margin: 0;
        height: 160px;
        width: 12px;
    }
    .staff_1day .timeline:before {
        display: block;
        content: " ";
        clear: both;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 19px;
        right: 0;
        margin: 0;
        width: 12px;
        background: #0c4da1;
    }
    .staff_1day .face_area .cercle {
        position: absolute;
        top: 0;
        bottom: auto;
        left: -4%;
        right: 0;
        margin: 0;
        width: 130px;
        height: 130px;
        border-radius: 300px;
        border: 6px solid #0c4da1;
        overflow: hidden;
    }
    .staff_1day .face_area .cercle + h3 {
        float: right;
        width: 50%;
        font-size: 150%;
        font-weight: bold;
        margin-top: 45px;
    }
}
/*時刻*/
.staff_1day .timeline h4 {
    height: 47px;
    padding: 20px 5px 5px;
    margin: 0 0 0 0;
    font-weight: bold;
    font-size: 150%;
    color: #0c4da1;
    text-align: right;
    border-bottom: 1px solid #0c4da1;
    clear: both;
}
.staff_1day .timeline h4 span {
    font-weight: normal;
    padding: 5px 10px;
    margin-top: -5px;
    font-size: 70%;
    color: #fff;
    background: #0c4da1;
    text-align: left;
    border-radius: 20px;
    display: block;
    float: left;
}
@media screen and (max-width: 767px) {
    .staff_1day .timeline h4 {
        height: 47px;
        padding: 20px 0px 5px 50px;
        font-weight: bold;
        font-size: 150%;
        color: #0c4da1;
        border-bottom: 1px solid #0c4da1;
        clear: both;
        text-align: left;
    }
    .staff_1day .timeline h4 span {
        font-weight: normal;
        padding: 5px 10px;
        margin-top: -2px;
        margin-right: 10px;
        font-size: 70%;
        color: #fff;
        background: #0c4da1;
        text-align: left;
        border-radius: 20px;
        display: block;
        clear: both;
    }
}
.staff_1day .timeline ul {
    clear: both;
    display: block;
    content: " ";
    padding: 20px 15px 0px;
    margin-bottom: 20px;
    min-height: 110px;
}
.staff_1day .timeline ul:after {
    clear: both;
    display: block;
    content: " ";
}
/*画像が左配置の時*/
.staff_1day .timeline ul.pict_right li {
    float: right;
    width: 50%;
    position: relative;
    min-height: 1em;
}
/*画像が右配置の時*/
.staff_1day .timeline ul.pict_left li {
    float: left;
    width: 50%;
    position: relative;
    min-height: 1em;
}
@media screen and (max-width: 767px) {
    .staff_1day .timeline ul {
        clear: both;
        display: block;
        content: " ";
        padding-top: 20px;
        min-height: 90px;
    }
    .staff_1day .timeline.homecoming ul {
        padding-top: 0px;
    }
    .staff_1day .timeline ul li:nth-child(2) {
        margin-bottom: 30px;
    }
    .staff_1day .timeline ul.pict_right li {
        clear: both;
        width: 100%;
        padding-left: 50px;
        position: relative;
    }
    .staff_1day .timeline ul.pict_left li {
        clear: both;
        width: 100%;
        padding-left: 50px;
        position: relative;
    }
}
.staff_1day .timeline ul.pict_left li div {
    position: absolute;
    width: 140%;
    right: 0px;
    top: 20px;
}
.staff_1day .timeline ul.pict_right li div {
    position: absolute;
    width: 140%;
    left: 0px;
    top: 20px;
}
@media screen and (max-width: 767px) {
    .staff_1day .timeline ul.pict_left li div {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }
    .staff_1day .timeline ul.pict_right li div {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }
}
.staff_1day .timeline ul.pict_right li span {
    display: table;
    margin-bottom: 10px;
    padding: 3px 10px;
    background: #e1e1e1;
    text-align: left;
}
.staff_1day .timeline ul.pict_left li span {
    display: table;
    margin-bottom: 10px;
    padding: 3px 10px;
    background: #e1e1e1;
    text-align: right;
    float: right;
}
.staff_1day .timeline ul span + br {
    display: block;
    height: 1px;
    width: 100%;
    content: "";
    clear: both;
}
@media screen and (max-width: 767px) {
    .staff_1day .timeline ul.pict_right li span {
        text-align: left;
        clear: both;
        float: none;
        display: table;
    }
    .staff_1day .timeline ul.pict_left li span {
        text-align: left;
        clear: both;
        float: none;
        display: table;
    }
    .staff_1day .timeline ul.lunch li span {
        margin-top: -20px;
        margin-bottom: 0px;
    }
    .staff_1day .timeline ul span + br {
        display: block;
        height: 1px;
        width: 100%;
        content: "";
        clear: both;
    }
}
.staff_1day .timeline ul.pict_right li img {
    width: 85%;
    margin-left: 15%;
}
.staff_1day .timeline ul.pict_left li img {
    width: 85%;
}
.staff_1day .timeline ul.pict_right.lunch li img {
    width: 43%;
    margin-left: 57%;
}
.staff_1day .timeline ul.pict_left.lunch li img {
    width: 43%;
    margin-right: 57%;
}
@media screen and (max-width: 767px) {
    .staff_1day .timeline ul.pict_right li img {
        width: 100%;
        margin-left: 0%;
    }
    .staff_1day .timeline ul.pict_left li img {
        width: 100%;
        margin-right: 0%;
    }
    .staff_1day .timeline ul.pict_right.lunch li img {
        width: 100%;
        margin-left: 0%;
        margin-bottom: 20px;
    }
    .staff_1day .timeline ul.pict_left.lunch li img {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }
}
.staff_1day .btn_area {
    width: 40%;
    margin: 40px auto 50px;
}
@media screen and (max-width: 767px) {
    .staff_1day .btn_area {
        width: 100%;
        margin: 40px auto 50px;
    }
}

/*社内部門紹介*/
.section_cont .section_title {
    text-align: center;
    color: #0c4da1;
    font-size: 160%;
    line-height: 180%;
}
.section_cont .main_img {
    text-align: center;
    margin: 50px auto;
}
.section_list ul {
    clear: both;
    padding: 0px 20px 30px;
}
.section_list ul:after {
    display: block;
    clear: both;
    content: "";
}
.section_list ul li {
    float: left;
    width: 33.33333%;
    padding: 30px 30px;
}
.section_list ul li:nth-child(3n + 1) {
    clear: both;
}
.section_list ul li.main_section {
    background: #f2f5fa;
}
.section_list ul li h5 {
    font-size: 150%;
    font-weight: bold;
    color: #0c4da1;
}
@media screen and (max-width: 767px) {
    .section_cont .section_title {
        font-size: 120%;
    }
    .section_list ul {
        padding: 0px;
    }
    .section_list ul li {
        clear: both;
        width: 100%;
        padding: 15px 20px;
    }
    .section_cont .main_img {
        text-align: center;
        margin: 20px auto 40px;
    }
}

/*アレフについて*/
.about_main_img {
    margin-top: -40px;
}
.about_main_img img {
    width: 100%;
}
.about_title {
    text-align: center;
    font-weight: bold;
    color: #0c4da1;
    font-size: 160%;
    margin: 50px auto 30px;
}
/*会社概要*/
.about_chronology {
    margin: 0 auto 20px;
}
.about_chronology:after {
    display: block;
    content: "";
    clear: both;
}
.about_chronology ul {
    display: block;
    width: 70%;
    float: left;
}
.about_chronology div.chronology_img {
    display: block;
    width: 30%;
    float: left;
}
.about_chronology div.chronology_img p {
    font-size: 80%;
    text-align: right;
}
.about_capital {
    clear: both;
    padding-top: 30px;
    margin-bottom: 100px;
    border-top: 2px solid #000;
}
.about_chronology li,
.about_capital li {
    margin: 0 auto 10px;
}
.about_chronology dl,
.about_capital dl {
    display: table;
    width: 100%;
}
.about_chronology dt {
    display: table-cell;
    width: 35%;
    color: #0c4da1;
}
.about_chronology dd {
    display: table-cell;
    width: 65%;
    padding-right: 10px;
}
.about_capital dt {
    display: table-cell;
    width: 15%;
    color: #0c4da1;
}
.about_capital dd {
    display: table-cell;
    width: 85%;
}
.about_capital .btn_area {
    width: 40%;
    margin: 40px auto 20px;
}
@media screen and (max-width: 767px) {
    .about_chronology {
        margin: 0 auto 0px;
    }
    .about_capital {
        margin-bottom: 80px;
    }
    .about_chronology dt,
    .about_capital dt {
        display: table;
        width: 100%;
    }
    .about_chronology dd,
    .about_capital dd {
        display: table;
        width: 100%;
        padding-right: 0px;
    }
    .about_capital .btn_area {
        width: 100%;
        margin: 40px auto 20px;
    }
    .about_chronology ul {
        display: block;
        width: 100%;
        clear: both;
    }
    .about_chronology div.chronology_img {
        display: block;
        width: 100%;
        clear: both;
        margin-bottom: 20px;
    }
    .about_chronology div.chronology_img img {
        width: 100%;
        margin-bottom: 5px;
    }
}
.about_name {
    margin: 0 auto 100px;
}
.about_name div img {
    width: 40%;
}
.about_name p {
    margin: 30px 0px 0px;
    line-height: 180%;
    font-size: 105%;
}

.about_name img.phoenicia {
    display: inline-block;
    width: 15px;
    vertical-align: text-bottom;
}

@media screen and (max-width: 767px) {
    .about_name {
        margin: 0 auto 80px;
    }
    .about_name div img {
        width: 80%;
    }
}
.shop_list {
    margin: 0 auto 100px;
}
.shop_list:after {
    display: block;
    content: "";
    clear: both;
}
.shop_list ul {
    table-layout: fixed;
    margin: 0 auto 100px;
}
.shop_list ul li {
    width: 33.3333%;
    float: left;
}
.shop_list li div {
    border: 1px solid #0c4da1;
    margin: 10px;
}
.shop_list li div span {
    background: #0c4da1;
    color: #fff;
    text-align: center;
    display: block;
    height: 27px;
    padding: 3px 0px;
}
.shop_list ul li:nth-child(3n + 1) {
    clear: both;
}
@media screen and (max-width: 767px) {
    .shop_list {
        margin: 0 auto 80px;
    }
    .shop_list ul li {
        width: 50%;
        float: left;
    }
    .shop_list ul li:nth-child(2n + 1) {
        clear: both;
        float: left;
    }
    .shop_list ul li:nth-child(3n + 1) {
        clear: none;
        float: left;
    }
    .shop_list ul li:nth-child(2n + 0) div {
        margin: 5px 0 5px 5px;
    }
    .shop_list ul li:nth-child(2n + 1) div {
        margin: 5px 5px 5px 0;
    }
    .shop_list li div span {
        font-size: 80%;
    }
}
.shop_list_cooperate {
    clear: both;
}
.shop_list_cooperate:after {
    display: block;
    content: "";
    clear: both;
}
.shop_list_cooperate ul {
    table-layout: fixed;
    margin: 0 auto 100px;
}
.shop_list_cooperate ul:after {
    display: block;
    content: "";
    clear: both;
}
.shop_list_cooperate ul li {
    width: 50%;
    float: left;
}
.shop_list_cooperate ul li:nth-child(2n + 1) {
    clear: both;
}
.shop_list_cooperate ul li a {
    display: block;
    margin: 10px 60px;
}
@media screen and (max-width: 767px) {
    .shop_list_cooperate ul {
        margin: 0 auto 80px;
    }
    .shop_list_cooperate ul li {
        width: 50%;
        float: left;
    }
    .shop_list_cooperate ul li a {
        margin: 10px 10px;
    }
    .shop_list_cooperate ul li:nth-child(2n + 1) {
        clear: both;
        float: left;
    }
    .shop_list_cooperate ul li:nth-child(3n + 1) {
        clear: none;
        float: left;
    }
}

/*募集要項*/
.recruit_list {
    margin: 0px auto 100px;
    clear: both;
}
.recruit_list ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.recruit_list ul li {
    display: table-cell;
    width: 33.3333%;
    padding: 0px 20px;
    font-size: 140%;
}
.recruit_list ul li p {
    color: #fff;
    background: #003894;
    text-align: center;
    font-size: 60%;
    margin-top: 20px;
    padding: 3px 0px;
}
.btn_square_blue.recruit a {
    padding: 80px 0px;
    border-color: #003894;
    color: #003894;
    box-shadow: 0 3px 0 rgba(0, 56, 148, 1);
}
.btn_square_blue.recruit a:hover {
    box-shadow: 0 0px 0 rgba(0, 56, 148, 1);
    transform: translate3d(0, 2px, 0);
}
.btn_square_blue.recruit a::after {
    top: 40%;
    right: 10px;
}
@media screen and (max-width: 992px) {
    .btn_square_blue.recruit a {
        padding: 80px 0px;
    }
    .btn_square_blue.recruit a::after {
        top: 40%;
        right: 10px;
    }
}
@media screen and (max-width: 767px) {
    .recruit_list ul li {
        display: table;
        width: 100%;
        padding: 0px 0px;
        margin-bottom: 20px;
    }
    .btn_square_blue.recruit a {
        padding: 50px 0px;
    }
    .btn_square_blue.recruit a::after {
        top: 37%;
        right: 20px;
    }
}

/*新卒採用情報*/
.recruit_newgrad h3 {
    text-align: center;
    color: #0c4da1;
    font-size: 160%;
    margin-bottom: 40px;
}
.table_blue {
    width: 100%;
}
.table_blue tr {
    border: 1px solid #000;
}
.table_blue th {
    padding: 30px 30px;
    width: 20%;
    background: #0c4da1;
    color: #fff;
    font-weight: normal;
}
.table_blue td {
    padding: 10px 20px;
}
.recruit_newgrad .btn_area {
    display: table;
    width: 100%;
    margin: 30px auto;
}
.recruit_newgrad .btn_area li {
    display: table-cell;
    width: 50%;
    padding: 0px 30px;
}
.recruit_newgrad .btn_area.col3 li {
    display: table-cell;
    width: 33.333%;
    padding: 0px 20px;
}
.recruit_newgrad .btn_area.col3 li a {
    font-size: 100%;
}
.recruit_newgrad .btn_area.flex_col2,
.recruit_newgrad {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 25px 20px;
}
.recruit_newgrad .btn_area.flex_col3 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 25px 20px;
}
.recruit_newgrad .btn_area.flex_col2 li {
    width: calc(50% - 10px);
    padding: 0;
}
.recruit_newgrad .btn_area.flex_col3 li {
    width: calc(33.333% - 13.33px);
    padding: 0;
}
.recruit_newgrad .btn_area.flex_col2 li div,
.recruit_newgrad .btn_area.flex_col3 li div {
    height: 100%;
}
.recruit_newgrad .btn_area.flex_col2 li a,
.recruit_newgrad .btn_area.flex_col3 li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
@media screen and (max-width: 767px) {
    .table_blue th,
    .table_blue td {
        display: block;
        width: 100%;
    }
    .table_blue th {
        padding: 10px 20px;
    }
    .recruit_newgrad .btn_area {
        display: table;
        width: 100%;
        margin: 30px auto;
    }
    .recruit_newgrad .btn_area li,
    .recruit_newgrad .btn_area.col3 li {
        display: table;
        width: 100%;
        padding: 0px 0px;
        margin-bottom: 10px;
    }
    .recruit_newgrad .btn_area.flex_col2,
    .recruit_newgrad .btn_area.flex_col3 {
        gap: 10px;
    }
    .recruit_newgrad .btn_area.flex_col2 li,
    .recruit_newgrad .btn_area.flex_col3 li {
        width: 100%;
    }
}

/*中途採用情報*/
.recruit_career h3 {
    text-align: center;
    color: #0c4da1;
    font-size: 160%;
    margin-bottom: 40px;
}
.recruit_career p {
    text-align: center;
    margin: 200px auto;
}

/*採用の流れ*/
.step h3 {
    text-align: center;
    color: #0c4da1;
    font-size: 150%;
    font-weight: bold;
    z-index: 10;
    position: relative;
}
.step h3 span {
    font-size: 130%;
}
.step p {
    background: #f0f0f0;
    text-align: center;
    padding: 35px 10px 30px;
    margin: -25px auto 30px;
    font-weight: bold;
}
.flow .step li {
    position: relative;
    padding-bottom: 20px;
}
.flow .step li:after {
    position: absolute;
    display: block;
    content: "";
    bottom: 6px;
    left: 0;
    right: 0;
    margin: auto;
    width: 15px;
    height: 15px;
    border-right: 3px solid #0c4da1;
    border-bottom: 3px solid #0c4da1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.flow .step li:last-child::after {
    display: none;
}
.flow .step li a {
    display: block;
    margin-top: 15px;
}
.flow .step li p span {
    font-weight: normal;
}
.flow .step li p.col2 {
    float: left;
    width: 50%;
    padding: 50px;
}
.flow .step_item_flex {
    display: inline-flex;
    flex-wrap: wrap;
    background-color: #f0f0f0;
    margin: -25px 0 30px;
}
.flow .step_item_flex .col2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .flow .step li p span {
        text-align: left;
        display: block;
    }
    .flow .step li p.col2 {
        float: none;
        display: block;
        width: 100%;
        padding: 50px;
    }
}

/*採用の流れ*/
.benefit .step li {
    padding-bottom: 15px;
    line-height: 190%;
}
.benefit .step p {
    font-weight: normal;
    text-align: left;
    padding: 35px 30px 30px;
    display: table;
    width: 100%;
}
.benefit .step p .link_txt {
    display: block;
    text-align: right;
}
.benefit .step p span {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}
.benefit .step p span:last-child {
    text-align: right;
}
.benefit .step p span img {
    height: 100px;
    padding-right: 20px;
}
.benefit .other_bene {
    text-align: center;
    font-size: 130%;
    font-weight: bold;
    line-height: 200%;
    color: #0c4da1;
    margin-bottom: 60px;
}
.benefit .other_bene span {
    font-size: 70%;
    font-weight: normal;
    color: #000;
    margin-top: 0px;
    display: block;
}
@media screen and (max-width: 767px) {
    .benefit .step p span {
        display: table;
        vertical-align: top;
        width: 100%;
    }
    .benefit .step p span:last-child {
        text-align: center;
        margin-top: 20px;
    }
    .benefit .step p span img {
        height: 80px;
        padding-right: 20px;
    }
    .benefit .other_bene {
        font-size: 130%;
        line-height: 180%;
    }
}

/*採用実績*/
.txt_notes {
    font-size: 1.2rem;
    display: flex;
}
.txt_notes::before {
    content: "※";
}

.record_inner_box {
    padding-bottom: 45px;
}
.record_graf h3 {
    text-align: center;
    color: #0c4da1;
    font-size: 160%;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 1.4;
}
.record_graf .graf_number,
.record_graf .graf_turnover,
.record_graf .graf_childcare_leave {
    padding-top: 40px;
    padding-bottom: 60px;
}
.record_graf .graf_number:after,
.record_graf .graf_turnover:after,
.record_graf .graf_childcare_leave:after {
    display: block;
    clear: both;
    content: "";
}
.record_graf .graf_number div {
    text-align: center;
}
.record_graf .graf_turnover ul {
    display: table;
    width: 100%;
}
.record_graf .graf_turnover ul li {
    display: table-cell;
    width: 25%;
    padding: 0 15px;
    text-align: center;
}
.record_graf .graf_turnover li span {
    display: block;
    border-top: 1px solid #000;
    padding: 10px 0px 0px;
}
.record_graf .graf_turnover li p {
    display: block;
    border-bottom: 1px solid #000;
    padding: 0px 0px 10px;
    font-size: 160%;
    font-weight: bold;
}
.record_graf .graf_turnover li p em {
    font-size: 80%;
    font-style: normal;
}
.record .normalization_table th {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
}
/*3カラム版*/
.record_graf .graf_service_years.colm_3,
.record_graf .graf_turnover.colm_3,
.record_graf .graf_overtime.colm_3 {
    float: left;
    width: 33.33333%;
    padding-top: 40px;
    padding-bottom: 60px;
}
.record_graf .graf_service_years.colm_3 div,
.record_graf .graf_overtime.colm_3 div {
    padding: 24px 0px 23px;
}
@media screen and (max-width: 767px) {
    .record_graf .graf_number,
    .record_graf .graf_turnover,
    .record_graf .graf_childcare_leave {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .record_graf .graf_turnover ul li {
        display: table;
        width: 100%;
        margin-bottom: 10px;
        padding: 0 0;
    }
    .record_graf .graf_turnover li p {
        display: block;
        border-bottom: 1px solid #000;
        padding: 0px 0px 10px;
        font-size: 130%;
        font-weight: bold;
    }
    .record_graf .graf_service_years {
        float: none;
        width: 100%;
        margin-top: 40px;
        padding-top: 0px;
        padding-bottom: 30px;
    }
    .record_graf .graf_overtime {
        float: none;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 30px;
    }
    .record_graf .graf_service_years div,
    .record_graf .graf_overtime div {
        margin: 0px 0px;
    }
    .record_graf .graf_childcare_leave div {
        text-align: left;
        /* margin-bottom: 0px; */
    }
    .record_graf .graf_childcare_leave img {
        margin: 40px auto 10px;
        display: block;
    }
    .record_graf .graf_childcare_leave {
        margin-bottom: 40px;
    }
    /*3カラム版*/
    .record_graf .graf_turnover.colm_3 {
        float: none;
        clear: both;
        width: 100%;
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .record_graf .graf_service_years.colm_3,
    .record_graf .graf_overtime.colm_3 {
        float: none;
        clear: both;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 40px;
    }
    .record_graf .graf_service_years.colm_3 div,
    .record_graf .graf_overtime.colm_3 div {
        padding: 10px 0px 10px;
    }
    .record_graf .graf_turnover.colm_3 li p {
        font-size: 160%;
    }
}

/*研修制度*/
.training {
    padding-bottom: 50px;
}
.training .menu {
}
.training .menu ul {
    width: 100%;
    display: table;
    table-layout: fixed;
}
.training .menu ul li {
    width: 33.33333%;
    padding: 0 2%;
    display: table-cell;
}
.training .menu ul li a {
    display: block;
    width: 100%;
    /* 	height: 50px; */
    border: solid 3px #0c4da1;
    box-shadow: 0 3px 0 rgba(12, 77, 161, 1);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 15px;
    color: #000;
    font-weight: bold;
    font-size: 120%;
}
.training .menu ul li a:hover {
    display: block;
    transform: translate3d(0, 3px, 0);
    box-shadow: 0 0px 0 rgba(228, 34, 34, 1);
    text-decoration: none;
}

.training dt {
    padding: 0 30px 20px;
    line-height: 180%;
    font-weight: normal;
}
.training dt h3 {
    color: #0c4da1;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin: 60px auto 30px;
}
.training dt h3 span {
    display: block;
    font-size: 24px;
    margin-top: 10px;
}
.training_list li {
    width: 100%;
    background: #f0f0f0;
    font-weight: bold;
    clear: both;
    padding: 10px;
}
.training_list li:nth-child(odd) {
    background: #fafafa;
}
.training_list li .training_list_left {
    float: left;
    width: 28%;
    padding: 10px 20px;
    color: #0c4da1;
    font-size: 15px;
}
.training_list li .training_list_left span {
    color: #fff;
    background: #0c4da1;
    padding: 4px 6px;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 1;
    display: inline-block;
}
.training_list li .training_list_right {
    float: left;
    font-weight: normal;
    width: 72%;
    padding: 10px 20px;
    line-height: 180%;
}
@media screen and (max-width: 767px) {
    .training .menu ul li {
        width: 100%;
        display: block;
        margin-bottom: 8px;
    }
    .training_list li .training_list_left {
        float: none;
        width: 100%;
    }
    .training_list li .training_list_right {
        float: none;
        width: 100%;
    }
}

/*職場環境向上の取り組み モーダル*/
.kankyo_modal.remodal {
    max-width: 760px;
}
.kankyo_modal .fat-nav__wrapper {
    background: #fff;
    color: #000;
    padding: 30px 60px !important;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    text-align: left;
}
.kankyo_modal .fat-nav__wrapper h2 {
    font-weight: bold;
    color: #0c4da1;
    text-align: center;
    font-size: 2.6rem;
    margin-bottom: 20px;
}
.kankyo_modal .fat-nav__wrapper p.kankyo_txt {
    margin-bottom: 20px;
}
.kankyo_modal .fat-nav__wrapper ul.kankyo_list {
    width: 100% !important;
}
.kankyo_modal .fat-nav__wrapper ul.kankyo_list li {
    border: none !important;
    margin-bottom: 1.5em;
}
.kankyolist_left {
    float: left;
    width: 30%;
    color: #0c4da1;
    font-size: 1.5rem;
    font-weight: bold;
}
.kankyolist_right {
    float: left;
    width: 70%;
    padding-left: 20px;
    font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
    #overlay.kankyo_modal #close {
        right: 5px;
    }
    .kankyo_modal .fat-nav__wrapper {
        padding: 18px !important;
        line-height: 160%;
    }
    #overlay.kankyo_modal {
        width: 98%;
        height: 100%;
        background: none;
        color: #fff;
        margin: 30px 1%;
    }
    .kankyo_modal .fat-nav__wrapper h2 {
        font-size: 2rem;
    }
    .kankyo_modal .fat-nav__wrapper ul.kankyo_list li {
        border: 1px dotted #0c4da1;
        margin-bottom: 1.5em;
    }
    .kankyolist_left {
        float: none;
        width: 100%;
    }
    .kankyolist_right {
        float: none;
        width: 100%;
        padding-left: 0;
    }
}

/*============================================================================

		chart.js

============================================================================*/
.normalization .page_section_bg.bg_01 {
    background-image: url(https://www.aleph-inc.co.jp/recruit/wp-content/themes/aleph-recruit/img/company/normalization/ph_main04.jpg);
    background-position: center bottom;
}

.normalization hr {
    margin: 50px auto;
}

.normalization hr.mt_0 {
    margin: 0 auto 50px;
}
.normalization_intro {
    margin-bottom: 30px;
}
.normalization_colour_coded {
    display: flex;
}

.normalization_colour_coded .color_item {
    font-size: 1.4rem;
    font-weight: bold;
    margin-right: 15px;
    margin-bottom: 20px;
}

.normalization_colour_coded .block_color01 {
    background-color: #5ab16b;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    transform: translateY(2px);
}
.normalization_colour_coded .block_color02 {
    background-color: #e1b363;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    transform: translateY(2px);
}

.normalization_list .childcare_title {
    transform: translateX(18px);
}

@media (min-width: 768px) {
    .normalization_list .childcare_title {
        transform: translateX(22px);
    }
}

.normalization_list_chart {
    margin-bottom: 15px;
}
.normalization_list_chart.wide {
    padding: 0 5px;
}
.normalization_list_title {
    border-bottom: 1px solid #666666;
    font-size: 1.8rem;
    vertical-align: middle;
    margin-bottom: 20px;
}

.normalization_list_title.no_border {
    border-bottom: none;
    text-align: center;
    margin-top: 10px;
}
.normalization_list_title strong {
    display: inline-block;
    position: relative;
    top: -1px;
    font-size: 3rem;
    font-weight: 500;
    margin-right: 17px;
    color: #003894;
    /* 	font-family: 'Noto Sans Japanese', sans-serif; */
    font-family: "Rounded Mplus 1c", sans-serif;
}
.normalization_list_chart {
    padding: 0 20px;
    text-align: center;
}
.normalization_percent {
    color: #003894;
    text-align: center;
    padding: 0 30px;
    margin-bottom: 30px;
    /* 	font-family: 'Noto Sans Japanese', sans-serif; */
    font-family: "Rounded Mplus 1c", sans-serif;
}
.normalization_percent dt {
    border-bottom: 1px solid #003894;
    font-size: 3.1rem;
    line-height: 1;
    padding-bottom: 10px;
}
.normalization_percent dt span {
    font-size: 6.2rem;
    font-weight: bold;
    letter-spacing: -0.05em;
}
.normalization_percent dd {
    font-size: 2.3rem;
    line-height: 1.5;
    padding-top: 10px;
    margin-left: 10px;
    font-weight: bold;
}
.normalization_annotation.last {
    margin-top: 30px;
    margin-bottom: 50px;
}
.normalization_table {
    width: 100%;
    margin-bottom: 10px;
}

/* .normalization_table tbody {
    display: table !important;
    width: 100%;
} */

.normalization_table td {
    text-align: left;
    font-size: 1.2rem;
}

.normalization_table th,
.normalization_table td {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: left;
    font-size: 1.5rem;
}
.normalization_table th {
    background-color: #f8f8f8;
}

.page_table_base {
    table-layout: fixed;
    width: 100%;
}
.page_table_base th,
.page_table_base td {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: left;
}
.page_table_base th {
    background-color: #f8f8f8;
}

.normalization_list_col {
    margin-bottom: 30px;
}

.normalization_list_full {
    width: 100%;
}
@media (max-width: 767px) {
    .normalization_table th,
    .normalization_table td {
        padding: 10px;
        margin-top: -1px;
    }
    .normalization_table td {
        margin-bottom: 10px;
    }

    .page_table_base th,
    .page_table_base td,
    .page_table_base tbody,
    .page_table_base tr {
        display: block;
        width: 100%;
    }
    .page_table_base th,
    .page_table_base td {
        padding: 10px;
        margin-top: -1px;
    }
    .page_table_base td {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .normalization hr {
        margin: 60px auto;
    }
    .normalization hr.mt_0 {
        margin: 0 auto 60px;
    }
    .normalization_intro {
        margin-bottom: 50px;
        text-align: center;
    }
    .normalization_body {
        margin-top: 50px;
    }
    .normalization_list:after {
        content: "";
        display: block;
        clear: both;
    }
    .normalization_list_chart {
        margin-bottom: 0px;
    }

    .normalization_list.col4 {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% + 34px);
        width: -webkit-calc(100% + 34px);
        width: -moz-calc(100% + 34px);
        width: -ms-calc(100% + 34px);
        margin: 0 -17px;
    }
    .normalization_list.col4 .normalization_list_col {
        display: block;
        width: 25%;
        float: left;
        padding: 0 17px 70px;
    }
    .normalization_list.col3 {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% + 34px);
        width: -webkit-calc(100% + 34px);
        width: -moz-calc(100% + 34px);
        width: -ms-calc(100% + 34px);
        margin: 0 -17px;
    }
    .normalization_list.col3 .normalization_list_col {
        display: block;
        width: 33.333333%;
        float: left;
        padding: 0 17px 70px;
    }
    .normalization_list.col2 {
        display: flex;
        flex-wrap: wrap;
        /* width: calc(66.666666% + 34px);
        width: -webkit-calc(66.666666% + 34px);
        width: -moz-calc(66.666666% + 34px);
        width: -ms-calc(66.666666% + 34px); */
        margin: 0 auto;
    }
    .normalization_list.col2 .normalization_list_col {
        display: block;
        width: 50%;
        float: left;
        padding: 0 10px 50px;
    }
    /* .normalization_colour_coded {
        width: calc(66.666666% + 34px);
        margin: 0 auto;
    } */
    .normalization_annotation {
        text-align: center;
    }
    .normalization_annotation.last {
        margin-top: 0;
        margin-bottom: 70px;
    }
    .normalization_list.col1 {
        padding-bottom: 50px;
    }
    .normalization_list_title {
        margin-bottom: 40px;
        padding-bottom: 10px;
        text-align: center;
    }
    .normalization_list_title.no_border {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .normalization_list_title strong {
        display: block;
        margin-right: 0;
        line-height: 1.2;
    }
    .normalization_col1_wrap {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    .normalization_percent {
        display: table-cell;
        width: 25%;
        vertical-align: middle;
        padding: 0 20px;
        margin-bottom: 0;
    }
    .normalization_glafman {
        display: table-cell;
        width: 75%;
        padding: 0 20px;
        vertical-align: middle;
    }
    .normalization_table .page_table_base th {
        width: 180px;
    }
}
@media (min-width: 992px) {
    .normalization_list_title {
        margin-bottom: 40px;
        padding-bottom: 0;
        text-align: left;
    }
    .normalization_list_title strong {
        display: inline-block;
        margin-right: 17px;
        line-height: 1.8;
    }
    .normalization_table_wrap {
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
    }
    .normalization_table {
        margin: 0 auto 20px;
    }
}

.chart_wrap {
    position: relative;
    width: 100%;
}
.chart_wrap:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.chart_wrap span {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.chart_wrap .doughnut canvas {
    width: 100%;
    height: 100%;
}
.chart_wrap .percent img {
    position: absolute;
    width: 55%;
    height: 55%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.chart_wrap .percent_num {
    position: absolute;
    width: 55%;
    height: 32%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #003894;
    /* 	font-family: 'Noto Sans Japanese', sans-serif; */
    font-family: "Rounded Mplus 1c", sans-serif;
    font-size: 2.1rem;
}
.chart_wrap .percent_num em {
    font-size: 5rem;
    font-weight: bold;
    font-style: normal;
}

.glafman_wrap {
    width: 100%;
    overflow: hidden;
}
.glafman_wrap:after {
    content: "";
    display: block;
    clear: both;
}
.glafman_wrap li {
    display: block;
    width: 4%;
    float: left;
    list-style: none;
    padding: 5px 2px 0;
}
@media (min-width: 768px) {
    .glafman_wrap li {
        padding: 10px 3px 0;
    }
}
.glaf {
    position: relative;
}
.glaf > span {
    position: absolute;
    display: block;
    font-weight: bold;
    top: -10%;
    right: 0px;
}
@media (min-width: 768px) {
    .glaf > span {
        top: 25%;
        right: 10px;
        background-color: #fff;
    }
}

/*============================================================================

		メンテナンス画面

============================================================================*/

.maintenance {
    text-align: center;
    margin-top: 200px;
}
.maintenance h1 {
    font-size: 24px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.maintenance p {
    margin-bottom: 30px;
}

/*============================================================================

        口コミ投稿

============================================================================*/
.review_underlayer {
    padding-top: 20px;
    padding-bottom: 40px;
}
.review_list_text {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .review_list_text {
        font-size: 16px;
        margin-bottom: 30px;
        gap: 10px;
    }
}

.review_category_list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}
.review_category_list li {
    display: flex;
    width: calc((100% - 50px) / 3);
}
.review_category_list li a {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 3/1.5;
    padding: 20px;
    border: 2px solid #003993;
    border-radius: 9px;
    box-shadow: 0 5px 0 #003993;
    color: #003993;
    font-size: 23px;
    font-weight: bold;
    line-height: 1.3;
    transition: 0.3s;
}
.review_category_list li a:hover {
    text-decoration: none;
    transform: translateY(5px);
    box-shadow: 0 0 0 #003993;
}
@media (max-width: 768px) {
    .review_category_list {
        gap: 20px 15px;
    }
    .review_category_list li {
        width: calc((100% - 15px) / 2);
    }
    .review_category_list li a {
        padding: 12px;
        font-size: 19px;
    }
}
.review_underlayer .btn_area {
    width: 40%;
    margin: 60px auto;
}
@media (max-width: 768px) {
    .review_underlayer .btn_area {
        width: 100%;
        margin: 30px auto;
    }
}

.review_category_title {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    color: #f89b05;
    margin-top: 0;
    padding-left: 5px;
}
.review_category_title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    height: 24px;
    width: 5px;
    border-radius: 5px;
    background: #f89b05;
    margin-bottom: 28px;
}
.review_category_title span {
    display: inline-block;
    font-size: 18px;
    color: #000000;
}
@media (max-width: 768px) {
    .review_category_title {
        font-size: 20px;
    }
    .review_category_title:before {
        height: 20px;
    }
    .review_category_title span {
        font-size: 15px;
    }
}
.review_post_list {
}
.review_post_list li {
    border-bottom: 2px solid #e1e1e1;
}
.review_post_list a {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    color: #003993;
    font-weight: bold;
    padding: 24px 0 22px;
    transition: 0.3s;
}
.review_post_list a:hover {
    text-decoration: none;
    opacity: 0.5;
}
.review_post_list .date {
    background: #dae1ef;
    border-radius: 20px;
    padding: 6px 10px;
    line-height: 1;
    font-size: 12px;
    color: #000;
}
.review_post_list .title {
    font-size: 16px;
    margin-top: 8px;
}

@media (max-width: 768px) {
    .review_post_list a {
        padding: 14px 0 12px;
    }
    .review_post_list .date {
        font-size: 11px;
        padding: 4px 8px;
    }
    .review_post_list .title {
        font-size: 15px;
        margin-top: 4px;
    }
}

/* 詳細ページ */
.review_detail_article {
    border-radius: 23px;
    border: 2px solid #e1e1e1;
    box-shadow: 0 10px 0 #e1e1e1;
    overflow: hidden;
}
.review_detail_article_head {
    display: flex;
    align-items: center;
    border-radius: 22px 22px 0 0;
    background: #ecf1fc;
    padding: 28px 20px;
    gap: 20px;
}
@media (max-width: 768px) {
    .review_detail_article_head {
        padding: 15px;
        gap: 15px;
    }
}
.review_detail_article_head .icon {
    width: 80px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    overflow: hidden;
    border-radius: 100%;
    background: #f8f8f8;
}
.review_detail_article_head .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.review_detail_article_head .icon_pc {
    display: block;
}
.review_detail_article_head .icon_sp {
    display: none;
}
@media (max-width: 768px) {
    .review_detail_article_head .icon {
        width: 50px;
    }
    .review_detail_article_head .icon_pc {
        display: none;
    }
    .review_detail_article_head .icon_sp {
        display: block;
    }
}
.review_detail_article_head .date_cat {
    display: flex;
    gap: 15px;
    align-items: center;
}
.review_detail_article_head .date_cat .date_cat_inner {
    display: flex;
    gap: 15px;
    align-items: center;
}
@media (max-width: 768px) {
    .review_detail_article_head .date_cat .date_cat_inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}
.review_detail_article_head .date_cat .date {
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 0;
    background: none;
}
.review_detail_article_head .date_cat .category {
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    background: #000;
    color: #fff;
    padding: 4px 10px;
}
.review_detail_article_head .q {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 48px;
    color: #003993;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.3;
    margin-top: 20px;
    margin-bottom: 0;
}
.review_detail_article_head .q:before {
    content: "\0051";
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    letter-spacing: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background: #003993;
    color: #fff;
}
@media (max-width: 768px) {
    .review_detail_article_head .q {
        font-size: 16px;
        padding-left: 34px;
        margin-top: 12px;
    }
    .review_detail_article_head .q:before {
        width: 26px;
        font-size: 15px;
    }
}
.review_detail_article_body {
    padding: 30px;
}
@media (max-width: 768px) {
    .review_detail_article_body {
        padding: 15px;
    }
}
.review_detail_article_body .a {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 48px;
    margin-bottom: 20px;
    color: #000;
    font-weight: bold;
    font-size: 19px;
}
.review_detail_article_body .a:before {
    content: "\0041";
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    letter-spacing: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background: #ffba4b;
    color: #fff;
}
@media (max-width: 768px) {
    .review_detail_article_body .a {
        font-size: 16px;
        padding-left: 34px;
        margin-bottom: 12px;
    }
    .review_detail_article_body .a:before {
        width: 26px;
        font-size: 15px;
    }
}
.review_underlayer .next_prev {
    display: flex;
    justify-content: space-between;
    gap: 70px;
    margin-top: 70px;
}
.review_underlayer .next_prev .next,
.review_underlayer .next_prev .prev {
    position: relative;
    display: flex;
    width: calc((100% - 70px) / 2);
    align-items: center;
    background: #003993;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    border-radius: 100px;
    padding: 14px 30px;
    transition: 0.3s;
}
.review_underlayer .next_prev .next {
    margin-left: auto;
}
.review_underlayer .next_prev .next:hover,
.review_underlayer .next_prev .prev:hover {
    background-color: #0c4da1;
    text-decoration: none;
}
.review_underlayer .next_prev .next:before,
.review_underlayer .next_prev .prev:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-50%) rotate(45deg);
}
.review_underlayer .next_prev .next {
    padding-right: 50px;
}
.review_underlayer .next_prev .next:before {
    right: 20px;
}
.review_underlayer .next_prev .prev {
    padding-left: 50px;
}
.review_underlayer .next_prev .prev:before {
    left: 20px;
    transform: translateY(-50%) rotate(225deg);
}
@media (max-width: 768px) {
    .review_underlayer .next_prev {
        display: block;
        margin-top: 40px;
    }
    .review_underlayer .next_prev .next,
    .review_underlayer .next_prev .prev {
        width: 100%;
        font-size: 14px;
    }
    .review_underlayer .next_prev .next {
        margin-top: 15px;
    }
}
.review_underlayer .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 60px auto 40px auto;
}
.review_underlayer .pagination a {
    text-decoration: none;
    transition: 0.3s;
}
.review_underlayer .pagination a:hover {
    background-color: #003993;
    color: #fff !important;
}
.review_underlayer .pagination .page-numbers:not(.dots) {
    display: flex;
    line-height: 1;
    align-items: center;
    justify-content: center;
    width: 50px;
    aspect-ratio: 1/1;
    font-size: 20px;
    border-radius: 100%;
    color: #003993;
    font-size: 20px;
    font-weight: bold;
}
.review_underlayer .pagination .page-numbers.current {
    background-color: #003993;
    color: #fff;
}
.review_underlayer .pagination .dots {
    display: flex;
    align-items: center;
    height: 50px;
    font-size: 16px;
    font-weight: bold;
}
.review_underlayer .pagination .page-numbers.prev,
.review_underlayer .pagination .page-numbers.next {
    position: relative;
    border: 2px solid #003993;
}
.review_underlayer .pagination .page-numbers.prev:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-left: 2px;
    border-top: 2px solid #003993;
    border-right: 2px solid #003993;
    transform: translate(-50%, -50%) rotate(225deg);
    transition: 0.3s;
}
.review_underlayer .pagination .page-numbers.prev:hover {
    background-color: #003993;
}
.review_underlayer .pagination .page-numbers.prev:hover:after {
    border-top-color: #fff;
    border-right-color: #fff;
}
.review_underlayer .pagination .page-numbers.next:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    border-top: 2px solid #003993;
    border-right: 2px solid #003993;
    transform: translateY(-50%) rotate(45deg);
    transition: 0.3s;
}
.review_underlayer .pagination .page-numbers.next:hover {
    background-color: #003993;
}
.review_underlayer .pagination .page-numbers.next:hover:after {
    border-top-color: #fff;
    border-right-color: #fff;
}
@media (max-width: 768px) {
    .review_underlayer .pagination {
        gap: 8px;
        margin: 40px auto;
    }
    .review_underlayer .pagination .page-numbers:not(.dots) {
        width: 34px;
        font-size: 16px;
    }
    .review_underlayer .pagination .dots {
        height: 34px;
        font-size: 14px;
    }
    .review_underlayer .pagination .page-numbers.prev:after,
    .review_underlayer .pagination .page-numbers.next:after {
        width: 9px;
        height: 9px;
    }
    .review_underlayer .pagination .page-numbers.prev:after {
        margin-left: 1px;
    }
    .review_underlayer .pagination .page-numbers.next:after {
        margin-right: 2px;
    }
}

/*============================================================================

		2024追加 ジョブリターン

============================================================================*/

.jobreturn_area {
    padding-bottom: 60px;
}
.jobreturn_area .ta_c {
    text-align: center;
}
.jobreturn_area .notes {
    margin-top: 10px;
}
.jobreturn_area .page_paragraph {
    margin-bottom: 60px;
}

.jobreturn_area h3 {
    text-align: center;
    font-weight: bold;
    color: #0c4da1;
    font-size: 160%;
    margin: 50px auto 30px;
}

.jobreturn_area .catch {
    font-size: 16px;
    margin-bottom: 12px;
}

.jobreturn_area ol {
    counter-reset: jobreturn-counter;
    list-style-type: none;
    padding-left: 0;
}

.jobreturn_area ol > li {
    position: relative;
    padding-left: 2.1em;
    margin-bottom: 10px;
}

.jobreturn_area ol > li:before {
    content: "(" counter(jobreturn-counter) ")";
    counter-increment: jobreturn-counter;
    position: absolute;
    left: 0;
    font-weight: bold;
    color: #0c4da1;
}
.jobreturn_area .btn_area {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 0;
    margin-left: -20px;
    margin-right: -20px;
}
.jobreturn_area .btn_area.ta_c {
    justify-content: center;
}
.jobreturn_area .btn_area li {
    width: 100%;
    padding: 0 20px;
}
.jobreturn_area .btn_area.col2 li {
    width: 50%;
}
.jobreturn_area .btn_area.col3 li {
    width: 33.333333%;
}

@media (max-width: 768px) {
    .jobreturn_area {
        padding-bottom: 40px;
    }
    .jobreturn_area .page_paragraph {
        margin-bottom: 50px;
    }
    .jobreturn_area .btn_area {
        flex-direction: column;
        gap: 10px 0;
    }
    .jobreturn_area .btn_area.col2 li {
        width: 100%;
    }
    .jobreturn_area .btn_area.col3 li {
        width: 100%;
    }
}

/*============================================================================

		2024追加 エントリーフォーム

============================================================================*/

.form_flow_list_item:not(:first-child):before {
    display: block;
    content: "";
    position: absolute;
}

a.text_link {
    color: #2e5ddb;
}

a.text_link[target="_blank"]:after {
    font-family: "icomoon" !important;
    content: "\e900";
    display: inline-block;
    margin-left: 3px;
}

@media print, screen and (min-width: 768px) {
    a.text_link:hover {
        text-decoration: none;
    }
}

.text_red {
    color: #ca143a;
}

.form_contents {
    padding-top: 30px;
    padding-bottom: 60px;
}
@media print, screen and (min-width: 768px) {
    .form_contents {
        padding-top: 50px;
        padding-bottom: 100px;
    }
}
.form_contents h2 {
    background: #f8f8f8;
    font-size: 2rem;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.form_template_header {
    height: 120px;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: url(https://www.aleph-inc.co.jp/recruit/wp-content/themes/aleph-recruit/img/common/bg_border.png) center center;
    background-size: 45px 45px;
}

.form_template_header .inner_medium {
    margin: 0;
}

.form_template_header .logo {
    display: inline-block;
    width: 120px;
    margin-bottom: 15px;
}

.form_template_header .title {
    font-size: 2.2rem;
    line-height: 1;
}

@media print, screen and (min-width: 768px) {
    .form_template_header {
        height: 240px;
        text-align: center;
        background: url(https://www.aleph-inc.co.jp/recruit/wp-content/themes/aleph-recruit/img/common/bg_border.png) center center;
        background-size: 45px 45px;
    }
    .form_template_header .logo {
        width: 180px;
        margin-bottom: 30px;
    }
    .form_template_header .title {
        font-size: 3.6rem;
    }
}

.form_template_catch {
    margin-top: 50px;
    font-size: 1.8rem;
    text-align: center;
    font-weight: bold;
}

@media print, screen and (min-width: 768px) {
    .form_template_catch {
        margin-top: 70px;
        font-size: 2.1rem;
    }
}

.form_template_flow {
    margin-top: 70px;
}

.form_template_flow .notice {
    margin-top: 10px;
    font-size: 1.3rem;
}

.form_flow_area {
    position: relative;
    padding: 40px 20px 30px;
    border: 5px solid #ed7102;
}

.form_flow_area .title {
    position: absolute;
    display: inline-block;
    top: -3px;
    left: 50%;
    padding: 0 15px;
    font-size: 1.8rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    transform: translate(-50%, -50%);
}

.form_flow_list_item {
    position: relative;
    text-align: center;
}

.form_flow_list_item:not(:first-child) {
    padding-top: 40px;
}

.form_flow_list_item:not(:first-child):before {
    width: 16px;
    height: 36px;
    top: 10px;
    left: calc(50% - 8px);
    transform: rotate(90deg);
    background: url(https://www.aleph-inc.co.jp/recruit/wp-content/themes/aleph-recruit/img/preregister/arrow.png) center center no-repeat;
    background-size: contain;
}

.form_flow_list_item .img {
    display: inline-block;
}

.form_flow_list_item .img img {
    width: 100%;
}

.form_flow_point {
    max-width: 306px;
    text-align: center;
    margin: 20px auto 0;
}

@media print, screen and (min-width: 768px) {
    .form_flow_point {
        width: 176px;
    }
}

@media print, screen and (min-width: 768px) {
    .form_template_flow {
        margin-top: 110px;
    }
    .form_template_flow .notice {
        font-size: 1.4rem;
        text-align: right;
    }
    .form_flow_area {
        padding: 80px 10px 50px;
    }
    .form_flow_area .title {
        top: -5px;
        font-size: 2.5rem;
        padding: 0 35px;
    }
    .form_flow_list {
        display: flex;
    }
    .form_flow_list_item {
        padding: 0 10px;
    }
    .form_flow_list_item:not(:first-child) {
        padding-top: 0;
    }
    .form_flow_list_item:not(:first-child):before {
        top: 24px;
        left: -4px;
        transform: rotate(0);
    }
    .column2 .form_flow_list_item {
        width: 50%;
    }
    .column3 .form_flow_list_item {
        width: 33.33333%;
    }
    .column4 .form_flow_list_item {
        width: 25%;
    }
    .form_flow_point {
        position: absolute;
        top: 0;
        right: 0;
        width: 16.48148%;
        max-width: 176px;
        margin: 0;
        transform: translate(30%, -50%);
    }
}

.document_flow .form_flow_list_item .img {
    max-width: 307px;
}

@media print, screen and (min-width: 768px) {
    .document_flow .form_flow_list_item {
        padding: 0 20px;
    }
    .document_flow .form_flow_list_item:not(:first-child):before {
        top: calc(50% - 18px);
        left: -15px;
        width: 60px;
        height: 36px;
        background-image: url(https://www.aleph-inc.co.jp/recruit/wp-content/themes/aleph-recruit/img/document/arrow.png);
    }
}

.preregister_flow .form_flow_list_item .img {
    max-width: 182px;
    margin-bottom: 5px;
}

.form_template_notice {
    padding: 50px 0 30px;
}

.form_template_notice p {
    font-size: 1.3rem;
}

.form_template_notice p a {
    color: #2e5ddb;
}

.form_template_notice p a[target="_blank"]:after {
    font-family: "icomoon" !important;
    content: "\e900";
    display: inline-block;
    margin-left: 3px;
}

@media print, screen and (min-width: 768px) {
    .form_template_notice {
        padding: 90px 0;
    }
    .form_template_notice p {
        font-size: 1.4rem;
        text-align: center;
    }
    .form_template_notice p a:hover {
        text-decoration: none;
    }
}

.form_template_footer {
    text-align: center;
    padding: 45px 0;
}

.form_template_footer .logo {
    display: inline-block;
    width: 190px;
}

.form_template_footer .copyright {
    margin-top: 15px;
    font-size: 1.3rem;
}

.form_intro_text {
    margin: 40px 0 10px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}

@media print, screen and (min-width: 920px) {
    .form_intro_text {
        margin: 70px 0 20px;
        font-size: 2.1rem;
    }
}

.form_note_box,
.form_error_box {
    padding: 20px 30px;
    color: #212121;
    font-weight: bold;
    font-size: 1.6rem;
    text-align: center;
    border: 2px solid #212121;
}

@media print, screen and (min-width: 920px) {
    .form_note_box,
    .form_error_box {
        font-size: 1.8rem;
    }
}

.form_error_box {
    color: #ca143a;
    border-color: #ca143a;
}

.form_error {
    margin-top: 5px;
    color: #ca143a;
    font-weight: bold;
    font-size: 1.4rem;
}

.form_contents.thanks {
    margin-top: 0;
}

.form_contents_item {
    padding: 20px 0;
    border-top: 1px solid #dcdddd;
}

.form_contents_item:first-child {
    border-top: none;
}

@media print, screen and (min-width: 920px) {
    .form_contents_item {
        display: flex;
        padding: 30px 0;
    }
}

.form_title {
    position: relative;
    font-size: 1.5rem;
    font-weight: bold;
}

@media print, screen and (min-width: 920px) {
    .form_title {
        width: 260px;
        padding-top: 14px;
        padding-right: 50px;
        font-size: 1.6rem;
    }
}

.form_title .require,
.form_title .optional {
    position: relative;
    top: -1px;
    display: inline-block;
    line-height: 1;
    padding: 4px 6px;
    background: #b7b7b7;
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
    margin-left: 8px;
}

@media print, screen and (min-width: 920px) {
    .form_title .require,
    .form_title .optional {
        position: absolute;
        top: 14px;
        right: 0;
        font-size: 1.2rem;
    }
}

.form_title .require {
    background: #ca143a;
}

.form_box {
    margin-top: 3px;
}

@media print, screen and (min-width: 920px) {
    .form_box {
        width: calc(100% - 260px);
        padding-left: 40px;
        margin-top: 0;
    }
}

.form_box_in_text + .form_box_in_text {
    margin-top: 25px;
}

@media print, screen and (min-width: 920px) {
    .form_box_in_text {
        display: flex;
    }
}

.form_box_in_text .in_text {
    font-size: 1.5rem;
    margin-bottom: 5px;
}

@media print, screen and (min-width: 920px) {
    .form_box_in_text .in_text {
        padding-top: 10px;
        text-align: right;
        width: 125px;
    }
}

@media print, screen and (min-width: 920px) {
    .form_box_in_text .in_box {
        width: calc(100% - 125px);
        padding-left: 20px;
    }
}

@media print, screen and (min-width: 920px) {
    .form_box_colm2_text {
        display: flex;
    }
}

.form_box_colm2_text .in_item {
    display: flex;
    width: 100%;
    margin-top: 10px;
}

@media print, screen and (min-width: 920px) {
    .form_box_colm2_text .in_item {
        display: flex;
        width: 50%;
        margin-top: 0;
        padding-right: 30px;
    }
}

.form_box_colm2_text .in_text {
    font-size: 1.5rem;
    margin-bottom: 5px;
    padding-top: 10px;
    width: 30px;
}

.form_box_colm2_text .in_box {
    width: calc(100% - 30px);
}

.form_list li:not(:last-child) {
    margin-bottom: 10px;
}

@media print, screen and (min-width: 1180px) {
    .form_list li:not(:last-child) {
        margin-bottom: 15px;
    }
    .form_list.colm2 {
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }
    .form_list.colm2 li {
        width: 50%;
        padding: 0 10px;
    }
}

.dokode_other {
    display: none;
    margin-top: 15px;
}

.dokode_other .dokode_other_text {
    margin-bottom: 5px;
}

.form_contents_privacy {
    margin-top: 20px;
}

@media print, screen and (min-width: 920px) {
    .form_contents_privacy {
        margin-top: 50px;
    }
}

.form_contents_privacy .privacy_checkbox {
    margin: 15px auto 0;
    max-width: 280px;
    width: 100%;
}

.form_contents_privacy .privacy_checkbox span {
    white-space: nowrap;
    background-color: #fff2f2;
    border: 1px solid #e04749;
}

.form_contents_privacy .privacy_checkbox span:before {
    border-color: #e04749;
}

@media print, screen and (min-width: 920px) {
    .form_contents_privacy .privacy_checkbox {
        margin-top: 20px;
    }
}

.privacy_text {
    text-align: center;
    font-size: 1.3rem;
}

.privacy_text a {
    color: #2e5ddb;
}

@media print, screen and (min-width: 920px) {
    .privacy_text {
        font-size: 1.5rem;
    }
    .privacy_text a:hover {
        text-decoration: none;
    }
}

.submit_area {
    text-align: center;
    margin-top: 40px;
}

@media print, screen and (min-width: 920px) {
    .submit_area {
        display: flex;
        justify-content: center;
        max-width: 680px;
        margin: 60px auto 0;
    }
}

.submit_btn,
.back_btn {
    display: flex;
    justify-content: center;
}

@media print, screen and (min-width: 920px) {
    .submit_btn,
    .back_btn {
        width: 100%;
        padding: 0 20px;
    }
}

.submit_btn .btn,
.back_btn .btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 20px 5px;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color: #000;
    border-radius: 15px;
    background: #fff;
    border: solid 3px #003894;
    box-shadow: 0 3px 0 rgba(2, 56, 148, 1);
    outline: 0 !important;
}

.submit_btn .btn:after,
.back_btn .btn:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #003894;
    border-right: 2px solid #003894;
    transform: rotate(45deg);
}

@media print, screen and (min-width: 920px) {
    .submit_btn .btn,
    .back_btn .btn {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .submit_btn .btn:hover,
    .back_btn .btn:hover {
        box-shadow: 0 0px 0 rgba(0, 56, 56, 1);
        transform: translate3d(0, 3px, 0);
    }
}

.submit_btn {
    margin-top: 20px;
}

@media print, screen and (min-width: 920px) {
    .submit_btn {
        margin-top: 0;
    }
}

.submit_btn .btn {
    height: 70px;
    width: 600px;
}

@media print, screen and (min-width: 920px) {
    .submit_btn .btn {
        width: 100%;
        max-width: 600px;
        font-size: 1.7rem;
    }
}

.back_btn .btn {
    height: 70px;
    width: 600px;
    background: #b9d2ff;
}
.back_btn .btn:after {
    right: auto;
    left: 20px;
    border: 0;
    border-bottom: 2px solid #003894;
    border-left: 2px solid #003894;
}

@media print, screen and (min-width: 920px) {
    .back_btn .btn {
        width: 100%;
        max-width: 600px;
        font-size: 1.7rem;
    }
}

.form_notes {
    text-align: center;
}

.submit-btn + .form_notes {
    padding-top: 30px;
}

@media print, screen and (min-width: 920px) {
    .submit-btn + .form_notes {
        padding-top: 60px;
    }
}

.form_notes .text {
    font-size: 1.4rem;
}

@media print, screen and (min-width: 920px) {
    .form_notes .text {
        font-size: 1.6rem;
    }
}

.form_notes .text a {
    color: #fd504f;
}

@media print, screen and (min-width: 920px) {
    .form_notes .text a:hover {
        text-decoration: none;
    }
}

.form_notes .info {
    display: block;
    margin-top: 20px;
    font-size: 1.3rem;
    line-height: 1.8;
}

@media print, screen and (min-width: 920px) {
    .form_notes .info {
        font-size: 1.4rem;
    }
}

.form_radio {
    display: block;
    position: relative;
    cursor: pointer;
}

.form_radio input {
    display: none;
}

.form_radio input:checked + span {
    background-color: #fff2f2;
    border-color: #fd504f;
    color: #fd504f;
}

.form_radio input:checked + span:before {
    border-color: #fd504f;
}

.form_radio input:checked + span:after {
    transform: scale(1, 1);
}

.form_radio span {
    display: block;
    width: 100%;
    background-color: #f7f7f7;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    padding: 10px 20px 10px 38px;
    margin: 0 0 0 0;
    position: relative;
    transition: all 0.2s;
    line-height: 1.5;
    font-size: 1.6rem;
}

.form_radio span:before {
    display: block;
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid #b4b4b4;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
}

.form_radio span:after {
    display: block;
    display: block;
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 24px;
    background-color: #fd504f;
    top: 0;
    bottom: 0;
    left: 19px;
    margin: auto;
    transform: scale(0, 0);
    transition: all 0.2s;
}

.form_checkbox {
    display: block;
    position: relative;
    cursor: pointer;
}

.form_checkbox input {
    display: none;
}

.form_checkbox input:checked + span {
    background-color: #fff2f2;
    border-color: #e04749;
}

.form_checkbox input:checked + span:before {
    border-color: #e04749;
}

.form_checkbox input:checked + span:after {
    transform: scale(1, 1) rotate(-45deg);
}

.form_checkbox span {
    display: inline-block;
    width: 100%;
    background-color: #f7f7f7;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    padding: 11px 15px 10px 45px;
    margin: 0 0 0 0;
    position: relative;
    transition: all 0.2s;
    line-height: 1.5;
    font-size: 1.6rem;
}

@media print, screen and (min-width: 920px) {
    .form_checkbox span {
        font-size: 1.5rem;
    }
}

.form_checkbox span:before {
    display: block;
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #b4b4b4;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
}

.form_checkbox span:after {
    display: block;
    content: "";
    position: absolute;
    width: 10px;
    height: 7px;
    border-bottom: 2px solid #e04749;
    border-left: 2px solid #e04749;
    top: -3px;
    bottom: 0;
    left: 19px;
    margin: auto;
    transform: scale(0, 0) rotate(-45deg);
    transition: all 0.2s;
}

.form_textarea {
    width: 100%;
    border: 1px solid #dbdbdb;
    background: #f7f7f7;
    padding: 20px;
    border-radius: 5px;
    min-height: 180px;
    font-size: 1.6rem;
    line-height: 1.6;
}

@media print, screen and (min-width: 920px) {
    .form_textarea {
        padding: 12px 20px;
        font-size: 1.5rem;
    }
}

.form_textarea::placeholder {
    color: #8b8b8b;
}

.form_textarea::-ms-input-placeholder {
    color: #8b8b8b;
}

.form_textarea:-ms-input-placeholder {
    color: #8b8b8b;
}

.form_input {
    width: 100%;
    border: 1px solid #dbdbdb;
    background: #f7f7f7;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.6rem;
}

@media print, screen and (min-width: 920px) {
    .form_input {
        padding: 12px 20px 11px;
        font-size: 1.5rem;
    }
}

.form_input[type="tel"] {
    max-width: 260px;
}

.form_input::placeholder {
    color: #8b8b8b;
}

.form_input::-ms-input-placeholder {
    color: #8b8b8b;
}

.form_input:-ms-input-placeholder {
    color: #8b8b8b;
}

.form_select {
    display: block;
    position: relative;
    width: 100%;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
}

.form_select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
    vertical-align: baseline;
    width: 100%;
    height: 46px;
    padding: 0 56px 0 20px;
    font-size: 1.6rem;
}

@media print, screen and (min-width: 920px) {
    .form_select select {
        font-size: 1.5rem;
    }
}

.form_select select::-ms-expand {
    display: none;
}

.form_select:before {
    display: block;
    content: "";
    position: absolute;
    width: 46px;
    height: 100%;
    top: 0;
    right: 0;
    border-left: 1px solid #dbdbdb;
    border-radius: 0 4px 4px 0;
    background-color: #f7f7f7;
    pointer-events: none;
}

.form_select:after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 9px solid #212121;
    top: 19px;
    right: 16px;
    pointer-events: none;
}

@media print, screen and (min-width: 920px) {
    .form_file {
        display: flex;
        padding-top: 10px;
    }
}

.form_file_select span {
    display: block;
}

.form_file_select span + span {
    margin-top: 10px;
}

.form_file_add {
    margin-top: 10px;
}

@media print, screen and (min-width: 920px) {
    .form_file_add {
        margin-top: -2px;
        width: 140px;
    }
}

.form_file_add button {
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
    width: 100%;
    padding: 10px 0;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    color: #8d979d;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
}

@media print, screen and (min-width: 920px) {
    .form_file_add button {
        padding: 5px 0;
        border-radius: 30px;
    }
}

.form_file_add button span {
    position: relative;
    display: inline-block;
    padding: 0 20px;
}

@media print, screen and (min-width: 920px) {
    .form_file_add button span {
        padding: 0 0 0 15px;
    }
}

.form_file_add button span:before,
.form_file_add button span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 10px;
    height: 1px;
    background: #212121;
    transform: translateY(-50%);
}

@media print, screen and (min-width: 920px) {
    .form_file_add button span:before,
    .form_file_add button span:after {
        width: 8px;
    }
}

.form_file_add button span:after {
    transform: translateY(-50%) rotate(90deg);
}

.form_file_text {
    margin-top: 10px;
    text-align: center;
}

@media print, screen and (min-width: 920px) {
    .form_file_text {
        margin-top: 20px;
        font-size: 1.3rem;
        text-align: left;
    }
}

.form_thanks {
}

.form_thanks strong {
    display: block;
    font-size: 160%;
    line-height: 1.6;
    color: #003894;
    text-align: center;
    margin-bottom: 20px;
}

@media print, screen and (min-width: 920px) {
    .form_thanks strong {
        font-size: 180%;
        margin-bottom: 20px;
    }
}

@media print, screen and (min-width: 768px) {
    .form_thanks p {
        text-align: center;
    }
}

.form_thanks p a {
    color: #2e5ddb;
}

.form_thanks p a[target="_blank"]:after {
    font-family: "icomoon" !important;
    content: "\e900";
    display: inline-block;
    margin-left: 3px;
}

@media print, screen and (min-width: 768px) {
    .form_thanks p a:hover {
        text-decoration: none;
    }
}

.confirm .form_box {
    margin-top: 12px;
    font-size: 1.6rem;
}

.grecaptcha-badge {
    bottom: 85px !important;
    z-index: 5 !important;
}

@media print, screen and (min-width: 920px) {
    .grecaptcha-badge {
        bottom: 135px !important;
    }
}

.error_message {
    display: block;
    font-style: normal;
    font-weight: bold;
    padding-top: 2px;
    color: #ca143a;
}