@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,ddress,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,/*strong,*/sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    word-break: break-all;
}

/* HTML5 display-role reset for older browsers */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

body.open {
  /*--position: fixed;--*/
  overflow: hidden;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*,
*::before,
*::after {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*-----------------------------------------------
[default]
-----------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}
body {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.35em;
    letter-spacing: 1px;
    color: #474747;
    width: 100%;
    min-width: 1150px;
    -webkit-text-size-adjust: 100%;
}
.cf::after,
.variousBox::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
a {
    outline: none;
    vertical-align: bottom;
    color: #1c90d1;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
img {
    vertical-align: baseline;
}
a[href^="tel:"] {
    cursor: default;
}

/*-----------------------------------------------
[float]
-----------------------------------------------*/

.left {
    float: left;
}
.right {
    float: right;
}

/*-----------------------------------------------
[form]
-----------------------------------------------*/

input[type="text"],
textarea,
select,
button {
    border: 1px solid #ccc;
    outline: none;
}
textarea {
    resize: vertical;
    line-height: 1.2;
    font-family: inherit;
}
label {
    cursor: pointer;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="reset"] {
    padding: 5px;
    border-radius: 4px;
    /*background-color: #fff;*/
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 1px 0 #FAFAFA;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-appearance: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.mapSearchArea .areaBox input::-webkit-input-placeholder {
    color: #aaa;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="reset"]:focus {
    border-color: #8fb8fa;
    outline: 0;
    /* IE6-9 */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #cde0ff;
}
input[type="radio"],
input[type="checkbox"] {
    vertical-align: middle;
    margin-right: 3px;
    cursor: pointer;
}
input[type="submit"],
input[type="button"] {
    border: 0;
    outline: none;
    cursor: pointer;
}
select {
    background: url(../img/common/arrow_green_bottom.png) #fff no-repeat top 50% right 10px;
    background-size: 10px;
    padding-right: 30px !important;
    font-size: 16px;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}


/*---------------------------------------------------------------------------------------------------------------
[input装飾]
---------------------------------------------------------------------------------------------------------------*/

input{
    -webkit-appearance: none;
    line-height: 1;
}
input[type="radio"],
input[type="checkbox"] {
    display: none;
}
.radio,
.checkbox {
    position: relative;
    padding: 7px 10px 7px 28px;
    display: inline-block;
    line-height: 1.25;
}
.radio:hover::after,
.checkbox:hover::after {
    border-color: #aaa;
}
.radio::after,
.checkbox::after {
    transition: border-color 0.1s linear;
    position: absolute;
    top: 9px;
    left: 1px;
    width: 20px;
    height: 20px;
    content: '';
}
.radio::after,
.checkbox::after,
.checkbox::before {
    margin: -3px 0 0;
}
.radio::after {
    border: #bdc3c7 1px solid;
}
.checkbox::after {
    background: url(../img/common/checkbox_off.png) right 50% no-repeat;

}
.radio::before,
.checkbox::before {
    transition: opacity 0.1s linear;
    position: absolute;
    display: block;
    content: '';
    opacity: 0;
}

.radio::before {
    background: #1abc9c;
    width: 14px;
    height: 14px;
    margin: -5px 0 0;
    top: 14px;
    left: 4px;
}
.checkbox::before {
    background: url(../img/common/checkbox_on.png) right 50% no-repeat;
    width: 20px;
    height: 20px;
    left: 1px;
    top:9px;
}
.radio::after,
.radio::before {
    border-radius: 50%;
}
input[type="radio"]:checked+.radio::before,
input[type="checkbox"]:checked+.checkbox::before {
    opacity: 1;
}
input[type="checkbox"]:checked+.checkbox::after {
    opacity: 0;
}
label select {
    padding: 8px 50px 8px 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    background: #fff;
    background: url(../img/common/arrow_select.png) #fff right 50% no-repeat;
    height: 36px;
}
select {
    cursor: pointer;
}
::-ms-expand {
    display: none;
}


/*---------------------------------------------------------------------------------------------------------------
[共通]
---------------------------------------------------------------------------------------------------------------*/
.jobContents,
.sMenuBox,
.breadcrumbs ul,
.inner,
.entoryBox,
.txtInfo p {
    width: 1150px;
    margin: auto;
}
.txtCenter {
    text-align: center;
}
.txtLeft {
    text-align: left;
}
.txtRight {
    text-align: right;
}
.breadcrumbs {
    border-bottom: #9f9f9f 1px dashed;
}
.breadcrumbs ul {
    padding: 8px 0;
}
.breadcrumbs li {
    display: inline-block;
    font-size: 12px;
}
.breadcrumbs li::after {
    content: ">";
    padding: 0 10px 0 15px;
}
.breadcrumbs li:last-child::after {
    content: none;
}
.breadcrumbs li a {
    color: #ef973f;
}
.w5 { width: 5% }
.w10 { width: 10% }
.w15 { width: 15% }
.w20 { width: 20% }
.w25 { width: 25% }
.w30 { width: 30% }
.w35 { width: 35% }
.w40 { width: 40% }
.w45 { width: 45% }
.w50 { width: 50% }
.w55 { width: 55% }
.w60 { width: 60% }
.w65 { width: 65% }
.w70 { width: 70% }
.w75 { width: 75% }
.w80 { width: 80% }
.w85 { width: 85% }
.w90 { width: 90% }
.w95 { width: 95% }
.w100 { width: 100% }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt100 { margin-top: 100px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr100 { margin-right: 100px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb100 { margin-bottom: 100px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml100 { margin-left: 100px; }

.redTxt {
    color:#ea6069;
    font-weight: bold;
    font-size: 1.2em;
}
.boldText {
    font-size: 1.2em;
    font-weight: bold;
}
/*selectIco緑のやつ*/
.selectIco.pc{
    position: relative;
    padding-left: 150px;
}
ul.selectIco.pc::before {
    position: absolute;
    display: block;
    content: "選択中のエリア >";
    left: 0;
    padding: 2px;
    font-size: 11px;
    background: white;
    color: #4EC8AE;
    border: solid 2px #4EC8AE;
    width: 130px;
    text-align: center;
}
.selectIco {
    display: block;
    padding: 8px 0 0;
    margin: 5px 0 0;
}
.jobTable.search .selectIco li {
    width: auto;
    display: inline-block;
    margin: 0;
}
.selectIco li a {
    color: #fff;
    padding: 4px 32px 2px 10px;
    border-radius: 3px;
    display: inline-block;
    margin: 0 5px 5px 0;
    background: url(../img/common/btn_close02.png) no-repeat right 10px top 50%;
    background-size: 13px;
    background-color: #4EC8AE;
    font-size: 11px;
    box-shadow: none;
}
.selectIco li a:hover {
    text-decoration: none;
    opacity: 0.5;
}


/*---------------------------------------------------------------------------------------------------------------
[Title]
---------------------------------------------------------------------------------------------------------------*/
.inTitle {
    background: #f5f5f5;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    padding: 14px 0 14px 25px;
    margin: 0 0 25px;
}
.blockTitle {
    font-size: 18px;
    font-weight: bold;
    border-left: #f5f5f5 6px solid;
    padding: 10px 0 10px 20px;
    margin: 0 0 30px;
}
.blockTitle.green {
    border-left: #1abc9c 6px solid;
    color: #1abc9c;
    font-size: 20px;
}
.jobTitle {
    font-size: 24px;
    font-weight: bold;
    border-bottom: #f5f5f5 2px solid;
    line-height: 1.25;
    padding: 0 0 10px;
    margin: 0 0 30px;
}
.jobTitle a {
    color: #474747;
}
.largeTitle {
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    padding: 40px 0;
    border-bottom: #9f9f9f 1px dashed;
}
.borderTitle {
    border-bottom: #ededed 2px solid;
    padding: 0 0 15px;
    position: relative;
}
.borderTitle.orange::before {
    content: "";
    position: absolute;
    width: 95px;
    height: 3px;
    background: #ffdc74;
    bottom: -3px;
    left: 0;
}
.borderDotTitle {
    border-bottom: #c0c0c0 1px dashed;
    padding: 0 0 15px;
}
.middleTitle {
    margin: 0 0 10px 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}
.middleTitle span {
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 20px;
}
.lineTitle {
    border-bottom: #bdc3c7 2px solid;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 2;
}
.lineTitle span {
    border-bottom: #727d85 2px solid;
    color: #727d85;
}
.lineTitle.green span {
    border-bottom: #1abc9c 2px solid;
    color: #1abc9c;
}
.txtSkyblue {
    color: #00bab6;
}
.ttlSkyblue {
    color: #00bab6;
    font-size: 46px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 7px;
    display: block;
    text-align: center;
}
.ttlSkyblue span {
    color: #bbbdc7;
    font-size: 18px;
    font-weight: normal;
    display: block;
    padding: 20px 0 0;
}
.ttlWhite {
    font-size: 32px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
}
.ttlNormal {
    font-size: 36px;
    line-height: 1;
    font-weight: bold;
}

/*-----------------------------------------------
[slider]
-----------------------------------------------*/

.sliderBox .bx-wrapper,
.schoolSlider .bx-wrapper,
.newJobArea .bx-wrapper {
    max-width: 100% !important;
}
.sliderBox .bx-wrapper li {
    width: auto !important;
    padding: 0 1px 0 0;
}
.sliderBox .bx-wrapper li img {
    width: auto;
    height: 240px;
}
.sliderBox .bx-caption {
    text-align: center;
}
.jpbPhoto .bx-controls {
    display: none;
}
.newJobArea .bx-wrapper .bx-viewport {
    height: auto !important;
}
.jpbPhoto {
    float: left;
    position: relative;
    width: 600px;
}

.jpbPhoto .moneyGift{
    position: absolute;
    z-index: 99;
    width: 150px;
    height: 145px;
    right: 106px;
    bottom:10px;
}

.jpbPhoto .money5{
    background: url(../img/common/bg_money_gift5.png) no-repeat;
}
.jpbPhoto .money7{
    background: url(../img/common/bg_money_gift7.png) no-repeat;
}
.jpbPhoto .money10{
    background: url(../img/common/bg_money_gift10.png) no-repeat;
}
.jpbPhoto .money100{
    background: url(../img/common/bg_money_gift100.png) no-repeat;
}


.jpbPhoto .moneyGift span{
    position:absolute;
    top:58px;
    left:44px;
    font-size: 44px;
    color:#ff4b57;
    font-weight: bold;
}


.jpbPhoto .money100 span{
    position:absolute;
    top:68px;
    left:44px;
    font-size: 44px;
    color:#ff4b57;
    font-weight: bold;
    letter-spacing: -5px;
}


.jpbPhoto .bx-wrapper {
    width: 500px;
    padding: 0;
    float: left;
}
.jpbPhoto .sliderJobPager {
    float: left;
    padding: 0 0 0 10px;
    border-left: #ededed 1px solid;
    margin-left: 10px;
}
.jpbPhoto .sliderJobPager li {
    width: 76px;
    margin: 0 0 1px;
}
.jpbPhoto .bx-wrapper li {
    text-align: center;
    width: 100% !important;
}
.jpbPhoto .bx-wrapper img {
    max-width: 100%;
    max-height: 360px;
    width: 100%;
    height: 360px;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: 'object-fit: cover;'
}
.jpbPhoto .sliderJobPager img {
    max-width: 100%;
    max-height: 96px;
}

/*---------------------------------------------------------------------------------------------------------------
[00]header / menu
---------------------------------------------------------------------------------------------------------------*/

header {
    /*border-bottom: #f7f7f7 3px solid;*/
    border-bottom: #f7f7f7 10px solid;
}
.headerLineBox {
    background: #ef973f;
}
.headerLine {
    width: 1150px;
    margin: auto;
    color: #fff;
    font-size: 12px;
}
.headerLine p {
    padding: 5px 0;
    float: left;
}
.headerLine ul {
    display: flex;
    flex-wrap: nowrap;
    float: right;
}
.headerLine li {
    margin: 0 0 0 30px;
}
.headerLine li.icoLogin {
    background: url(../img/common/ico_login.png) no-repeat 0 4px;
    background-size: 15px;
}
.headerLine li.icoPen {
    background: url(../img/common/ico_pen.png) no-repeat 0 4px;
    background-size: 15px;
}
.headerLine li a {
    color: #fff;
    padding: 5px 0 5px 22px;
    display: inline-block;
}
.logoBox {
    float: left;
    /*padding: 8px 0 0;*/
    padding: 6px 0 0;
}
.sMenu {
    float: right;
}
.sMenu ul {
    float: left;
}
.sMenu li {
    display: table-cell;
}
.sMenu li.icoLogin:nth-child(1) a{
    background: url(../img/common/form_login_ico.png) no-repeat 25px 22px;
}
.sMenu li:nth-child(1) a {
    background: url(../img/common/ico_search.png) no-repeat 25px 22px;
    background-size: 39px;
    border-left: #f8f8f8 1px solid;
}
.sMenu li:nth-child(2) a {
    background: url(../img/common/ico_time.png) no-repeat 27px 22px;
    background-size: 36px;
}
.sMenu li:nth-child(3) a {
    background: url(../img/common/ico_heart.png) no-repeat 25px 22px;
    background-size: 40px;
}
.sMenu li:nth-child(4) a {
    background: url(../img/common/ico_man.png) no-repeat 33px 22px;
    background-size: 25px;
}
.sMenu li:nth-child(5) {
    display: none;
}
.sMenu li a,
.sMenu li span {
    padding: 75px 0 10px;
    color: #222;
    font-weight: bold;
    display: inline-block;
    width: 90px;
    text-align: center;
    border-right: #f8f8f8 1px solid;
}
.sMenu li a:hover {
    background-color: #faf8f3;
    text-decoration: none;
}
.sMenu .telBox {
    float: right;
    padding: 12px 0 8px 30px;
}
.sMenu .telBox a {
    display: block;
}
.sMenu p {
    font-size: 11px;
}
.sMenu .btnRed {
    background: url(../img/common/arrow_white_right.png) no-repeat #ea6069 center right 12px;
    background-size: 12px;
    color: #fff;
    padding: 8px 40px 8px 30px;
    border-radius: 3px;
    /*box-shadow: 0 1px 0 #272727;*/
}
.sMenu .btnRed:hover {
    text-decoration: none;
    opacity: 0.8;
}
.spMenu {
    display: none;
}

/*---------------------------------------------------------------------------------------------------------------
[01]index.php
---------------------------------------------------------------------------------------------------------------*/
/*mv*/
.mv {
    margin: 0 0 70px;
    height: 680px;
    position: relative;
    overflow: hidden;
}
.mv img {
    vertical-align: bottom;
}
.mv .mvTitle {
    padding: 0 0 20px;
    margin: 0 0 0 -5px;
}
.mv .maxOiwai {
    height: 102px;
    width: 560px;
    background: url(/img/common/max_oiwai_bg.png) no-repeat;
    text-align: right;
    padding: 27px 20px;
}
.maxOiwai .maxOiwaiTxt {
    font-size: 30px;
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #DCC36D 50%, #dcc36e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.maxOiwai .maxOiwaiTxt span {
    font-size: 60px;
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #DCC36D 50%, #dcc36e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mv .box01 {
    position: absolute;
    bottom: 90px;
    left: 50%;
    margin: 0 0 0 -575px;
    z-index: 100;
}
.mv .bx-viewport img {
    width: auto;
    height: 680px;
}
.mv .mvSlider li {
    height: 680px;
    text-align: center;
}
.mv .mvSlider li.slider01 {
    background: url(../img/index/mv_slider_01.png) no-repeat center;
}
.mv .mvSlider li.slider02 {
    background: url(../img/index/mv_slider_02.png) no-repeat center;
}
.mv .mvSlider li.slider03 {
    background: url(../img/index/mv_slider_03.png) no-repeat center;
}
.mv .mvSlider li.slider01,
.mv .mvSlider li.slider02,
.mv .mvSlider li.slider03 {
    background-size: cover;
}
/*search*/

.searchAreaEasy.inner {
    margin: 25px 0 0;
    padding: 10px 10px 10px 30px;
    border: rgba(255,148,0,.75) 6px solid;
    background: rgba(255,255,255,.75);
    width: 1180px;
    position: relative;
}
.searchAreaEasy.inner .selectIco{
    max-height: 70px;
    overflow: scroll;
}
.searchAreaEasy .btnWrap{
    text-align: center;
    display: inline;
}
.searchAreaEasy.inner div#displayJobCount{
    position : absolute;
    top : 10px;
    left : 300px;
}
.searchAreaEasy .txtSkyblue {
    font-size: 22px;
    margin: 0 0 50px;
}
.searchAreaEasy .txtStyle01 {
    color: #ff9400;
}
.searchAreaEasy .txtSkyblue span {
    font-size: 12px;
    margin: 0 0 0 30px;
    color: #474747;
}
.searchAreaEasy select {
    padding: 12px 20px 12px;
    font-size: 16px;
    box-shadow: 0 3px 0 #e5e5e5 inset;
    border: #575860 1px solid;
    background: url(/img/common/arrow_triangle_orange_bottom.png) #fff no-repeat top 50% right 10px;
    background-size: 12px;
}
.searchAreaEasy .inputLayout {
    color: #ff9400;
    font-size: 20px;
    vertical-align: middle;
}
.searchAreaEasy input[type="text"] {
    padding: 15px 20px 14px;
    font-size: 16px;
    box-shadow: 0 3px 0 #e5e5e5 inset;
    border: #575860 1px solid;
    width: 320px;
}
.searchAreaEasy .txtLayout {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 40px;
}
.searchAreaEasy .txtLayout a {
    text-decoration: underline;
    color: #222;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.75;
}
.searchAreaEasy .txtLayout a:hover {
    text-decoration: none;
}
.searchAreaEasy .detail {
    text-decoration: underline;
    float: right;
    position: absolute;
    top: 10px;
    left: 1070px;
}
.searchAreaEasy .btnStyle02 {
    background: url(../img/common/arrow_white_right.png) no-repeat #eb5f6a 20px 20px;
    background-size: 14px;
    padding: 10px 50px 9px 62px;
    color: #fff;
    box-shadow: 2px 2px 0 #c43c47;
    font-weight: bold;
    border-radius: 3px;
    font-size: 22px;
    margin: 0 0 0 12px;
    line-height: 1.5;
    vertical-align: top;
}
.searchAreaEasy .btnStyle02:hover {
    background: url(../img/common/arrow_white_right.png) no-repeat #f38790 20px 20px;
    background-size: 14px;
}
.searchAreaEasy .btnStyle01 {
    color: #eb5f6a;
    background: url(/img/common/arrow_pink_right_bgwhite.png) no-repeat center right 5px;
    background-size: 24px;
    text-shadow: 2px 0 1px #fff, 0 2px 1px #fff, -2px 0 1px #fff, 0 -2px 1px #fff;
    border: #eb5f6a 2px solid;
    border-radius: 3px;
    padding: 17px 40px 17px 20px;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 0 20px;
}
.searchAreaEasy .btnStyle01:hover {
    color: #fff;
    background: url(/img/common/arrow_white_right.png) #f38790 no-repeat center right 10px;
    background-size: 15px;
    text-shadow: none;
}

.searchAreaEasy .txtStyle01 {
    font-size: 24px;
    float: left;
    line-height: 2;
}
.searchAreaEasy .txtStyle04 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    border-right: #e5e5e5 1px solid;
    padding: 0 15px 0 30px;
    line-height: 1.3;
}
.txtStyle02 {
    font-size: 16px;
    font-weight: bold;
    margin : 10px 0 0 0;
}
.txtStyle02 .lastUpdate{
    font-size : 8px;
    letter-spacing: normal;
}
.searchAreaEasy .txtStyle02 {
    display: inline-block;
}
.searchAreaEasy .txtStyle03 {
    float: left;
    padding: 0 0 0 20px;
    line-height: 3.5;
}
.searchAreaEasy .txtStyle03 span {
    padding: 0 0 0 10px;
}
.searchAreaEasy .searchBox {
    margin: 5px 0 0;
}
.searchAreaEasy .searchBox input.box02 {
    width: 205px;
    margin-left: 20px;
}

.searchAreaEasy .box02 {
    display: inline-block;
}
.searchAreaEasy span.countNum {
    width: 120px;
    display: inline-block;
    text-align: right;
    margin: 0 7px 0 1px;
    background: #ff9400 ;
    font-size: 26px;
    color: #fff;
    padding: 5px 5px 2px 10px;
    border: #e5e5e5 1px solid;
    font-weight: normal;
    box-shadow: 0 1px #df8200 inset;
    border-radius: 3px;
    line-height: 1;
}
/*salon*/
.salonArea {
    background: url(/img/index/salon_bg.png) no-repeat;
    background-size: cover;
    margin: 80px 0 0;
    padding: 0 0 30px;
}
.salonArea .ttlSkyblue {
    padding: 50px 0
}
.salonArea ul {
    display: flex;
    flex-wrap: wrap;
}
.salonArea li {
    width: 365px;
    margin: 0 27px 27px 0;
}
.salonArea li:nth-child(3n) {
    margin: 0 0 27px;
}
.salonArea a {
    background: url(/img/common/arrow_white_right.png) no-repeat center right 35px, linear-gradient(90deg,#00bab6 0%,#00bab6 75%,#007b79 75%,#007b79 100%);
    background-size: 20px,100%;
    box-shadow: 0 2px 0 #005250;
    color: #fff;
    font-weight: bold;
    padding: 0 105px 0 10px;
    font-size: 18px;
    letter-spacing: 2px;
    display: table-cell;
    width: 365px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.25;
}
.salonArea .ico01 a::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 17px;
    margin: 0 15px 0 0;
    background: url(/img/common/ico_crown_yellow.png) no-repeat;
    background-size: cover;
}
.salonArea a:hover {
    text-decoration: none;
    background: url(/img/common/arrow_white_right.png) no-repeat center right 35px,
        linear-gradient(90deg,#33c8c5 0%,#33c8c5 75%,#259290 75%,#259290 100%);
    background-size: 20px,100%;
    box-shadow: 0 2px 0 #337573;
}
/*shool*/
.schoolSlider ul {
    position: relative;
}
.schoolSlider img {
    vertical-align: bottom;
}
.schoolSlider p {
    position: absolute;
    display: block;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    padding: 15px 10px;
    bottom: 0;
    line-height: 1;
    font-size: 16px;
    width: 385px;
}
/*map*/
.mapArea .ttlSkyblue {
    padding: 10px 0 60px;
}
.mapBg {
    background: url(/img/common/bg_slash_yellow.png);
}
.mapArea .inner {
    background: url(/img/index/map.png) no-repeat 180px 90px;
    position: relative;
    height: 900px;
}

.attendArea{
    margin: 50px 0 ;
}
.attendArea .bnrBox{
    margin-bottom: 20px;
}



#Area1 {
    top: 108px;
    right: 0;
}
#Area2 {
    top: 95px;
    right: 550px;
}
#Area3 {
    top: 375px;
    right: 0;
}
#Area4 {
    top: 562px;
    right: 270px;
}
#Area5 {
    top: 640px;
    left: 410px;
}
#Area6 {
    top: 95px;
    width: 300px;
}
#Area7 {
    top: 380px;
}
#Area8 {
    bottom: 50px;
    left: 0;
}
.areaList {
    position: absolute;
    width: 200px;
}
#Area3.areaList {
    width: 270px;
}
#Area5.areaList {
    width: 420px;
}
#Area8.areaList {
    width: 100%;
}
.btnArea {
    pointer-events:none;
}
.areaList .btnArea {
    color: #222;
    font-size: 18px;
    font-weight: bold;
    border-bottom: #222 1px solid;
    line-height: 1;
    padding: 0 0 7px;
    margin: 0 0 20px;
    position: relative;
    cursor: pointer;
}
#Area3.areaList .btnArea,
#Area5.areaList .btnArea {
    font-size: 24px;
}
#Area8.areaList .btnArea {
    float: left;
    cursor: default;
    border: none;
    padding: 0;
    margin: 0;
}
/*.areaList .btnArea::after {
content: "▶";
color: #00bab6;
position: absolute;
right: 0;
font-size: 14px;
}*/
#Area8.areaList .btnArea::after {
    content: none;
}
.areaList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#Area8.areaList ul {
    display: block;
}
.areaList li {
    width: 49%;
}
#Area5.areaList li {
    width: 32.5%;
}
#Area6.areaList li {
    width: 32.5%;
}
#Area8.areaList li {
    width: auto;
    display: inline-block;
    margin: 0 0 0 20px;
}
.areaList li a {
    border: #ff9400 1px solid;
    background: #fff;
    box-shadow: 0 1px 0 #d37b01;
    position: relative;
    color: #222;
    display: block;
    font-size: 16px;
    padding: 8px;
    margin: 0 0 6px;
}
#Area3.areaList li a,
#Area5.areaList li a {
    font-size: 22px;
    font-weight: bold;
    padding: 13px 15px;
}
#Area8.areaList li a {
    border: none;
    background: none;
    box-shadow: none;
    text-decoration: underline;
    padding: 0;
    margin: 0;
}
.areaList li a::before {
    content: "▶";
    color: #ff9400;
    padding: 0 8px 0 0;
    display: inline-block;
}
.areaList li a:hover {
    text-decoration: none;
    color: #fff;
    background: #ff9400;
}
.areaList li a:hover::before {
    color: #fff;
}
#Area8.areaList li a:hover,
#Area8.areaList li a:hover::before {
    color: #ff9400;
}
/*newJob*/
.newJobArea {
    margin : 80px 0 0 0 ;
    background: url(/img/index/newjob_bg.png) no-repeat;
    background-size: cover;
    padding: 50px 0;
}
.newJobArea .ttlWhite {
    text-align: center;
}
.newJobArea .jobSlider {
    margin: 50px 0 0;
}
.newJobArea .jobBox {
    width: 315px;
    background: #fff;
    display: inline-block;
    margin: 0 25px;
}
.newJobArea .jobBox:hover {
    background: #fafafa;
}
.newJobArea .jobBox a {
    display: block;
}
.newJobArea .jobBox .photoBox img{
    width : 386px;
    height : 250px;
    -o-object-fit: cover;
       object-fit: cover; /* この一行を追加するだけ！ */
}
.jobBox a {
    color: #474747;
}
.jobBox a:hover {
    text-decoration: none;
}
.jobBox .photoBox img {
    width: 100%;
    height: auto;
}
.jobBox .jobTitle {
    font-size: 18px;
    padding: 10px;
    line-height: 1.25;
    border: none;
    margin: 0;
}
.jobBox .storeNameBox {
    padding: 0 10px 10px;
}
.jobBox .jobTable {
    border-top: #ededed 1px solid;
}
.jobContents .jobTable .fRed{
    font-size: 20px;
}

/*bannerTop*/
.bannerTopArea {
    background: url(/img/index/survice_bg.png) no-repeat;
    background-size: cover;
    padding: 100px 0;
}
.column3 {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -10px;
}
.column3 li {
    padding: 0 10px;
}
.column3 li.oiwaiMaxBnr {
    position: relative;
}
.column3 li.oiwaiMaxBnr span {
    position: absolute;
    top: 68px;
    font-size: 21px;
    font-weight: bold;
    color: #f0ff00;
    right: 110px;
    font-style: italic;
}
.column3 img,
.column2 img {
    width: 100%;
    height: auto;
}
.column3 a,
.column2 a {
    display: block;
}
.column3 a:hover,
.column2 a:hover {
    opacity: 0.8;
}
.column2 {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -10px;
}
.column2 li {
    width: 50%;
    padding: 0 10px;
}
.column2+.column3 {
    margin-top: 60px;
}
.column3+.column2 {
    margin-top: 20px;
}
.bannerTopArea .ttlSkyblue {
    padding: 0 0 80px;
}

/*meeting*/
.meetingArea {
    background: url(/img/index/meeting_bg.png) no-repeat;
    background-size: cover;
    text-align: center;
    padding: 100px 0 90px;
    border-top: #00bab6 1px solid;
}
.meetingArea .ttlNormal {
    padding: 0 0 30px;
}
.meetingArea a {
    display: block;
}
.meetingArea a:hover {
    opacity: 0.8;
}

/*info*/
.infoArea {
    background: url(/img/common/bg_slash_yellow.png);
    padding: 80px 0;
}
.infoArea .newsArea {
    float: left;
    width: 560px;
}
.infoArea .newsBox {
    border: #feb84c 3px solid;
    background: #fff;
    padding: 20px;
}
.infoArea .newsArea .txtSkyblue,
.infoArea .blogBox .txtSkyblue {
    font-size: 36px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
    padding: 0 0 40px;
}
.infoArea ul {
    height: 170px;
    overflow: auto;
}
.infoArea li {
    border-bottom: #e0e0e0 1px solid;
    position: relative;
}
.infoArea li a {
    color: #474747;
    display: block;
    padding: 20px 0 20px 120px;
    font-weight: bold;
    font-size: 15px;
}
.infoArea time {
    position: absolute;
    top: 50%;
    margin: -9px 0 0;
}
.infoArea .btn {
    background: none;
    border: #000 1px solid;
    border-radius: 0;
    box-shadow: none;
    padding: 7px 0;
    position: relative;
    width: 200px;
    display: block;
    text-align: center;
    margin: 20px auto 0;
}
.infoArea .newsBox .btn::after {
    content: "▶";
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 12px;
}
.infoArea .btn:hover {
    background: #474747;
    color: #fff;
}
.infoArea .blogBox {
    float: right;
    width: 560px;
}
.infoArea .blogBox a {
    display: block;
}
.infoArea .blogBox a:hover {
    opacity: 0.8;
}


