@charset "UTF-8";

/* ==================================== */
/* リクルートページ共通 */
/* ==================================== */
#recruit_head2{
    margin-bottom: 10px;
    width: 762px;
}

#navi{
    margin-bottom: 20px;
    overflow :hidden;
}

#navi li{
    margin-left: 10px;
    float: left;
    _display: inline;
}

#right_cont .recruit_contens_frame{
    padding:5px;
    width:750px;
    border:1px solid #fda1c6;
    background:url("/img/recruit/bg_cont.gif") repeat left top;
}

#right_cont #recruit_article .lower_layer_title{
    background-image:url("/img/recruit/recruit_tilte_bg.gif");
    border:1px solid #ff61a0;
    border-bottom:none;
}

#right_cont #recruit_article .article_area{
    border:solid 1px #ff61a0;
    border-top:none;
}

/* ↓の設定はcommon.cssで設定してるけどこのCSSで↑を設定したのでもう一度設定し直す */
#right_cont #recruit_article .no_border_bottom{
    border-bottom:none;
}

/* ==================================== */
/* リクルート内容ページ */
/* ==================================== */
#superbox-innerbox{
    height: 760px;
}

#recruit_article .taikenpack_detail{
    background: url("https://www.grace-am.biz/files/4/jaxz.jpg") no-repeat 22px 20px;
    text-align: center;
    padding: 1215px 0 20px;
}

#recruit_article .campaign {
    text-align: center;
    padding-bottom: 10px;
}

#recruit_article .campaign2 {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 20px;
}

#recruit_article .campaign span {
    color: #FF3D8B;
}

#recruit_article .to_top{
    margin-bottom: 10px;
    padding: 20px 0px 0px 468px;
}

#recruit_article .to_top ul{
    overflow:hidden;
}

#recruit_article .to_top li{
    margin-left: 16px;
    float: left;
    _display: inline;
}

#recruit_article .to_top .form{
    background: url("/img/recruit/arrow_right.gif") no-repeat left center;
    padding-left: 18px;
}

#recruit_article .to_top .top{
    background: url("/img/recruit/arrow_up.gif") no-repeat left top;
    padding-left: 18px;
}

#recruit_article .text01{
    padding: 15px 0px 3px 0px;
}

#recruit_article [class^="point"] h4{
    color:#748fff;
    font-size:34px;
    font-weight:normal;
    line-height:1.2;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff;
}

#recruit_article .point1,
#recruit_article .point2,
#recruit_article .point3{
    margin: 10px auto;
    width :692px;
}

#recruit_article .point1 h4,
#recruit_article .point2 h4,
#recruit_article .point3 h4{
    margin-left: 68px;
}

#recruit_article .point1 ul,
#recruit_article .point2 ul{
    margin-left: 68px;
    width: 590px;
}

#recruit_article .point1 ul li,
#recruit_article .point2 ul li{
    margin-bottom: 20px;
    padding: 0 5px 7px;
    line-height: 19px;
    background: url("/img/recruit/p_dottoline.gif") repeat-x left bottom;
}

#recruit_article .point1{
    padding-top: 94px;
    background: url("/img/recruit/bg_p1.jpg") no-repeat left top;
    height: calc(478px - 94px);/* 478px */
}

#recruit_article .point1 ul{
    margin-top: 25px;
}

#recruit_article .point2{
    padding-top: 90px;
    background: url("/img/recruit/bg_p2.jpg") no-repeat left top;
    height: 345px;/* 435px */
}

#recruit_article .point2 ul{
    margin-top: 30px;
}

#recruit_article .point3{
    padding-top: 96px;
    background: url("/img/recruit/bg_p3.jpg") no-repeat left top;
    height:890px;/* 986px */
}

#recruit_article .point3 h4{
    margin-bottom: 23px;
}

#recruit_article .point3 p{
    margin-left: 315px;
    padding: 0 5px 10px;
    width: 310px;
    background: url("/img/recruit/p_dottoline.gif") repeat-x left bottom;
    color:#ff85b0;
    font-size: 17px;
    font-weight: bold;
}

#recruit_article .point3 p img{
    padding: 0px 5px 1px 0;
}

#recruit_article .point3 dl{
    margin: 15px 0 0 315px;
    width: 320px;
    line-height: 16px;
}

#recruit_article .point3 dt{
    padding-bottom: 4px;
    color:#5171f8;
    font-size:15px;
    font-weight: bold;
}

#recruit_article .point3 dd{
    padding-bottom: 14px;
}

#recruit_article .point3 .dl_plus_bottom{
    margin-bottom: 50px;
}

#recruit_article .price{
    margin:20px auto 30px auto;
    padding: 12px 15px;
    width:660px;
    line-height: 120%;
    border:solid 1px #cccccc;
    border-spacing: 3px 3px;
}

#recruit_article .price span {
    color: #FF3D8B;
}

#recruit_article .price th{
    background: url("/img/recruit/bg_youkou.gif") repeat left top;
    padding:10px 0px;
    font-size: 15px;
    font-weight: bold;
    color: #7c7c7c;
    width: 170px;
}

#recruit_article .price td{
    border-bottom:dotted 2px #d3d3d3;
    padding:10px 20px;
}

#recruit_article .price td#taigu_icon ul{
    padding-top: 7px;
}

#recruit_article .price td#taigu_icon li{
    margin:0px 14px 7px 0px;
    float: left;
}

#recruit_article .price td #tel{
    font-size: 51px;
    margin: 10px 0;
    color: #ff3774;
    font-weight: bold;
}

#towomanjob{
    text-align:center;
    margin: 0 0 80px 0;
}

#recruit_article #link{
    text-align: center;
    margin-bottom: 15px;
    padding-top: 15px;
}