/*parallax*/
.topParallax {
    background: url(/img/index/parallax.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 280px;
}


/*bannerBottom*/
.bannerBottomArea {
    padding: 80px 0;
}
.bannerBottomArea .column2 {
    display: block;
}
.bannerBottomArea .column2 li:nth-child(1) {
    float: right;
}
.bannerBottomArea .column2 li:nth-child(2) {
    float: left;
}


/*---------------------------------------------------------------------------------------------------------------
[detail.php]
---------------------------------------------------------------------------------------------------------------*/
.txtDate {
    text-align: right;
    padding: 10px 0 0;
    font-size: 12px;
}
.jobContentsHead {
    padding: 20px 0;
}
.jobContentsHead .tagH1 {
    float: left;
    color: #ea6069;
    font-size: 16px;
    font-weight: bold;
}
.jobContentsHead .snsBox {
    float: right;
}
.jobContentsHead .snsBox li {
    display: inline-block;
    vertical-align: top;
}
.jobHeadBox .jobImgBox {
    float: left;
    width: 540px;
}
.jobHeadBox .jobImgBox img {
    width: 100%;
}
/*slider*/
.jobImgBox .bx-wrapper {
    position: relative;
}
.jobImgBox .bx-controls {
    position: absolute;
    top: 50%;
}
.jobImgBox .bx-controls a.bx-prev,
.jobImgBox .bx-controls a.bx-next{
    position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 30px;
}
.jobImgBox .bx-controls a.bx-prev{
    left: 20px;
}
.jobImgBox .bx-controls a.bx-next{
    left: 500px;
}

.jobHeadBox .jobNameBox {
    float: right;
    width: 530px;
}
.jobHeadBox .jobNameBox .status {
    /*display: inline;*/
    float: left;
}
.jobHeadBox .jobNameBox .status li {
    font-size: 20px;
}
.jobHeadBox .jobNameTtl {
    background: #fceee0;
    color: #ff9400;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    padding: 10px 0;
    margin: 0 0 30px;
}
.jobHeadBox .jobName {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.75;
    display: inline;
}
.jobHeadBox .jobTxt {
    font-size: 18px;
    padding: 20px 0 30px;
    line-height: 1.75;
}
.jobHeadBox .cipMoner {
    display: inline-block;
    padding: 0;
    margin: 0 0 40px;
}
.jobHeadBox .cipMoner .silver {
    background: url(../img/info/moner_normal_l.png) no-repeat;
    background-size: cover;
    font-size: 30px;
    padding: 32px 0 50px;
}
.jobHeadBox .cipMoner .silver span {
    font-size: 50px;
    transform: scale(0.9, 1);
    display: inline-block;
}
.jobHeadBox .cipMoner p {
    width: 573px;
    padding: 0 0 40px;
}
.jobHeadBox .jobHead .mark {
    display: inline-block;
    margin: 0 0 0 30px;
}
.jobHeadBox .jobHead .mark p {
    background: #ea6069;
    color: #fff;
    border-radius: 25px;
    padding: 8px 20px 6px;
    display: inline-block;
    font-weight: bold;
    margin: 0 5px 0 0;
}
.jobHeadBox .storeName {
    display: inline-block;
}
body.fixed {
    padding: 46px 0 0;
}
body.fixed .navBox {
    position: fixed;
    width: 100%;
    top: 0;
    opacity: 0.9;
    z-index: 10;
    padding: 0;
}



/*entryBox*/
.entryBox {
    background: #fceee0;
    padding: 20px;
    margin: 0 0 50px;
}
.entryBox .flex {
    display: flex;
    justify-content: space-between;
}
.entryBox .telBox {
    background: #fff;
    padding: 25px 30px;
}
.entryBox p {
    text-align: center;
    font-weight: bold;
    padding: 0 0 15px;
}
.entryBox .telBox .txt01 {
}
.entryBox .telBox .txt02 {
    color: #1abc9c;
    font-size: 46px;
    background: url(../img/common/ico_tel_green.png) no-repeat;
    line-height: 1;
    padding: 0 0 0 40px;
}
.entryBox .arrowBtn a,
.entryBox .nextBtn a,
.entryBox .calBtn a,
.entryBox .heartBtn a,
.womanBtn a,
.entryBox .orderBtn a,
.entryBox .meetingBtn a {
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}
.entryBox .arrowBtn a {
    background: url(../img/common/arrow_white_right.png) no-repeat #ea6069 center left 15px;
    background-size: 14px;
    color: #fff;
    /*padding: 30px 10px 30px 35px;*/
    padding: 20px 246px;
    /*border: #ea6069 1px solid;
    box-shadow: 0 1px 0 #272727;*/
    display: block;
}
.jobContents .entryBox .flex {
    display: block;
}
.jobContents .entryBox .telBox {
    float: left;
    margin: 0 20px 0 0;
}
.jobContents .entryBox .arrowBtn,
.jobContents .entryBox .calBtn,
.jobContents .entryBox .orderBtn,
.jobContents .entryBox .meetingBtn {
    display: inline-block;
    vertical-align: top;
}
.jobContents .entryBox .calBtn,
.jobContents .entryBox .orderBtn {
    margin: 0 10px 0 0;
}
.jobContents .entryBox .arrowBtn {
    margin: 0 0 10px 0;
}
.jobContents .entryBox .heartBtn.pc {
    margin: 0 4px 0 0;
    display: inline-block;
}
.jobContents .entryBox .heartBtn.pc {
    position: fixed;
    top: 10px;
    right: 10px;
    margin: 0;
    z-index: 1;
}
.entryBox .calBtn a {
    background: url(../img/common/ico_cal_02.png) no-repeat #fff center left 15px;
    background-size: 18px;
    color: #ff9400;
    border: #ff9400 1px solid;
    padding: 20px 30px 20px 50px;
    display: block;
}
.entryBox .orderBtn a {
    padding: 20px 20px 20px 50px;
}
.entryBox .meetingBtn a {
    padding: 20px 35px 20px 60px;
}
.entryBox .heartBtn a {
    background: url(../img/common/ico_heart.png) no-repeat #fff center left 15px;
    background-size: 22px;
    color: #ff9400;
    padding: 19px 0;
    border: #ff9400 1px solid;
    width : 230px;
    height : 93px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.entryBox .keepActive a {
    background: url(../img/common/ico_heart_pink.png) no-repeat #f29c9f center left 15px;
    background-size: 22px;
    color: #fff;
    border: #f29c9f 1px solid;
 }
/*.entryBox .orderBtn a {
    color: #fff;
    background: url(../img/common/arrow_white_right.png) no-repeat #a6dc33 center left 15px;
    background-size: 15px;
}
.entryBox .meetingBtn a {
    color: #fff;
    background: url(../img/common/arrow_white_right.png) no-repeat #0068b7 center left 15px;
    background-size: 15px;
}*/
.entryBox .orderBtn a,
.entryBox .meetingBtn a {
    background: url(../img/common/arrow_orange_right.png) no-repeat #fff center left 15px;
    background-size: 14px;
    color: #ff9400;
    border: #ff9400 1px solid;
}
.entryBox .flex .nextBtn a {
    background: url(../img/common/arrow_white_right.png) no-repeat #ff9400 center left 15px;
    background-size: 18px;
    padding: 15px 20px 15px 25px;
    color: #fff;
}

.resultsArea .entryBox .flex .nextBtn a {
    width : 330px;
    height : 93px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.womanBtn a {
    background: url(../img/common/ico_woman_white.png) no-repeat center left 20px, url(../img/common/arrow_white_right.png) no-repeat center right 20px, #FF9400;
    background-size: 20px,14px;
    text-align: center;
    padding: 15px 20px 15px 25px;
    box-shadow: 0 4px 0 #d67c00;
    display: block;
}
.jobTable td .womanBtn {
    margin: 20px 0 10px;
}
.jobTable td .womanBtn a span {
    margin: 0;
}
.womanBtn a span {
    color: #fef500;
}
.entryBox .arrowBtn a:hover,
.entryBox .nextBtn a:hover {
    text-decoration: none;
    opacity: .8;
}
.entryBox .calBtn a:hover {
    text-decoration: none;
    opacity: .8;
}
.entryBox .heartBtn a:hover {
    text-decoration: none;
    opacity: .8;
}
.womanBtn a:hover,
.entryBox .orderBtn a:hover,
.entryBox .meetingBtn a:hover {
    text-decoration: none;
    opacity: .8;
}
.womanBtn a:hover span {
    /*color: #ff9400;*/
}
.navBox {
    background: #fceee0;
}
.navBox nav ul {
    display: flex;
}
.navBox nav li {
    width: 100%;
    padding: 0 0 0 1px;
}
.navBox nav li a {
    color: #fff;
    display: block;
    text-align: center;
    padding: 15px 15px 13px;
    font-size: 15px;
}
.navBox nav li:nth-child(1) a {
    background: url(../img/common/ico_memo1.png) no-repeat #f2c16a 20px 14px;
    background-size: 22px;
}
.navBox nav li:nth-child(2) a {
    background: url(../img/common/ico_woman1.png) no-repeat #f2c16a 20px 14px;
    background-size: 16px;
}
.navBox nav li:nth-child(3) a {
    background: url(../img/common/ico_file.png) no-repeat #f2c16a 20px 14px;
    background-size: 17px;
}
.navBox nav li:nth-child(4) a {
    background: url(../img/common/ico_note.png) no-repeat #f2c16a 20px 14px;
    background-size: 16px;
}
.jobContents {
    font-size: 16px;
}
.jobContents .txtRead {
    padding: 20px 0;
    font-size: 16px;
    line-height: 1.75;
    padding: 30px 0;
}
/*
.jobContents .icoBox {
}
.jobContents .icoBox ul {
    display: table-cell;
    width: 100%;
}
.jobContents .icoBox li {
    background: #f29c9f;
    display: inline-block;
    padding: 1px 5px 0;
    font-size: 11px;
    color: #fff;
    border-radius: 3px;
    margin: 0 0 6px 1px;
    text-align: center;
}
*/
.jobContents .tipBox {
    float: right;
}
.jobContents .tipBox.tip10 {
    background: url(../img/common/bnr_tip10.png) no-repeat;
    width: 410px;
    height: 60px;
}
.tableLayout {
    margin: 0 0 50px;
}
.tableLayout dl {
    display: flex;
    width: 100%;
    border-top: #fff 2px solid;
    border-bottom: #ededed 2px solid;
}
.tableLayout dt {
    background: #f5f5f5;
    font-weight: bold;
    width: 190px;
    position: relative;
}
.tableLayout dt img {
    position: absolute;
    left: -45px;
    top: 50%;
    transform: translate(0,-50%);
}
.tableLayout dt span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-25%,-50%);
}
.tableLayout dd {
    padding: 10px 20px;
    line-height: 1.75;
}
.tableLayout dd span {
    color: #ea6069;
    font-weight: bold;
    font-size: 30px;
    padding: 0 2px;
    line-height: 1;
}
.jobTable,
.entryTable {
    width: 100%;
    border-collapse: separate;
}
.jobTable {
    margin: 0 0 50px;
    line-height: 1.75;
}
.jobTable.list {
    margin: 0;
}
.jobTable.search {
    margin: 0 0 30px;
}
.jobTable a{
    vertical-align: top!important;
}
.jobTable th,
.entryTable th,
.resultsArea .jobTable th {
    background: #f5f5f5;
    border-top: #fff 3px solid;
    border-bottom: #ededed 2px solid;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 15px 15px 30px;
    width: 280px;
    text-align: left;
    vertical-align: middle;
}
.entryTable th span {
    font-weight: normal;
    font-size: 12px;
    display: block;
}
.jobTable.ico th {
    font-size: 16px;
    padding: 15px 10px 15px 50px;
    width: 180px;
    text-align: center;
    position: relative;
}
.jobTable.ico th img {
    position: absolute;
    left: 20px;
}
.jobTable.list th {
    border-top: #fff 2px solid;
    border-bottom: #ededed 1px solid;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
}
.jobTable.search th {
    width: 220px;
}
.jobTable.search th.orange {
    color: #ef973f;
    background: #fcead9;
}
.jobTable.search th.green {
    color: #00a484;
    background: #e8f8f5;
}
.jobTable.mini th {
    font-size: 13px;
    padding: 15px 0 15px 15px;
    width: 135px;
    vertical-align: middle;
}
.jobTable.mini th img {
    margin: 0 10px 0 0;
    vertical-align: middle;
}
table.jobTable.mini tr:first-child th,
table.jobTable.mini tr:first-child td{
    border-top: 0;
}
.jobTable td,
.entryTable td {
    border-top: #fff 3px solid;
    border-bottom: #ededed 2px solid;
    padding: 15px 15px 15px 40px;
    font-size: 15px;
    vertical-align: top;
}
.jobTable td .station {
    margin: 10px 0 0;
    padding: 14px 20px;
    border: 1px solid #ddd;
}
.jobTable td .station span{
    display:inline-block;
    padding:0 0 10px;
}
.jobTable  a{
    vertical-align: middle;
}
.jobTable .modal td,
.entryTable .modal td {
    padding: 0 0 20px 20px;
    border: none;
}
.jobTable.list td,
.entryTable.list td {
    font-size: 12px;
    padding: 15px;
    border-bottom: #ededed 1px solid;
}
.jobTable.search ul,
.entryTable ul {
    display: flex;
    flex-wrap: wrap;
}
.jobTable.search ul li {
    width: 33%;
    margin: 0;
}
.jobTable.list tr:last-child th,
.jobTable.list tr:last-child td,
.entryTable.list tr:last-child th,
.entryTable.list tr:last-child td {
    border-bottom: none;
}
.jobTable.mini td {
    padding: 15px;
}
.jobTable.mini td,
.jobTable.mini td span {
    font-size: 13px;
    vertical-align: middle;
}
.jobTable td span {
    margin: 0 30px -2px 0;
    display: inline-block;
}
.jobTable .fRed {
    color: #ea6069;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    line-height: 1;
}
.jobTable.list .fRed {
    font-size: 14px;
}
.jobTable ul li {
    display: inline-block;
    margin: 0 20px 0 0;
}
.jobTable ul li::before {
    content: "・";
}
.jobTable.search ul li::before {
    content: none;
}
.jobTitle.icoMemo {
    background: url(../img/common/ico_memo2.png) no-repeat 5px 3px;
    background-size: 34px;
    padding: 10px 0 10px 55px;
}
.jobTitle.icoWoman {
    background: url(../img/common/ico_woman2.png) no-repeat 5px 3px;
    background-size: 26px;
    padding: 10px 0 10px 55px;
}
.jobTitle.icoCheck {
    background: url(../img/common/ico_check.png) no-repeat 0 11px;
    background-size: 72px;
    padding: 10px 0 10px 90px;
}
.jobTable.search select {
    padding: 10px;
    vertical-align: bottom;
    margin: 0 5px 5px 0;
    min-width: 120px;
}
.jobTable.search input[type="submit"],
.mapSearchArea input[type="submit"],
.mapSearchArea a,
.btnGreen,
.modalTrigger,
.modalTriggerLine {
    background: #1abc9c;
    padding: 12px 30px 10px 30px;
    box-shadow: 0 2px 0 #119a7f;
    vertical-align: top;
    border-radius: 3px;
    margin: 0 10px 0 0;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    font-size: 13px;
}
.entryTable .modalTrigger, .entryTable .modalTriggerLine{
    float: left;
    padding: 16px 30px 12px 30px;
}
.entryTable ul {
    width: 100%;
}
.searchAreaEasy .modalTrigger{
    padding: 15px 30px 13px 30px;
}
.mapSearchArea a {
    padding: 10px 22px 9px;
    margin: 0 0 0 10px;
}
.jobTable.search input[type="submit"]:hover,
.mapSearchArea input[type="submit"]:hover,
.mapSearchArea a:hover,
.btnGreen:hover,
.modalTrigger:hover,
.modalTriggerLine:hover {
    text-decoration: none;
    opacity: 0.8;
}
.mapSearchArea a.green {
    background: #1abc9c;
    box-shadow: 0 2px 0 #119a7f;
    color: #fff;
}
.mapSearchArea input[type="submit"].orange {
    background: #ff9400;
    color: #fff;
}
.jobTable.search input[type="submit"].hidden,
.mapSearchArea a.hidden,
.btnGreen.hidden,
.entryBtnBox.center .sendBtn.hidden {
    opacity: 0.2;
    cursor: default;
}
.jobTable.search input[type="text"] {
    padding: 13px 10px 12px;
    margin: 0 0 5px;
    width: 50%;
    font-size: 16px;
}
#pay_type_money_min,
#pay_type_money_max {
    width: 120px;
    text-align: right;
}
.box {
    line-height: 1.75;
    padding: 0 0 40px;
}
.box:last-child {
    padding: 0;
}
.box img {
    max-width: 400px;
    max-height: 480px;
}
.jobContents {
    margin: auto;
}
.jobContents .box .floatImg {
    float: right;
    margin: 0 0 0 50px;
}
.jobContents .box:nth-child(even) .floatImg {
    float: left;
    margin: 0 50px 0 0;
}
.box.voice img {
    max-width: 230px;
    height: auto;
}
.box.voice img.imgBlur {
    max-width: none;
}
.box .left {
    margin: 0 50px 0 0;
}
.box ul.column2 {
    display: flex;
    flex-wrap: wrap;
}
.box li {
    width: 50%;
    display: inline-block;
}
.box li::before {
    content: "・";
}
.box dl.column2 {
    display: inline-block;
    width: 49.5%;
    margin: 0;
}
.box dl.column2 li {
    display: inline-block;
    width: auto;
    margin: 0 10px 0 0;
}
.box dl.ttlLayout dt {
    font-weight: bold;
}
.box dl.ttlLayout dd::before {
    content: "・";
}
.sliderBox {
    padding: 50px 0;
}
.sliderBox .sliderTitle {
    font-size: 22px;
    font-weight: bold;
    background: url(../img/common/ico_cam.png) no-repeat 0 6px;
    text-align: center;
    background-size: 31px;
    display: block;
    padding: 10px 0 0;
    margin: 0 auto 30px;
    width: 270px;
    line-height: 1;
}
.box.voice .cf {
    margin: 0 0 30px;
}
.box.voice dl {
    width: 860px;
    display: inline-block;
}
.box.voice dt {
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 10px;
    position: relative;
}
.box.voice dd {
    position: relative;
}
.box.voice .blurbtn {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -250px;
}
.box.voice .blurbtn a {
    background: url(../img/common/arrow_white_right.png) no-repeat #ff9400 20px 20px;
    background-size: 14px;
    padding: 17px 50px;
    color: #fff;
    box-shadow: 0 1px 0 #d37b01;
    font-weight: bold;
    border-radius: 3px;
}
.box.voice .blurbtn a span {
    color: #fef500;
}
.box.voice .blurbtn a:hover {
    text-decoration: none;
    background: url(../img/common/arrow_white_right.png) no-repeat #ffa933 20px 20px;
    background-size: 14px;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.flex dl {
    padding: 0 2% 2% 0;
}
.flex.col2 dl {
    width: 50%;
}
.flex.col3 dl {
    width: 33.3%;
}
.flex.col4 dl {
    width: 25%;
}
.flex.col2 dl:nth-child(2n),
.flex.col3 dl:nth-child(3n),
.flex.col4 dl:nth-child(4n) {
    margin: 0;
}
.flex dt {
    font-weight: bold;
}


/* 記載の意味不明　山内確認　2019-01-08

.entoryBox {
    margin: 50px auto;
}
.entoryBox>div {
    margin: 0 0 50px;
}
.entoryBox .telBox {
    float: left;
    width: 49.5%;
    text-align: center;
    border-right: #e5e5e5 1px solid;
}
.entoryBox p {
    background: #f5f5f5;
    width: 260px;
    margin: 0 auto 10px;
    line-height: 1;
    padding: 7px 0;
    font-size: 15px;
    font-weight: bold;
}
.entoryBox .mailBox {
    float: right;
    width: 49.5%;
    text-align: center;
    padding: 12px 0 0;
}
.entoryBox a {
    background: url(../img/common/arrow_white_right.png) no-repeat #ea6069 20px 19px;
    background-size: 14px;
    padding: 17px 50px;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    line-height: 1;
    display: block;
    width: 60%;
    margin: auto;
}
.entoryBox a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.entoryBox .btnBox {
    background: #ededec;
    display: flex;
    padding: 0 60px 0 80px;
}
.entoryBox dl {
    width: 33.3%;
    background: #fff;
    margin: 20px 20px 20px 0;
}
.entoryBox dt {
    padding: 30px 0 20px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
.entoryBox dd {
    padding: 0 0 20px;
}
.entoryBox dd a {
    background: url(../img/common/arrow_white_right.png) no-repeat #ff9400 20px 19px;
    background-size: 14px;
    padding: 17px 0;
    color: #fff;
    width: 90%;
    font-size: 16px;
    text-align: center;
}
.entoryBox dd a.keep {
    background: url(../img/common/ico_heart.png) no-repeat #fff 75px 14px;
    padding: 16px 0 16px 30px;
    background-size: 24px;
    color: #ff9400;
    border: #ff9400 1px solid;
    box-shadow: 0 1px 0 #ff9400;
}
.entoryBox dd a.keep.active {
    background: url(../img/common/ico_heart_pink.png) no-repeat #f29c9f 75px 14px;
    padding: 16px 0 16px 30px;
    background-size: 24px;
    color: #fff;
    border: #f29c9f 1px solid;
    box-shadow: 0 1px 0 #f29c9f;
}

*/

.jobArea {
    margin: 0 0 70px;
    position: relative;
}
.jobArea ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px;
}
.jobArea ul li {
    width: 33.3%;
    padding: 0 10px;
    margin: 0 0 30px;
}
.jobArea ul li:nth-child(3n+1) {
    padding: 0 16px 0 0;
}
.jobArea ul li:nth-child(3n) {
    padding: 0 0 0 20px;
}
.jobArea .jobBox {
    border: #ededed 1px solid;
    border-bottom: #ff9400 5px solid;
    background: #fff;
}
.jobArea .jobBox a {
    text-decoration: none;
    color: #474747;
}
.jobArea .jobBox img {
    transition: all 0.2s linear;
}
.jobArea .jobBox:hover img {
    transform: scale(1.05);
}
.jobArea .photoBox {
    max-height: 235px;
    overflow: hidden;
    position: relative;
}
.jobArea .photoBox p {
    position: absolute;
    background: url(../img/common/bg_marker.png) no-repeat;
    background-size: cover;
    width: 36px;
    height: 50px;
    top: 10px;
    left: 13px;
    font-size: 17px;
    text-align: center;
    padding: 10px 0;
    z-index: 1;
    white-space: nowrap;
    font-weight: bold;
    letter-spacing: -0.5px;
}
.jobArea .photoBox img {
    width: 100%;
    height: auto;
    min-height: 235px;
    -o-object-fit: cover;
       object-fit: cover;
}
.jobArea .jobTitle {
    font-size: 16px;
    line-height: 1.38;
}
.jobArea .storeNameBox {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 100%;
    margin: 0;
    background: none;
    text-align: left;
    padding: 3%;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1.4;
    text-shadow: 1px 1px 1px rgba(0,0,0,1);
}

.jobArea .storeNameBox .storeName {
    display: table-cell;
    width: 100%;
    /*color: #ff9400;*/
    font-weight: bold;
}
.jobArea .storeNameBox ul,
.status {
    display: table-cell;
    display: block;
    margin: 0;
}
.jobArea .storeNameBox ul {
    width: 66px;
}
.jobArea ul li .storeNameBox li,
.status li {
    width: auto;
    background: #2bc7ed;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
    padding: 7px;
    margin: 0 0 5px 1px;
    line-height: 1;
    display: inline-block;
}
.jobArea dh {
    background: #f5f5f5;
    display: inline-block;
    width: 15%;
    text-align: center;
    border-bottom: #ededed 1px solid;
}
.jobArea dd {
    display: inline-block;
    width: 83%;
    border-bottom: #ededed 1px solid;
}
.jobArea .entryBtn {
    background: url(../img/common/arrow_white_right.png) no-repeat #ff9400 20px 20px;
    background-size: 14px;
    box-shadow: 0 1px 0 #d37b01;
    padding: 17px 0;
    color: #fff;
    width: 30%;
    font-size: 16px;
    text-align: center;
    display: block;
    margin: auto;
    border-radius: 3px;
}
.txtInfo {
    background: url(../img/common/footer_bg.png) no-repeat;
    background-size: cover;
    padding: 80px 0 50px;
    margin-top:130px;
}
.txtInfo .ttlNormal {
    font-size: 32px;
    line-height: 1.5;
    font-weight: normal;
    color: #000;
}
.txtInfo p {
    font-size: 14px;
    padding: 30px 0 50px;
    line-height: 1.75;
}
.txtInfo .bnrBox {
    display: flex;
    justify-content: space-between;
}
.txtInfo .bnrBox a:hover {
    opacity: .8;
}
#link1,
#link2,
#link3,
#link4 {
    margin-top: -60px;
    padding-top: 60px;
}



/*---------------------------------------------------------------------------------------------------------------
[all_area_city.php]
---------------------------------------------------------------------------------------------------------------*/
.txtMainRead {
    padding: 40px 0 30px;
    line-height: 1.75;
}
.searchArea {
    margin: 0;
    /*background: #f0b64d;*/
}
.searchArea .slashTitle.toggleTtl {
    /*font-size: 22px;
    font-weight: bold;
    background: url(../img/common/ico_search_white.png) no-repeat left 30px center;
    background-size: 25px;
    padding: 24px 0 24px 70px;
    position: relative;
    margin: 0;
    color: #fff;
    text-align: left;*/
    background: #fff;
    background-size: 14px;
    color: #ff9400;
    border: #ff9400 1px solid;
    width: 30%;
    font-size: 18px;
    margin: 25px auto 2px;
    border-radius: 5px;
}
.toggleTtl {
    cursor: pointer;
}
.searchArea .openBtn {
    content: "";
    position: absolute !important;
    width: 35px;
    height: 40px;
    top: 14px;
    right: 5px;
    background: url(../img/common/arrow_orange_bottom.png) #fff no-repeat right 14px center;
    background-size: 15px;
    font-size: 18px;
    padding: 12px 0 0 0 !important;
    color: #ff9400;
}
.searchArea .openBtn.active {
    background: url(../img/common/arrow_orange_top.png) #fff no-repeat right 14px center;
    background-size: 15px;
    cursor: pointer;
    padding: 12px 0 0 20px !important;
}
.searchArea .openBtn::after {
    content: "";
}
.searchArea .openBtn.active::after {
    content: "";
}
.searchArea .openBtn::before,
.searchArea .openBtn.active::before {
    content: none !important;
}
.jobSearchBox {
    display: none;
    /*background: #fff;*/
    margin: 25px 0 0 0;
}
.searchArea .formBtn {
    text-align: right;
}
.searchArea .formBtn input {
    padding: 10px 20px;
    background: #e6e6e6;
    box-shadow: 0 2px 0 #ccc;
    border-radius: 3px;
    font-size: 12px;
}
.searchArea .searchBtn {
    text-align: center;
}
.searchArea .searchBtn input,
.floatArea .searchBtn input,
.fixedArea .searchBtn input,
.refineSearch .searchBtn input,
.backBtnBox .searchBtn input {
    background: #ea6069;
    padding: 20px 0;
    color: #fff;
    border-radius: 3px;
    line-height: 1;
    width: 370px;
    font-size: 16px;
    font-weight: bold;
}
.searchArea .searchBtn input:hover,
.floatArea .searchBtn input:hover,
.fixedArea .searchBtn input:hover,
.refineSearch .searchBtn input:hover,
.backBtnBox .searchBtn input:hover {
    opacity: .8;
}
.searchBtn input:disabled,
.searchBtn input[disabled]:hover {
    background-color: #ccc;
    opacity: 1;
}
.resultsArea .found {
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    margin: 30px 0 40px;
    text-align: center;
}
.resultsArea .found .fOrange {
    color: #ff9400;
    padding: 0 0 0 10px;
}
.telInfoBox {
    display: none;
}
.controlArea {
    padding: 0 0 30px;
}
.controlArea .controlBox {
    float: left;
}
.controlArea .sort dl,
.controlArea .display dl,
.controlArea .number dl {
    font-size: 12px;
}
.controlArea .sort {
    margin: 0 0 10px;
}
.controlArea .sort dt,
.controlArea .display dt {
    margin: 0 5px 0 0;
}
.controlArea .sort dt {
    background: #ff9400;
    color: #fff;
    padding: 0 10px;
    display: inline-block;
}
.controlArea .sort dd {
    display: inline-block;
}
.controlArea .sort li {
    display: inline-block;
}
.controlArea .sort li::before {
    content: "｜";
}
.controlArea .sort li:first-child::before {
    content: none;
}
.controlArea .display {
    display: inline-block;
}
.controlArea .display dt {
    background: #2bc7ed;
    color: #fff;
    padding: 0 10px;
    display: inline-block;
}
.controlArea .display dd {
    display: inline-block;
}
.controlArea .display select {
    font-size: 12px;
}
.controlArea .number select {
    font-size: 14px;
    padding: 6px 30px 6px 5px;
    vertical-align: top;
    margin: -1px 0 0;
}
.controlArea .number {
    display: inline-block;
}
.controlArea .number span {
    display: inline-block;
    padding: 6px 0 0;
}
.controlArea .number dt {
    background: #f0b64d;
    color: #fff;
    padding: 0 10px;
    display: inline-block;
    margin: 0 5px 0 0;
}
.controlArea .number dd {
    display: inline-block;
    vertical-align: middle;
}
.controlArea .number option {
    float: right
}
.controlArea .pager {
    float: right;
}
.controlArea .pager li {
    display: inline-block;
}
.controlArea .pager a {
    background: #eee;
    border: #e5e5e5 1px solid;
    border-radius: 2px;
    padding: 6px 9px;
    display: inline-block;
    vertical-align: middle;
    color: #222;
}
.controlArea .pager a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.controlArea .pager span {
    background: #ff9400;
    color: #fff;
    padding: 7px 11px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
}
.resultsArea .resultsBox {
    padding: 0 0 20px;
    border-bottom: #9f9f9f 1px dashed;
    margin: 0 0 60px;
    position: relative;
    z-index: 0;
}
.resultsArea .resultsBox .jobTable{
    cursor: pointer;
}
.resultsArea .resultsBox+.controlArea {
    margin: -30px 0 50px;
}
.resultsArea .jobTitle {
    border: none;
    margin: 30px 0 10px;
    line-height: 1.5;
}
.resultsArea .jobTitle .status {
    float: left;
}
.resultsArea .jobTitle .status li {
    font-size: 20px;
    padding: 14px 0 0 14px;
    width: 46px;
    height: 46px;
    display: inline-block;
}
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    .resultsArea .jobTitle .status li {
        padding: 4px 8px;
    } /* IE11 */
}
@supports (-ms-ime-align:auto) {
    .resultsArea .jobTitle .status li {
        padding: 4px 8px;
    } /* Edge */
}

.jobTable .icoBox ul li::before {
    content: none;
}
.resultsArea .icoBox li,
.jobContents .icoBox li
 {
    display: inline-block;
    border: #ff9400 1px solid;
    color: #ff9400;
    font-size: 11px;
    border-radius: 3px;
    line-height: 1;
    padding: 2px 3px 1px;
    text-align: center;
    margin: 0 0 4px;
    background: #fff;
}
.resultsArea .icoBox ul,
.jobContents .icoBox ul
 {
    display: table-cell;
    padding: 8px 0;
}
.resultsBox .jobTitleBox,
.resultsBox .icoBox,
.resultsBox .jobDescription,
.resultsBox .jobInfoBox {
    padding: 0;
}
.cipMoner {
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 30px;
}
.cipMoner p {
    width: 418px;
    height: 60px;
    color: #ff4b57;
    font-size: 32px;
    font-weight: bold;
    padding: 20px 0 0 6px;
    letter-spacing: -1px;
    text-align: center;
}
.cipMoner .gold {
    background: url(../img/info/moner_gold.png) no-repeat;
    background-size: cover;
}
.cipMoner .silver {
    background: url(../img/info/moner_silver.png) no-repeat;
    background-size: cover;
}
.cipMoner .normal {
    background: url(../img/info/moner_normal.png) no-repeat;
    background-size: cover;
}
.resultsArea .tipBox {
    float: right;
    background: url(../img/common/bnr_tip10.png) no-repeat;
    width: 410px;
    height: 60px;
}
.resultsArea .jobDescription p {
    padding: 10px 0 15px;
    line-height: 1.75;
    font-size: 16px;
}
.resultsArea .jobInfoBox {
    margin-bottom: 40px;
}
.resultsArea .jobInfo {
    float: right;
    width: 540px;
}
.resultsArea .jobTable td{
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px;
    background: white;
}
.resultsArea .jobTable td .fRed{
    font-size: 20px;
    font-weight: bold;
    vertical-align: baseline;
}
.resultsArea .jobTable th img{
    width: auto;
    height:22px;
}
.cityListAreaWrap{
    background-color: #fffcf7;
}
.cityListArea{
    width:1150px;
    margin: 26px auto 0;
    background: transparent;
    padding: 30px 20px;
    border-radius: 15px;
}
.cityListArea ul{
    padding: 20px;
}
.cityListArea ul.cityList li {
    display: inline-block;
    padding:5px 8px 0 0;
}
.cityListArea h3{
    font-size: 17px;
    font-weight: bold;
    padding: 5px 15px;
    border-left: solid 8px #f5a34b;
}
.cityListArea ul.cityList li::after {
    content: "|";
    margin-left: 8px;
    color:#dedede;
}
.jpbPhoto .headlineTitle {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 85%;
    margin: 0;
    text-align: left;
    padding: 3%;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 5px rgba(0,0,0,1);
    font-size: 18px;
}
.jpbPhoto .headlineTitle span {
    font-size: 12px;
}
.opening {
    background: #fceee0;
    padding: 30px 60px 50px;
    width: 1150px;
    margin: 0 auto 70px;
}
.opening .ttl01 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
    padding: 0 0 0 50px;
    margin: 0 0 10px;
}
.opening .ttl01::before {
    content: "OPEN";
    background: #eb6877;
    color: #fff;
    border-radius: 20px;
    font-size: 10px;
    font-weight: normal;
    padding: 8px 5px;
    letter-spacing: -.1px;
    position: absolute;
    top: -1px;
    left: 0;
}
.opening .txt01 {
    line-height: 1.75;
    font-size: 16px;
}
.balloonCip p {
    border: #ccc 1px solid;
    width: 910px;
    padding: 40px 50px;
    position: relative;
}
.balloonCip p::before{
    content: "";
    border: 12px solid transparent;
    border-right: 12px solid #ccc;
    position: absolute;
    top: 10%;
    left: -24px;
}
.balloonCip p::after{
    content: "";
    border: 12px solid transparent;
    border-right: 12px solid #fff;
    position: absolute;
    top: 10%;
    left: -22px;
}
.resultsArea .oneWord {
    float: right;
    width: 100%;
    background: #f5f5f5;
    font-size: 11px;
    padding: 20px;
    margin: 0 0 20px;
}
.resultsArea h5 {
    font-weight: bold;
    margin: 0 0 10px;
}
.resultsArea .entryBox a {
    font-size: 16px;
    font-weight: bold;
}
.resultsArea .entryBox .telBox {
    padding: 15px 50px 10px
}
.resultsArea .entryBox .telBox .txt01 {
    padding: 0 0 5px;
}
.resultsArea .entryBox .calBtn a {
    padding: 30px 150px 30px 170px;
}

/*
.resultsArea .entryBox a {
    padding: 37px 80px 37px 100px;
}
*/
.resultsArea .entryBox .calBtn a
    background: url(../img/common/arrow_white_right.png) no-repeat #ff9400 center left 15px;.entryBox.calBtnabackground.entryBox.calBtnabackground.entryBox.calBtnabackground.entryBox.calBtnabackground.entryBox.calBtnabackground.entryBox.calBtnabackground.entryBox.calBtnabackground.entryBox.calBtnabackground.entryBox.calBtnabackground.entryBox.calBtnabackground.entryBox.calBtnabackground.entryBox.calBtnabackground.entryBox.calBtnabackground.entryBox.calBtnabackground.entryBox.calBtnabackground
    background-size: 12px;background-sizebackground-sizebackground-sizebackground-sizebackground-sizebackground-sizebackground-sizebackground-sizebackground-sizebackground-sizebackground-sizebackground-sizebackground-sizebackground-size
.resultsArea .entryBox .calBtn a:hover {
    background: url(../img/common/arrow_orange_right.png) no-repeat #fff center left 15px;
    background-size: 12px;
    color:#ff9400;
    text-decoration: none;
}

/*20170829 ad*/

.resultsArea .entryBox a.btnKeep {
    background: url(../img/common/ico_heart.png) no-repeat #fff 20px 14px;
    padding: 16px 0 16px 55px;
    background-size: 24px;
    color: #ff9400;
    border: #ff9400 1px solid;
    box-shadow: 0 1px 0 #d37b01;
    border-radius: 3px;
    width: 160px;
    margin: 0 20px 0 0;
}
.resultsArea .entryBox a.btnKeep.active {
    background: url(../img/common/ico_heart_pink.png) no-repeat #f29c9f 20px 14px;
    padding: 16px 0 16px 55px;
    background-size: 24px;
    color: #fff;
    border: #f29c9f 1px solid;
    box-shadow: 0 1px 0 #f29c9f;
}
.resultsArea .entryBox a.btnDetail {
    background: url(../img/common/arrow_white_right.png) no-repeat #ff9400 20px 20px;
    background-size: 14px;
    padding: 19px 0;
    color: #fff;
    /*box-shadow: 0 1px 0 #272727;*/
    border-radius: 3px;
    line-height: 1;
    width: 310px;
    text-align: center;
    margin: 0 20px 0 0;
}
.resultsArea .entryBox a.btnDetail:hover {
    background: url(../img/common/arrow_orange_right.png) no-repeat #fff 20px 20px;
    background-size: 14px;
    border: #ff9400 1px solid;
    color: #ff9400;
    padding: 18px 0;
    box-shadow: 0 1px 0 #ff9400;
}
.resultsArea .entryBox a.btnEntry {
    background: url(../img/common/arrow_white_right.png) no-repeat #ea6069 20px 20px;
    background-size: 14px;
    padding: 19px 0;
    color: #fff;
    border-radius: 3px;
    line-height: 1;
    width: 200px;
    text-align: center;
}

/*.resultsArea .entryBox a.btnEntry {
display: none;
}*/

.resultsArea .entryBox a.btnKeep:hover,
.resultsArea .entryBox a.btnDetail:hover,
.resultsArea .entryBox a.btnEntry:hover {
    text-decoration: none;
    opacity: 0.8;
}

/*20170829 fin*/


/*---------------------------------------------------------------------------------------------------------------
[entry.php]
---------------------------------------------------------------------------------------------------------------*/

#entry h2 {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 8px 0;
    line-height: 1.4;
}
#entry h2.borderTitle {
    font-size: 22px;
    margin: 0;
    padding-left: 30px;
}
.formTitleArea {
    border-bottom: #9f9f9f 1px dashed;
    overflow: hidden;
    margin: 0 0 50px;
}
.formTitleArea .largeTitle {
    display: inline-block;
    float: left;
    border: none;
}
.formTitleArea .currentArrow {
    display: inline-block;
    float: right;
    padding: 26px 0;
    text-align: left;
    text-indent: 20px;
}
.formTitleArea .currentArrow li {
    margin: 0 5px 0 0;
}
.formTitleArea .currentArrow .currentLong {
    width: 256px;
    height: 52px;
    background: url(../img/common/arrow_current_long.png) 0 0 no-repeat;
    color: #fff;
    padding: 18px 0;
}
.formTitleArea .currentArrow .pastLong {
    width: 256px;
    height: 52px;
    background: url(../img/common/arrow_past_long.png) 0 0 no-repeat;
    color: #474747;
    padding: 18px 0;
}
.formTitleArea .currentArrow .currentShort {
    width: 226px;
    height: 52px;
    background: url(../img/common/arrow_current_short.png) 0 0 no-repeat;
    color: #fff;
    padding: 18px 0;
}
.formTitleArea .currentArrow .pastShort {
    width: 226px;
    height: 52px;
    background: url(../img/common/arrow_past_short.png) 0 0 no-repeat;
    color: #474747;
    padding: 18px 0;
}
.subjectArea {
    margin: 0 0 50px;
}
.subjectArea .subjectBox {
    margin: 0 0 10px 0;
    padding: 10px;
    border: solid 1px #bdc3c7;
}
.subjectArea .subjectBox img {
    width: 115px;
    height: auto;
}
.subjectArea .subjectBox p {
    margin: 0 0 0 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    width: 1000px;
}
.subjectArea .subjectBox span {
    display: block;
    font-size: 14px;
    font-weight: normal;
}
.memberArea {
    margin: 0 auto 70px;
    overflow: hidden;
}
.memberLoginArea {
    width: 49%;
    float: left;
}
.memberLoginArea .errorMessage{
    margin: 10px 0;
    color: #ea6069;
}
.memberArea h2 {
    padding: 3px 0 3px 30px;
    line-height: 1.4;
    background: url(../img/common/ico_circle_pink.png) no-repeat left center;
    font-size: 20px;
}
.memberArea h2 span {
    font-size: 14px;
}
.memberBox {
    padding: 18px;
    border: solid 1px #bdc3c7;
    margin: 0 0 3%;
}
.memberBox.heightLine {
    min-height: 370px;
}
.memberLoginArea .loginTable {
    width: 95%;
    margin: 0 auto;
    text-align: left;
}
.memberLoginArea .loginTable th {
    padding: 27px 0 3px 0;
}
.memberLoginArea .loginTable input {
    width: 100%;
    padding: 12px;
    font-size: 16px;
}
.loginTable .forgetPw {
    text-align: right;
    padding: 10px 0 0 0;
    font-size: 12px;
}
.loginTable .forgetPw {
    text-decoration: underline;
}
.memberLoginBtn {
    text-align: center;
}
.memberLoginBtn .btn{
    margin-top:45px;
    background: #ea606a;
    box-shadow: 0px -2px #b94a52 inset;
    width:220px;
}
.memberLoginBtn a {
    background: #ea6069;
    color: #fff;
    font-size: 16px;
    display: block;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    padding: 12px 0;
    width: 230px;
    border-radius: 3px;
    margin: 25px auto 7px;
    /*box-shadow: 0 1px 0 #272727;*/
    text-decoration: none;
}
.memberLoginBtn a:hover,
.NewMemberEntryBtn a:hover {
    opacity: 0.7;
}
.memberLoginBtn a.active {
    opacity: 1;
}
.memberLoginBtn .checkbox::before {
    background: url(../img/common/login_checkbox_on.png) right 50% no-repeat;
}
.memberLoginBtn .checkbox::after {
    background: url(../img/common/login_checkbox_off.png) right 50% no-repeat;
}
.NewMemberEntryBox {
    width: 49%;
    float: right;
}
.NewMemberEntryBox h2 {
    background: url(../img/common/ico_circle_green.png) no-repeat left center;
}
.NewMemberEntryBox p {
    line-height: 1.6;
}
.NewMemberEntryBtn a {
    background: #1abc9c;
    color: #fff;
    font-size: 16px;
    display: block;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    width: 360px;
    border-radius: 3px;
    margin: 48px auto 3px;
    box-shadow: 0 1px 0 #006c51;
    text-decoration: none;
}
.NewMemberEntryBox aside {
    display: block;
    width: 360px;
    margin: 7px auto 35px;
    text-align: right;
    text-decoration: underline;
}
.NewMemberEntryBox aside a {
    font-size: 12px;
}
.NewMemberEntryBox .addInfo {
    font-size: 12px;
}
.NewMemberEntryBox .addInfo p {
    margin: 5px 0 21px;
    line-height: 1.2;
}
.txtBox {
    margin: 0 0 30px;
}
.entryFormArea {
    margin: 0 0 100px;
}
.entryTable {
    margin: 0 0 80px;
}
.entryTable.list {
    margin: 0;
}
.entryTable input,
.entryTable textarea {
    padding: 10px 12px 10px;
    line-height: 1.5;
    -webkit-appearance: none;
    font-size: 16px;
}
.entryTable input.hasDatepicker{
    margin:0 10px;
}
.entryTable input.shikaku {
    margin: 0 20px 0 0;
}
.entryTable textarea+p {
    font-size: 12px;
}
.entryTable select {
    padding: 11px 12px 12px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    min-height: 50px;
    font-size: 16px;
    float: left;
}
.entryTable .require {
    display: inline-block;
    margin: -5px 22px 0 0;
    padding: 5px 15px;
    background: #ff8d8b;
    color: #fff;
    font-weight: bold;
    float: right;
    font-size: 14px;
}
.entryTable li {
    margin: 7px 0;
}
.selectIco li {
    display: inline-block;
    margin: 0;
}
.entryTable ul.col3 li {
    width: 33.3%;
}
.entryTable ul.col4 li {
    width: 25%;
}
.entryTable ul.col5 li {
    width: 30%;
}
.entryTable .zip {
    width: 110px;
    margin: 0 0 0 5px;
}
.entryTable .zip+span {
    display: inline-block;
    width: 1px;
    height: 35px;
    background: #ddd;
    vertical-align: middle;
    margin: 0 23px;
}
.entryTable .time {
    margin: 0 10px;
}
.formConfirmBox {
    text-align: center;
}
.formConfirmBox span {
    padding: 0 0 20px;
    display: inline-block;
}
.formConfirmBox a {
    text-decoration: underline;
}
.formConfirmBox a:hover {
    text-decoration: none;
}
.formConfirmBox input {
    display: inline-block;
    padding: 20px 80px;
    width: 330px;
    white-space: normal;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    background: #ea6069;
    border-radius: 3px;
    box-shadow: 0 1px 0 #a04248;
    -webkit-appearance: none;
}
.formConfirmBox input:hover {
    opacity: 0.8;
}

/*最寄り駅*/

.stationsWrap .selectStation select {
    margin: 0 20px 0 5px;
}

/*職種*/

.jobWrap .cf {
    display: inline-block;
    vertical-align: text-bottom;
}
.jobWrap select {
    margin: 0 20px 0 5px;
}
.btn {
    font-size: 100%;
    font-size: 14px;
    padding: 16px 20px;
    color: #444;
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid #999;
    border: none transparent;
    background-color: #e6e6e6;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: 0px -2px #ccc inset;
    display: inline-block;
    line-height: 1;
}
.btn:hover {
    text-decoration: none;
    opacity: 0.8;
}
.btn.removeStation {
    font-size: 10px;
    position: absolute;
    bottom: 10px;
    right: 0;
}
.btn.addStation {
    font-size: 13px;
}
.btn.addStation.ml {
    margin: 0 0 0 20px;
}
.btn.white {
    padding: 18px 80px;
    border: #ea6069 2px solid;
    color: #ea6069;
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
    background: url(../img/common/arrow_pink_right.png) no-repeat #fff center right 25px;
    background-size: 12px;
    box-shadow: 0 1px 0 #a04248;
}
.btn.pink {
    padding: 20px 80px;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
    background: url(../img/common/arrow_white_right.png) no-repeat #ea6069 center right 25px;
    background-size: 12px;
    box-shadow: 0 1px 0 #a04248;
}
.btn.white.pink {
    border: #ea6069 3px solid;
    color: #ea6069;
    background: url(../img/common/arrow_pink_right.png) no-repeat #fff center left 15px;
    background-size: 12px;
    box-shadow: 0 1px 0 #a04248;
    padding: 17px 80px;
}
.btn.green {
    padding: 15px 0;
    color: #fff;
    font-size: 16px;
    display: block;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    width: 360px;
    border-radius: 3px;
    background: url(../img/common/arrow_white_right.png) no-repeat #1abc9c center right 25px;
    background-size: 12px;
    box-shadow: 0 1px 0 #006c51;
    text-decoration: none;
}
.btn.orange {
    padding: 15px 0;
    color: #fff;
    font-size: 16px;
    display: block;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
    background: url(../img/common/arrow_white_right.png) no-repeat #ff9400 center right 25px;
    background-size: 12px;
    box-shadow: 0 1px 0 #9d6024;
    text-decoration: none;
}
.btn.white.orange {
    border: #ff9400 1px solid;
    color: #ff9400;
    background: url(../img/common/arrow_orange_right.png) no-repeat #fff center left 15px;
    background-size: 12px;
    box-shadow: 0 1px 0 #ff9400;
}
.btn.white.orange:hover {
    color: #fff;
    background: url(../img/common/arrow_white_right.png) no-repeat #ff9400 center left 15px;
    background-size: 12px;
}
.btn.white.keep {
    background: url(../img/common/ico_heart.png) no-repeat #fff center left 20px;
    background-size: 15px;
}
.btn.icoLeft {
    background-position: center left 25px;
}

/*エラーメッセージ*/

.message {
    padding: 30px;
    margin: 0 0 70px;
}
.message.error {
    border: #d83a36 2px solid;
    color: #d83a36;
    background: #fbebeb;
}
.message.complete {
    border: #1abc9c 2px solid;
    color: #1abc9c;
    background: #e8f8f5;
}
.entryTable td.error {
    background: #fbebeb;
}
.entryTable td.error p {
    color: #d83a36;
    font-size: 14px;
    padding: 5px 0 0;
}
.registerBnr {
    margin: 40px 0;
}

/*アコーディオンボタン*/

.accordionArea {
    text-align: center;
    margin: 0 0 50px;
}
.accordionArea p {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px;
}
.accordionBox {
    position: relative;
    background: #f4fcfc;
    border: #ededed 1px solid;
    border-left: none;
    border-right: none;
    padding: 20px 0 70px;
    cursor: pointer;
}
.accordionBox:hover {
    opacity: 0.8;
}
.accordionBox dt {
    color: #23c2c4;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 5px;
}
.accordionBox::after {
    content: "";
    position: absolute;
    background: url(../img/common/arrow_white_bottom.png) no-repeat #23c2c4 center;
    background-size: 23px;
    width: 46px;
    height: 46px;
    border-radius: 23px;
    bottom: 10px;
}
.accordionBox.active::after {
    transform: rotate(180deg);
}
.accordionHidden {
    display: none;
}

/*---------------------------------------------------------------------------------------------------------------
[confirm.php]
---------------------------------------------------------------------------------------------------------------*/

.message.confirm {
    border: #d83a36 2px solid;
    color: #d83a36;
    background: #fbebeb;
}
.entryBtnBox {
    width: 70%;
    margin: 0 auto 200px;
}
.entryBtnBox .backBtn {
    background-color: #fff;
    display: inline-block;
    width: 360px;
    margin: 0 0 1px 0;
    padding: 16px 0;
    color: #ea6069;
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: solid 3px #ea6069;
    border-radius: 3px;
    /*box-shadow: 0 1px 0 #272727;*/
    background: url(../img/form/arrow_back_btn.png) 42px 23px no-repeat;
    float: left;
}
.entryBtnBox .sendBtn {
    display: inline-block;
    width: 360px;
    padding: 19px 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    background: url(../img/form/arrow_send_btn.png) no-repeat top 50% right 20px;
    background-color: #ea6069;
    border-radius: 3px;
    /*box-shadow: 0 1px 0 #272727;*/
    float: right;
    border: none;
}
.entryBtnBox .sendBtn:hover {
    opacity: 0.8;
}
.entryTable ul.candidate {
    display: block;
}
.entryTable ul.candidate label {
    margin: 5px 0;
}
.entryTable ul.candidate select {
    margin: 0 0 0 10px;
}
.entryTable ul.candidate a {
    display: inline-block;
    margin: 5px 0;
}

/*---------------------------------------------------------------------------------------------------------------
[complete.php]
---------------------------------------------------------------------------------------------------------------*/

.completeArea {
    padding: 40px 0 0;
    margin: 0 0 40px;
}
.completeArea .completeBox {
    background: url(../img/form/img_guidance.png) no-repeat top 0 right 20px;
    padding: 85px 150px 60px 0;
}
.completeArea .completeBox.entry {
    background: url(../img/form/img_guidance.png) no-repeat top 0 right 20px;
padding: 85px 150px 60px 0;
}
.completeArea .mainTxt,
#entry .completeArea .mainTxt {
    color: #ea6069;
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}
.completeArea span {
    font-size: 30px;
}
.completeArea .subTxt {
    text-align: center;
    padding: 10px 0 0;
}
.completeArea .subTxt a {
    color: #222;
    text-decoration: underline;
}
.telGuid .telGuidBox {
    background: #fceee0;
    padding: 30px;
}
.telGuid .telGuidBox p {
    font-size: 24px;
    float: left;
    font-weight: bold;
    line-height: 1.5;
    padding: 30px 0 0 20px;
}
.telGuid .telNumber {
    float: right;
    background: #fff;
    padding: 20px 50px;
    width: 570px;
}
.telGuid .telNumber .telBox{
    color:#1abc9c;
    font-size: 50px;
    font-weight: bold;
    background:10px url(../img/common/ico_tel_green.png) no-repeat;
    line-height: 1;
    padding: 0 0 0 50px;
}
.telGuid .telNumber p {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    padding: 10px 0 0;
}
.telGuid>p {
    padding: 20px 0 0;
    line-height: 2;
}
.telGuid .telNumber p.smallText {
    font-size: 12px;
}
.flowArea {
    margin: 50px 0 0;
}
.flowArea .flowTitle,
#entry .flowArea .flowTitle {
    font-size: 40px;
    text-align: center;
    line-height: 1.25;
    margin: 0 0 50px;
    font-weight: normal;
}
.flowArea .completeBox {
    display: flex;
    margin-top: 60px;
}
.flowArea dl {
    width: 33.3%;
    border: #f0b64d 5px solid;
    background: #f5f5f5;
    padding: 20px;
    position: relative;
}
.flowArea dl:nth-child(1) {
    margin: 0 11px 0 0;
}
.flowArea dl:nth-child(2) {
    margin: 0 5px;
}
.flowArea dl:nth-child(3) {
    margin: 0 0 0 10px;
}
.flowArea dl:nth-child(1)::after,
.flowArea dl:nth-child(2)::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 0 40px 40px;
    border-color: transparent transparent transparent #f0b74d;
    top: 50%;
    right: -40px;
    z-index: 1;
    margin: -40px 0 0;
}
.flowArea dt {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px;
}
.flowArea span {
    background: #f0b64d;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    line-height: 1;
    font-size: 14px;
    padding: 10px 8px;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.flowArea dd p {
    padding: 15px 0 0;
    line-height: 1.75;
    font-size: 13px;
}
.flowArea dd p a {
    font-weight: bold;
    color: #474747;
}
.flowArea dd p a:hover {
    text-decoration: none;
}
.topBackBtn a {
    background: #ea6069;
    color: #fff;
    font-size: 18px;
    display: block;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
    width: 370px;
    border-radius: 3px;
    margin: 100px auto;
    /*box-shadow: 0 1px 0 #272727;*/
}
.topBackBtn a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.completeBtnBox {
    text-align: center;
}
.completeBtnBox a {
    margin: 40px 10px 0;
}
.completeArea .entryBtn {
    position: relative;
    margin: 40px 0 10px 310px;
}
.completeArea .entryBtn img {
    position: absolute;
    width: 115px;
    height: auto;
    top: -21px;
    left: -7px;
}

/*---------------------------------------------------------------------------------------------------------------
[search_form.php]
---------------------------------------------------------------------------------------------------------------*/

.formArea .slashTitle,
.jobSearchBox .jobTable.search td.slashTitle,
.searchArea .slashTitle {
    font-size: 24px;
    font-weight: bold;
    background: url(../img/common/tilte_bg_slash.png) repeat-x bottom;
    padding: 25px 0;
    position: relative;
    color: #ff9400;
    text-align: center;
    margin: 0 0 10px;
}
.jobSearchBox .jobTable.search td.slashTitle {
    font-size: 18px;
    font-weight: bold;
    background-size: 4px;
    padding: 0 0 5px;
}
.formArea .slashTitle.icoSearch span,
.jobSearchBox .jobTable.search td.slashTitle.icoSearch span,
.searchArea .slashTitle span {
    position: relative;
    padding: 0 0 0 15px;
}
.formArea .slashTitle.icoSearch span::before,
.jobSearchBox .jobTable.search td.slashTitle.icoSearch span::before,
.searchArea .slashTitle span::before {
    content: "";
    position: absolute;
    background: url(../img/common/ico_search.png) no-repeat;
    width: 24px;
    height: 24px;
    background-size: cover;
    top: 3px;
    left: -15px;
}
.floatArea,
.fixedArea {
    background: rgba(255, 231, 119, 0.8);
    display: none;
}
.fixedArea.active,
.fixedArea.active.fixed {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
}
body.fixedSerarch .floatArea,
body.fixedSerarch .fixedArea {
    position: fixed;
    bottom: 0;
    display: block;
    width: 100%;
    z-index: 1;
}
.floatArea .floatBox,
.fixedArea .floatBox {
    padding: 20px;
    width: 890px;
    margin: auto;
}
.floatArea .numberBox,
.fixedArea .numberBox {
    float: left;
    background: #fff;
    padding: 20px 50px 20px 70px;
    position: relative;
}
.floatArea .numberBox::after,
.fixedArea .numberBox::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #fff;
    top: 50%;
    right: -20px;
    z-index: 1;
    margin: -20px 0 0;
}
.floatArea .numberBox p,
.fixedArea .numberBox p {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 0 15px;
}
.floatArea .numberBox p.number,
.fixedArea .numberBox p.number {
    border: #ea6069 3px solid;
    color: #ea6069;
    font-size: 30px;
    line-height: 1;
    padding: 15px 20px 10px 30px;
    margin: 0;
}
.floatArea .numberBox p.number span,
.fixedArea .numberBox p.number span {
    color: #474747;
    font-size: 18px;
}
.floatArea .searchBtn,
.fixedArea .searchBtn {
    float: right;
}
.floatArea .searchBtn input,
.fixedArea .searchBtn input {
    margin: 22px 0 0;
}
.formArea .btnReset,
.fixedArea.btnReset {
    display: none;
}

/*---------------------------------------------------------------------------------------------------------------
[map_search.php]
---------------------------------------------------------------------------------------------------------------*/

.mapSearchArea {
    margin: 0 0 50px;
}
.mapSearchArea p {
    padding: 30px 0;
}
.backBtnBox {
    display: none;
}
.mapSearchArea .prefBox {
    padding: 23px 0 0;
    width: 50%;
    position: relative;
    margin: -20px 0 0;
}
.mapSearchArea .prefBox::after {
    content: "×";
    position: absolute;
    top: 35px;
    right: 0;
}
.jobTable.search ul,
.entryTable ul {
    padding: 10px 0 0 0;
    margin: 0;
}

.mapSearchArea .selectIco {
    padding: 20px 0 0;
}
.mapSearchArea .areaBox {
    width: 50%;
    padding: 0 0 0 20px;
    margin: -20px 0 0;
}
.mapSearchArea .areaBox p {
    padding: 0 0 5px;
    font-size: 12px;
}
.mapSearchArea .areaBox input {
    padding: 12px;
}
.mapSearchArea select {
    padding: 10px 20px;
    vertical-align: middle;
}
.mapSearchArea .prefBox select {
    width: 180px;
}
.mapSearchArea input[type="submit"] {
    padding: 10px 30px;
    margin: 0 0 0 10px;
}
.mapSearchArea .areaBox input[type="submit"],
.mapSearchArea .jobBox input[type="submit"] {
    width: 130px;
    margin: 0 0 0 20px;
}
#gmapSearch {
    width: 100%;
    height: 600px;
    margin: 0 0 100px;
}
.jobContents .found {
    border-bottom: #ededed 1px solid;
    padding: 0 0 10px;
    margin: 0 0 30px;
}
.jobContents .found span {
    color: #ff9400;
    font-size: 22px;
    padding: 0 5px;
}
.jobTable .txtLarge {
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
}
#gmapSearch iframe {
    width: 100%;
    height: 600px;
}
.jobTable .togglemap {
    margin: 0 0 0 20px;
    vertical-align: middle;
}
.jobTable .map {
    margin: 10px 0 0;
}

/*---------------------------------------------------------------------------------------------------------------
[map_search_popup]
---------------------------------------------------------------------------------------------------------------*/

.modalOverlay,
.modalOverlayLine {
    z-index: 200;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba( 0, 0, 0, 0.2);
}
.modal {
    display: none;
    position: fixed;
    background: #fff;
    z-index: 1000;
}
#cities,
#lines {
    overflow: auto;
    height: calc(100% - 15vh) ;
    border-bottom: 1px solid grey;
    margin-bottom: 10px;
}
.modal .refineSearch {
    border: #b8b8b8 5px solid;
    padding: 4vh 3vw;
    width: 85vw;
    height: 80vh;
}
.refineSearch table {
    width: 100%;
    margin: 0 0 40px;
}
.refineSearch table ul {
    display: flex;
    flex-wrap: wrap;
}

.refineSearch table li {
    width: 16.6%;
    padding: 10px 0;
}
.refineSearch table li label {
    display: block;
}
.refineSearch p {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 40px;
    color: #b8b8b8;
    padding: 0;
    margin: 0;
    line-height: 1;
    cursor: pointer;
}
.refineSearch p:hover {
    opacity: 0.8;
}
.refineSearch .searchBtn {
    text-align: center;
}
.refineSearch .searchBtn input {
    padding: 22px 0;
}

/*---------------------------------------------------------------------------------------------------------------
[footer]
---------------------------------------------------------------------------------------------------------------*/

footer {
    background: #ef973f;
    width: 100%;
    display: block;
}
small {
    padding: 20px 0;
    display: block;
    text-align: center;
}
footer .logoSearchBox {
    background: #fff;
}
footer .logoSearchBox .inner {
    padding: 20px 0;
}
footer .logoBox {
    float: left;
    margin: -15px 0 0;
}
footer .logoBox p {
    font-size: 11px;
    padding: 5px 0 0 10px;
    line-height: 1.5;
}
footer .btnBox {
    float: right;
    margin: 20px 0 0;
}
footer .btnBox li {
    display: inline-block;
    vertical-align: top;
}
footer .btnBox li:first-child {
    border-right: #e5e5e5 1px solid;
    padding: 0 40px 0 0;
    margin: 0 40px 0 0;
}
footer .btnBox p {
    background: #f5f5f5;
    font-weight: bold;
    padding: 5px 15px;
    font-size: 13px;
}
footer .btnBox img {
    width: 270px;
    height: auto;
    padding: 12px 0 0;
}
footer .btnBox .btnRed {
    background: url(../img/common/arrow_white_right.png) no-repeat #ea6069 center left 20px;
    background-size: 12px;
    color: #fff;
    margin: 7px 0 0;
    padding: 20px 50px 20px 80px;
    border-radius: 3px;
    /*box-shadow: 0 1px 0 #272727;*/
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}
footer .btnBox .btnRed:hover {
    text-decoration: none;
    opacity: .8;
}
footer form {
    display: inline-block;
}
footer form input[type="submit"] {
    background: url(../img/common/arrow_white_right.png) no-repeat #7d7d7d top 14px right 25px;
    background-size: 12px;
    color: #fff;
    padding: 11px 50px 8px 30px;
    border-radius: 3px;
    box-shadow: 0 1px 0 #666;
}
footer .footerKeyword {
    padding: 10px;
    font-size: 16px;
    margin: 0 10px;
}
footer .sitemapArea {
    padding: 15px 0;
}
footer .listBox {
    float: left;
    display: flex;
}
footer .sitemap .imgBox img {
    width: 400px;
}
footer dl {
    color: #fff;
    width: auto;
    border-right: #f2ac65 1px solid;
    padding-right: 20px;
    margin: 0 20px 0 0;
}
footer dl:last-child {
    border: none;
}
footer dt {
    font-size: 16px;
    padding: 10px 0;
}
footer dd li {
    background: url(../img/common/ico_list_orange.png) no-repeat 2px 7px;
    padding: 0 0 0 15px;
}
footer dd a {
    color: #fff;
    font-size: 12px;
    padding: 5px;
    display: inline-block;
}
footer .footerMenu {
    background: #f5a34b;
}
footer .footerMenu ul {
    display: flex;
}
footer .footerMenu li {
    width: 100%;
    text-align: center;
    font-size: 11px;
    white-space: pre;
}
footer .footerMenu a {
    color: #fff;
    padding: 10px;
    display: block;
}

/*---------------------------------------------------------------------------------------------------------------
[railway.php]
---------------------------------------------------------------------------------------------------------------*/

.chooseBox p {
    margin: 30px 0;
}
.chooseBox .region {
    padding-bottom: 40px;
}
.chooseBox .region ul {
    margin: 20px 45px 30px;
}
.chooseBox .region ul li {
    display: inline-block;
    margin: 0 10px 10px 0;
}
.chooseBox .region ul li a {
    border: 1px solid #ff9400;
    padding: 10px 20px;
    box-shadow: 0 1px 0 #ff9400;
    color: #474747;
    display: inline-block;
}
.chooseBox .region ul li a:hover {
    background: #ff9400;
    color: #fff;
    border-bottom: 1px solid #d97e00;
    box-shadow: 0 1px 0 #d97e00;
}
.chooseBox .region ul li a span.orangeArrow {
    position: relative;
    display: inline-block;
    padding-left: 12px;
    font-size: 16px;
}
.chooseBox .region ul li a span.orangeArrow:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-left: solid 7px #ff9400;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
}
.chooseBox .region ul li a:hover span.orangeArrow:before {
    border-left: solid 7px #fff;
}
.chooseBox .searchBox {
    text-align: center;
    margin-bottom: 120px;
}
.chooseBox .searchBox a,
.searchBtnBox a,
.searchBtnBox input[type="submit"] {
    background-color: #ff9400;
    padding: 20px 100px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: bold;
    /*box-shadow: 0 1px 0 #d67c00;*/
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
}
.searchBtnBox input:disabled, .searchBtnBox input[disabled]:hover {
    background-color: #ccc;
    opacity: 1!important;
}
.chooseBox .searchBox a:hover,
.searchBtnBox a:hover,
.searchBtnBox input[type="submit"]:hover {
    opacity: 0.8;
    text-decoration: none;
}

/*---------------------------------------------------------------------------------------------------------------
[railway_line.php]
---------------------------------------------------------------------------------------------------------------*/