/* =============================================*/
/* 給与明細                                     */
/* =============================================*/
#salary {
    background: #fffadf;
    padding: 1em;
    margin: 20px 30px;
}

#salary h3 {
    /* font-size: 24px; */
    margin: 0 0 8px;
    text-align: center;
    /* color: #f97094; */
    line-height: 1.5;
}

#salary h3 img {
    width: 90%;
}

.r_container {
    display: flex;
    flex-wrap: wrap;
}

.r_container .item {
    width: 50%;
    padding: 0.5em;
    box-sizing: border-box;
}

.r_container .item img {
    max-width: 100%;
}

.r_container li {
    margin-bottom: 10px;
}

.r_container li p {
    margin-top: 10px;
    padding: 7px;
    background: #fff;
    border: solid 1px #f97094;
    border-radius: 4px;
}

.r_container li p span {
    font-size: 16px;
    color: #f97094;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 4px;
    letter-spacing: 0.1em;
}

/* ==================================== */
/* リクルート応募フォーム */
/* ==================================== */
#recruit_article .h3{
    margin-bottom:10px;
}

#recruit_article .p1{
    margin:0px 0px 15px 3px;
    color:#666666;
    line-height:140%;
}

#recruit_article .add_tel{
    margin:10px 0px 10px 40px;
    _margin:10px 0px 10px 20px;/*IE6対策*/
    color: #fd9814;
    font-size: 40px;
    font-weight:bold;
    float: left;
}

#recruit_article .add_tel img{
    padding-right: 10px;
}

#recruit_article .timeline{
    margin:15px auto 10px;
}

/* フォームを作るテーブル */
#recruit_article .mailform{
    width: 720px;
    margin-top: 0px;
    border-top: dotted 2px #dcdcdc;
    border-collapse: collapse;/*IE6,7対策*/
}

#recruit_article .mailform tr{
    height:57px;
}

#recruit_article .mailform tr.youken{
    height:120px;
}

#recruit_article .mailform th{
    text-align: left;
    width:170px;
    border-bottom: dotted 2px #dcdcdc;
}

#recruit_article .mailform th p{
    font-weight:bold;
    margin: 5px 0px;
    border-right: dotted 2px #dcdcdc;
    border-left: solid 5px #fdaab7;
}

#recruit_article .mailform th .oneline{
    padding: 25px 20px 25px 15px;
}

#recruit_article .mailform th .youkenline{
    padding: 45px 20px;
}

#recruit_article .mailform th p span{
    font-weight:normal;
    color:#f49800;
    padding-left: 5px;
}

#recruit_article .mailform td{
    padding-left:21px;
    border-bottom: dotted 2px #dcdcdc;
    vertical-align: middle;
}

#recruit_article .mailform td span{
    font-size:10px;
    line-height: 160%;
}

#recruit_article .mailform tr.youken td{
    vertical-align:top;
    padding-top:12px;
    color:#000000;
    empty-cells:show;/*IE6,7対策*/
}
/* フォームを作るテーブル */

#recruit_article .botan{
    margin:20px auto 15px auto;
    text-align:center;
}

#recruit_article .botan .attention{
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    margin: 5px 0 0 5px;
    color: #666666;
}

#recruit_article .red{
    color:#FF3D8B;
}

#recruit_article .kakunin{
    padding: 5px 0 10px 0;
}

/* ==================================== */
/* リクルートサンキューページ */
/* ==================================== */
.confirm{
    margin: 0 auto 30px;
    padding-top: 15px;
    width: 500px;
    line-height: 1.5em;
}

.confirm p{
    margin-top: 15px;
}

/* ==================================== */
/* LINE応募バナー設置 */
/* ==================================== */

#line {
    text-align: center;
}

/* ==================================== */
/* マイナンバーバナー */
/* ==================================== */

.mynumber {
    margin: 0 0 20px 0;
}

/* ==================================== */
/* 風俗求人グレイスバナー */
/* ==================================== */
.recruit_bn {
    margin: 0 0 20px 0;
    text-align: center;
}

/* ==================================== */
/* プレミアムサポート追加 */
/* ==================================== */

#recruit_article>a{
    display:inline-block;
    margin-top:1em;
}

#grace_support p{
    text-align:center;
    margin:25px 0;
    font-size:14px!important;
}

#grace_support video{
    margin:0 auto 25px;
    display:block;
}

#grace_support h4{
    margin:40px auto 30px;
    width:400px;
}
#grace_support div{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin:0 auto 10px;
    width:700px;
}

#grace_support div dl{
    height:300px;
    background-color:#fff0f5;
    text-align:center;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

#grace_support div#support_3content dl{
    width:225px;
}

#grace_support div#support_4content dl{
    width:175px;
    height:250px;
}

#grace_support div dl dd img{
    border-top-left-radius: 10px;       /* CSS3草案 */
    -webkit-border-top-left-radius: 10px;   /* Safari,Google Chrome用 */
    -moz-border-top-left-radius: 10px;  /* Firefox用 */
    border-top-right-radius: 10px;      /* CSS3草案 */
    -webkit-border-top-right-radius: 10px;  /* Safari,Google Chrome用 */
    -moz-border-top-right-radius: 10px; /* Firefox用 */
}

#grace_support div dl dt{
    font-weight:bold;
    color:#fff;
    padding:6px;
    font-size:14px!important;
    line-height:1.4;
    letter-spacing:0.1rem;
    background:#ff7bb0;
}

#grace_support div dl dd:last-child{
    padding:7px 15px 0;
    line-height:1.5;
}

/* ==================================== */
/* プレミアムサポート誘導 */
/* ==================================== */
.premium_btn{
    margin: 30px auto !important;
    width: 325px !important;
    height: 50px;
}