.showRouteBox {
    background: url(../img/common/tilte_bg_slash_45.png);
    padding: 8px;
}
.showRouteBox .routeTrain {
    background: #fff;
    padding: 40px 50px;
}
.showRouteBox .routeTrain .borderDotTitle {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 8px 0;
    line-height: 1;
}
.showRouteBox ul {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0 0 0;
}
.showRouteBox li {
    width: 20%;
    padding: 10px 0;
}
.showRouteBox li a {
    background: url(../img/common/arrow_bg_orange_bottom.png) no-repeat;
    background-size: 20px;
    padding: 3px 0 3px 30px;
    color: #222;
    text-decoration: underline;
}
.showRouteBox li a:hover {
    text-decoration: none;
}
.chooseRouteBox {
    margin: 50px 0 0;
}
.chooseRouteBox p {
    margin: 0 0 20px;
}
.chooseRouteBox .routeTitle,
.chooseBox .region .regionTitle {
    background: url(../img/search/orangeTrain.png) no-repeat;
    background-position: 7px;
    border-bottom: #ff9400 1px solid;
    color: #ff9400;
    padding: 15px 0 15px 45px;
    font-size: 20px;
    font-weight: bold;
}
.chooseRouteBox ul {
    padding: 20px 40px 40px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.chooseRouteBox li {
    width: 20%;
    padding: 10px 0;
}
.chooseRouteBox li a {
    display: none;
}
.chooseRouteBox .selectall {
    width: auto;
    padding: 10px;
    margin: 0 0 0 -10px;
    border-radius: 3px;
    font-weight: bold;
    display: block;
    width: 100%;
}
.searchBtnBox {
    text-align: center;
    margin: 30px 0 100px;
}
.searchBtnBox a {
    padding: 20px 0;
    width: 250px;
}
.chooseRouteBox ul+.routeTitle {
    margin: 40px 0 0;
}

/*20170829*/


/*---------------------------------------------------------------------------------------------------------------
[consultation.php]
---------------------------------------------------------------------------------------------------------------*/

.consulBnr {
    margin: 30px 0 82px;
}
.consulList .found {
    margin: 0 50px 0 0;
    float: left;
}
.consulList .controlArea {
    float: right;
}
.consulList .controlArea .number {
    margin: 0 40px 0 0;
}
.consulList .resultsBox {
    clear: both;
}
.consulList .headlineBox {
    margin: 0 0 30px;
}
.consulList .headlineTitle span {
    font-size: 16px;
    color: #ea6069;
    border: 1px solid #ea6069;
    border-radius: 3px;
    padding: 5px 10px;
    margin-left: 10px;
    vertical-align: top;
}
.consulList .jpbPhoto{
    width:410px;
}
.consulList .jobInfo{
    width:700px;
}
.consulList .consulArea {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 1.5;
}
.consulTxt {
    margin: 0 0 42px;
    line-height: 1.5;
}
.consulList .entryBox {
    justify-content: center;
    align-items: center;
    background: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.consulList .entryBox a.btnEntry {
    width: 405px;
}
.consulList .entryBox a.btnEntry .pc {
    display: inline-table;
}

/*---------------------------------------------------------------------------------------------------------------
[consultation_detail.php]
---------------------------------------------------------------------------------------------------------------*/

.consulDetail {
    margin: 30px 0 60px;
}
.consulDetail p {
    float: left;
}
.consulDetail .subjectBox {
    float: right;
    width: 700px;
}
.consulDetail .subjectBox .middleTitle {
    margin: 10px 0 20px 0;
}
.consulDetail .subjectBox p {
    font-size: 16px;
    line-height: 1.5;
}
.consulTable .headlineBox {
    background: #faf8f3;
    margin: 0 0 30px;
}
.consulTable .headlineBox .headlineTitle {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 15px;
}
.consulTable h4 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin: 100px 0 50px;
}
.consulTable .entryBox .flex {
    display: flex;
    justify-content: center;
}
.consulTable .entryBox > p {
    font-size: 20px;
    margin-bottom: 10px;
}
.consulTable .entryBox .telBox {
    margin-right: 20px;
}

/*---------------------------------------------------------------------------------------------------------------
member_login.php
---------------------------------------------------------------------------------------------------------------*/

.memberArea02 {
    margin: 0 auto 70px;
    overflow: hidden;
}
.memberArea02 .pc {
    display: inline-table;
}
.memberArea02 h2 {
    padding: 3px 0 3px 30px;
    line-height: 1.4;
    background: url(../img/common/ico_circle_pink.png) no-repeat left center;
}
.memberArea02 h2 span {
    font-size: 14px;
}
.memberArea02 .memberBox {
    padding: 30px;
}
.memberArea02 .memberBox p {
    font-size: 14px;
    font-weight: bold;
}
.memberArea02 .memberLoginArea,
.memberArea02 .NewMemberEntryBox02 {
    width: 100%;
    float: none;
}
.memberLoginArea .loginTableLeft,
.memberLoginArea .loginTableRight {
    width: 35%;
    margin: 0 auto;
    text-align: left;
    margin: 0 30px 0 0;
}
.memberArea02 .loginTableLeft,
.memberArea02 .loginTableRight,
.memberArea02 .memberLoginBtn {
    float: left;
}
.memberArea02 .memberLoginArea .loginTableLeft th,
.memberArea02 .memberLoginArea .loginTableRight th {
    padding: 27px 0 3px 0;
}
.memberArea02 .memberLoginArea .loginTableLeft input,
.memberArea02 .memberLoginArea .loginTableRight input {
    width: 100%;
    padding: 12px;
    font-size: 16px;
}
.loginTableRight .forgetPw {
    text-decoration: underline;
    text-align: right;
    padding: 10px 0 0 0;
    font-size: 12px;
}
.loginTableRight .forgetPw a:after {
    content:" \0bb";
}
.NewMemberEntryBox02 h2 {
    background: url(../img/common/ico_circle_green.png) no-repeat;
}
.NewMemberEntryBox02 .memberBtnBox .memberBtnLeft {
    float: left;
    width: 57%;
}
.NewMemberEntryBox02 .memberBtnBox .memberBtnRight {
    float: right;
    width: 40%;
}
.NewMemberEntryBox02 .NewMemberEntryBtn a {
    margin: 30px auto 3px;
}
.NewMemberEntryBox02 .memberBtnRight aside {
    text-align: right;
    margin: 0 40px 0 0;
    text-decoration: underline;
    padding: 10px 0 0 0;
}
.NewMemberEntryBox02 .memberBtnRight aside a:after {
    content:" \0bb";
}
.NewMemberEntryBox02 .memberBtnRight aside a {
    font-size: 12px;
}


/*---------------------------------------------------------------------------------------------------------------
member_repw.php
---------------------------------------------------------------------------------------------------------------*/
.repwTopTxt {
    margin: 0 0 30px;
}
.repwAttTxt {
    margin: 30px 0 0;
}
.repwList li {
    float: left;
}
.repwList dt,
.repwList dd {
    float: left;
}
.repwMail {
    width: 20%;
    margin: 14px 25px 0 0;
    font-weight: bold;
}
.repwInput {
    width: 49%;
    margin: 0 55px 0 0;
}
.repwInput input {
    width: 100%;
    padding: 15px;
    font-size: 16px;
}
.memberLoginBtn a.repwBtn {
    margin: 0;
}


/*---------------------------------------------------------------------------------------------------------------
member_repw_send.php
---------------------------------------------------------------------------------------------------------------*/
.completeArea .repwSendBox {
    padding: 85px 150px 50px 0;
}


/*---------------------------------------------------------------------------------------------------------------
repw_mailtop.php
---------------------------------------------------------------------------------------------------------------*/
.repwMailtopBox dl {
    margin: 0 0 15px;
}
.repwMailtopBox dl:first-child {
    margin: 0 0 30px;
}
.repwMailtopBox dl:last-child {
    margin: 0;
}
.repwMailtopBox .repwList .repwID {
    margin: 14px 25px 0 0;
}
.repwMailtopBox .repwList .repwInput {
    width: 45%;
    margin: 0 40px 0 0;
}
.repwMailtopBox .repwList .repwComment {
    margin: 14px 0 0;
}
.repwMailtopBox .memberLoginBtn {
    float: none;
}
.repwMailtopBox .repwBtn a {
    background: #ea6069;
    color: #fff;
    font-size: 16px;
    display: block;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    padding: 12px 0;
    width: 300px;
    border-radius: 3px;
    margin: 38px auto 7px;
    /*box-shadow: 0 1px 0 #272727;*/
    text-decoration: none;
    opacity: 0.2;
}


/*---------------------------------------------------------------------------------------------------------------
repw_complete.php
---------------------------------------------------------------------------------------------------------------*/
.repwCompleteArea .completeBox {
    background: none;
    padding: 0 0 60px 0;
}


/*---------------------------------------------------------------------------------------------------------------
[マイページ共通]
---------------------------------------------------------------------------------------------------------------*/
.userContents {
    padding: 50px 0 0;
}
.userContents.bgOrange {
    background: #fceee0;
    padding: 30px 0 0;
    margin: 0 0 170px;
}
.userContents .borderTitle.orange {
    padding: 0 0 10px;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 30px;
}
.subjectTitle {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0 20px;
}
.userContents .borderTitle {
    font-weight: bold;
    font-size: 16px;
}
.userContents .jobTable td,
.userContents .entryTable td {
    font-size: 14px;
    padding: 10px 10px 10px 40px;
}
.strongTitle {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 10px;
}


/*---------------------------------------------------------------------------------------------------------------
[user_index.php]
---------------------------------------------------------------------------------------------------------------*/
.mypageMainArea {
    background: url(../img/user/bg_girl.png) no-repeat top -100px right -55px, url(../img/user/bg_slash.png);
    padding: 30px;
}
.mypageMainArea .ribonTitle {
    background: url(../img/user/bg_border.png) repeat-x;
    color: #fff;
    position: relative;
    height: 73px;
    display: inline-block;
    font-size: 32px;
    line-height: 1;
    padding: 20px 40px 20px 30px;
    margin: 0 0 0 -30px;
    font-weight: bold;
}
.mypageMainArea .ribonTitle::after {
    content: "";
    background: url(../img/user/bg_border_end.png) no-repeat;
    position: absolute;
    top: 0;
    right: -34px;
    display: block;
    width: 34px;
    height: 73px;
}
.mypageMainArea .txtRead {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.75;
    margin: 30px 0;
}
.mypageMainArea .myMenu {
    display: flex;
    margin: 0 -10px;
}
.mypageMainArea dl {
    width: 33.3%;
    background: rgba(255, 255, 255, 0.8);
    border: #fff 1px solid;
    border-radius: 8px;
    margin: 0 10px;
    padding: 15px 15px 20px;
}
.mypageMainArea dl dt {
    background: #eab0b4;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
    margin: 0 -20px;
}
.mypageMainArea dl dd {
    text-align: center;
}
.mypageMainArea dl dd p {
    color: #23c2c4;
    line-height: 1.25;
    text-align: center;
    font-size: 46px;
    padding: 10px 0;
}
.mypageMainArea dl dd a {
    background: url(../img/common/arrow_white_right.png) no-repeat #4ccdcf center right 20px;
    background-size: 12px;
    box-shadow: 0 2px #007860;
    color: #fff;
    display: inline-block;
    width: 80%;
    padding: 10px;
    border-radius: 3px;
    font-weight: bold;
}
.mypageMainArea dl dd a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.mypageMainArea .new {
    background: #fffc00;
    color: #777;
    font-size: 12px;
    padding: 2px 10px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 5px 5px;
}
.mypageMainArea .profile dt {
    position: relative;
    line-height: 1.5;
    padding: 20px 0 20px 40px;
}
.mypageMainArea .profile dt::before {
    content: "";
    position: absolute;
    background: url(../img/user/ico_avatar.png) no-repeat;
    background-size: cover;
    width: 54px;
    height: 70px;
    top: 8px;
    left: 60px;
}
.mypageMainArea .profile dd {
    margin: 27px 0 0;
}
/*新着メッセージ*/
.newsList {
    border: #ededed 1px solid;
    padding: 10px 20px;
    overflow: auto;
    height: 280px;
}
.newsList li {
    font-size: 15px;
    position: relative;
    border-bottom: #e5e5e5 1px solid;
    padding: 20px 20px 20px 220px;
}
.newsList time {
    position: absolute;
    left: 30px;
}
.tab {
    overflow: hidden;
}
.tab li {
    background: #fdf6ef;
    color: #fecda2;
    padding: 17px 60px;
    float: left;
    margin-right: 30px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.tab li.active {
    background: #fceee0;
    cursor: default;
    color: #ff9400;
}
.hide {
    display: none;
}


/*---------------------------------------------------------------------------------------------------------------
[user_keep.php]
---------------------------------------------------------------------------------------------------------------*/
.involvedNumberBox {
    margin: 0 0 80px;
}
.involvedNumberBox .involvedNumber {
    float: left;
    background: url(../img/user/bg_slash.png);
    width: 300px;
    text-align: center;
    padding: 15px 15px 5px;
    border-radius: 5px;
}
.involvedNumberBox dt {
    background: #eab0b4;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
    margin: 0 -20px;
}
.involvedNumberBox dd {
    color: #fff;
    font-size: 60px;
    line-height: 1;
    font-weight: bold;
    padding: 15px 0 0;
}
.involvedNumberBox dd span {
    font-size: 30px;
}
.involvedNumberBox p {
    float: right;
    width: 800px;
    padding: 10px 0 0;
    line-height: 1.75;
}
.userContents .resultsArea .entryBox a {
    font-size: 14px;
    font-weight: bold;
    padding: 18px;
    border-radius: 3px;
    line-height: 1;
    text-align: center;
}
.userContents .resultsArea .entryBox a.btnKeep {
    background: url(../img/common/ico_heart.png) no-repeat #fff 20px 14px;
    background-size: 24px;
    padding: 18px 18px 18px 54px;
    margin: 0 20px 0 0;
    width: 20%;
}
.userContents .resultsArea .entryBox a.btnDelete {
    background: #969696;
    box-shadow: 0 1px 0 #444;
    color: #fff;
    text-align: center;
    margin: 0 20px 0 0;
    width: 20%;
}
.userContents .resultsArea .entryBox a.btnDetail {
    background: url(../img/common/arrow_pink_right.png) no-repeat 20px 20px;
    background-size: 12px;
    box-shadow: 0 1px 0 #ea6069;
    border: #ea6069 1px solid;
    color: #ea6069;
    padding: 18px 18px 18px 28px;
    margin: 0 20px 0 0;
    width: 40%;
}
.userContents .resultsArea .entryBox a.btnEntry {
    background: url(../img/common/arrow_white_right.png) no-repeat #ea6069 20px 20px;
    background-size: 12px;
    /*box-shadow: 0 1px 0 #272727;*/
    color: #fff;
    padding: 18px 18px 18px 28px;
    width: 40%;
    display: block;
}
.userContents .resultsArea .entryBox a.btnDelete:hover,
.userContents .resultsArea .entryBox a.btnDetail:hover,
.userContents .resultsArea .entryBox a.btnEntry:hover {
    text-decoration: none;
    opacity: 0.8;
}


/*---------------------------------------------------------------------------------------------------------------
[user_history.php]
---------------------------------------------------------------------------------------------------------------*/
.readBox {
    margin: 0 0 90px;
}
.readBox p {
    line-height: 1.75;
}


/*---------------------------------------------------------------------------------------------------------------
[user_apply.php]
---------------------------------------------------------------------------------------------------------------*/
.jobListArea {
    margin: 0 0 100px;
}
.jobListArea .jobList {
    width: 100%;
}
.jobListArea th,
.jobListArea td {
    border: #e5e5e5 1px solid;
    white-space: nowrap;
}
.jobListArea th {
    background: #f5f5f5;
    padding: 7px 10px;
    font-size: 13px;
}
.jobListArea th:nth-child(1) {
    width: 180px;
}
.jobListArea th:nth-child(2) {
    width: 800px;
}
.jobListArea th:nth-child(3) {
    width: px;
}

.jobListArea td {
    padding: 10px;
    text-align: center;
    font-size: 13px;
    vertical-align: middle;
}
.jobListArea td:nth-child(2) {
    font-size: 16px;
    font-weight: bold;
}
.jobListArea .on {
    color: #ff9400;
}
.jobListArea .ico {
    display: block;
    background: #ff9400;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    border-radius: 10px;
    padding: 6px 10px 5px;
    line-height: 1;
    margin: 5px 0 0;
}
.jobListArea .photoBox {
    float: left;
    margin-right : 10px;
}
.jobListArea  .photoBox img {
    width: 140px;
    height: auto;
    vertical-align: bottom;
}
.jobListArea .txtBox {

    text-align: left;
    margin: 0;
}
.jobListArea dt {
    font-size: 12px;
    padding: 5px 0;
    white-space: normal;
}
.jobListArea dd {
    font-size: 16px;
    font-weight: bold;
    white-space: normal;
    line-height: 1.5;
}
.jobListArea li {
    padding: 5px 0;
}
/*
.jobListArea a {
    color: #23c2c4;
    border: #23c2c4 1px solid;
    border-bottom: #23c2c4 2px solid;
    border-radius: 3px;
    background: url(../img/common/arrow_blue_min_right.png) no-repeat top 50% right 10px;
    background-size: 12px;
    font-size: 11px;
    padding: 5px 35px 5px 20px;
}

.jobListArea a:hover {
    color: #fff;
    background: url(../img/common/arrow_white_right.png) #23c2c4 no-repeat top 50% right 10px;
    background-size: 12px;
    text-decoration: none;
}
*/
.jobListArea .selectBox {
    text-align: right;
    padding: 0 3% 3%;
}


/*---------------------------------------------------------------------------------------------------------------
[user_apply_detail.php]
---------------------------------------------------------------------------------------------------------------*/
.userContents .subjectArea {
    margin: 40px 0 50px;
}
.messageList {
    border: #eee 1px solid;
    padding: 0 20px;
    overflow: auto;
    height: 280px;
    line-height: 1.5;
    font-size: 14px;
}
.messageList dl {
    border-bottom: #eee 1px solid;
    padding: 20px 0;
}
.messageList dt {
    margin: 0 0 20px;
}
.messageList time {
    display: block;
}
.userContents .entryTable .on {
    font-size: 16px;
    font-weight: bold;
    color: #ff9400;
}
.userContents .entryTable .off {
    font-size: 16px;
    font-weight: bold;
}


/*---------------------------------------------------------------------------------------------------------------
[user_profile.php]
---------------------------------------------------------------------------------------------------------------*/
.variousBox {
    border: #eee 1px solid;
    padding: 28px 20px 30px;
    margin: 0 0 40px;
}
.variousBox .entryTable {
    margin: -10px 0 20px;
}
.userContents .variousBox .btn {
    padding: 12px 0;
    font-size: 11px;
    width: 160px;
    text-align: center;
    float: right;
}
.variousBox p {
    width: 840px;
    float: left;
    margin: 0 0 15px;
}


/*---------------------------------------------------------------------------------------------------------------
[user_profile_pro.php]
---------------------------------------------------------------------------------------------------------------*/
.jobWrap input {
    margin: 0 20px 0 0;
}
.userContents .jobTable.search th {
    width: 280px;
}
.academicWrap input[type="text"] {
    width: 50%;
    margin: 0 0 10px;
}
.academicWrap select {
    margin: 0 20px 0 0;
}


/*---------------------------------------------------------------------------------------------------------------
[user_profile_basicinfo.php]
---------------------------------------------------------------------------------------------------------------*/
.txtAnt {
    color: #ea6069;
}
.userContents .entryTable p {
    display: inline-block;
    margin: 0 0 0 20px;
}
.userContents .entryTable .passBox span {
    margin: 0 50px 0 0;
}
.passInputBox {
    margin: 12px 0 0;
    width: 100%;
    border-top: #ededed 1px solid;
    padding: 10px 0 0;
    display: none;
}
.passInputBox th {
    background: none;
    font-weight: normal;
    padding: 10px 0 0;
    width: 200px;
    border: none;
}
.userContents .entryTable .passInputBox td {
    padding: 10px 0 0;
    border: none;
}


/*---------------------------------------------------------------------------------------------------------------
[user_setting_info.php]
---------------------------------------------------------------------------------------------------------------*/
.variousBox.nofloat p {
    float: none;
    width: 100%;
    line-height: 1.75;
}
.radioBox {
    margin: 0 0 60px;
}
.radioBox+p {
    border-bottom: #ededed 2px solid;
    padding: 0 0 15px;
}
.entryBtnBox.center {
    text-align: center;
}
.entryBtnBox.center .sendBtn {
    width: auto;
    padding: 19px 60px;
    float: none;
    min-width: 350px;
    -webkit-appearance: none;
}
.antMessage {
    background: #fdeff0;
    padding: 20px 30px 10px;
    margin: 0 0 30px;
}
.antMessage .antTitle {
    color: #ea6069;
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 10px;
}


/*---------------------------------------------------------------------------------------------------------------
[user_setting_withdrawal.php]
---------------------------------------------------------------------------------------------------------------*/
.withdrawalBox {
    background: #fdeff0;
    padding: 40px;
}
.withdrawalBox .withdrawalTitle {
    color: #ea6069;
    background: url(../img/user/ico_attention.png) no-repeat;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    padding: 20px 0 20px 90px;
    width: 530px;
    margin: 0 auto 20px;
}
.withdrawalBox .withdrawalTxt {
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.75;
    text-align: center;
    padding: 20px 0;
}
.withdrawalBox+p {
    margin: 40px 0;
    font-size: 16px;
}
.withdrawalBox+p a {
    color: #474747;
    text-decoration: underline;
    margin: 0 0 0 50px;
    font-weight: bold;
}
.withdrawalBox+p a:hover {
    text-decoration: none;
}
.entryBtnBox.center p {
    font-size: 18px;
    font-weight: bold;
    margin: 80px 0 10px;
}
.entryBtnBox.center .sendBtn.noArrow {
    background: #ea6069;
}


/*---------------------------------------------------------------------------------------------------------------
[user_setting_withdrawal_pw.php]
---------------------------------------------------------------------------------------------------------------*/
.subjectTitle+p {
    margin: 0 0 30px;
}
.normalTable {
    width: 100%;
}
.normalTable th,
.normalTable td {
    padding: 10px;
}
.normalTable th {
    text-align: left;
    font-weight: bold;
    width: 250px;
}
.normalTable td p {
    width: auto;
    float: none;
    margin: 0 0 0 10px;
    display: inline-block;
}
.normalTable td input[type="text"] {
    font-size: 14px;
    padding: 10px;
}
.withdrawaMessage {
    background: url(../img/user/ico_attention.png) no-repeat;
    font-size: 18px;
    line-height: 1.75;
    font-weight: bold;
    text-align: center;
    width: 810px;
    padding: 0 0 0 80px;
    margin: 50px auto 30px;
}
.withdrawaMessage+.entryBtnBox.center {
    margin: 0 auto 40px;
}
.withdrawaMessage+.entryBtnBox.center .sendBtn {
    padding: 19px 90px;
    width: 100px;
    white-space: normal;
}


/*---------------------------------------------------------------------------------------------------------------
[user_setting_withdrawal_comp.php]
---------------------------------------------------------------------------------------------------------------*/
.userContents .completeArea {
    padding: 0;
}
.userContents .completeArea .completeBox {
    padding: 45px 150px 20px 0;
}
.userContents .completeArea .completeBtnBox a {
    margin: 40px 0 30px;
}


/*---------------------------------------------------------------------------------------------------------------
[salon.php]
---------------------------------------------------------------------------------------------------------------*/
.mvSalon {
    margin: 20px 0 60px;
    padding: 0 0 60px;
    font-size: 15px;
    border-bottom: #9f9f9f 1px dashed;
}
.mvSalon img {
    margin: 0 0 60px;
    width: 100%;
    height: auto;
}
.mvSalon li {
    padding: 0 0 20px;
    color: #ff9400;
    font-weight: bold;
}
.mvSalon p {
    line-height: 1.75;
}


/*---------------------------------------------------------------------------------------------------------------
[job_company.php]
---------------------------------------------------------------------------------------------------------------*/
.subjectBox .btnBox {
    padding: 15px 0 0;
}
.subjectArea .subjectBox .btnBox span {
    padding: 0 0 10px;
}
.subjectArea .subjectBox .btnBox p {
    width: 750px;
}
.btnBox a.btn.white.orange {
    padding: 10px 30px 10px 45px;
    border: #ff9400 1px solid;
    color: #ff9400;
    font-size: 16px;
    background: url(../img/common/arrow_orange_right.png) no-repeat #fff center left 15px;
    background-size: 12px;
    box-shadow: 0 1px 0 #ff9400;
    margin: 20px 50px 0 0;
}
.storeList {
    display: flex;
    flex-wrap: wrap;
}
.storeList li {
    width: 50%;
    margin: 0 0 30px;
}
.storeList li::before {
    content: none;
}
.storeList .left {
    margin: 0;
}
.storeList img {
    width: 165px;
    height: auto;
}
.storeList dl {
    padding: 0 20px 0 180px;
}
.storeList dt {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px;
}
.storeList span {
    font-size: 14px;
    font-weight: normal;
    display: block;
}
.jobContents .entryBtnBox {
    margin: 70px auto 0;
}
.entryBtnBox a {
    display: block;
}
.entryBtnBox ul {
    display: flex;
}
.entryBtnBox li {
    position: relative;
    width: 50%;
    padding: 20px 5% 0 5%;
    text-align: center;
}
.entryBtnBox p {
    position: absolute;
    top: 0;
    left: 95px;
    font-weight: bold;
}
.reservBox {
    background: #f5f5f5;
    padding: 30px 60px;
    margin: 70px 0 180px;
}
.reservBox ul {
    display: flex;
    justify-content: space-around;
}
.reservBox li {
    background: #fff;
    padding: 20px;
    width: 310px;
    text-align: center;
}
.reservBox dt {
    font-weight: bold;
    padding: 10px 0 20px;
    font-size: 16px;
}
.reservBox .btn.orange,
.reservBox .btn.white.keep {
    width: 100%;
    display: block;
}
.reservBox .btn.orange {
    padding: 18px 0;
}
.reservBox .btn.white.keep {
    padding: 17px 0;
}


/*---------------------------------------------------------------------------------------------------------------
[info.php]
---------------------------------------------------------------------------------------------------------------*/
.subjectBox {
    margin: 0 0 50px;
}
.subjectBox .info_ttl_L {
    color: #ef973f;
    font-size: 36px;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
    padding: 70px 0 60px;
}
.subjectBox p,
.infoFeatureArea p {
    font-size: 16px;
    line-height: 1.75;
}
.infoFeatureArea p {
    padding: 20px 0 0;
}
.infoFeatureArea {
    margin: 0 0 100px;
}
.info_ttl_M {
    font-size: 18px;
    font-weight: bold;
    padding: 30px 0 20px;
    border-bottom: #f5f5f5 3px solid;
    position: relative;
    margin: 0 0 20px;
}
.info_ttl_M::before {
    content: "";
    position: absolute;
    width: 95px;
    height: 3px;
    background: #ffdc74;
    bottom: -3px;
    left: 0;
}
.infoFeatureArea .featureBox {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 100px;
}
.infoFeatureArea .featureBox .fB {
    color: #fff;
    border-radius: 180px;
    width: 360px;
    height: 360px;
    padding: 100px 0 0 0;
    text-align: center;
}
.infoFeatureArea .featureBox .fB01 {
    background: url(/img/info/ico_feature.png) no-repeat #f0b64d 120px 40px;
}
.infoFeatureArea .featureBox .fB02 {
    background: url(/img/info/ico_feature.png) no-repeat #009ed2 120px 40px;
}
.infoFeatureArea .featureBox .fB03 {
    background: url(/img/info/ico_feature.png) no-repeat #f1dc2c 120px 40px;
}
.infoFeatureArea .featureBox .fBTtl {
    font-size: 24px;
    line-height: 1.25;
    font-weight: bold;
}
.infoFeatureArea .featureBox .fB p {
    padding: 10px 50px 0;
}
.infoFeatureArea .featureBox .fB {
    border-radius: 180px;
    width: 360px;
    height: 360px;
    text-align: center;
}
.infoFeatureArea .infoBtn_red,
.consultantArea .infoBtn_red,
.paymentArea .infoBtn_red {
    background: url(../img/common/arrow_white_right.png) no-repeat #ea6069 80px center;
    background-size: 25px;
    padding: 32px 0 28px;
    color: #fff;
    box-shadow: 0 2px #892121;
    border-radius: 3px;
    line-height: 1;
    text-align: center;
    display: block;
    width: 600px;
    font-size: 22px;
    font-weight: bold;
    margin: auto;
}
.infoFeatureArea .infoBtn_red:hover,
.consultantArea .infoBtn_red:hover,
.paymentArea .infoBtn_red:hover,
.inquiryArea .inquiryBtn_orange:hover,
.info_questions a:hover,
.infoBtn_seaBlue:hover {
    text-decoration: none;
    opacity: 0.8;
}
.paymentArea .infoBtn_red {
    background: url(../img/common/arrow_white_right.png) no-repeat #ea6069 60px center;
    width: 650px;
}
.consultantArea .consultantBox {
    margin: 40px 0 100px;
}
.consultantArea p {
    font-size: 14px;
    line-height: 1.75;
    float: left;
    width: 580px;
}
.consultantArea img {
    float: right;
}
.inquiryArea {
    background: #ededec;
    display: flex;
    padding: 0 60px 0 80px;
    margin: 120px 0 140px;
}
.inquiryArea .inquiryBox {
    width: 50%;
    background: #fff;
    margin: 20px 40px;
    text-align: center;
    padding: 25px 0 20px;
}
.inquiryArea .inquertTtl {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px;
}
.inquiryArea .inquiryBtn_orange {
    background: url(../img/common/arrow_white_right.png) no-repeat #ff9400 30px center;
    background-size: 12px;
    padding: 18px 0;
    color: #fff;
    box-shadow: 0 1px #d67c00;
    border-radius: 3px;
    line-height: 1;
    text-align: center;
    display: block;
    width: 270px;
    font-size: 16px;
    font-weight: bold;
    margin: 25px auto 0;
}
.inquiryArea p {
    margin: 0 0 15px;
}


/*---------------------------------------------------------------------------------------------------------------
[info_beginner.php]
---------------------------------------------------------------------------------------------------------------*/
.info_ttl_L.line {
    font-size: 40px;
    font-weight: bold;
    background: url(../img/common/tilte_bg_slash_big.png) repeat-x bottom;
    background-size: 10px;
    padding: 85px 0 65px;
    position: relative;
    color: #ff9400;
    text-align: center;
    margin: 0 0 10px;
    line-height: 1;
}
.pointArea {
    margin: 50px 0 0;
    border-bottom: #ffdc74 3px solid;
}
.pointArea .point_ttl_M {
    font-size: 34px;
    line-height: 1;
}
.pointArea span {
    background: #ef973f;
    color: #fff;
    display: inline-block;
    padding: 7px 15px 3px;
    font-family: YuGothic,'Yu Gothic';
    font-size: 40px;
    margin: 0 20px 0 0;
}
.pointArea p {
    padding: 20px 0 80px;
    line-height: 2;
}
.pointArea a {
    display: inline-block;
    margin: 10px 0 0;
    padding: 10px 20px;
    color: #ef973f;
    border:1px solid #ef973f;
    line-height: 1;
}
.pointArea a:before {
    content:"\002192　";
}
.pointArea a:hover {
    background:#fceee0;
    text-decoration: none;
}
.jobHunting {
    margin: 100px 0 -20px;
}
.jobHunting:hover img {
    opacity: 0.8;
}
.info_questions {
    margin: 100px 0 0;
    text-align: center;
}
.info_questions p {
    font-size: 16px;
    display: inline-block;
}
.info_questions a {
    background: url(../img/common/arrow_white_right.png) no-repeat #23c2c4 30px center;
    background-size: 12px;
    padding: 18px 50px 18px 70px;
    color: #fff;
    box-shadow: 0 1px #19898a;
    border-radius: 3px;
    line-height: 1;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0 40px;
    vertical-align: super;
}


/*---------------------------------------------------------------------------------------------------------------
[info_faq.php]
---------------------------------------------------------------------------------------------------------------*/
.faqArea dl {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
}
.faqArea dt {
    position: relative;
    background: #f5f5f5;
    padding: 15px 15px 15px 80px;
    text-align: justify;
}
.faqArea dt::before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(/img/info/img_q.png) no-repeat;
    display: inline-block;
    position: absolute;
    left: 20px;
}
.faqArea dt::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #f5f5f5;
    bottom: -20px;
    left: 23px;
}
.faqArea dd {
    position: relative;
    padding: 15px 15px 30px 80px;
    text-align: justify;
    font-weight: normal;
}
.faqArea dd::before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(/img/info/img_a.png) no-repeat;
    display: inline-block;
    position: absolute;
    left: 20px;
}
.faqArea dd span {
    text-decoration: underline;
}


/*---------------------------------------------------------------------------------------------------------------
[info_staff.php]
---------------------------------------------------------------------------------------------------------------*/
.consultantArea .info_ttl_gray {
    text-align: center;
    font-size: 36px;
    line-height: 1.5;
    font-weight: bold;
    padding: 80px 0 30px;
}
.consultantArea .info_ttl_gray span {
    color: #ff9400;
}
.consultantListArea {
    margin: 130px 0 0;
}
.consultantListArea .consultantListTitle {
    font-size: 40px;
    text-align: center;
    line-height: 1.25;
    margin: 0 0 50px;
}
.consultantListArea .completeBox {
    display: flex;
    justify-content: space-between;
}
.consultantListArea .after_none {
    width: 366px;
    border: #f0b64d 3px solid;
    background: #f5f5f5;
    padding: 20px;
    position: relative;
}
.consultantListArea .after_none .nameTtl {
    font-size: 24px;
    text-align: center;
    padding: 30px 0 10px;
}
.consultantListArea .after_none p {
    padding: 15px 0 0;
    line-height: 1.75;
    font-size: 13px;
}
.consultantListArea .after_none img {
    width: auto;
    height: 210px;
}


/*---------------------------------------------------------------------------------------------------------------
[info_celebration.php]
---------------------------------------------------------------------------------------------------------------*/
.gift_mainVisual {
    margin: 20px 0 0;
    position: relative;
}
.gift_mainVisual .giftMax {
    position: absolute;
    font-size: 89px;
    font-weight: bold;
    bottom: 66px;
    right: 33%;
    letter-spacing: -2px;
    vertical-align: bottom;
    color: #fffc00;
}
.giftArea .giftTtl {
    font-size: 46px;
    text-align: center;
    line-height: 1.25;
    font-weight: bold;
    color: #ea6069;
    margin: 70px 0;
}
.giftArea .consultantBox img {
    float: right;
}
.giftArea .consultantBox p {
    float: left;
    width: 600px;
    font-size: 16px;
    line-height: 1.75;
    margin: 20px 0 0;
}
.stepArea .stepTitle,
.paymentArea .paymentTitle {
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.75;
    margin: 80px 0 50px;
}
.stepArea .completeBox {
    display: flex;
    justify-content: space-between;
}
.stepArea .giftStep {
    width: 250px;
}
.stepArea .giftStep dl {
    border: #f0b74d 3px solid;
    position: relative;
}
.stepArea .giftStep dt {
    text-align: center;
    padding: 20px 0 5px 30px;
}
.stepArea .giftStep dt p {
    color: #f0b74d;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 0 -30px;
    padding: 0 10px;
}
.stepArea .giftStep dd {
    position: absolute;
    color: #f0b74d;
    top: -7px;
    left: 20px;
}
.stepArea span {
    background: #f0b74d;
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 70px;
    font-size: 14px;
    padding: 10px 0 0;
    font-weight: normal;
}
.stepArea b {
    font-size: 40px;
    line-height: 1.25;
}
.stepArea .stepSubTtl {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.25;
    margin: 20px 0 0;
}
.stepArea p {
    font-size: 14px;
    line-height: 1.5;
    margin: 20px 0;
}
.flowArea dl:nth-child(1)::after,
.flowArea dl:nth-child(2)::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 0 40px 40px;
    border-color: transparent transparent transparent #f0b74d;
    top: 50%;
    right: -40px;
    z-index: 1;
    margin: -40px 0 0;
}
.paymentArea .premiumTable {
    width: 100%;
    border: #ea6069 2px solid;
    margin: 40px 0 0;
}
.paymentArea .premiumTable thead,
.paymentArea .normalTable thead {
    display: none;
}
.paymentArea th {
    color: #fff;
    vertical-align: middle;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}
.paymentArea td {
    background: #f5f5f5;
    border-bottom: #626262 1px solid;
    vertical-align: middle;
    padding: 15px 25px;
    font-weight: bold;
}
.paymentArea .premiumTable th {
    background: #ea6069;
    width: 260px;
}
.paymentArea .premiumTable th span {
    position: relative;
    padding: 0 0 0 40px;
}
.paymentArea .premiumTable th span::before {
    content: "";
    background: url(/img/info/ico_crown.png) no-repeat;
    background-size: cover;
    display: inline-block;
    width: 31px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}
.paymentArea .premiumTable td:last-child,
.paymentArea .normalTable td:last-child {
    text-align: right;
}
.paymentArea .premiumTable tr:last-child td,
.paymentArea .normalTable tr:last-child td {
    border: none;
}
.paymentArea .premiumTable td span {
    font-size: 30px;
    color: #ea6069;
    line-height: 1;
}
.paymentArea .normalTable {
    width: 100%;
}
.paymentArea .normalTable th {
    background: #f0b64d;
    width: 260px;
}
.paymentArea .normalTable td {
    padding: 25px 30px;
}
.paymentArea .normalTable td span {
    font-size: 24px;
    color: #ea6069;
}
.paymentArea .normalTable.left {
    float: left;
    width: 49%;
}
.paymentArea .normalTable .thBlue {
    background: #009ed2;
    padding: 30px 0;
}
.paymentArea p {
    margin: 15px 0 50px;
}
.paymentArea .normalTable {
    margin: 40px 0 0;
}
.paymentArea .normalTable.right {
    float: right;
    width: 49%;
}
.paymentArea .normalTable .thYellow {
    background: #f1dc2c;
    padding: 30px 0;
}
.paymentArea + .info_questions {
    margin: 140px 0 -70px;
}
.paymentArea + .info_questions p {
    font-size: 20px;
    font-weight: bold;
}


/*---------------------------------------------------------------------------------------------------------------
[info_law.php]
---------------------------------------------------------------------------------------------------------------*/
.lawDescription {
    line-height: 1.75;
    margin: 0 0 30px;
}
.infoLawArea .companyTtl {
    font-size: 18px;
    font-weight: bold;
    margin: 50px 0 20px;
}
.infoLawArea table {
    width: 100%;
}
.infoLawArea th {
    background: #f5f5f5;
    border-top: #fff 3px solid;
    border-bottom: #ededed 2px solid;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 15px 15px 30px;
    width: 280px;
    text-align: left;
    vertical-align: middle;
}
.infoLawArea td {
    border-top: #fff 2px solid;
    border-bottom: #ededed 2px solid;
    padding: 15px 15px 15px 40px;
    font-size: 15px;
    vertical-align: middle;
}
.infoLawArea .from,
.infoPrivacyArea .from {
    float: right;
    text-align: left;
    margin: 30px 0 100px;
}
.infoLawArea table + .from {
    margin: 40px 0 100px;
}


/*---------------------------------------------------------------------------------------------------------------
[info_privacy.php]
---------------------------------------------------------------------------------------------------------------*/
.infoPrivacyArea {
    padding: 20px 0 0;
}
.privacyDescription {
    line-height: 1.75;
    margin: 0 0 30px;
}
.infoPrivacyArea ul,
.infoLawArea ul {
    margin: 0 0 30px;
}
.privacyDescription + ul,
.lawDescription + ul {
    margin: -20px 0 30px;
}
.infoPrivacyArea li,
.infoLawArea li {
    list-style: disc;
    list-style-position: inside;
    padding: 0 0 5px;
    text-indent: -20px;
    margin: 0 0 0 30px;
}


/*---------------------------------------------------------------------------------------------------------------
[info_terms.php]
---------------------------------------------------------------------------------------------------------------*/
.privacyTitle,
.lawTitle {
    font-size: 18px;
    background: #f1f1f1;
    padding: 10px 15px 8px;
    line-height: 1;
    font-weight: bold;
    margin: 50px 0 20px;
}


/*---------------------------------------------------------------------------------------------------------------
[company_recruit.php]
---------------------------------------------------------------------------------------------------------------*/
.officeName {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
}
.infoLawArea section {
    margin: 0 0 30px;
    line-height: 1.75;
}
.infoLawArea section:last-child {
    margin: 0;
}
.businessBox {
}
.businessBox img {
    float: right;
}
.businessBox .txtBox {
    float: left;
}
.infoLawArea table ul {
    margin: 0;
}
.lawDescription table + ul {
    margin: -20px 0 30px;
}
.infoLawArea table li {
    list-style: none;
    width: 100%;
    display: block;
    padding: 0 0 5px;
    text-indent: 0;
    margin: 0;
}
.infoLawArea table {
    line-height: 1.75;
}
.infoBtn_seaBlue {
    background: url(../img/common/arrow_white_right.png) no-repeat #23c2c4 30px center;
    background-size: 25px;
    padding: 35px 50px 31px 70px;
    color: #fff;
    box-shadow: 0 1px #19898a;
    border-radius: 3px;
    line-height: 1;
    text-align: center;
    display: block;
    font-size: 22px;
    font-weight: bold;
    margin: 100px auto 120px;
    width: 620px;
}


/*-------------------------------------------------------------------------------------------------------------*/
.modalLine {
    display: none;
    position: fixed;
    background: #fff;
    z-index: 1000;
}
.modalLine .refineSearch {
    border: #b8b8b8 5px solid;
    padding: 30px;
    position: relative;
    width: 85vw;
    height: 80vh;
}


/*---------------------------------------------------------------------------------------------------------------
[レスポンシブ]
---------------------------------------------------------------------------------------------------------------*/

.pc {
    display: block;
}
.sp,
.moreBtn,
.historyback,
.pageTop,
footer .footerMenu .toggle,
.floatMenu01,
.keepBoxFixed,
.telBoxFixed {
    display: none;
}
[href^="tel"] {
    text-decoration: none;
    color: #333;
    cursor: default;
    pointer-events: none;
}

/*--------------------------------------------------------------------------------------------------------767px*/

@media screen and (max-width: 767px) {
    *,
    *:before,
    *:after {
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .heightLine,
    .heightLine:before,
    .heightLine:after,
    .heightLine-01,
    .heightLine-01:before,
    .heightLine-01:after {
        box-sizing: initial;
    }
    .pc,
    .jobContents .entryBox .heartBtn.pc {
        display: none !important;
    }
    .sp,
    .keepBoxFixed {
        display: block;
    }
    #gmapSearch {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    #gmapSearch iframe,
    #gmapSearch object,
    #gmapSearch embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .youtube {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }
    .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }
    .mb10 {
        margin-bottom: 0;
    }
    .mr10 {
        margin-right: 0;
    }
    .w100-sp {
        width: 100%;
    }
    .mt4-sp {
        margin-top: 4% !important;
    }
    .mb2-sp {
        margin-bottom: 2% !important;
    }
    .mr2-sp {
        margin-right: 2% !important;
    }
    .ml4-sp {
        margin-left: 4% !important;
    }
    [href^="tel"] {
        pointer-events: auto;
    }
    /*---------------------------------------------
    [整形]
    ---------------------------------------------*/
    body {
        min-width: 100%;
    }
    .headerLineBox,
    header .telBox,
    .sMenu li:nth-child(2),
    /*.breadcrumbs,*/
    .txtMainRead,
    /*.controlArea .pager,*/
    .resultsArea .jobDescription,
    .resultsArea .oneWord,
    .resultsArea .headlineBox p,
    .resultsArea .entryBox a span,
    .jpbPhoto .sliderJobPager,
    .entoryBox .btnBox dt {
        display: none;
    }
    .jobContents,
    .sMenuBox,
    .breadcrumbs ul,
    .inner,
    .entoryBox,
    .txtInfo p,
    .jpbPhoto .bx-wrapper,
    .resultsArea .jobTable,
    .resultsArea .jobInfo,
    .controlArea .controlBox,
    .telInfoImg img,
    .jpbPhoto,
    .box p,
    .voice dd img,
    img.right,
    img.left,
    .box.voice dl,
    footer img,
    footer .sitemap img,
    footer .imgBox,
    footer .listBox,
    .memberLoginArea,
    .NewMemberEntryBox,
    .formTitleArea .largeTitle,
    .memberLoginArea .loginTable,
    .floatArea .floatBox,
    .involvedNumberBox .involvedNumber,
    .involvedNumberBox p,
    .variousBox p,
    .userContents .variousBox .btn,
    .floatArea .floatBox,
    .fixedArea .floatBox,
    .searchAreaEasy input[type="text"],
    /*.schoolSlider p,*/
    .mapArea .inner,
    .infoArea .newsArea,
    .infoArea .blogBox,
    .mv .inner img,
    .meetingArea img,
    .newJobArea .jobBox,
    .infoArea .blogBox a img,
    .gift_mainVisual img,
    .giftArea .consultantBox img,
    .giftArea .consultantBox p,
    .consultantArea p,
    .consultantArea img,
    .jobHunting img,
    .consultantListArea .after_none img,
    .paymentArea .normalTable.left,
    .paymentArea .normalTable.right,
    .bnrBox img,
    .searchAreaEasy .txtStyle01,
    .searchAreaEasy .txtStyle03,
    .searchAreaEasy .txtStyle04 {
        width: 100%;
        height: auto;
        float: none;
    }
    .jobTitle,
    .jobTable,
    .inTitle,
    .sliderBox,
    .box.voice .cf,
    .jobArea,
    .jobArea ul {
        margin: 0 0 3%;
    }
    .jobTable:last-child,
    .box.voice .cf:last-child,
    .subjectArea,
    .subjectArea .subjectBox {
        margin: 0;
    }
    .largeTitle,
    .memberBox,
    .telGuid .telGuidBox,
    .messageBox,
    .entryFormArea,
    .formTitleArea .currentArrow,
    .subjectArea,
    .jobArea .jobTitle,
    .jobTable td,
    .entryTable td,
    .ApplicationArea,
    .consulDetail,
    .newJobArea,
    .meetingArea,
    .newJobArea {
        padding: 3%;
    }
    /*---------------------------------------------
    [共通]
    ---------------------------------------------*/
    .right,
    .left {
        float: none;
    }
    .jobTitle {
        font-size: 130%;
        line-height: 1.25;
    }
    .jobTitle.icoWoman {
        padding: 10px 0 10px 40px;
    }
    .sliderBox .sliderTitle {
        padding: 10px 0 0 40px;
        width: 230px;
        margin: 0 auto 3%;
    }
    .ttlSkyblue {
        font-size: 5vw;
        letter-spacing: 1px;
        line-height: 1.25;
    }
    .ttlSkyblue span {
        font-size: 12px;
        padding: 10px 0 0;
    }
    .ttlWhite,
    .ttlNormal,
    .infoArea .newsArea .txtSkyblue,
    .infoArea .blogBox .txtSkyblue {
        font-size: 5vw;
        line-height: 1.25;
    }
    /*---------------------------------------------
    [header]
    ---------------------------------------------*/
    header {
        background: #fff;
        border: none;
        position: relative;
        z-index: 1000;
    }
    .sMenu {
        float: right;
        display: flex;
        width: 65%;
    }
    .logoBox {
        /*margin: 0 0 0 0.5%;*/
        width: 35%;
        text-align: center;
        padding-top: 10px;
    }
    .logoBox img {
        width: 120px;
        height: auto;
    }
    .sMenu ul {
        float: none;
        display:flex;
        text-align: right;
        width: 100%;
    }
    .sMenu li {
        display: inline-block;
        width: 25%;
    }
    .sMenu li a,
    .sMenu li span {
        width: 100%;
        font-size: 10px;
        padding: 35px 0 5px;
    }
    .sMenu li:nth-child(1) a {
        background-position: 50% 10px;
        background-size: 19px;
    }
    .sMenu li:nth-child(3) a {
        background-position: 50% 13px;
        background-size: 20px;
    }
    .sMenu li:nth-child(4) a {
        background-position: 50% 10px;
        background-size: 14px;
        letter-spacing: -1px;
    }
    .sMenu li.icoLogin:nth-child(1){
        width: 37%;
    }
    .sMenu li.icoLogin:nth-child(1) a{
        background: url(../img/common/form_login_ico.png) no-repeat center 5px;
        padding: 40px 5px 0;
    }
    .sMenu li:nth-child(5) span {
        background: url(../img/common/ico_menu.png) no-repeat #ff9400 center;
        background-size: contain;
        border: none;
        padding: 0;
        height: 58px;
        display: block;
    }
    .sMenu li:nth-child(5) span.active {
        background: url(../img/common/ico_menu_close.png) no-repeat #ff9400 center;
        background-size: contain;
    }
    .sMenu li:nth-child(5) {
        display: block;
    }
    .sMenu ul.spMenu {
        display: none;
        position: absolute;
        width: 100%;
        background: #eee;
        top: 58px;
        left: 0;
        z-index: 1;
    }
    .sMenu .spMenu li {
        border-bottom: #dcdcdc 1px solid;
        width: 100%;
    }
    .sMenu .spMenu li:nth-child(2) {
        display: block;
    }
    .sMenu .spMenu li a {
        background: url(../img/common/arrow_black_right.png) no-repeat top 50% right 4%;
        background-size: 6px;
        padding: 4% 4% 4% 6%;
        font-size: 100%;
        text-align: left;
        border: none;
    }
    #overlay {
        position: fixed;
        top: 0;
        z-index: 100;
        width: 100%;
        height: 300vw;
        background: 10px 10px no-repeat rgba(0, 0, 0, 0.8);
        display: none;
        overflow: hidden;
    }
    /*---------------------------------------------
    [breadcrumbs]
    ---------------------------------------------*/
    .breadcrumbs {
        border: none;
        border-top: #9f9f9f 1px dashed;
    }
    .breadcrumbs ul {
        padding: 1% 3%;
    }
    .breadcrumbs li {
        font-size: 11px;
    }
    .breadcrumbs li::after {
        padding: 0 0 0 7px;
    }
    /*---------------------------------------------
    [index.php]
    ---------------------------------------------*/
    /*mv*/
    .mv {
        background: none;
        height: auto;
        padding: 0;
        margin: 0;
    }
    .mv .box01 {
        top: 0;
        left: 0;
        position: static;
    }
    .mv .maxOiwai {
        width: 65%;
        height: 40px;
        background-size: cover;
        padding: 10px 6px;
    }
    .maxOiwai .maxOiwaiTxt {
        font-size: 15px;
        background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #DCC36D 50%, #dcc36e 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .mv .maxOiwai .maxOiwaiTxt img {
        width:10%;
    }
    .maxOiwai .maxOiwaiTxt span {
        font-size: 22px;
        background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #DCC36D 50%, #dcc36e 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .mv .inner.box01 {
        padding: 3% 3% 6%;
        margin: -53vw 0 0 0;
        position: relative;
    }
    .mv .inner img {
        width:65%;
    }
    .mv .mvTitle {
        padding: 32% 0 2%;
        margin: 0;
    }
    .searchAreaEasy .modalTrigger{
        padding:5px;
        width: 100%
    }
    .mv .searchAreaEasy.inner {
        padding: 3%;
        margin: 6% 0 0;
        border: rgba(255,148,0,.75) 2px solid;
        width: 100%;
    }
    .searchAreaEasy.inner .selectIco{
        max-height:130px;
        overflow:scroll;
        width:100%;
    }
    .searchAreaEasy.inner div#displayJobCount{
        position : static;
        border-top: dotted 1px gray;
        margin-top : 10px;
    }
    .searchAreaEasy .detail {
        position: relative;
        top:0;
        left:0;
    }
    .mv .mvSpSlider li {
        height: 53vw;
    }
    .mv .mvSpSlider li.sliderA {
        background: url(../img/index/mv_slider_01_sp.png) no-repeat right;
    }
    .mv .mvSpSlider li.sliderB {
        background: url(../img/index/mv_slider_02_sp.png) no-repeat right;
    }
    .mv .mvSpSlider li.sliderC {
        background: url(../img/index/mv_slider_03_sp.png) no-repeat right;
    }
    .mv .mvSpSlider li.sliderA,
    .mv .mvSpSlider li.sliderB,
    .mv .mvSpSlider li.sliderC {
        background-size: cover;
    }
    .searchAreaEasy .txtStyle01 {
        font-size: 22px;
        text-align: center;
        font-weight: bold;
    }
    .searchAreaEasy .txtStyle03 {
        padding: 0;
        border-bottom: #e5e5e5 1px solid;
        text-align: center;
    }
    .searchAreaEasy .txtStyle04 {
        float: none;
        font-size: 18px;
        font-weight: bold;
        border-right: none;
        border-bottom: #e5e5e5 1px solid;
        padding: 0 0 3%;
        text-align: center;
    }
    .searchAreaEasy .searchBox {
        margin: 3% 0 0;
    }
    .searchAreaEasy select,
    .searchAreaEasy .searchBox input.box02,
    .searchAreaEasy .btnStyle02,
    .searchAreaEasy .btnStyle01{
        display: block;
        width: 100%;
        margin: 10px 0 1%;
    }
    .searchAreaEasy .inputLayout {
        color: #ff9400;
        font-size: 20px;
        vertical-align: middle;
        text-align: center;
        margin: auto;
        display: inline-block;
        padding: 1% 0 2%;
        width:4.5%;
    }

    .searchAreaEasy .searchBox .selectStyle01 {
        width : 46%;
        display: inline-flex;
    }

    .searchAreaEasy .btnStyle02 {
        margin: 3% auto;
        box-shadow: none;
        background: url(/img/common/arrow_white_right.png) no-repeat #eb5f6a center right 10px;
        background-size: 14px;
        font-size: 16px;
        padding: 15px 0;
        width : 100%;
        display: inline-block;

    }
    .searchAreaEasy .btnStyle01 {
        background: url(/img/common/arrow_pink_right.png) no-repeat  center right 10px;
        background-size: 12px;
        margin: 3% auto;
        font-size: 16px;
        padding: 15px 0;
        width : 38%;
        display: inline-block;
    }
    /*bnrBox*/
    .bnrBox {
        padding: 0 3%;
    }
    .inner .bnrBox:first-child{
        margin-top: 40px;
    }
    .inner .bnrBox:last-child{
        margin-bottom: 40px;
    }
    /*salonArea*/
    .salonArea {
        margin: 0;
        padding: 0;
    }
    .salonArea .ttlSkyblue {
        padding: 10% 0 5%;
    }
    .salonArea ul {
        padding: 0;
    }
    .salonArea li,
    .salonArea li:nth-child(3n) {
        width: 100%;
        margin: 0;
    }
    .salonArea li:last-child {
        margin: 0;
    }
    .salonArea a {
        text-align: left;
        padding: 4% 10% 4% 5%;
        font-size: 16px;
        height: auto;
        background: url(/img/common/arrow_white_right.png) no-repeat center right 3%, linear-gradient(90deg,#00bab6 0%,#00bab6 92%,#007b79 92%,#007b79 100%);
        background-size: 14px,100%;
        display: block;
        width: 100%;
        box-shadow: none;
        border-top: #24d8d4 1px solid;
        border-bottom: #0c9694 1px solid;
    }
    .salonArea a:hover {
        background: url(/img/common/arrow_white_right.png) no-repeat center right 3%, linear-gradient(90deg,#00bab6 0%,#00bab6 92%,#007b79 92%,#007b79 100%);
        background-size: 14px,100%;
    }
    /*school*/
    .schoolSlider .ttlSkyblue {
        background: url(/img/index/meeting_bg.png) no-repeat;
        background-size: cover;
        padding: 8% 3%;
    }
    .schoolSlider ul {
        display: flex;
        flex-wrap: wrap;
    }
    .schoolSlider ul li {
        width: 50%;
        position: relative;
        overflow: hidden;
        border-right: #fff 1px solid;
        border-bottom: #fff 1px solid;
    }
    .schoolSlider ul li a {
        display: block;
    }
    .schoolSlider ul li img {
        width: 115%;
    }
    .schoolSlider p {
        width: 100%;
        height: 100%;
        padding: 10vw 5vw 0 3vw;
        text-align: left;
        line-height: 1.5;
        background: url(/img/common/arrow_white_right.png) center right 5% no-repeat rgba(0, 0, 0, .3);
        background-size: 4vw;
        font-size: 3.5vw;
    }
    .schoolSlider ul li:nth-child(3) p {
        padding: 7vw 5vw 0 3vw;
    }
    /*map*/
    .mapArea .ttlSkyblue {
        padding: 5% 3% 5%;
    }
    .mapBg {
        background: url(/img/index/map_sp.png) no-repeat bottom 3% right 10%, url(/img/common/bg_slash_yellow.png);
        background-size: 22vw, auto;
    }
    .mapArea .inner,
    .areaList {
        position: static;
    }
    .areaList li {
        display: inline-block;
    }
    .mapArea .inner {
        display: flex;
        flex-wrap: wrap;
        padding:4% 1.5%;
        background: none;
    }

    .attendArea{
        margin: 3% 0;
    }

    #Area1,
    #Area2,
    #Area3,
    #Area4,
    #Area5,
    #Area6,
    #Area7,
    #Area8 {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .areaList,
    #Area6,
    #Area3.areaList,
    #Area5.areaList {
        width: 33.3%;
        padding: 0 1.5%;
    }
    .btnArea {
        pointer-events: auto;
    }
    .areaList ul {
        display: none;
        position: absolute;
        z-index: 1;
        background: #fff;
        border: #ff9500 1px solid;
        top: 80%;
        padding: 6% 6% 2%;
        width: 97vw;
        background: #ff9500;
    }
    #Area1 ul,
    #Area5 ul,
    #Area8 ul {
        left: 0;
    }
    #Area2 ul,
    #Area6 ul {
        left: -32.5vw;
    }
    #Area3 ul,
    #Area7 ul {
        right: 0;
    }
    #Area5.areaList li,
    #Area6.areaList li,
    #Area8.areaList li {
        width: 49%;
    }
    .areaList .btnArea,
    #Area3.areaList .btnArea,
    #Area5.areaList .btnArea,
    #Area8.areaList .btnArea {
        border: #ff9500 1px solid;
        box-shadow: 0 3px #ff9500;
        border-radius: 3px;
        background: #fff;
        font-size: 3.5vw;
        text-align: center;
        font-weight: normal;
        margin: 0 0 12%;
        padding: 4vw 0 0;
        height: 15vw;
    }
    #Area3.areaList .btnArea,
    #Area5.areaList .btnArea {
        padding: 3vw 0 0;
        font-size: 3.5vw;
    }
    .areaList .btnArea.areaList .btnArea.areaList .btnArea span {
        display: none;
    }
    .areaList .btnArea::after {
        content: "▼";
        color: #ff9500;
        position: absolute;
        right: 50%;
        bottom: 1vw;
        margin: 0 -6px 0 0;
    }
    .areaList .btnArea.active,
    #Area3.areaList .btnArea.active,
    #Area5.areaList .btnArea.active,
    #Area8.areaList .btnArea.active {
        background: #ff9500;
        color: #fff;
    }
    .areaList .btnArea.active::after,
    #Area3.areaList .btnArea.active::after,
    #Area5.areaList .btnArea.active::after,
    #Area8.areaList .btnArea.active::after {
        content: "▲";
        color: #fff;
    }
    .areaList li a,
    #Area3.areaList li a,
    #Area5.areaList li a,
    #Area8.areaList li a {
        padding: 15px;
        font-size: 16px;
        font-weight: normal;
    }
    #Area8.areaList .btnArea {
        width: 31%;
        margin: 0;
    }
    #Area8.areaList .btnArea::after {
        content: "▼";
    }
    #Area8.areaList li a {
        padding: 15px;
        font-size: 16px;
        font-weight: normal;
        text-decoration: none;
        border: #ff9400 1px solid;
        background: #fff;
        box-shadow: 0 1px 0 #d37b01;
    }
    #Area8.areaList ul {
        display: none;
        padding: 2% 1% 2% 2%;
        top: 100%;
    }
    #Area8.areaList li {
        margin: 0;
    }
    /*job*/

    .newJobArea{
        margin : 0 ;
    }
    .newJobArea .jobBox, {
        margin: 0 0 3%;
        position: relative;
        border-right: #ff9500 20px solid;
        box-shadow: 0 2px #d46a00;
        overflow: hidden;
    }
    .newJobArea .jobSlider .jobBox {
        margin: 0;
    }
    /* .newJobArea .jobBox::after {
        content: "▶";
        color: #fff;
        font-size: 10px;
        top: 50%;
        right: -15px;
        margin: -9px 0 0;
        position: absolute;
    } */
    .newJobArea .jobSlider {
        margin: 0;
    }
    .newJobArea .ttlWhite {
        padding: 7% 0 5%;
        letter-spacing: -.1px;
    }
    .newJobArea .photoBox {
        float: left;
        width: 28vw;
        height: 30vw;
        overflow: hidden;
        position: relative;
    }
    .newJobArea .jobBox .photoBox img {
        position: absolute;
        width: 28vw;
        height:30vw;
        -o-object-fit: cover;
           object-fit: cover;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .newJobArea .jobInfoBox {
        float: right;
        width: 63vw;
        padding: 3% 3% 3% 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .newJobArea .jobBox .jobTitle {
        font-size: 4vw;
        padding: 0;
        width: 55vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .newJobArea .jobBox .storeNameBox {
        padding: 0 0 3%;
    }
    .newJobArea .jobBox .storeNameBox .storeName {
        font-size: 3vw;
        width: 55vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .newJobArea .jobTable.list {
        border: none;
    }
    .newJobArea .jobTable.list tr {
        display: none;
    }
    .newJobArea .jobTable.list tr.pay {
        display: block;
    }
    .newJobArea .jobTable.list tr.pay th {
        display: none;
    }
    .newJobArea .jobTable.list tr.pay td {
        font-size: 3vw;
        border: none;
        padding: 0;
        line-height: 4vw;
    }
    .newJobArea .jobTable.list tr.pay td span {
        font-size: 3vw;
        color: #474747;
    }


    .newJobArea .moreBtn {
        background: url(/img/common/arrow_white_right.png) no-repeat #ff9500 center right 5%;
        background-size: 12px;
        text-align: center;
        display: block;
        padding: 4%;
        box-shadow: 0 3px #d46a00;
        border-radius: 5px;
        margin: 3% 0 6%;
        color: #fff;
    }
    /*bnr*/
    .bannerTopArea {
        padding: 0;
    }
    .bannerTopArea .ttlSkyblue {
        padding: 10% 0 5%;
    }
    .bannerTopArea .column3,
    .bannerTopArea .column2 {
        display: block;
        margin: 0;
        border-top: #dedede 1px solid;
    }
    .column3 li.oiwaiMaxBnr span{
        font-size: 3.5vw;
        right: 41%;
        top: 10%;
    }
    .bannerTopArea .column3 img,
    .bannerTopArea .column2 img {
        width: 40px;
        margin: 0 3% 0 0;
    }
    .bannerTopArea .column3 .sp,
    .bannerTopArea .column2 .sp {
        display: inline-block;
        vertical-align: middle;
        font-size: 3.5vw;
        font-weight: bold;
    }
    .bannerTopArea .column2+.column3,
    .bannerTopArea .column3+.column2 {
        border-top: none;
        margin: 0;
    }
    .bannerTopArea .column3 li,
    .bannerTopArea .column2 li {
        padding: 0;
        width: 100%;
        margin: 0;
    }
    .bannerTopArea .column3 li a,
    .bannerTopArea .column2 li a {
        background: url(/img/common/arrow_blue_min_right.png) no-repeat center right 5% #f8f8f8;
        background-size: 4vw;
        border-top: #fff 1px solid;
        border-bottom: #dedede 1px solid;
        padding: 2% 3%;
        color: #222;
    }
    /*meeting*/
    .meetingArea {
        background: none;
        border: none;
    }
    .meetingArea .ttlNormal {
        padding: 3% 0 6%;
    }
    .meetingArea .bnrBox {
        margin: 0;
        background: none;
    }
    /*news/blog*/
    .infoArea {
        padding: 3% 3% 0;
        background: none;
    }
    .infoArea .newsArea .txtSkyblue {
        padding: 7% 0 0;
        font-size: 5vw;
    }
    .infoArea .newsBox {
        padding: 3%;
        border: none;
    }
    .infoArea ul {
        height: auto;
    }
    .infoArea li {
        padding: 3% 0;
        font-size: 3.5vw;
    }
    .infoArea li a {
        padding: 0 0 0 28vw;
        font-size: 3.5vw;
    }
    .infoArea time {
        top: 0;
        margin: 3% 0 0;
    }
    .infoArea .btn {
        margin: 6% 0 3%;
        display: block;
        width: 100%;
        border: none;
        text-decoration: underline;
    }
    .infoArea .newsBox .btn::after {
        content: " >";
        font-weight: bold;
        right: auto;
    }
    /*pallax*/
    .topParallax {
        display: none;
    }
    /*bnr*/
    .bannerBottomArea {
        padding: 10% 3% 0;
    }
    .bannerBottomArea .column2 li:nth-child(1),
    .bannerBottomArea .column2 li:nth-child(2) {
        float: none;
    }
    .bannerBottomArea .column2 li {
        width: 100%;
    }
    .bannerBottomArea .column3 {
        margin: 0;
        display: block;
    }
    .bannerBottomArea .column3 li {
        padding: 0;
    }
    .bannerBottomArea .column3 img,
    .bannerBottomArea .column2 img {
        margin: 0 0 3%;
    }
    .bannerBottomArea .column3 {}
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /*---------------------------------------------
    [求人リスト]
    ---------------------------------------------*/
    .largeTitle {
        background: #f0b64d;
        color: #fff;
        font-size: 16px;
        line-height: 1.25;
        border: none;
    }
    .resultsArea .headlineBox li {
        width: auto;
        background: #d3c7b0;
        border-radius: 50%;
        font-size: 11px;
        font-weight: bold;
        padding: 7px;
        margin: 0 0 0 5px;
        line-height: 1;
    }
    .resultsArea .headlineBox ul {
        padding: 3% 3% 3% 0;
    }
    .resultsArea .headlineBox ul span {
        display: none;
    }
    /* 絞り込み検索 */
    .searchArea {
        margin: 3% 0 0;
        background: none;
    }
    .searchArea .openBtn {
        content: "";
        position: relative !important;
        width: 100%;
        height: auto;
        top: auto;
        right: auto;
        background: url(../img/common/ico_search.png) no-repeat left 10px center,url(../img/common/arrow_orange_bottom.png) no-repeat right 14px center;
        background-size: 16px;
        background-color: white;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
        padding: 16px 0 16px 40px !important;
        color: #ff9400;
        border: solid 1px #ff9400;
        border-radius: 5px;
    }
    .searchArea .openBtn::after,
    .searchArea .openBtn.active::after {
        content: "";
    }
    .searchArea .openBtn.active {
        background: url(../img/common/ico_search.png) no-repeat left 10px center,url(../img/common/arrow_orange_top.png) no-repeat right 14px center;
        background-size: 16px;
        background-color: white;
        padding: 16px 0 16px 40px !important;
        margin: 0 0 03%;
    }
    .searchArea .jobTable.search td {
        padding: 3%;
        margin: 0;
    }
    .searchArea .modalTrigger,
    .searchArea .modalTriggerLine {
        width: 49%!important;
        margin: 0;
        padding: 3%;
        text-align: center;
    }
    .entryTable .modalTrigger, .entryTable .modalTriggerLine {
        line-height: 2;
        padding: 10px 8px;
        margin-right: 1%;
    }
    .entryTable .modalTriggerLine{
        margin-right: 0px;
    }
    .accordionHidden .entryTable select{
        padding-right: 10px !important;
    }
    .searchArea .searchBtn {
        float: none;
        margin: 0 3% 20px;
    }
    .resultsArea .found {
        font-size: 14px;
        font-weight: normal;
        margin: 0;
        padding: 3% 3% 0 3%;
        text-align: center;
    }
    .resultsArea .found span {
        display: none;
    }
    .resultsArea .found .fOrange {
        display: inline-block;
        font-size: 22px;
        padding: 0 5px 0 0;
    }
    .controlArea {
        padding: 3%;
    }
    .controlArea .sort dl,
    .controlArea .display dl,
    .controlArea .number dl {
        font-size: 12px;
        vertical-align: middle;
    }
    .controlArea .sort dt,
    .controlArea .display dt,
    .controlArea .number dt {
        padding: 0 10px;
        vertical-align: middle;
    }
    .controlArea .sort li::before {
        content: "|";
    }
    .controlArea .display {
        display: block;
        margin: 0 0 10px;
    }
    .controlArea .number dt {
        margin: 0 5px 0 0;
        vertical-align: middle;
    }
    .controlArea .number {
        display: block;
        background: #faf8f3;
        margin: 0 -3%;
        padding: 1.5%;
        text-align: right;
    }
    .controlArea .display select,
    .controlArea .number select {
        padding: 5px;
        vertical-align: middle;
    }
    /*.resultsArea .headlineTitle {
        font-size: 20px;
        float: none;
        line-height: 1.5;
        padding: 10px 3%;
        border-top: 6px solid #ff9400;
    }*/
    .controlArea .pager {
        float: none;
        text-align: center;
        margin: 3% 0 0;
    }
    .resultsArea .resultsBox + .controlArea {
        margin: -7% 0 3%;
        padding: 0;
    }
    /*.resultsArea .jobTitle {
        -webkit-line-clamp: 2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }*/
    .resultsArea .jobTitleBox {
        border: none;
        margin: 0;
        font-size: 14px;
        line-height: 1.5;
        padding: 2% 3%;
        text-align: justify;
    }
    /*.resultsArea .jobTitle .status {
        position: absolute;
        top: 17px;
        left: 10px;
        z-index: 1;
    }*/
    .resultsArea .jobTitle .status li,
    .jobHeadBox .jobNameBox .status li {
        font-size: 16px;
        padding: 7px 0 0 7px;
        width: 30px;
        height: 30px;
    }
    .resultsArea .jobTitle {
        font-size: 14px;
        padding: 0;
        margin: 0;
        line-height: 1.5;
    }
    .resultsArea .jobTitle span {
        padding: 0;
    }
    .icoBox {
        padding: 0;
    }
    .resultsArea .icoBox ul {
        padding: 0;
        font-size: 10px;
        width: 100%;
    }
    .resultsArea .icoBox li {
        font-size: 10px;
        border-radius: 0;
    }
    .resultsArea .tipBox {
        float: left;
        width: 25%;
        background: url(../img/common/bnr_tip10_sp.png) no-repeat;
        background-size: contain;
    }
    .resultsArea .tipBox img {
        width: 100%;
        height: auto;
    }
    /*.jobTable th{
        font-size: 10px;
        padding: 2% 1%;
        width: 60px;
        vertical-align: middle;
        text-align: center;
    }*/
    .jobTable th {
        margin: 0 3%;
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        padding: 10px;
    }
    .jobContents .jobTable th {
        display:block;
        width: 100%;
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        padding: 3%;
        line-height: 1;
        border: none;
    }
    .jobTable td {
        display:block;
        width: 100%;
        margin: 0;
        border: none;
    }
    .jobTable.w100 th,
    .jobTable.w100 td {
        width: 100%;
        display: block;
        border-bottom: none;
    }
    .jobTable th span {
        display: none;
    }
    .jobTable th img,
    .jobTable.mini th img {
        margin: 0;
        width: auto;
        height: 15px;
        display: block;
        margin: auto;
    }
    .jobInfo .jobTable th,
    .jobInfo .jobTable td {
        display: table-cell;
        width: auto;
    }
    .jobTable.mini th {
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        padding: 0 5px;
        width: 40px;
        background: #f5f5f5;
        border-top: #fff 3px solid;
        border-bottom: #ededed 2px solid;
    }
    .jobTable.mini th img {
        width: auto;
        height: 14px;
        display: inline-block;
        margin: auto;
        /*padding-right: 10px;
        margin: -4px 0 0 0;*/
    }
    .jobTable.ico th img {
        position: initial;
    }
    .jobTable.mini td {
        font-size: 12px;
        padding: 5px 5px;
        margin: 0;
        text-align: justify;
        line-height: 1.38;
        display: table-cell;
    }
    .resultsArea .jobTable td .fRed {
        font-size: 14px;
    }
    .jobTable.list tr:last-child th,
    .jobTable.list tr:last-child td {
        border-bottom: #ededed 1px solid;
    }
    .jobTable.ico th {
        width: auto;
        font-size: 70%;
        padding: 2%;
        white-space: nowrap;
    }
    .jobTable td {
        font-size: 90%;
    }
    .jobTable .fRed {
        font-size: 150%;
    }
    .resultsArea .jobInfoBox {
        margin: 0;
    }
    .resultsArea .entryBox{
        margin: 3% 0 0;
        padding: 0 3%;
        background: none;
    }
    .resultsArea .entryBox .flex{
        display: flex;
    }
/*
    .resultsArea .entryBox .flex a{
        width:100%;
        height: 70px;
    }
*/
    .resultsArea .entryBox .nextBtn {
        width: 60%;
    }
    .resultsArea .entryBox .flex .nextBtn a {
        padding: 17px 0 16px 10px;
        height: auto;
        background-size: 12px;
        box-shadow: 0 2px 0 #ff9400;
    }

/*
    .resultsArea .entryBox .heartBtn {
        width: 37%;
    }

    .resultsArea .entryBox .heartBtn a {
        width: 100%;
        background: url(../img/common/ico_heart.png) no-repeat #fff top 8px center;
        background-size: 20px;
        color: #333;
        margin: 0;
        padding: 28px 0 0;
        text-align: center;
        font-size: 12px;
        border: #ff9400 1px solid;
        box-shadow: 0 2px 0 #ff9400;
        height: 49px;
    }

*/

    .resultsArea .entryBox .arrowBtn  {
        width: 36%;
    }
    .resultsArea .entryBox .calBtn {
        width: 60%;
    }
    .resultsArea .entryBox .arrowBtn a,
    .resultsArea .entryBox .arrowBtn a:hover {
        background: url(../img/common/arrow_white_right.png) no-repeat #ea6069 center left 10px;
        background-size: 12px;
        padding: 17px 5px 17px 20px;
        height: auto;
        margin: 0;
        font-size: 14px;
        text-align: center;
        box-shadow: 0 3px 0 #c9424d;
        color: #fff;
    }
    .resultsArea .entryBox .calBtn a,
    .resultsArea .entryBox .calBtn a:hover {
        width: 100%;
        float: none;
        background: url(../img/common/arrow_white_right.png) no-repeat #ff9400 center left 10px;
        background-size: 12px;
        margin: 0;
        padding: 17px 5px 17px 20px;
        font-size: 14px;
        height: auto;
        text-align: center;
        box-shadow: 0 3px 0 #d67c00;
        vertical-align: top;
        color: #fff;
    }
    .resultsArea .entryBox a.btnKeep,
    .resultsArea .entryBox a.btnKeep:hover {
        background: url(../img/common/ico_heart.png) no-repeat #fff 12px 8px;
        padding: 27px 0 0;
        background-size: 20px;
        color: #222;
        border: #ff9400 2px solid;
        box-shadow: 0 3px 0 #ff9400;
        width: 47px;
        font-size: 10px;
        margin: 0 10px 0 0;
        text-align: center;
    }
    .resultsArea .entryBox a.btnDetail,
    .resultsArea .entryBox a.btnDetail:hover {
        background: url(../img/common/arrow_white_right.png) no-repeat #ff9400 2vw 20px;
        background-size: 12px;
        box-shadow: 0 4px 0 #d37b01;
        width: 39%;
        margin: 0 10px 0 0;
        font-size: 12px;
        padding: 19px 0 0 10px;
    }
    .resultsArea .entryBox a.btnEntry,
    .resultsArea .entryBox a.btnEntry:hover {
        display: block;
        background: url(../img/common/arrow_white_right.png) no-repeat #ea6069 4vw 20px;
        background-size: 12px;
        padding: 19px 0 0 10px;
        color: #fff;
        box-shadow: 0 4px 0 #cb404a;
        border-radius: 3px;
        line-height: 1;
        text-align: center;
        font-size: 12px;
        width: 60%;
    }
    .resultsArea .resultsBox {
        padding: 0 0 3%;
        margin: 0 0 10%;
        border-top: 4px solid #ff9400;
    }
    .telInfoBox {
        display: block;
    }
    .telInfoImg {
        display: block;
        position: fixed;
        bottom: 0;
        line-height: 0;
        z-index: 100;
        width: 100%;
    }
    /*.resultsArea .resultsBox+.controlArea {
        margin: 0;
        padding: 0;
    }*/
    /*---------------------------------------------
    [slider]
    ---------------------------------------------*/
    /*.jpbPhoto .moneyGift {
        width: 100px;
        height: 104px;
        background: url(../img/common/bg_money_gift.png) no-repeat;
        right: 3%;
        bottom: 0;
        background-size: 100px;
    }
    .jpbPhoto .moneyGift span {
        top: 41px;
        left: 31px;
        font-size: 32px;
    }*/
    .jpbPhoto .moneyGift {
        width: 120px;
        height: 124px;
        right: 3%;
        bottom: 0;
        background-size: 120px;
    }
    .jpbPhoto .moneyGift span {
        top: 50px;
        left: 38px;
        font-size: 36px;
    }
    .jpbPhoto .money100 span {
        top: 50px;
        left: 33px;
        font-size: 36px;
    }
    .jpbPhoto .bx-wrapper {
        padding: 0;
        border: none;
    }
    .jpbPhoto .bx-wrapper img {
        max-height: 500px;
    }
    .jpbPhoto .bx-viewport {
        height: 65vw !important;
    }

    .jpbPhoto .bx-wrapper img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

    .jpbPhoto {
        position: relative;
        z-index: 1;
    }
    .jpbPhoto .headlineTitle {
        width: 100%;
    }
    .jpbPhoto img {
        width: 100%;
    }
    .bx-wrapper {
        max-width: 100% !important;
    }
    .bx-wrapper li {
        width: 100% !important;
        height: 65vw;
    }
    .jpbPhoto .bx-controls {
        display: block;
    }
    .bx-prev,
    .bx-next {
        display: block;
        width: 28px;
        height: 28px;
        background: #000;
        position: absolute;
        top: 50%;
        z-index: 100;
        margin: -14px 0 0;
    }
    .bx-prev {
        left: 5px;
        background: url(../img/common/arrow_prev.png) no-repeat;
        background-size: 28px;
    }
    .bx-next {
        right: 5px;
        background: url(../img/common/arrow_next.png) no-repeat;
        background-size: 28px;
    }
    /*.moreBtn {
        display: block;
    }*/
    .resultsArea .moreBtn a {
        display: block;
        width: 94%;
        background: #fff;
        text-align: center;
        padding: 10px 0;
        margin: 0 3% 30px;
        border: 1px solid #ddd;
        color: #222;
    }

    /*---------------------------------------------
    [求人詳細]
    ---------------------------------------------*/
    .jobHeadBox {
        position: relative;
        border-top: 4px solid #ff9400;
    }
    .jobInfo {
        padding: 0 3%;
        margin: 0 0 3%;
    }
    .historyback {
        display: block;
    }
    .historyback a {
        background: #f0b64d;
        color: #fff;
        display: block;
        position: relative;
        padding: 2% 2% 2% 8%;
        font-size: 13px;
    }
    .historyback a::before {
        content: "＜";
        position: absolute;
        top: 50%;
        left: 2%;
        margin: -9px 0 0;
    }
    .txtDate {
        padding: 5px;
    }
    .jobContentsHead {
        padding: 2%;
    }
    .jobContentsHead .tagH1 {
        font-size: 95%;
    }
    .jobHeadBox .storeName {
        font-size: 80%;
    }
    .jobHeadBox .jobNameTtl {
        /*border-top: 6px solid #ff9400;
        padding: 12px 0;
        margin: 0;*/
        position: absolute;
        top: 0;
        z-index: 100;
        width: 100%;
        margin: 0;
        background: none;
        text-align: left;
        padding: 3%;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        line-height: 1.4;
        text-shadow: 1px 1px 1px rgba(0,0,0,1);
    }
    .jobHeadBox .jobName {
        font-size: 14px;
        padding: 0;
        line-height: 1.4;
    }
    .jobHeadBox .jobHead .mark {
        position: absolute;
        right: 10px;
        bottom: 10px;
        margin: 0;
    }
    .jobHeadBox .jobHead .mark p {
        font-size: 70%;
        padding: 5px 10px;
        line-height: 1;
        white-space: nowrap;
    }
    .jobHeadBox .jobNameBox {
        float: none;
        width: 100%;
        padding: 2% 3%;
        text-align: justify;
    }
    .navBox nav {
        border-bottom: #ff9200 2px solid;
        width: 100%;
        display: none;
    }
    .navBox nav ul {
        padding: 0 0 2px;
    }
    .navBox nav li a {
        min-height: 72px;
        font-size: 10px;
        padding: 47px 0 0;
        line-height: 1.25;
    }
    .navBox nav li:nth-child(1) a {
        background: url(../img/common/ico_memo_white.png) no-repeat center 8px;
        background-color: rgba(255, 153, 32, 0.9);
        background-size: 28px;
    }
    .navBox nav li:nth-child(2) a {
        background: url(../img/common/ico_woman_white.png) no-repeat center 7px;
        background-color: rgba(255, 153, 32, 0.9);
        background-size: 23px;
        padding: 42px 0 4px;
    }
    .navBox nav li:nth-child(3) a {
        background: url(../img/common/ico_file_white.png) no-repeat center 8px;
        background-color: rgba(255, 153, 32, 0.9);
        background-size: 24px;
    }
    .navBox nav li:nth-child(4) a {
        background: url(../img/common/ico_note_white.png) no-repeat center 8px;
        background-color: rgba(255, 153, 32, 0.9);
        background-size: 22px;
    }
    body.fixed {
        padding: 0;
    }
    body.fixed .navBox nav {
        position: fixed;
        width: 100%;
        display: block;
        z-index: 10;
    }
    #link1,
    #link2,
    #link3,
    #link4 {
        margin-top: -80px;
        padding-top: 80px;
    }
    body.fixed .jobHeadBox .jobHead {
        display: block;
    }
    .jobHeadBox .jobTxt {
        font-size: 12px;
        line-height: 1.5;
        padding: 3%;
        text-align: justify;
    }
    .jobHeadBox .jobHead ul {
        /*position: absolute;*/
        top: 10px;
        right: 10px;
        display: flex;
        flex-wrap: wrap;
    }
    .jobHeadBox .jobHead .jpbPhoto ul {
        top: 0;
        right: 0;
    }
    .jobHeadBox .jobHead .sliderJobPager {
        display: none;
    }
    .jobContents .txtRead {
        padding: 0 0 3%;
        font-size: 100%;
    }
    .jobContents .icoBox,
    .resultsArea .icoBox {
        display: table;
    }
    .jobContents .icoBox ul,
    .resultsArea .icoBox ul {
        display: block;
        padding: 0;
        width: auto;
        margin: 0;
        text-align: left;
    }
    .jobContents .icoBox li,
    .resultsArea .icoBox li {
        font-size: 74%;
        margin: 0 0 3px;
        padding: 5px;
    }
    .jobHeadBox .cipMoner {
        display:none;
    }
    .opening {
        margin: 0 3% 6%;
        width: 94%;
        height: auto;
        padding: 6%;
    }
    .opening .ttl01 {
        font-size: 18px;
    }
    /*固定メニュー*/
    .floatMenu01 {
        display: block;
        margin: 0 0 1px;
    }
    .floatMenu01.fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
    }
    .floatMenu01 ul {
        display: table;
        width: 100%;
        box-shadow: 0 3px 3px rgba(0,0,0,0.1);
    }
    .floatMenu01 li {
        display: table-cell;
        vertical-align: middle;
        width: 25%;
    }
    .floatMenu01 a {
        display: block;
        padding: 12px 0 18px;
        text-align: center;
        background: url(/img/common/arrow_white_bottom.png) no-repeat #ff9400 center bottom 8px;
        background-size: 9px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        border : solid 1px #ff9400;
        border-right: #fff 1px solid;
    }
    .floatMenu01 .keep a {
        background: url(/img/common/ico_heart_pink.png) no-repeat #fff center left 10px;
        background-size: 9px;
        color: #EE8A8A;
        padding: 15px 0 15px 20px;
        border : solid 1px #EE8A8A;
    }
    .floatMenu01 .keepActive a {
        background: url(/img/common/ico_heart_white.png) no-repeat #EE8A8A center left 10px;
        background-size: 9px;
        color :#fff;
        padding: 15px 0 15px 20px;
        border : solid 1px #EE8A8A;
    }

    #link01,
    #link02,
    #link03 {
        padding: 48px 0 0;
        margin: -48px 0 0;
    }
    /*同期*/
    .jobTable.ico th {
        width: auto;
        font-size: 70%;
        padding: 2%;
        white-space: nowrap;
    }
    .jobTable td {
        padding: 3%;
        font-size: 12px;
    }
    .jobTable td .station {
        margin: 3% 0 0;
        padding: 3%;
        border: 1px solid #ddd;
        padding: 3%;
    }
    .jobTable td .station span{
        display:inline-block;
        padding:0 0 10px;
    }

    .jobTable .fRed {
        font-size: 150%;
    }
    .jobTable.list td,
    .entryTable.list td {
        padding: 3%;
    }
    .jobTable .togglemap {
        margin: 10px 0 0;
    }
    /*同期*/
    .box {
        padding: 0;
        font-size: 12px;
        line-height: 1.5;
    }
    .jobContents .box .floatImg,
    .jobContents .box:nth-child(even) .floatImg {
        float: none;
        margin: 0;
        width:100%;
    }
    .jobContents p {
        font-size: 12px;
    }
    .box .inTitle {
        padding: 3%;
        font-size: 14px;
        line-height: 1.5;
    }
    .box p {
        width: 94%;
        margin: 3%;
        text-align: justify;
    }
    .box .col2 {
        padding: 0 3%;
    }
    .box .spPhotoBox {
        display: inline-block;
        width: 100%;
        height: auto;
        text-align: center;
        margin: 0 auto;
        background:#f5f5f5;
        padding: 0;
        line-height:1;
    }
    .box .spPhotoBox img {
        width:auto;
        height:auto;
        max-width:100%;
        max-height:450px;
        -o-object-fit: contain;
           object-fit: contain;
    }
    .box.voice img {
        max-width: none;
    }
    .box:last-child {
        padding: 0;
    }
    .box .left {
        margin: 0;
    }
    .box img.right,
    .box img.left {
        margin: 3% -3% 0;
        width: 106%;
    }
    .box.voice img.right,
    .box.voice img.left {
        margin: 0 -3%;
        width: 106%;
    }
    .sliderBox {
        padding: 0 0 3%;
    }
    .box.voice .blurbtn {
        margin: -80px 0 0;
        position: relative;
        top: auto;
        left: auto;
    }
    .box.voice .blurbtn a {
        display: block;
        width: 85%;
        margin: auto;
        padding: 10px 50px;
    }
    .box.voice .cf: {
        margin: 0;
    }
    .womanBtn a {
        background: url(../img/common/ico_woman_white.png) no-repeat center left 20px, url(../img/common/arrow_white_right.png) no-repeat center right 20px, #FF9400;
        background-size: 20px, 16px;
        padding: 3%;
        box-shadow: 0 4px 0 #d67c00;
        color: #fff;
    }
    .entryBox {
        padding: 3% 3% 4%;
        margin: 6% 0 9%;
    }
    .entryBox a{
        line-height:1;
        text-align:center;
        display:block;
        width:100%;
    }
    .entryBox .telBox {
        background: none;
        padding: 0;
        font-weight: bold;
    }
    /*.jobContents .entryBox .telBox {
        float: none;
        margin: 0;
    }*/
    .jobContents .entryBox .calBtn,
    .jobContents .entryBox .orderBtn,
    .jobContents .entryBox .meetingBtn {
        display: inline-block;
        width: 49%;
        margin: 0;
    }
    .jobContents .entryBox .calBtn,
    .jobContents .entryBox .orderBtn,
    .jobContents .entryBox .meetingBtn {
        display: inline-block;
        width: auto;
        margin: 0 2.5% 0 0;
    }
    .entryBox .telBox a,
    .entryBox .telBox a:hover,
    .entryBox .arrowBtn a,
    .entryBox .arrowBtn a:hover,
    .entryBox .calBtn a,
    .entryBox .calBtn a:hover,
    .entryBox .orderBtn a,
    .entryBox .orderBtn a:hover,
    .entryBox .meetingBtn a,
    .entryBox .meetingBtn a:hover,
    .entryBox .heartBtn a,
    .entryBox .heartBtn a:hover,
    .telBoxFixed .telBtn a,
    .telBoxFixed .arrowBtn a {
        padding-top: 18px;
        padding-bottom: 18px;
        line-height: 1;
        font-size: 14px;
        border-radius: 6px;
        text-decoration: none;
        color: #fff;
        border: none;
    }
    .entryBox .arrowBtn a,
    .entryBox .arrowBtn a:hover,
    .entryBox .calBtn a,
    .entryBox .calBtn a:hover,
    .entryBox .orderBtn a,
    .entryBox .orderBtn a:hover,
    .entryBox .meetingBtn a,
    .entryBox .meetingBtn a:hover {
    }
    .jobContents .entryBox .telBox {
        margin: 0 1% 2% 0;
        float: left;
        width: 49%;
    }
    .jobContents .entryBox .arrowBtn {
        margin: 0 0 2% 1%;
        float: right;
        width: 49%;
    }
    .jobContents .entryBox .calBtn {
        width: 25%;
    }
    .jobContents .entryBox .orderBtn {
        width: 42%;
    }
    .jobContents .entryBox .meetingBtn {
        width: 28%;
        margin: 0;
    }
    .telBoxFixed {
        position: fixed;
        bottom: -80px;
        background: rgba(0,0,0,.7);
        width: 100%;
        display: table;
        padding: 2% 1%;
        transition: all .2s;
        z-index: 1;
    }
    .keepBoxFixed {
        position: fixed;
        right: 10px;
        bottom: 10px;
        transition: all .2s;
        z-index: 1;
    }
    .telBoxFixed.fixed {
        bottom: 0;
        transition: all .2s;
    }
    .keepBoxFixed.fixed {
        bottom: -70px;
        transition: all .2s;
    }
    .telBoxFixed .telBtn,
    .telBoxFixed .arrowBtn {
        display: table-cell;
        padding: 0 1%;
    }
    .telBoxFixed .telBtn a,
    .telBoxFixed .arrowBtn a {
        display: block;
        width: 100%;
    }
    .entryBox .telBox a,
    .entryBox .telBox a:hover,
    .telBoxFixed .telBtn a {
        width: 100%;
        background: url(../img/common/ico_tel_white.png) no-repeat #1abc9c center left 20px;
        background-size: 18px;
        padding-left: 20px;
        padding-right: 0;
        box-shadow: 0 3px 0 #0e977c;
    }
    .telBoxFixed .telBtn a {
        text-align: center;
        padding: 13px 10px 13px 40px;
        border: #1abc9c 2px solid;
    }
    .entryBox .arrowBtn a,
    .entryBox .arrowBtn a:hover,
    .telBoxFixed .arrowBtn a {
        background: url(../img/common/ico_sp.png) no-repeat #ea6069 center left 20px;
        background-size: 14px;
        padding-left: 30px;
        padding-right: 10px;
        box-shadow: 0 3px 0 #c9424d;
    }
    .telBoxFixed .arrowBtn a {
        text-align: center;
        padding: 13px 20px 13px 50px;
        border: #ea6069 2px solid;
    }
    .keepBoxFixed .heartBtn a {
        background: url(../img/common/ico_heart.png) no-repeat #fff center left 8px;
        background-size: 20px;
        font-size: 13px;
        letter-spacing: 0;
        padding: 15px 10px 15px 35px;
        border: #ff9400 2px solid;
        box-shadow: 0 3px 0 #ff9400;
        color: #ff9400;
        margin: 3px 0 0;
        border-radius: 6px;
        text-decoration: none;
        line-height: 1;
        display: block;
    }
    .entryBox .calBtn a,
    .entryBox .calBtn a:hover {
        background: url(../img/common/ico_home_b.png) no-repeat #fff center 10px;
        background-size: 16px;
    }
    .entryBox .orderBtn a,
    .entryBox .orderBtn a:hover {
        background: url(../img/common/ico_pan_b.png) no-repeat #fff center 10px;
        background-size: 16px;
    }
    .entryBox .meetingBtn a,
    .entryBox .meetingBtn a:hover {
        background: url(../img/common/ico_woman_b.png) no-repeat #fff center 4px;
        background-size: 16px;
    }
    .entryBox .calBtn a,
    .entryBox .calBtn a:hover,
    .entryBox .orderBtn a,
    .entryBox .orderBtn a:hover,
    .entryBox .meetingBtn a,
    .entryBox .meetingBtn a:hover {
        /*background: #fff;*/
        font-size: 13px;
        letter-spacing: 0;
        padding: 32px 0 8px;
        border: #ff9400 2px solid;
        box-shadow: 0 3px 0 #ff9400;
        color: #ff9400;
        margin: 3px 0 0;
    }


/*
    .entryBox .heartBtn a,
    .entryBox .heartBtn a:hover,
    .telBoxFixed .heartBtn a {
        background: url(../img/common/ico_heart.png) no-repeat #fff center left 10px;
        background-size: 16px;
        padding-left: 30px;
        padding-right: 10px;
        border: #ff9400 2px solid;
        box-shadow: 0 3px 0 #ff9400;
        color: #ff9400;
        width : 37%;
    }
*/
      .entryBox .flex .heartBtn{
        width:37%;
      }
    .entryBox .flex .heartBtn a {
        background: url(../img/common/ico_heart.png) no-repeat #fff center left 10px;
        background-size: 16px;
        color: #ff9400;
        border: #ff9400 1px solid;
        width : 100%;
        height : 50px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
    }

    .entryBox .flex .keepActive a {
        background: url(../img/common/ico_heart_pink.png) no-repeat #f29c9f center left 10px;
        background-size: 16px;
        color: #fff;
        border: #f29c9f 1px solid;
        width : 100%;
    }

/*    .telBoxFixed .heartBtn a {
        width: 100%;
        text-align: center;
        padding: 15px 10px 15px 20px;
    }
*/



    /*今すぐ検索*/
    .lowSearchArea {
        margin: 3% 3% 6%;
    }
    .lowSearchArea .searchAreaEasy.inner {
        padding: 3%;
        margin: 3% 0 0;
        border: rgba(255,148,0,.75) 2px solid;
        width: 100%;
    }
    .jobTitle.icoInfo {
        padding: 3% 0 3% 50px;
        background: url(../img/common/ico_info.png) no-repeat left 20px center #f0b64d;
        background-size: 20px;
        color: #fff;
        font-size: 14px;
        border: none;
    }
    .inTitle {
        padding: 3%;
        font-size: 14px;

    }
    .jobTitle.icoCheck {
        background-image: none;
        background-color: #ecab28;
        padding: 20px 3%;
        color: #fff;
        text-align:center;
        font-size: 16px;
        font-weight:normal;
        margin: 9% 0 0;
    }
    .jobTitle.icoCheck span {
        display:block;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
        font-size: 24px;
        border-bottom: #e5e5e5 1px solid;
    }
    .jobArea .jobBox {
        border: none;
        /* sborder-bottom: #e5e5e5 1px solid; */
    }
    .jobArea .photoBox {
        /* display: flex; */
        /* display: table; */
        width: 50%;
        height: auto;
        display: table-cell;
        /* margin: 0; */
        /* background: #fff; */
        /* border-bottom: #e5e5e5 1px solid; */
    }
    .jobArea .photoBox img {
        /*width: 120px;
        height: 120px;*/
        width: 100%;
        height: auto;
        min-height: 120px;
        max-height: 200px;
        padding: 0 7% 0 0;
    }
    .jobArea .jobTitle {
        font-size: 14px;
        /* padding: 20px; */
        line-height: 1.38;
        display: table-cell;
        vertical-align: top;
        padding: 0;
    }
    .jobArea .photoBox .jobTitle {
        /*position:relative;
        font-size: 12px;
        width: 100%;
        background: none;
        color:#474747;
        font-weight: normal;
        display: table-cell;
        vertical-align: top;
        padding: 0 0 0 3%;
        text-align: justify;*/
    }
    .jobArea .jobBox a {
        display: block;
        /*padding: 15px 0 15px 50px;
        background: url(../img/common/ico_info.png) no-repeat left 20px center #f0b64d;
        background-size: 20px;
        color: #fff;
        font-size: 16px;*/
    }
    .jobArea .storeNameBox ul {
        display: flex;
        margin: 0;
        right: 0;
        width: 56px;
    }
    .jobTable.list tr:last-child th,
    .jobTable.list tr:last-child td {
        border-bottom: #ededed 1px solid;
    }
    .jobArea .storeNameBox {
        display:none;
    }
    .jobArea ul {
        display: block;
    }
    .jobArea ul li:nth-child(3n+1),
    .jobArea ul li:nth-child(3n) {
        padding: 0;
    }
    .jobArea ul li {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .jobArea .entryBtn {
        background: none;
        box-shadow: none;
        color: #222;
        width: 100%;
        text-decoration: underline;
        font-size: 100%;
        padding: 0;
    }
    .tableLayout {
        /*margin: 0 0 20px;*/
        margin: 0;
    }
    .tableLayout dl {
        display: block;
        border: none;
    }
    .tableLayout dt {
        width: 100%;
        padding: 3%;
        font-size: 14px;
    }
    .tableLayout dt img {
        position: static;
        transform: none;
        width: auto;
        height: 15px;
        margin: 0 10px -1px 0;
    }
    .tableLayout dt span {
        position: static;
    }
    .tableLayout dd {
        padding: 3%;
        line-height: 1.5;
        font-size: 12px;
    }
    .tableLayout dd span {
        font-size: 22px;
    }
    .bnrApp a{
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 5;
        width: 100%;
    }
    .bnrApp img {
        width: 100%;
        vertical-align: bottom;
    }
    /* 続きを読む */
    .moretxtWrap,
    .moretxtWrap2 {
        position: relative;
        /*margin-bottom: 20px;*/
    }
    .moretxtWrap .moretxtBtn,
    .moretxtWrap2 .moretxtBtn {
        position: absolute;
        top: 50px;
        z-index: 1;
        left: 0;
        width: 94%;
        background: #fff;
        text-align: center;
        padding: 10px 0;
        margin: 0 3% 0;
        border: 1px solid #ddd;
    }
    .moretxtWrap .moretxtItem,
    .moretxtWrap2 .moretxtItem {
        position: relative;
        /*overflow: hidden;
        height: 80px;*/ /*隠した状態の高さ*/
    }
    /*.moretxtWrap .moretxtItem::before,
    .moretxtWrap2 .moretxtItem::before {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 70px;
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
        background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
        content: "";
    }*/
    .moretxtWrap .moretxtTrigger,
    .moretxtWrap2 .moretxtTrigger {
        display: none; /*チェックボックスは常に非表示*/
    }
    .moretxtWrap .moretxtTrigger:checked + .moretxtBtn,
    .moretxtWrap2 .moretxtTrigger:checked + .moretxtBtn {
        display: none; /*チェックされていたら、btnを非表示にする*/
    }
    .moretxtWrap .moretxtTrigger:checked ~ .moretxtItem,
    .moretxtWrap2 .moretxtTrigger:checked ~ .moretxtItem {
        height: auto; /*チェックされていたら、高さを戻す*/
    }
    .moretxtWrap .moretxtTrigger:checked ~ .moretxtItem::before,
    .moretxtWrap2 .moretxtTrigger:checked ~ .moretxtItem::before {
        display: none; /*チェックされていたら、itemのbeforeを非表示にする*/
    }

    .moretxtWrap2 .moretxtBtn {
        top: 70px;
    }


    /*---------------------------------------------
    [求人応募確認画面]
    ---------------------------------------------*/
    .formTitleArea .currentArrow {
        display: inline-block;
        width: 100%;
        text-align: left;
        text-indent: 0;
        float: left;
    }
    .formTitleArea .currentArrow li {
        font-size: 1.1rem;
        margin: 0 5% 0 0;
        float: left;
    }
    .formTitleArea .currentArrow .pastLong,
    .formTitleArea .currentArrow .pastShort,
    .formTitleArea .currentArrow .currentLong,
    .formTitleArea .currentArrow .currentShort {
        width: auto;
        height: auto;
        position: relative;
        display: inline-block;
        padding: 4px 2%;
        margin-bottom: 4px;
        background: #f5f5f5;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        font-size: 0.8rem;
        color: #474747;
        line-height: 28px;
    }
    .formTitleArea .currentArrow .currentLong,
    .formTitleArea .currentArrow .currentShort {
        background: #ea6069;
        color: #fff;
    }
    .formTitleArea .currentArrow .pastLong::after,
    .formTitleArea .currentArrow .pastShort::after,
    .formTitleArea .currentArrow .currentLong::after,
    .formTitleArea .currentArrow .currentShort::after {
        content: "";
        position: absolute;
        top: 0;
        right: -9px;
        border-left: 14px solid #f5f5f5;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        transform-origin: right top;
        transform: scaleX(.7);
    }
    .formTitleArea .currentArrow .currentLong::after,
    .formTitleArea .currentArrow .currentShort::after {
        border-left: 14px solid #ea6069;
    }
    .subjectArea img {
        width: 100%;
        height: auto;
    }
    .subjectArea .subjectBox {
        padding: 3%;
        margin-top: 10px;
    }
    .subjectArea .subjectBox img {
        width: 30%;
        height: auto;
        float: left;
    }
    .subjectArea .subjectBox p {
        width: 65%;
        margin: 0;
        line-height: 1.25;
        float: right;
        font-size: 14px;
    }
    .subjectArea .subjectBox span {
        padding: 5px 0;
        font-size: 12px;
    }
    .message.confirm {
        padding: 6%;
        line-height: 1.3;
    }
    .entryBtnBox {
        width: 90%;
        margin: 2% auto 12%;
    }
    .entryBtnBox .backBtn,
    .entryBtnBox .sendBtn {
        margin: 0 0 6% 0;
        display: block;
        width: 100%;
        float: none;
    }
    .entryBtnBox .backBtn {
        background-position: 10% center;
    }
    .entryBtnBox .sendBtn {
        background-position: 90% center;
    }
    .memberArea {
        padding: 0 3%;
        margin: 0;
    }
    .memberLoginArea .loginTable th {
        padding: 20px 0 3px;
    }
    .loginTable .forgetPw {
        padding: 0;
    }
    .memberLoginBtn a {
        margin: 0 auto;
        width: 100%;
    }
    .memberLoginBtn {
        padding: 3% 0;
    }
    .memberLoginBtn .btn{
        margin-top: 20px;
    }
    .memberLoginBtn .checkbox {
        display: initial;
    }
    .NewMemberEntryBtn a {
        width: 100%;
        margin: 3% 0 0;
    }
    .NewMemberEntryBox aside {
        width: 100%;
        margin: 0;
    }
    .loginTable .forgetPw a,
    .NewMemberEntryBox aside a {
        padding: 3% 0 6%;
        display: inline-block;
    }
    .loginTable .forgetPw a:after,
    .NewMemberEntryBox aside a:after {
        content:" \0bb";
    }
    .NewMemberEntryBox .addInfo p {
        margin: 5px 0 0;
    }
    /*エラー*/
    .message {
        margin: 6% 3%;
        padding: 6%;
    }
    /*table*/
    .entryTable .require {
        margin: -5px 0 0 0;
    }
    .entryTable .w20 {
        width: 100%;
    }
    .entryTable .w30,
    .entryTable .w40,
    .entryTable .w50,
    .entryTable .w75 {
        width: 100%;
    }
    .entryTable .w20 {
        margin: 0 0 10px;
    }
    .entryTable .zip+span {
        display: block;
        height: 0;
    }
    .entryTable .radio,
    .entryTable .checkbox {
        display: block;
    }
    .formConfirmBox {
        margin: 0 0 6%;
    }
    .formConfirmBox a {
        display: inline-block;
        padding: 3% 0;
        vertical-align: initial;
    }
    .formConfirmBox span {
        padding: 0 0 3%;
    }
    .formConfirmBox input {
        width: 100%;
        padding: 6%;
    }
    .registerBnr {
        padding: 3%;
        margin: 0;
    }
    .txtBox {
        margin: 0;
        padding: 0 3%;
    }
    .entryFormArea {
        margin: 0;
    }
    /*最寄り駅*/
    .entryTable .stationsWrap .selectStation select {
        width: 100%;
        margin: 5px 0 10px;
    }
    .btn {
        width: 100%;
        text-align: center;
    }
    .btn.removeStation {
        position: initial;
        font-size: 12px;
    }
    .btn.addStation.ml {
        margin: 10px 0 0;
    }
    .registerBnr img {
        width: 100%;
        height: auto;
        margin: 0 0 3%;
    }
    .accordionArea {
        margin: 6% 0;
    }
    .accordionBox {
        padding: 20px 20px 70px;
    }
    .accordionBox dt {
        font-size: 16px;
    }
    .accordionBox::after {
        left: 50%;
        margin: 0 0 0 -23px;
    }
    .jobWrap select {
        margin: 10px 0 10px 20px;
    }
    .jobWrap .cf {
        display: block;
        margin: -10px 0 10px;
    }
    .jobWrap .cf span {
        float: left;
        display: inline-block;
        padding: 20px 0 0;
    }
    .jobWrap .cf select {
        float: right;
        width: 77%;
    }
    .entryTable input.shikaku {
        margin: 0 0 10px;
    }
    .entryTable input.hasDatepicker,
    .entryTable input.ui-timepicker-input{
        margin:0 2%;
        width:45%;
    }
    .entryTable textarea {
        width: 100%;
    }
    #pay-type-money-min, #pay-type-money-max{
        width: 40%;
    }
    .entryTable ul.col3 li,
    .entryTable ul.col4 li,
    .entryTable ul.col5 li {
        width: 100%;
    }
    .entryTable select {
        margin: 5px 5px 5px 0;
    }
    .entryTable ul.candidate span {
        display: block;
        margin: 10px 0 5px;
    }
    .entryTable ul.candidate select {
        margin: 0 10px 0 0;
    }
    .entryTable .zip {
        margin: 0 0 3%;
    }
    .completeBtnBox {
        margin: 10% auto 0;
        width: 90%;
    }
    .completeBtnBox a {
        margin: 0 0 3%;
    }
    .completeArea .completeBox.member {
        padding: 3% 3% 6%;
        background: none;
    }
    .completeBtnBox .btn.white,
    .completeBtnBox .btn.pink {
        padding: 20px;
    }
    /*---------------------------------------------
    [求人応募完了画面]
    ---------------------------------------------*/
    .completeArea {
        padding: 0;
    }
    .completeArea .completeBox {
        background: none;
        background-size: 30%;
        padding: 3% 3% 6%;
    }
    .completeArea .mainTxt, #entry .completeArea .mainTxt {
        background: rgba(255, 255, 255, 0.8);
        font-size: 1.4rem;
        line-height: 1.25;
        text-align: left;
        text-shadow: 1px 1px 2px #fff;
        letter-spacing: -0.01em;
    }
    .completeArea .mainTxt.txtCenter {
        text-align: center;
        margin: 3% 0 6%;
    }
    .completeArea span {
        font-size: 1rem;
        display: block;
        margin: 2% 0 0;
    }
    .completeArea .subTxt {
        text-align: left;
        padding: 3% 0 0 0;
        line-height: 1.4;
        text-shadow: 1px 1px 2px #fff;
    }
    .telGuid {
        padding: 0 3%;
    }
    .telGuid .telGuidBox p {
        font-size: 0.9rem;
        font-weight: normal;
        line-height: 1.5;
        padding: 0 0 2% 0;
    }
    .telGuid .telNumber {
        padding: 5%;
        width: 100%;
    }
    .telGuid .telNumber .telBox{
        font-size: 30px;
        padding-left: 40px;
        background-size:contain;
    }
    .telGuid .telNumber img {
        width: 100%;
        padding-left:
    }
    .telGuid .telNumber p {
        width: 100%;
        padding: 0;
        font-size: 0.9rem;
        text-align: center;
    }
    .telGuid>p {
        padding: 2%;
        line-height: 1.6;
    }
    .flowArea {
        margin: 5% 0 0 0;
    }
    .flowArea .flowTitle {
        font-size: 1.5rem;
        margin: 0 0 3%;
    }
    .flowArea .completeBox {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        margin-top: 30px;
    }
    .flowArea dl {
        width: 94%;
        margin: 3% auto!important;
        padding: 6% 3%;
    }
    .flowArea dl:nth-child(1)::after,
    .flowArea dl:nth-child(2)::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 50px 0 50px;
        border-color: #f0b74d transparent transparent transparent;
        top: 100%;
        left: 35%;
        z-index: 1;
        margin: 0;
    }
    .flowArea .completeBox img {
        width: 100%;
    }
    .flowArea dt {
        font-size: 1.2rem;
        margin: 0 0 3%;
    }
    .flowArea dd p {
        margin: 0;
        padding: 2% 0 0 0;
        font-size: 0.9rem;
    }
    .topBackBtn a {
        margin: 10% auto;
        width: 80%;
    }
    /*---------------------------------------------
    [entry.php]
    ---------------------------------------------*/
    .entryTable {
        margin: 0 0 6%;
    }
    .entryTable th,
    .entryTable td,
    .infoLawArea th,
    .infoLawArea td {
        display: block;
        width: 100%;
        border-bottom: none;
        padding: 3%;
    }
    .entryTable td {
        padding: 3% 1% 6%;
    }
    .memberBox {
        padding: 3%;
        border: solid 1px #bdc3c7;
        border-top: none;
        display: none;
    }
    .memberLoginArea {
        margin: 0 0 3%;
    }
    #entry .memberArea h2,
    #entry .NewMemberEntryBox h2 {
        color: #fff;
        margin: 0;
        padding: 5% 10% 5% 5%;
        font-size: 18px;
        font-weight: normal;
        border-radius: 3px;
        position: relative;
    }
    #entry .memberArea h2 {
        background: #ea6069;
    }
    #entry .NewMemberEntryBox h2 {
        background: #1abc9c;
    }
    #entry .memberArea h2::after,
    #entry .NewMemberEntryBox h2::after {
        content: "＋";
        position: absolute;
        top: 50%;
        right: 3%;
        margin: -9px 0 0;
    }
    #entry .memberArea h2.active::after,
    #entry .NewMemberEntryBox h2.active::after {
        content: "－";
    }
    #entry .memberArea h2.active,
    #entry .NewMemberEntryBox h2.active {
        border-radius: 3px 3px 0 0;
    }
    .completeArea .completeBox.entry {
        padding: 3%;
        background: none;
    }
    .completeArea .entryBtn {
        margin: 0;
    }
    .btn.green {
        padding: 6% 0;
        margin: 6% 0 0;
        width: 100%;
        background: #1abc9c;
    }
    /*---------------------------------------------
    [footer]
    ---------------------------------------------*/
    footer .logoSearchBox {
        display: none;
    }
    footer .sitemapArea {
        padding: 0;
    }
    .pageTop {
        display: block;
    }
    .pageTop a {
        display: block;
        color: #fff;
        text-align: center;
        padding: 10px 0;
        border-bottom: #f2ac65 1px solid;
    }
    footer .listBox {
        display: block;
        text-align: center;
    }
    footer dl {
        width: 100%;
        border-right: none;
        padding: 0;
    }
    footer dt {
        font-size: 13px;
        padding: 15px;
    }
    footer dd li {
        background: #ffeacc;
    }
    footer .footerMenu ul {
        display: block;
    }
    footer .footerMenu .toggle {
        display: block;
        font-size: 13px;
        padding: 15px;
        color: #fff;
        text-align: center;
    }
    footer dd li,
    footer .footerMenu li {
        background: #ffeacc;
        border-bottom: #fff 1px solid;
        position: relative;
        padding: 0;
    }
    footer dd li::after,
    footer .footerMenu li::after {
        content: "＞";
        position: absolute;
        top: 50%;
        right: 10px;
        color: #ef973f;
        margin: -10px 0 0;
    }
    footer dd li a,
    footer .footerMenu li a {
        color: #222;
        font-size: 13px;
        padding: 15px;
        display: block;
    }
    footer .toggle {
        position: relative;
        border-bottom: #f2ac65 1px solid;
    }
    footer .toggle::after {
        position: absolute;
        content: "＋";
        top: 50%;
        right: 10px;
        display: block;
        width: 20px;
        margin: -10px 0 0;
        border: #fff 1px solid;
    }
    footer .toggle.active::after {
        content: "－";
    }
    footer .listBox dd,
    footer .footerMenu ul {
        display: none;
    }
    footer .footerMenu {
        background: none;
    }
    small {
        padding: 3%;
        font-size: 10px;
    }
    /*---------------------------------------------
    [search_form]
    ---------------------------------------------*/
    .formTitleArea {
        border: none;
        margin: 0 0 3%;
    }
    .jobTable.search {
        margin: 0 2% 3%;
        width: 96%;
    }
    .jobTable.search th {
        padding: 3% 4%;
        font-size: 14px;
        font-weight: bold;
        position: relative;
        margin: 0;
    }
    .jobTable.search .tbbleTh,
    .jobTable.search.accordion .orange,
    .jobTable.search.accordion .green {
        background: url(../img/common/arrow_glay_bottom.png) no-repeat right 14px center #f5f5f5;
        background-size: 12px;
        border-bottom: #e5e5e5 1px solid;
        color: #474747;
        font-size: 14px;
    }
    .jobTable.search .tbbleTh.active,
    .jobTable.search.accordion .orange.active,
    .jobTable.search.accordion .green.active {
        background: url(../img/common/arrow_glay_top.png) no-repeat right 14px center #f5f5f5;
        background-size: 12px;
    }
    .jobTable.search th,
    .jobTable.search td {
        display: block;
        width: 100%;
        border: none;
    }
    .jobSearchBox .jobTable.search .tbbleTh + td {
        display: none;
    }
    .jobTable.search td {
        padding: 3%;
    }
    .jobTable.search input[type="text"] {
        width: 100%;
        padding: 12px 10px 10px;
        font-size: 16px;
    }
    .jobTable.search select {
        width: 100%;
        margin: 0 5px 5px 0;
    }
    .jobTable.search select#s_area_roman {
        margin: 0 0 3px;
    }
    .jobTable.search input[type="submit"],
    .mapSearchArea input[type="submit"],
    .mapSearchArea a {
        margin: 0 3% 0 0;
        width: 47%;
    }
    .jobTable.search ul li {
        width: 50%;
        margin: 0;
    }
    .jobTable.search ul.selectIco li {
        margin-top: 6px;
        width: auto;
    }
    .radio,
    .checkbox {
        display: block;
        width: 100%;
        padding: 8px 0 8px 28px;
        font-size: 12px;
        line-height: 1.4;
    }
    .radio::before {
        margin: 3px 0 0;
    }
    .jobTable.search select.money {
        width: 35%;
    }
    .formArea .slashTitle {
        font-size: 16px;
        background: url(../img/common/tilte_bg_slash.png) repeat-x bottom;
        background-size: 4px;
        padding: 25px 0 15px;
        margin: 0 0 3%;
    }
    .formArea .slashTitle.icoSearch span,
    .searchArea .slashTitle span {
        padding: 0 0 0 10px;
        font-size: 18px;
    }
    .formArea .slashTitle.icoSearch span::before,
    .jobSearchBox .jobTable.search td.slashTitle.icoSearch span::before,
    .searchArea .slashTitle span::before {
        width: 16px;
        height: 16px;
    }
    /*.jobTable.search.accordion th {
    margin: 1px 0 0;
    padding: 0 5%;
    font-size: 16px;
    line-height:52px;
}*/
    /*.jobTable.search.accordion th .arrow,*/
    .chooseRouteBox .routeTitle .arrow,
    .chooseBox .region .regionTitle .arrow {
        background: url(../img/common/arrow_white_bottom.png) no-repeat #ef973f center;
        background-size: 14px;
        width: 52px;
        height: 52px;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
    }
    .chooseRouteBox .routeTitle .arrow,
    .chooseBox .region .regionTitle .arrow {
        width: 46px;
        height: 46px;
    }

    /*.jobTable.search.accordion th.active,*/
    .chooseRouteBox .routeTitle.active,
    .chooseBox .region .regionTitle.active {
        background: url(../img/search/orangeTrain.png) no-repeat #fcead9;
        background-position: 7px;
        color: #ef973f;
    }
    .jobTable.search.accordion th.active .arrow,
    .chooseRouteBox .routeTitle.active .arrow,
    .chooseBox .region .regionTitle.active .arrow {
        background: url(../img/common/arrow_white_top.png) no-repeat #ef973f center;
        background-size: 14px;
    }
    .jobTable.search.accordion td {
        display: none;
        padding: 3%;
    }
    .jobTable.search.accordion .show td {
        display: block;
        margin: 0;
    }
    /*.jobTable.search.accordion .show th {
    margin: 0 0 3%;
    font-size: 16px;
}*/
    .floatArea .floatBox {
        padding: 10px;
    }
    .floatArea .floatBox .numberBox {
        padding: 5px;
        width: 65%;
        text-align: center;
    }
    .floatArea .floatBox .searchBtn {
        width: 30%;
    }
    .floatArea .floatBox .searchBtn input {
        font-size: 14px;
    }
    .floatArea .numberBox p.number {
        font-size: 16px;
        padding: 8px 8px 5px 10px;
    }
    .floatArea .numberBox p,
    .floatArea .numberBox p.number span {
        margin: 0;
        font-size: 11px;
    }
    .floatArea .numberBox::after {
        border-width: 10px 0 10px 10px;
        right: -10px;
        margin: -10px 0 0;
    }
    .floatArea .searchBtn input {
        margin: 0;
        width: 100%;
        padding: 15px 0;
    }
    .formArea .btnReset {
        display: block;
        text-align: center;
        margin: 6% 0;
    }
    .btnReset input[type="reset"] {
        background: #fff;
        border: #444747 2px solid;
        box-shadow: 0 3px 0 #474747;
        padding: 3%;
    }
    .floatArea .numberBox::after,
    .fixedArea .numberBox::after {
        content: none;
    }
    .floatArea .numberBox,
    .fixedArea .numberBox {
        float: none;
        padding: 0;
    }
    .floatArea .searchBtn,
    .fixedArea .searchBtn {
        float: none;
    }
    .floatArea .floatBox,
    .fixedArea .floatBox {
        padding: 0;
    }
    .floatArea .numberBox p.number,
    .fixedArea .numberBox p.number {
        font-size: 24px;
        padding: 3% 3% 1%;
        width: 50%;
        text-align: right;
        border: none;
    }
    .floatArea .numberBox p.number span,
    .fixedArea .numberBox p.number span {
        font-size: 14px;
    }
    .floatArea .numberBox p,
    .fixedArea .numberBox p {
        margin: 0;
        font-size: 16px;
    }
    .floatArea .searchBtn input,
    .fixedArea .searchBtn input {
        margin: 0;
        width: 100%;
    }
    /*---------------------------------------------
    [map_search.php]
    ---------------------------------------------*/
    .blockTitle {
        border: none;
        background: #f5f5f5;
        font-size: 14px;
        margin: 0;
    }
    .mapSearchArea {
        position: relative;
        margin: 0;
        padding: 0 0 100px;
    }
    .mapSearchArea+.mapSearchArea {
        padding: 0 0 50px;
    }
    .mapSearchArea>p {
        display: none;
    }
    .backBtnBox {
        display: block;
        padding: 3% 3% 6%;
    }
    .backBtn {
        float: left;
    }
    .searchBtn {
        float: right;
    }
    .backBtnBox .backBtn input {
        border: #ea6069 2px solid;
        background: url(../img/common/arrow_pink_left.png) no-repeat #fff top 50% left 10px;
        background-size: 14px;
        color: #ea6069;
        box-shadow: 0 4px 0 #ea6069;
        padding: 8px 20px 8px 40px;
        width: auto;
        font-weight: bold;
    }
    .backBtnBox .searchBtn input {
        background: #ea6069;
        color: #fff;
        width: auto;
        font-size: 14px;
        font-weight: bold;
        padding: 12px 20px;
        box-shadow: 0 5px 0 #cb404a;
    }
    .mapSearchArea .prefBox {
        padding: 3%;
        margin: 0;
        width: 100%;
    }
    .mapSearchArea .prefBox::after {
        content: none;
    }
    .mapSearchArea .prefBox select {
        width: 100%;
        margin: 0 0 3%;
    }
    .mapSearchArea a.green {
        display: inline-block;
        width: 46%;
        box-shadow: 0 4px 0 #119a7f;
        text-align: center;
    }
    .mapSearchArea .areaBox {
        padding: 3%;
        margin: 0;
        width: 100%;
    }
    .mapSearchArea .areaBox input {
        width: 100%;
    }
    .mapSearchArea .areaBox input[type="submit"].orange,
    .mapSearchArea .jobBox input[type="submit"] {
        margin: 0 10%;
        width: 80%;
        background: url(../img/common/arrow_white_right.png) no-repeat #ff9400 top 50% right 10%;
        background-size: 12px;
        font-weight: bold;
        padding: 15px 0;
        box-shadow: 0 5px #d37b01;
    }
    .mapSearchArea .areaBox input[type="submit"].orange {
        position: absolute;
        bottom: 40px;
        left: 0;
    }
    .mapSearchArea .jobBox input[type="submit"] {
        margin: 0 7%;
        width: 86%;
    }
    .mapSearchArea .selectIco {
        padding: 0 3% 3%;
    }
    .mapSearchArea .selectIco li a {
        width: auto;
    }
    .mapSearchArea .jobBox {
        padding: 3%;
    }
    .mapSearchArea .jobBox span {
        display: none;
    }
    .mapSearchArea select {
        width: 100%;
        margin: 0 0 3%;
    }
    #gmapSearch {
        height: 100vw;
        margin: 0 0 6%;
    }
    /*検索結果*/
    .jobContents .found {
        border: none;
        padding: 2%;
        background: #d3d3d3;
        color: #fff;
        margin: 0 -3% 6%;
    }
    .jobContents .found span {
        color: #ff9400;
        font-size: 22px;
        padding: 0 5px;
        color: #fff;
        font-size: 16px;
    }
    .jobArea .jobBox {
        padding: 3%;
    }
    .jobArea ul li .storeNameBox li {
        font-size: 12px;
        padding: 5px;
        margin: 0 0 5px 5px;
    }
    /*---------------------------------------------
    [map_search_refine.php]
    ---------------------------------------------*/
    .refineSearch {
        border: #ccc 10px solid;
        padding: 3%;
        position: relative;
    }
    .blockTitle.green {
        border-left: #1abc9c 3px solid;
        background: none;
        font-size: 14px;
        padding: 8px 10px;
        margin: 0 0 6%;
    }
    .lineTitle {
        font-size: 12px;
        padding: 0;
        margin: 0 0 3%;
    }
    .refineSearch table {
        margin: 0 0 6%;
    }
    .refineSearch table:last-child {
        margin: 0;
    }
    .modalTrigger,
    .modalTriggerLine {
        /*width: 49%;*/
        line-height: 3.5;
        margin: 1% 0 0;
        padding: 2% 3%;
        text-align: center;
    }
    .modal .refineSearch,
    .modalLine .refineSearch {
        padding: 3%;
        position: relative;
    }
    .jobTable.search .modal .refineSearch table li,
    .jobTable.search .modalLine .refineSearch table li {
        padding: 0;
    }
    .refineSearch table ul {
        display: flex;
        flex-wrap: wrap;
    }
    .jobTable.search .refineSearch table li {
        width: 50%;
        padding: 10px 0;
    }
    .refineSearch table li {
        width: 50%
    }
    .refineSearch table li label {
        display: block;
    }
    .refineSearch p {
        top: 10px;
        right: 10px;
        font-size: 20px;
        padding: 5px;
        border: #eee 1px solid;
        text-align: center;
    }
    .refineSearch .searchBtn {
        text-align: center;
    }
    .refineSearch .searchBtn input {
        padding: 22px 0;
    }
    #cities,
    #lines {
        height: calc(100% - 130px);
        overflow: auto;
        margin: 0 0 3%;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }
    .refineSearch .searchBtn {
        width: 100%;
        margin: 0;
    }
    #refine .mapSearchArea {
        padding: 0 0 6%;
    }
    .floatArea .floatBox.backBtnBox .searchBtn {
        width: 60%;
    }
    .floatBox.backBtnBox .backBtn input {
        border-radius: 3px;
    }
    .floatBox.backBtnBox .searchBtn input {
        background: #ff9400;
        padding: 12px 0;
        color: #fff;
        box-shadow: 0 5px 0 #d37b01;
        border-radius: 3px;
        line-height: 1;
        font-size: 14px;
        font-weight: bold;
        width: 100%;
    }
    /*---------------------------------------------
    [railway.php]
    ---------------------------------------------*/
    #entry h2 {
        margin: 0;
    }
    #entry h2.borderTitle {
        font-size: 18px;
        padding-left: 3%;
    }
    .chooseBox p {
        margin: 3%;
        font-size: 14px;
    }
    #entry .chooseRouteBox .routeTitle,
    #entry .chooseBox .region .regionTitle {
        background: #f5f5f5;
        border: none;
        padding: 0 3%;
        color: #474747;
        position: relative;
        line-height: 46px;
        font-size: 16px;
    }

    .chooseBox .region ul {
        margin: 0;
        display: none;
    }
    .chooseBox .region ul li {
        display: block;
        margin: 0;
    }
    .chooseBox .region ul li a span.orangeArrow:before {
        content: none;
    }
    .chooseBox .region ul li a,
    .chooseRouteBox li a {
        background: url(../img/common/arrow_green_min_right.png) no-repeat center right 20px;
        background-size: 12px;
        display: block;
        padding: 4%;
        border: none;
        border-bottom: #d6d6d6 1px solid;
        box-shadow: none;
    }
    .chooseBox .region ul li a:hover,
    .chooseRouteBox li a:hover {
        background: url(../img/common/arrow_green_min_right.png) #f8fdfc no-repeat center right 20px;
        background-size: 12px;
        color: #474747;
        border-bottom: #d6d6d6 1px solid;
        box-shadow: none;
    }
    .chooseBox .region ul li a span.orangeArrow {
        padding-left: 0;
        font-size: 14px;
    }
    .chooseBox .region {
        padding-bottom: 0;
    }
    .chooseBox .region:last-child {
        margin: 0 0 8%;
    }
    /*---------------------------------------------
    [railway_line.php]
    ---------------------------------------------*/
    .chooseRouteBox {
        margin: 0;
    }
    .showRouteBox {
        display: none;
    }
    .chooseRouteBox p {
        padding: 3% 3% 6%;
        margin: 0;
        font-size: 12px;
    }
    .chooseRouteBox ul {
        display: none;
        padding: 0;
    }
    .chooseRouteBox li {
        width: 100%;
        padding: 0;
        position: relative;
    }
    .chooseBox .areaBox{
        border-top: #ff9400 1px solid;
    }
    .chooseRouteBox .routeTitle,
    .chooseBox .region .regionTitle {
        margin: 0 0 1px !important;
        position: relative;
    }
    .chooseRouteBox li .checkbox {
        border: none;
        width: 48px;
        height: 48px;
        position: absolute;
    }
    .chooseRouteBox li .checkbox span {
        display: none;
    }
    .chooseRouteBox li .checkbox::after {
        background: url(../img/common/checkbox_off.png) no-repeat #e8f8f5 center;
        background-size: 20px;
        width: 48px;
        height: 48px;
        margin: -9px 0 0 -1px;
    }
    .radio::before{
        top:6px;
    }
    .checkbox::before{
        top: 9px;
    }
    .chooseRouteBox li .checkbox::before {
        background: url(../img/common/checkbox_on.png) no-repeat #e8f8f5 center;
        background-size: 20px;
        width: 48px;
        height: 48px;
        margin: -9px 0 0 -1px;
    }
    .chooseRouteBox li a {
        padding: 15px 0 15px 60px;
        color: #474747;
    }
    .chooseRouteBox li .checkbox::after {
        background: url(../img/common/checkbox_off.png) no-repeat #e8f8f5 center;
    }
    .chooseRouteBox li .checkbox::before {
        background: url(../img/common/checkbox_on.png) no-repeat #e8f8f5 center;
    }
    .searchBtnBox {
        padding: 5% 0 6%;
        margin: 6% 0 9%;
        background: rgba(255, 231, 119, 0.8);
    }
    .searchBtnBox a {
        box-shadow: 0 3px 0 #d37b01;
        padding: 15px 0;
        font-size: 14px;
    }
    .fixed .searchBtnBox {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 1;
        margin: 0;
    }
    .chooseRouteBox .selectall {
        position: initial;
        background: none;
        margin: 0;
        height: 49px;
        padding: 0;
        border-radius: 0;
        border-bottom: #d6d6d6 1px solid;
        background: #fff7eb;
    }
    .chooseRouteBox .selectall .checkbox {
        width: 100%;
        padding: 15px 0 15px 60px;
    }
    .chooseRouteBox .selectall .checkbox::before {
        background: url(../img/common/checkbox_on.png) no-repeat #fff7eb center;
    }
    .chooseRouteBox .selectall .checkbox::after {
        background: url(../img/common/checkbox_off.png) no-repeat #fff7eb center;
    }
    /*20170829*/
    /*---------------------------------------------
    [consultation.php]
    ---------------------------------------------*/
    .consulBnr {
        margin: 5% 0 7%;
    }
    .consulBnr img.sp {
        width: 100%;
        height: auto;
    }
    .consulList .found,
    .consulList .controlArea {
        float: none;
    }
    .consulList .controlArea .number {
        margin: 0 0 0 0;
    }
    .consulList .headlineBox {
        margin: 0 0 10px;
    }
    .consulList .headlineTitle {
        text-align:left;
    }
    .consulList .headlineTitle span {
        font-size: 14px;
        vertical-align: middle;
    }
    .consulList .jpbPhoto {
        width:100%;
    }
    .consulList .jobInfo {
        width: 94%;
        margin:0 3%;
    }
    .consulList .resultsArea .consulArea {
        font-size: 13px;
        padding: 0;
        margin: 0;
        line-height: 1.5;
    }
    .consulList .consulArea {
        font-size: 18px;
        font-weight: bold;
        margin: 4% 0;
    }
    .consulList .consulTxt {
        margin: 0 0 20px;
    }
    .consulList .entryBox a.btnEntry {
        padding: 19px 0 19px 10px;
        width: 100%;
        font-size: 16px;
    }
    .consulList .entryBox a.btnEntry .pc {
        display: none;
    }
    /*---------------------------------------------
    [consultation_detail.php]
    ---------------------------------------------*/
    .consulDetail {
        margin: 4% 0;
    }
    .consulDetail p {
        float: none;
        position: relative;
        z-index: 1;
    }
    .consulDetail p img {
        width: 100%;
        height: auto;
    }
    .consulDetail .subjectBox {
        width: 100%;
        height: auto;
        float: none;
    }
    .consulDetail .subjectBox .middleTitle {
        font-size: 16px;
        font-weight: bold;
        margin: 4% 0;
    }
    .consulDetail .subjectBox p {
        font-size: 14px;
        line-height: 1.5;
    }
    .consulTable h4 {
        font-size: 13px;
        margin: 5% 0;
    }
    .consulTable iframe {
        width: 100%;
    }
    .consulTable .entryBox > p {
        font-size: 18px;
        line-height:1.5;
    }
    .consulTable .entryBox .telBox {
        margin-right: 0;
    }
    /*---------------------------------------------
    member_login.php
    ---------------------------------------------*/
    .memberArea02 {
        padding: 0 3%;
        margin: 0;
    }
    .memberArea02 .sp {
        display: inline-table;
    }
    .memberArea02 .pc {
        display: none;
    }
    #entry .memberArea02 h2 {
        background: #ea6069;
    }
    #entry .memberArea02 h2,
    #entry .NewMemberEntryBox02 h2 {
        color: #fff;
        margin: 0;
        padding: 5% 10% 5% 5%;
        font-size: 18px;
        font-weight: normal;
        border-radius: 3px 3px 0 0;
        position: relative;
    }
    #entry .NewMemberEntryBox02 h2 {
        background: #1abc9c;
    }
    .memberArea02 .memberBox {
        padding: 3%;
        border: solid 1px #bdc3c7;
        border-top: none;
        display: block;
        margin: 0 0 3%;
    }
    .memberLoginArea .errorMessage{
        margin: 0;
        padding: 3%;
    }
    .memberArea02 .memberLoginArea,
    .memberArea02 .NewMemberEntryBox02 {
        width: 100%;
        float: none;
    }
    .memberArea02 .memberLoginBtn {
        float: none;
    }
    .NewMemberEntryBox02 h2 {
        background: url(../img/common/ico_circle_green.png) no-repeat;
    }
    .NewMemberEntryBox02 .memberBtnBox {
        margin: 0;
    }
    .NewMemberEntryBox02 .memberBtnBox .memberBtnLeft {
        float: none;
        width: 100%;
        line-height: 1.6;
        margin: 0 0 3%;
    }
    .NewMemberEntryBox02 .memberBtnBox .memberBtnRight {
        float: none;
        width: 100%;
    }
    .NewMemberEntryBox02 .NewMemberEntryBtn a {
        width: 100%;
        margin: 3% 0 0;
    }
    .NewMemberEntryBox02 .memberBtnRight aside {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .NewMemberEntryBox02 aside a {
        padding: 3% 0 6%;
        display: inline-block;
    }
    /*---------------------------------------------
    member_repw.php
    -----------------------------------------------*/
    .repwTopTxt {
        margin: 0 0 3%;
    }
    .repwAttTxt {
        margin: 3% 0 5%;
    }
    .repwList dt,
    .repwList dd {
        float: none;
    }
    .repwMail {
        width: 100%;
        margin: 20px 0 3px;
        font-weight: normal;
    }
    .repwInput {
        width: 100%;
        margin: 0 5% 0 0;
    }
    .repwList .memberLoginBtn a.repwBtn {
        margin: 5% 0 0;
    }
    .repwArea .memberBox {
        border-top: solid 1px #bdc3c7;
    }
    /*---------------------------------------------
    repw_mailtop.php
    -----------------------------------------------*/
    .repwMailtopBox .repwList .repwID {
        font-weight: bold;
    }
    .repwMailtopBox .repwList .repwInput {
        width: 100%;
    }
    .repwMailtopBox .repwList .repwComment {
        margin: 1% 0 0;
    }
    .repwMailtopBox .repwBtn {
        padding: 3% 0;
    }
    .repwMailtopBox .repwBtn a {
        margin: 0 auto;
        width: 100%;
    }
    /*---------------------------------------------
    [マイページ共通]
    ---------------------------------------------*/
    .userContents {
        padding: 0;
        margin: 0 0 6%;
    }
    .userContents.blockTitle {
        margin: 0 0 3%;
    }
    .userContents .borderTitle.orange {
        font-size: 16px;
        margin: 3%;
    }
    .userContents .borderTitle {
        padding: 0 3% 2%;
    }
    .subjectTitle {
        padding: 3%;
        font-size: 16px;
    }
    /*---------------------------------------------
    [user_index.php]
    ---------------------------------------------*/
    .mypageMainArea {
        background: url(../img/user/bg_slash.png);
        padding: 6% 6% 3%;
    }
    .mypageMainArea .ribonTitle {
        background: url(../img/user/bg_border.png) repeat-x bottom;
        background-size: contain;
        height: auto;
        font-size: 18px;
        padding: 10px 20px 14px 10px;
        margin: 0 0 0 -7%;
    }
    .mypageMainArea .ribonTitle::after {
        content: "";
        background: url(../img/user/bg_border_end.png) no-repeat bottom;
        background-size: cover;
        position: absolute;
        top: 0;
        right: -20px;
        display: block;
        width: 20px;
        height: 42px;
    }
    .mypageMainArea .txtRead {
        font-size: 14px;
        margin: 3% 0;
    }
    .mypageMainArea .myMenu {
        display: block;
    }
    .mypageMainArea dl {
        width: 94%;
        padding: 3%;
        margin: 0 3% 3%;
    }
    .mypageMainArea dl dd p {
        font-size: 24px;
    }
    .mypageMainArea .profile dt::before {
        content: none;
    }
    .mypageMainArea .profile dt {
        padding: 10px 0;
    }
    .mypageMainArea .profile dd {
        margin: 3% 0 0;
    }
    .newsList {
        padding: 3%;
        margin: 3%;
    }
    .newsList li {
        position: static;
        padding: 6% 0;
    }
    .newsList time {
        position: static;
        display: block;
        font-size: 11px;
        padding: 0 0 5px;
    }
    .userContents.bgOrange {
        background: none;
        padding: 0 3%;
        margin: -6% 0 6%;
    }
    .tab {
        padding: 3%;
        display: flex;
    }
    .tab li {
        background: url(../img/common/arrow_orange_bottom.png) no-repeat #fdf6ef center bottom 10px;
        background-size: 10px;
        padding: 2% 2% 8%;
        float: none;
        margin-right: 1px;
        font-size: 11px;
        width: 33.3%;
        text-align: center;
    }
    .tab li.active {
        background: url(../img/common/arrow_orange_bottom.png) no-repeat #fceee0 center bottom 10px;
        background-size: 10px;
    }
    /*---------------------------------------------
    [user_keep.php]
    ---------------------------------------------*/
    .involvedNumberBox {
        padding: 3% 6%;
        margin: 0 0 3%;
    }
    .involvedNumberBox .involvedNumber {
        padding: 3%;
    }
    .involvedNumberBox dd {
        font-size: 40px;
        padding: 3% 0 0;
    }
    .userContents .resultsArea {
        padding: 0 3% 3%;
    }
    .userContents .controlArea {
        padding: 0 0 3%;
    }
    .userContents .resultsArea .entryBox a.btnDelete {
        margin: 0 10px 0 0;
        box-shadow: 0 4px 0 #777;
        padding: 15px 0;
        width: 30%;
    }
    .userContents .resultsArea .entryBox a.btnKeep {
        background: url(../img/common/ico_heart.png) no-repeat #fff 8px 12px;
        padding: 14px 0 0 24px;
        background-size: 20px;
        width: 30%;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    .userContents .resultsArea .entryBox a.btnDetail {
        background: #fff;
        margin: 0 10px 0 0;
        box-shadow: 0 4px 0 #ea6069;
        padding: 15px 0;
        width: 35%;
    }
    .userContents .resultsArea .entryBox a.btnEntry {
        background: #ea6069;
        box-shadow: 0 4px 0 #cb404a;
        padding: 15px 0;
        width: 35%;
    }
    /*---------------------------------------------
    [user_history.php]
    ---------------------------------------------*/
    .readBox {
        padding: 0 3%;
        margin: 0 0 6%;
    }
    /*---------------------------------------------
    [user_apply.php]
    ---------------------------------------------*/
    .jobListArea {
        margin: 0 0 6%;
    }
    .jobListArea .jobList {
        margin: 0 3%;
        width: 94%;
    }
    .jobListArea .jobList thead {
        display: none;
    }
    .jobListArea .jobList tbody {}
    .jobListArea .jobList th,
    .jobListArea .jobList td {
        display: block;
        border-bottom: none;
    }
    .jobListArea .jobList tr:nth-child(even) {
        background: #fafafa;
    }
    .jobListArea .jobList td:nth-child(1) {
        position: absolute;
        border : none;
    }
    .jobListArea .jobList td:nth-child(2) {
         border-top: #ff9400 3px solid;
    }
    .jobListArea .jobList td:nth-child(3) {
        border-top: #e5e5e5 1px dashed;
    }
    .jobListArea .jobList td {
        padding: 3%;
    }
    .jobListArea .photoBox {
        width: 30%;
        display: block;
        margin-top: 30px;
    }
    .jobListArea .photoBox img {
        width: 100%;
        height: auto;
    }
    .jobListArea .txtBox {
        padding: 0 0 0 3%;
    }
    .jobListArea dt {
        padding: 0 0 5px;
        text-align: right;
    }
    .jobListArea dd {
        font-size: 14px;
        line-height: 1.25;
    }
    .jobListArea .ico {
        display: inline-block;
        margin: 0 0 0 5px;
        vertical-align: middle;
    }
/*
    .jobListArea a {
        display: block;
        width: 70%;
        margin: auto;
        padding: 4% 0;
        font-size: 14px;
        font-weight: bold;
    }
*/
    .jobListArea li {
        display: inline-block;
    }
    .jobListArea li::before {
        content: "/";
        padding: 0 5px;
    }
    .jobListArea li:first-child::before {
        content: none;
    }
    .box .staffMessageBox img.left {
        width: 25%;
        margin: 0;
    }
    .balloonCip {
        float: right;
        width: 70%;
    }
    .balloonCip p {
        padding: 6%;
    }
    /*---------------------------------------------
    [user_apply_detail.php]
    ---------------------------------------------*/
    .userContents .subjectArea {
        margin: 0;
        padding: 0 3% 3% 3%;
    }
    .userContents .jobTable td,
    .userContents .entryTable td {
        padding: 3%;
        font-size: 12px;
    }
    /*---------------------------------------------
    [user_profile.php]
    ---------------------------------------------*/
    .variousBox {
        padding: 0 3% 6%;
        margin: 0 0 4%;
        border: none;
        border-bottom: #eee 1px solid;
    }
    .userContents .variousBox .btn {
        width: 70%;
        margin: auto;
        display: block;
        padding: 6%;
        font-size: 14px;
    }
    .variousBox .entryTable {
        margin: 0 0 3%;
    }
    /*---------------------------------------------
    [user_profile_pro.php]
    ---------------------------------------------*/
    .jobWrap input,
    .academicWrap input {
        margin: 0 10px 0 0;
    }
    .academicWrap input[type="text"] {
        width: 100%;
        margin: 0 0 5px;
    }
    .entryTable .academicWrap .checkbox {
        display: inline-block;
        width: auto;
        margin: 0 0 0 10px;
    }
    .entryTable .academicWrap select {
        margin: 5px 0 10px;
    }
    /*---------------------------------------------
    [user_profile_desire.php]
    ---------------------------------------------*/
    .entryTable ul.col3 li,
    .entryTable ul.col4 li,
    .entryTable ul.col5 li {
        width: 50%;
    }
    .userContents .jobTable.search th {
        width: 100%;
        padding: 3%;
        border-top: #fff 3px solid;
    }
    .navBox.user nav li:nth-child(2) a {
        padding: 47px 0 0;
    }
    /*---------------------------------------------
    [user_profile_basicinfo.php]
    ---------------------------------------------*/
    .userContents .entryTable p {
        margin: 5px 0 0;
        font-size: 12px;
    }
    .userContents .entryTable .passBox span {
        margin: 3% 0;
        display: block;
    }
    .passInputBox {
        margin: 4% 0 0;
        padding: 3% 0 0;
    }
    .passBox .btnGreen {
        margin: 0;
        width: 100%;
        text-align: center;
    }
    .entryTable .passInputBox input {
        display: block;
        width: 100%;
    }
    .userContents .entryTable .passInputBox td {
        padding: 0 0 3%;
    }
    /*---------------------------------------------
    [user_setting_info.php]
    ---------------------------------------------*/
    .antMessage {
        padding: 6%;
        margin: 0 0 6%;
    }
    .antMessage p {
        margin: 0;
    }
    .variousBox .radio,
    .variousBox .checkbox {
        width: 40%;
        display: inline-block;
    }
    .radioBox {
        padding: 3% 3% 0;
        margin: 0;
    }
    .radioBox+p {
        padding: 3%;
        border: none;
    }
    .userContents .entryTable select {
        /*width: 100%;*/
    }
    .userContents .entryTable select.money {
        width: 40%;
    }
    .entryBtnBox.center .sendBtn {
        min-width: auto;
        width: 100%;
        padding: 6%;
        background: #ea6069;
    }
    /*---------------------------------------------
    [user_setting_withdrawal.php]
    ---------------------------------------------*/
    .withdrawalBox {
        margin: 0 3%;
        padding: 9% 6%;
    }
    .withdrawalBox .withdrawalTitle {
        width: auto;
        font-size: 16px;
        line-height: 1.25;
        background: url(../img/user/ico_attention.png) no-repeat;
        background-size: 35px;
        padding: 6px 0 6px 45px;
        margin: 0 0 3%;
    }
    .withdrawalBox .withdrawalTxt {
        padding: 4% 6%;
        text-align: left;
        font-size: 14px;
        font-weight: normal;
    }
    .withdrawalBox+p {
        margin: 3%;
        font-size: 15px;
        line-height: 1.5;
    }
    .withdrawalBox+p a {
        display: block;
        text-align: center;
        margin: 0;
    }
    .entryBtnBox.center p {
        margin: 40% 0 3%;
    }
    /*---------------------------------------------
    [user_setting_withdrawal_pw.php]
    ---------------------------------------------*/
    .subjectTitle+p {
        margin: 0;
        padding: 0 3% 3%;
    }
    .normalTable th {
        background: #f5f5f5;
    }
    .normalTable th,
    .normalTable td {
        display: block;
        width: 100%;
        padding: 3%;
    }
    .normalTable td input[type="text"] {
        width: 100%;
    }
    .normalTable td p {
        margin: 5px 0 0;
        font-size: 12px;
    }
    .withdrawaMessage {
        font-size: 14px;
        text-align: left;
        width: 100%;
        background: url(../img/user/ico_attention.png) no-repeat;
        background-size: 50px;
        padding: 0 0 0 65px;
        margin: 9% 0 3%;
    }
    .withdrawaMessage+.entryBtnBox.center .sendBtn {
        display: block;
        width: 100%;
        padding: 6%;
    }
    /*---------------------------------------------
    [user_setting_withdrawal_comp.php]
    ---------------------------------------------*/
    .userContents .completeArea .completeBox.member {
        padding: 0 3% 6%;
    }
    .userContents .completeArea .mainTxt.txtCenter {
        text-align: left;
    }
    .userContents .completeArea .completeBtnBox a {
        margin: 0;
    }
    /*---------------------------------------------
    [salon.php]
    ---------------------------------------------*/
    .mvSalon {
        margin: 0 0 6%;
        padding: 3% 3% 6%;
        font-size: 14px;
    }
    .mvSalon img {
        width: 100%;
        height: auto;
        margin: 0 0 6%;
    }
    .mvSalon ul {}
    .mvSalon li {
        padding: 0 0 6%;
    }
    .mvSalon p {
        line-height: 1.75;
    }
    /*---------------------------------------------
    [job_company.php]
    ---------------------------------------------*/
    .subjectBox .btnBox {
        float: right;
        width: 70%;
        padding: 0 0 0 10px;
    }
    .subjectArea .subjectBox .btnBox span {
        padding: 0;
    }
    .subjectArea .subjectBox .btnBox p {
        width: 100%
    }
    .subjectArea .subjectBox .btnBox p.left {
        float: none;
    }
    .btnBox a.btn.white.orange {
        font-size: 14px;
        padding: 4% 8% 4% 16%;
        margin: 3% 0 0;
    }
    .jobDetailBackBtn {
        margin: 5% 0 0;
    }
    .jobTitle.icoMemo {
        background: url(../img/common/ico_memo2.png) no-repeat 5px 10px;
        background-size: 24px;
        padding: 10px 0 10px 45px;
    }
    .storeList {
        display: block;
    }
    .storeList li {
        width: 100%;
        margin: 0 0 6%;
    }
    .storeList li img.left {
        margin: 0;
        width: 100%;
    }
    .storeList dl,
    .storeList dt,
    .storeList dd {
        padding: 0;
        margin: 0;
        line-height: 1.5;
    }
    .jobContents .entryBtnBox {
        margin: 0;
        width: 100%;
    }
    .entryBtnBox ul,
    .reservBox ul {
        display: block;
    }
    .entryBtnBox li {
        width: 100%;
        padding: 0;
    }
    .entryBtnBox p {
        position: static;
        padding: 0 0 5px
    }
    .entryBtnBox .btn.white.pink {
        padding: 6% 0;
        margin: 0 0 6%;
    }
    .reservBox {
        padding: 3%;
        margin: 9% 0 6%;
    }
    .reservBox li {
        padding: 3%;
        width: 100%;
    }
    .reservBox dt {
        padding: 3% 0;
    }
    .box .storeListSp li {
        width: 100%;
        list-style: none;
        padding: 3%;
        border: solid 1px #bdc3c7;
        margin: 0 0 3%;
    }
    .box .storeListSp li::before {
        content: "";
    }
    .box .storeListSp img.left {
        width: 30%;
        height: auto;
        float: left;
        margin: 0;
    }
    .box .storeListSp .left span {
        font-weight: bold;
    }
    .box .storeListSp .btnBox {
        padding: 0 0 0 3%;
    }
    .box .moreBtn a {
        text-decoration: underline;
        color: #222;
        text-align: center;
        display: block;
        padding: 3% 0;
        margin: 0 0 10%;
    }
    /*---------------------------------------------
    [footer]
    ---------------------------------------------*/
    footer {
        background: #ff9400;
    }
    .txtInfo {
        padding: 3% 3% 0;
    }
    .txtInfo .ttlNormal {
        font-size: 18px;
    }
    .txtInfo p {
        padding: 3% 0;
        text-align: justify;
    }
    .txtInfo .bnrBox {
        display: block;
        padding: 0;
    }
    .txtInfo li {
        margin: 0 0 3%;
    }
    .txtInfo img {
        vertical-align: bottom;
    }
    /*---------------------------------------------
    [info]
    ---------------------------------------------*/
    .infoLawArea,
    .infoPrivacyArea,
    .infoFeatureArea {
        padding: 3% 3% 0;
    }
    .infoFeatureArea {
        margin: 0 0 3%;
    }
    .info_ttl_M {
        padding: 6% 0 3%;
        margin: 0 0 3%;
        line-height: 1.25;
    }
    .privacyTitle,
    .lawTitle {
        font-size: 16px;
        padding: 2%;
        margin: 9% 0 3%;
        line-height: 1.25;
    }
    .subjectBox p,
    .infoFeatureArea p,
    .infoLawArea table {
        font-size: 14px;
    }
    .lawDescription {
        margin: 0 0 6%;
    }
    .businessBox img {
        float: none;
        width: 100%;
        height: auto;
    }
    .infoLawArea section {
        margin: 0 0 6%;
    }
    .infoBtn_seaBlue,
    .infoFeatureArea .infoBtn_red,
    .consultantArea .infoBtn_red,
    .paymentArea .infoBtn_red {
        width: 100%;
        background-position: 3%;
        background-size: 12px;
        font-size: 18px;
        line-height: 1.25;
        text-align: left;
        padding: 6% 0 6% 9%;
        margin: 6% 0 9%;
    }
    .inquiryArea {
        margin: 6% 3%;
        padding: 3%;
        display: block;
    }
    .inquiryArea .inquiryBox {
        width: 100%;
        margin: 0;
        padding: 6% 0;
    }
    .inquiryArea .inquiryBtn_orange {
        width: 85%;
        margin: 0 auto;
    }
    .inquiryArea p {
        margin: 0 0 3%;
    }
    .gmap {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    .gmap iframe,
    .gmap object,
    .gmap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .infoLawArea .from,
    .infoPrivacyArea .from,
    .infoLawArea table + .from {
        float: none;
        margin: 6% 0;
        line-height: 1.5;
    }
    .infoLawArea .companyTtl {
        margin: 9% 0 3%;
    }
    .gift_mainVisual {
        margin: 3% 0 0;
    }
    .gift_mainVisual .giftMax{
        font-size: 8vw;
        bottom: 14%;
    }
    .giftArea .giftTtl {
        margin: 0;
        font-size: 20px;
        text-align: left;
        padding: 3%;
    }
    .giftArea .consultantBox img {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 70%, 0 70%);
        clip-path: polygon(0 10%, 100% 10%, 100% 70%, 0 70%);
        margin: -7vw 0 -20vw;
    }
    .giftArea .consultantBox p {
        margin: 0;
        padding: 3%;
        font-size: 14px;
    }
    .paymentArea {
        padding: 3%;
    }
    .stepArea .stepTitle,
    .paymentArea .paymentTitle {
        font-size: 20px;
        margin: 3% 0;
    }
    .paymentArea .premiumTable thead,
    .paymentArea .normalTable thead {
        display: table-row-group;
    }
    .paymentArea .normalTable th.thBlue,
    .paymentArea .normalTable th.thYellow {
        display: block;
        padding: 6%;
    }
    .paymentArea .premiumTable tbody th,
    .paymentArea .normalTable tbody th {
        display: none;
    }
    .paymentArea td {
        display: block;
        width: 100%;
        padding: 3%;
    }
    .stepArea .completeBox {
        display: block;
    }
    .stepArea .giftStep {
        width: 100%;
        border: #f0b74d 3px solid;
        padding: 0 6%;
        margin: 0 0 6%;
    }
    .paymentArea .premiumTable {
        margin: 0;
        border: none;
    }
    .paymentArea .premiumTable th,
    .paymentArea .normalTable th {
        width: 100%;
        padding: 6%;
        font-size: 20px;
    }
    .paymentArea .premiumTable td:last-child,
    .paymentArea .normalTable td:last-child {
        text-align: left;
    }
    .paymentArea .premiumTable td:nth-last-child(3) {
        padding: 3% 3% 0;
    }
    .paymentArea .premiumTable td:nth-last-child(1) {
        text-align: right;
        padding: 0 3% 3%;
    }
    .paymentArea .normalTable td:nth-last-child(2) {
        padding: 3% 3% 0;
    }
    .paymentArea .normalTable td:nth-last-child(1) {
        text-align: right;
        padding: 0 3% 3%;
    }
    .paymentArea tr {
        border-bottom: #d2d2d2 1px solid;
    }
    .paymentArea td {
        border: none;
    }
    .paymentArea .normalTable {
        margin: 6% 0 0;
    }
    .paymentArea .normalTable td {
        padding: 3%;
    }
    .paymentArea p {
        margin: 3%;
    }
    .paymentArea + .info_questions {
        margin: 9% 0 0;
        padding: 0 3%;
    }
    .paymentArea + .info_questions p {
        font-size: 18px;
        line-height: 1.25;
        text-align: left;
    }
    .stepArea .giftStep dl {
        border: none;
    }
    .stepArea .giftStep dt {
        padding: 6% 0 0;
    }
    .stepArea .giftStep dd {
        top: 0;
        left: 0;
    }
    .stepArea .giftStep dt p {
        margin: 0;
    }
    .stepArea .stepSubTtl {
        margin: 3% 0 0;
        font-size: 16px;
    }
    .subjectBox .info_ttl_L {
        padding: 3% 0;
        font-size: 21px;
        text-align: left;
    }
    .subjectBox p,
    .infoFeatureArea p {
        padding: 0;
    }
    .infoFeatureArea .featureBox {
        display: block;
        margin: 0;
    }
    .infoFeatureArea .featureBox .fB01 {
        background: #fff;
        border: #f0b64d 2px solid;
    }
    .infoFeatureArea .featureBox .fB02 {
        background: #fff;
        border: #009ed2 2px solid;
    }
    .infoFeatureArea .featureBox .fB03 {
        background: #fff;
        border: #f1dc2c 2px solid;
    }
    .infoFeatureArea .featureBox .fB01 .fBTtl {
        color: #f0b64d;
    }
    .infoFeatureArea .featureBox .fB02 .fBTtl {
        color: #009ed2;
    }
    .infoFeatureArea .featureBox .fB03 .fBTtl {
        color: #f1dc2c;
    }
    .infoFeatureArea .featureBox .fB {
        border-radius: 3px;
        width: 100%;
        height: auto;
        padding: 6%;
        text-align: left;
        margin: 3% 0;
    }
    .infoFeatureArea .featureBox .fB p {
        padding: 3% 0 0;
        color: #222;
    }
    .subjectBox {
        margin: 0;
        padding: 3% 3% 0;
    }
    .infoFeatureArea .infoBtn_red,
    .consultantArea .infoBtn_red,
    .paymentArea .infoBtn_red {
        width: 100%;
        margin: 3% 0 0;
        text-align: center;
    }
    .paymentArea .infoBtn_red {
        margin: 6% 0 0;
        text-align: left;
        padding: 6% 5% 6% 12%;
    }
    .infoFeatureArea .featureBox .fBTtl {
        font-size: 18px;
    }
    .consultantArea {
        padding: 3%;
    }
    .consultantArea .consultantBox {
        margin: 3% 0 6%;
    }
    .info_ttl_L.line {
        font-size: 22px;
        background: url(../img/common/tilte_bg_slash_big.png) repeat-x bottom;
        background-size: 2%;
        padding: 10% 0;
        margin: 0 3% 3%;
    }
    .pointArea {
        margin: 0;
        padding: 3%;
        border: none;
    }
    .pointArea .point_ttl_M {
        font-size: 18px;
        line-height: 1.25;
        padding-left: 40px;
    }
    .pointArea span {
        padding: 3px 10px 2px;
        font-size: 18px;
        margin: 0 10px 0 -40px;
    }
    .pointArea p {
        padding: 3% 0 6%;
        line-height: 1.75;
    }
    .jobHunting {
        margin: 0;
    }
    .info_questions {
        margin: 3% 3% 9%;
    }
    .info_questions p {
        font-size: 14px;
        margin: 0 0 3%;
    }
    .info_questions a {
        margin: 0;
        display: block;
        padding: 8% 0;
        font-size: 18px;
    }
    .faqArea {
        padding: 3%;
    }
    .faqArea dt {
        padding: 15px 15px 15px 45px;
        line-height: 1.5;
    }
    .faqArea dd {
        padding: 15px 15px 25px 45px;
        line-height: 1.5;
    }
    .faqArea dt::before,
    .faqArea dd::before {
        width: 20px;
        height: 20px;
        background: url(/img/info/img_q.png) no-repeat;
        background-size: contain;
        top: 20px;
        left: 3%;
    }
    .faqArea dd::before {
        background: url(/img/info/img_a.png) no-repeat;
        background-size: contain;
    }
    .consultantArea .info_ttl_gray {
        font-size: 20px;
        text-align: left;
        padding: 3% 0 0;
    }
    .consultantListArea {
        margin: 0;
        padding: 3%;
    }
    .consultantListArea .consultantListTitle {
        font-size: 20px;
        font-weight: bold;
        text-align: left;
        line-height: 1.25;
        margin: 0 0 3%;
    }
    .consultantListArea .completeBox {
        display: block;
    }
    .consultantListArea .after_none {
        width: 100%;
        padding: 6%;
        margin: 0 0 6%;
    }
    .consultantListArea .after_none .nameTtl {
        font-size: 20px;
        text-align: center;
        padding: 10px 0 0;
    }
    .stepArea {
        padding: 3%;
    }
    .searchArea .searchBtn input,
    .floatArea .searchBtn input,
    .fixedArea .searchBtn input,
    .refineSearch .searchBtn input,
    .backBtnBox .searchBtn input {
        -webkit-appearance: none;
        width: 100%;
    }

    .cityListArea{
        margin:40px 0;
        padding: 0;
        width:100%;
    }
    .cityListArea h3:first-child{
        border-top: 1px solid grey;
    }
    .cityListArea h3{
        padding: 10px;
        border-bottom: 1px solid grey;
        background: #FCFCFC;
        border-left:0;
        position: relative;
        cursor: pointer;
    }
    .cityListArea h3::after {
        position: absolute;
        content: "+";
        display: inline-block;
        top: 8px;
        right: 10px;
    }
    .cityListArea h3.active::after {
        position: absolute;
        content: "-";
        display: inline-block;
        top: 8px;
        right: 10px;
    }
    .cityListArea .hideContents{
        display: none;
    }
    .cityListArea ul.cityList{
        padding: 0;
    }
    .cityListArea ul.cityList li{
        display:block;
        font-size: 1.2em;
        padding: 10px 2%;
        border-bottom: 1px solid grey;
        text-decoration: none;
        position: relative;
    }
    .cityListArea ul.cityList li::after{
        content: url(/img/common/arrow_glay_right.png);
        position: absolute;
        top: 8px;
        right: 10px;
    }

}


/*---------------------------------------------------------------------------------------------------------------
検索結果の上のtable
---------------------------------------------------------------------------------------------------------------*/
.searchPanelTop {
    padding: 2%;
    margin: 0 0 70px 0 ;
    background: #fff9ed;
}
.searchPanelTable {
    width: 100%;
    font-size: 14px;
}
.searchPanelTable th,
.searchPanelTable td {
    border: #ccc 1px solid;
    padding: 1.5% 3%;
}
.searchPanelTable th {
    background: #f5f5f5;
    width: 20%;
    vertical-align: middle;
}
.searchPanelTable td {
    background: #fff;
}
@media screen and (max-width: 767px) {
    .searchPanelTop {
        padding: 3%;
        margin: 0 0 30px 0;
    }
    .searchPanelTable {
        font-size: 12px;
    }
    .searchPanelTable th,
    .searchPanelTable td {
        padding: 2% 3%;
    }
    .searchPanelTable th {
        width: 30%;
    }
    .searchPanelTable td {
    }
}

.btnFlex01{
    display: flex;
    align-items: center;
    margin: 25px 0;
}
.btnRed01{
    background: url(../img/common/arrow_white_right.png) no-repeat #ea6069 center left 20px;
    background-size: 12px;
    padding: 18px 0;
    color: #fff;
    box-shadow: 0 1px #d67c00;
    border-radius: 3px;
    line-height: 1;
    text-align: center;
    display: block;
    width: 270px;
    font-size: 16px;
    font-weight: bold;
    margin-right: 14px;
}
.inquiryBtn_orange01{
    background: url(../img/common/arrow_white_right.png) no-repeat #ff9400 center left 20px;
    background-size: 12px;
    padding: 18px 0;
    color: #fff;
    box-shadow: 0 1px #d67c00;
    border-radius: 3px;
    line-height: 1;
    text-align: center;
    display: block;
    width: 270px;
    font-size: 16px;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .btnFlex01{
        justify-content: space-between;
    }
    .btnRed01{
        width: 49%;
        font-size: 14px;
        padding: 14px 0;
        margin-right: 0;
    }
    .inquiryBtn_orange01{
        width: 49%;
        font-size: 14px;
        padding: 14px 0;
    }
    .errorInner{
        padding: 0 3%;
    }
}

.featureArea .inner,.businessArea .inner{
    padding: 2%;
}
.listType01 li {
    display: inline-block;
    margin: 0 10px 10px 0;
}
.listType01 li a{
    border: 1px solid #ff9400;
    padding: 10px 20px;
    box-shadow: 0 1px 0 #ff9400;
    color: #474747;
    display: inline-block;
    text-decoration:none;
}
.listType01 li a:hover {
    background: #ff9400;
    color: #fff;
    border-bottom: 1px solid #d97e00;
    box-shadow: 0 1px 0 #d97e00;
}
.featureArea{

}
.featureArea h2{
    cursor:pointer;
}
.featureArea h2::after{
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(/img/common/arrow_orange_bottom.png);
    background-size: contain;
    background-repeat:no-repeat;
    position: absolute;
    right: 10px;
    top: 39px;
}
.featureArea h2.active::after{
    transform:rotate(180deg);
    transition:0.5s;
}
.featureArea ul{
    display:none;
}
.featureArea ul.active{
    display:block;
}
@media screen and (max-width: 767px) {
    .featureArea h2::after{
        top:25px!important;
    }
}
.resultNull {
    padding:40px 0;
    text-align:center;
}
.resultNull h2{
    font-size:20px;
    font-weight:bold;
    line-height:1.8;
}
.resultNull p{
    font-size:16px;
    font-weight:bold;
    line-height:1.8;
}
.resultNull a{
    line-height:1.8;
}
@media screen and (max-width: 767px) {
    .resultNull h2{
        font-size:16px;
    }
    .resultNull p{
        font-size:14px;
    }
}