@charset "utf-8";

/* ----------------------------------------------------
    reset
---------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
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,
main {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    vertical-align: baseline;
}

body {
    -webkit-text-size-adjust: 100%;
}

img {
    border: 0;
    vertical-align: text-bottom;
}

input[type="text"],
input[type="submit"],
input[type="button"] {
    -webkit-appearance: none;
    border-radius: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
    /* margin: 0; */
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.hide,
.hide-980,
.pc,
.qr,
.hide-700,
.hide-480,
.hide-400 {
    display: none;
}

/* specify the text decoration of anchors */
a {
    text-decoration: none;
}

/* specify the coloring of form elements */
button,
input,
select,
textarea {
    background-color: transparent;
    color: inherit;
}

/* specify the list style of nav lists */
nav ol,
nav ul {
    list-style: none;
}

.pc {
    display: block;
}

/* ----------------------------------------------------
    clearfix
---------------------------------------------------- */
.clearfix {
    zoom: 1;
    /* IE5.5～E7 */
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}

/* ----------------------------------------------------
    base style
---------------------------------------------------- */
body {
    color: #444;
    background-color: #fff;
    line-height: 1.5;
    font-size: 14px;
}

a {
    color: #0860c0;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

.contents {
    overflow: hidden;
    margin: 0 auto;
    width: 980px;
    box-sizing: border-box;
}

.h1 {
    color: #444;
    font-weight: 700;
    text-align: left;
    font-size: 28px;
    /* width: 800px; */
    margin: 30px auto;
}

.h2 {
    color: #444;
    font-weight: 700;
    text-align: center;
    font-size: 32px;
    box-sizing: border-box;
    width: 500px;
    line-height: 1.2;
    padding-top: 6px;
}

.h3 {
    color: #fff;
    font-weight: 700;
    text-align: left;
    font-size: 24px;
    box-sizing: border-box;
}

.h4 {
    font-size: 24px;
    padding-left: 35px;
    font-weight: 700;
    position: relative;
}

.h5 {
    font-weight: 700;
    font-size: 20px;
}

.pink_bar {
    background-color: #00468c;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 60px;
    width: 100%;
    margin: 0 0 15px;
    font-weight: 700;
}

.btn_base {
    color: #fff;
    position: relative;
    background: #62c936;
    border-radius: 6px;
    text-shadow: 1px 1px 0 #53ab2e;
    font-weight: 700;
    display: block;
    padding: 5px 5px 5px 0;
    -moz-box-shadow: 0 2px 0 #468438;
    -webkit-box-shadow: 0 2px 0 #468438;
    box-shadow: 0 2px 0 #468438;
    text-decoration: none;
}

.btn_base:hover {
    background: #3f9c00;
}

.btn_base:after {
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 17px;
    top: 50%;
    right: 5px;
    margin-top: -8px;
    background: url("../../lp_common/images/btn_arrow.png") left center no-repeat;
    -moz-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
}

.text_base {
    font-size: 14px;
    text-align: left;
    margin-bottom: 20px;
}

.text_base:last-child {
    margin-bottom: 0;
}

.mb10 {
    margin-bottom: 10px;
}

.mt24 {
    margin-top: 24px;
}

.mb20 {
    margin-bottom: 20px;
}

.f_13 {
    font-size: 13px;
}

.display {
    display: block;
}

.hidden {
    display: none;
}

/* ----------------------------------------------------
    header
---------------------------------------------------- */
.header {
    border-top: 5px solid #f44040;
    background: #fee0e0;
    width: 100%;
    box-sizing: border-box;
}

.header_inner {
    width: 980px;
    padding: 16px 0 14px;
    box-sizing: border-box;
    margin: 0 auto;
    display: table;
}

.header_parts {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.header_logo {
    padding-right: 20px;
}

.header_h2 {
    font-size: 28px;
    padding-right: 20px;
    width: 500px;
    font-weight: bold;
    text-align: left;
    line-height: 1.2;
}

.appealimg {
    width: 350px;
    text-align: right;
}

/* ----------------------------------------------------
    navlist
---------------------------------------------------- */
.navlist {
    font-size: 12px;
    color: #666;
    padding: 15px 0 0;
}

.navlist li {
    display: inline-block;
    margin-right: 5px;
}

.navlist li a {
    text-decoration: none;
}

.navlist strong {
    font-weight: 700;
}

/* ----------------------------------------------------
    banner
---------------------------------------------------- */
.bnr_img {
    margin: 20px auto 0;
    text-align: center;
    position: relative;
}

.bnr_img:before {
    content: "[PR]";
    color: #f00;
    font-size: 12px;
    position: absolute;
    left: 5em;
    line-height: 1;
}

.bnr_image {
    margin: 20px auto 0;
    text-align: center;
    position: relative;
}

.bnr_image:before {
    content: "[PR]";
    color: #f00;
    font-size: 12px;
    position: absolute;
    left: 3.5em;
    line-height: 1;
}

/* ----------------------------------------------------
    h1area
---------------------------------------------------- */
.seodesc {
    font-size: 18px;
    color: #666;
    padding-top: 5px;
    text-align: left;
    width: 800px;
    margin: 0 0 0 36px;
}

/* ----------------------------------------------------
    internal_link
---------------------------------------------------- */
.internal_link {
    margin: 20px auto 50px;
    display: flex;
    width: 800px;
    text-align: center;
}

.internal_link_bt {
    width: 320px;
    margin: 0 auto;
}

.internal_link_bt a {
    padding-left: 38px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 24px;
    line-height: 60px;
    text-align: left;
    background-color: #ef7a00;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 -2px 0 #c06200 inset;
    position: relative;
    display: block;
    margin: 0 3px;
}

.internal_link_bt a:hover {
    text-decoration: none;
}

.internal_link_bt a:visited {
    color: #fff !important;
}

.internal_link_bt a:after {
    content: "";
    position: absolute;
    top: 20px;
    right: 15px;
    width: 20px;
    height: 20px;
    background: url(../images/arrow_down.png) right center no-repeat;
    background-size: 100%;
    /*border-top: 2px solid #8a8a8a;
    border-right: 2px solid #8a8a8a;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);*/
}

.internal_link_bt a:hover {
    opacity: 0.8;
}

/* ----------------------------------------------------
    area_search
---------------------------------------------------- */
.areasearch {
    padding-bottom: 20px;
}

.area_bigttl {
    background: url(../../lp_common/images/h3_icon_03.png) 20px 13px no-repeat #00468c;
    -moz-background-size: 27px auto;
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
    width: 100%;
    margin-bottom: 30px;
    font-weight: normal;
    font-size: 28px;
}

.areasearch_ttl {
    width: 100%;
    font-size: 24px;
    color: #444;
    text-align: left;
    padding: 0 0 5px 30px;
}

.area_prefectures {
    background: url(../images/area01.png) left 4px no-repeat;
    -moz-background-size: 27px auto;
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
}

.area_popular {
    background: url(../images/area02.png) left 0 no-repeat;
    -moz-background-size: 25px auto;
    -webkit-background-size: 25px auto;
    background-size: 25px auto;
}

.arealist {
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 4px;
    text-align: left;
    display: flex;
    ;
}

.area_01 {
    background-color: #ffefef;
}

.area_02 {
    background-color: #fff5ec;
}

.area_03 {
    background-color: #fff8e5;
}

.area_04 {
    background-color: #f5f9e8;
}

.area_05 {
    background-color: #ebfcf8;
}

.area_06 {
    background-color: #eaf7f9;
}

.area_07 {
    background-color: #ebf6fb;
}

.han_bt {
    box-sizing: border-box;
    text-align: center;
    margin-right: 4px;
}

.han_bt a {
    color: #fff;
    text-decoration: none;
    width: 163px;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    display: block;
    padding-top: 2px;
    border-radius: 3px;
}

.han_bt a:hover {
    opacity: 0.8;
}

.han_bt a:visited {
    color: #fff;
}

.han_01 a {
    background-color: #ff868c;
    box-shadow: 0 -2px 0 #c4595e inset;
    text-shadow: 0px 1px 1px #c4595e;
}

.han_02 a {
    background-color: #ff9642;
    box-shadow: 0 -2px 0 #e17f33 inset;
    text-shadow: 0px 1px 1px #e17f33;
}

.han_03 a {
    background-color: #facc42;
    box-shadow: 0 -2px 0 #cda228 inset;
    text-shadow: 0px 1px 1px #cda228;
}

.han_04 a {
    background-color: #aed439;
    box-shadow: 0 -2px 0 #89aa2c inset;
    text-shadow: 0px 1px 1px #89aa2c;
}

.han_05 a {
    background-color: #4bc8ac;
    box-shadow: 0 -2px 0 #419f89 inset;
    text-shadow: 0px 1px 1px #419f89;
}

.han_06 a {
    background-color: #35cde4;
    box-shadow: 0 -2px 0 #32a1b3 inset;
    text-shadow: 0px 1px 1px #32a1b3;
}

.han_07 a {
    background-color: #41b9f2;
    box-shadow: 0 -2px 0 #2f85b1 inset;
    text-shadow: 0px 1px 1px #2f85b1;
}

.prefectures_bt {
    box-sizing: border-box;
    text-align: center;
}

.prefectures_bt a {
    color: #444;
    background-color: #fff;
    text-decoration: none;
    width: 83px;
    font-size: 18px;
    font-weight: 100;
    line-height: 36px;
    display: block;
    border-radius: 3px;
    margin-right: 3px;
}

.prefectures_bt a:visited {
    color: #444;
}

.prefectures_bt a:hover {
    text-decoration: none;
}

.han_01_list a {
    border: 1px solid #ff868c;
    box-shadow: 0 -2px 0 #ff868c inset;
}

.han_01_list a:hover {
    background-color: #ffdddf;
}

.han_02_list a {
    border: 1px solid #ff9642;
    box-shadow: 0 -2px 0 #ff9642 inset;
}

.han_02_list a:hover {
    background-color: #ffdcc0;
}

.han_03_list a {
    border: 1px solid #facc42;
    box-shadow: 0 -2px 0 #facc42 inset;
}

.han_03_list a:hover {
    background-color: #ffefc0;
}

.han_04_list a {
    border: 1px solid #aed439;
    box-shadow: 0 -2px 0 #aed439 inset;
}

.han_04_list a:hover {
    background-color: #e0f1af;
}

.han_05_list a {
    border: 1px solid #4bc8ac;
    box-shadow: 0 -2px 0 #4bc8ac inset;
}

.han_05_list a:hover {
    background-color: #c3ece3;
}

.han_06_list a {
    border: 1px solid #35cde4;
    box-shadow: 0 -2px 0 #35cde4 inset;
}

.han_06_list a:hover {
    background-color: #abebf5;
}

.han_07_list a {
    border: 1px solid #41b9f2;
    box-shadow: 0 -2px 0 #41b9f2 inset;
}

.han_07_list a:hover {
    background-color: #bee6f9;
}

.pop_wrapp {
    display: table;
    width: 100%;
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 8px;
}

.pop_wrapp_01 {
    border: 2px solid #ff868c;
}

.pop_wrapp_02 {
    border: 2px solid #ff9642;
}

.pop_wrapp_03 {
    border: 2px solid #facc42;
}

.pop_wrapp_04 {
    border: 2px solid #aed439;
}

.pop_wrapp_05 {
    border: 2px solid #4bc8ac;
}

.pop_wrapp_06 {
    border: 2px solid #35cde4;
}

.pop_wrapp_07 {
    border: 2px solid #41b9f2;
}

.pop_han {
    width: 164px;
    text-align: center;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    font-weight: 700;
}

.pop_han_01 {
    background-color: #ff868c;
    text-shadow: 0px 1px 1px #c4595e;
}

.pop_han_02 {
    background-color: #ff9642;
    text-shadow: 0px 1px 1px #e17f33;
}

.pop_han_03 {
    background-color: #facc42;
    text-shadow: 0px 1px 1px #cda228;
}

.pop_han_04 {
    background-color: #aed439;
    text-shadow: 0px 1px 1px #89aa2c;
}

.pop_han_05 {
    background-color: #4bc8ac;
    text-shadow: 0px 1px 1px #419f89;
}

.pop_han_06 {
    background-color: #35cde4;
    text-shadow: 0px 1px 1px #32a1b3;
}

.pop_han_07 {
    background-color: #41b9f2;
    text-shadow: 0px 1px 1px #2f85b1;
}

.pop_area_box {
    background-color: #fff;
    display: table-cell;
    box-sizing: border-box;
    padding: 6px;
}

.pop_area_wrap {
    display: flex;
}

.pop_area_wrap:nth-child(2) {
    margin-top: 5px;
}

.pop_ttl {
    padding: 2px 0 0 2px;
    font-size: 16px;
    color: #fff;
    background: #7c7c7c;
    position: relative;
    width: 110px;
    text-align: center;
    z-index: 1;
    border-radius: 3px 1px 1px 3px;
    margin-right: 20px;
}

.pop_ttl:after {
    background: #7c7c7c;
    content: "";
    height: 16px;
    margin-top: -8px;
    position: absolute;
    right: -7px;
    top: 50%;
    width: 16px;
    z-index: -1;
    transform: rotate(45deg);
    border-radius: 1px 2px 1px 1px;
}

.pop_area {
    font-size: 18px;
}

.pop_area:after {
    content: "|";
    padding: 0 10px;
    color: #999;
}

.pop_area:last-child:after {
    content: " ";
    display: none;
}

/* ----------------------------------------------------
    jlistbox
---------------------------------------------------- */
.jlistbox-area {
    width: 950px;
}

.jlistbox {
    /*width:690px;*/
    width: 100%;
    margin-right: 20px;
    margin-bottom: 10px;
    box-sizing: border-box;
    /*float:left;*/
}

.jlist_ttl {
    background: url(../../lp_common/images/h3_icon_02.png) 20px 15px no-repeat #00468c;
    background-size: 27px auto;
    width: 100%;
    margin: 60px 0 20px;
}

.jlistbox h4 {
    color: #444;
    font-weight: 700;
    font-size: 22px;
    padding: 12px 10px 8px;
    margin: 4px 0 10px;
    line-height: 1;
    background-color: #d1e2f5;
}

.recommend .pt01 ul.ul03 li {
    margin-bottom: 20px;
}

.recommend .pt01 ul.ul03 li dl,
.recommend-jobList {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
}

.recommend .pt01 ul.ul03 li dl dt.dt01,
.recommend-jobList .pattern-1 .bg01 .bg02 .pt01 h3,
.recommend-jobList .pattern-2 .bg01 .bg02 .pt01 h3 {
    font-size: 20px;
    font-weight: 700;
}

.recommend .pt01 ul.ul03 li dl dd.dd01 {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #666;
}

.recommend .pt01 ul.ul03 li dl dd.dd01 ul li {
    border-bottom: 1px dashed #dbdbdb;
    width: 730px;
    padding: 12px 0 12px 26px;
    box-sizing: border-box;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}

.recommend .pt01 ul.ul03 li dl dd.dd01 ul li:nth-child(1) {
    background: url(../../lp_common/images/rec_icon02.png) left center no-repeat;
    -moz-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
    font-weight: bold;
}

.recommend .pt01 ul.ul03 li dl dd.dd01 ul li:nth-child(2) {
    background: url(../../lp_common/images/rec_icon01.png) left center no-repeat;
    -moz-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
}

.recommend .pt01 ul.ul03 li dl dd.dd01 ul li:nth-child(3) {
    background: url(../../lp_common/images/rec_icon03.png) left center no-repeat;
    -moz-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
    font-weight: bold;
}

.recommend .pt01 ul.ul03 li dl dd.dd02 {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.recommend .pt01 ul.ul03 li dl dd.dd02 a img {
    width: 176px;
    height: 132px;
}

.recommend .pt01 ul.ul03 li dl dd.dd03 {
    font-size: 15px;
    color: #666;
    font-weight: 700;
    margin: 6px 0 10px;
}

.new-linkbtn a {
    color: #fff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    display: block;
    width: 270px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin: 10px auto;
    background-color: #ef7a00;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 -2px 0 #c06200 inset;
}

.new-linkbtn a:after {
    content: "";
    position: absolute;
    top: 25%;
    right: 15px;
    width: 20px;
    height: 20px;
    background: url(../images/arrow_link.png) right center no-repeat;
    background-size: 100%;
}

.new-linkbtn a:hover {
    opacity: 0.8;
    text-decoration: none;
}

.new-linkbtn a:visited {
    color: #fff !important;
}

/*.recommend .pt01 ul.ul03 li:nth-child(n + 6) {
    display: none!important;
}*/
/* ----------------------------------------------------
    accordion-box-pc
---------------------------------------------------- */
.accordion-box-pc {
    position: relative;
}

.accordion-box-pc label {
    height: 120px;
    /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
}

.accordion-box-pc input:checked+label {
    background: inherit;
}

.accordion-box-pc label:before {
    content: "もっと見る";
    line-height: 45px;
    position: absolute;
    margin: 0 0 0 280px;
    bottom: 0px;
    padding: 5px 0 0;
    width: 382px;
    background: url(../images/arrow_green.png) no-repeat 96% #fff;
    border: 1px solid #4bab2f;
    border-radius: 5px;
    display: block;
    color: #4bac2f;
    font-size: 18px;
    font-weight: 700;
    box-sizing: border-box;
    box-shadow: 0 2px 0 0 #4bac2f;
}

@media screen and (max-width: 800px) {
    .accordion-box-pc label:before {
        content: "もっと見る";
        line-height: 45px;
        position: absolute;
        margin: 0 0 0 80px;
        bottom: 0px;
        padding: 5px 0 0;
        width: 340px;
        background: url(../images/arrow_green.png) no-repeat 96% #fff;
        border: 1px solid #4bab2f;
        border-radius: 5px;
        display: block;
        color: #4bac2f;
        font-size: 18px;
        font-weight: 700;
        box-sizing: border-box;
        box-shadow: 0 2px 0 0 #4bac2f;
    }
}

.accordion-box-pc input {
    display: none;
}

.accordion-box-pc .accordion-container-pc {
    overflow: hidden;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
}

/* ----------------------------------------------------
    recombox
---------------------------------------------------- */
.recombox {
    /*width:240px;*/
    width: 100%;
    box-sizing: border-box;
    float: left;
    /*margin-top:60px;*/
}

.js-recommendLoading {
    border-radius: 5px;
    background-color: #fff;
}

.recom_ttl {
    text-align: center;
    font-size: 12px;
    margin: 0;
    padding: 0;
    line-height: 30px;
    box-sizing: border-box;
}

/*.recommend-jobTitle {
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}
.recommend-jobTitle .pattern-1 .bg01 .pt01 h2{
    text-align: center;
    font-size: 12px;
    margin: 3px 3px 0px;
    padding: 0;
    line-height: 30px;
    box-sizing: border-box;
    color: #fff;
    font-weight:700;
    background-color: #00468c;
}*/
/*.recommend-jobList:nth-child(n + 27) {
    border-bottom:none;
}
.recommend-jobList:nth-child(n + 28) {
    display:none;
}*/
/*.recommend-jobList:nth-child(n + 7) {
    border-bottom:none;
}*/
.recommend-jobList:nth-child(n + 8) {
    display: none;
}

.recommend-jobList {
    /*border-left: #ccc 1px solid;
    border-right: #ccc 1px solid;
    padding: 0 10px;
    position:relative;*/
    margin-bottom: 20px;
}

/*.recommend-jobList:after{
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 10px;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    background:url(../images/reco_arrow.png) right center no-repeat;
    -moz-background-size: 6px auto;
    -webkit-background-size: 6px auto;
    background-size: 6px auto;
}*/
.recommend-jobList a {
    text-decoration: underline;
}

/*.recommend-jobList .pattern-2, .recommend-jobList .pattern-1{
    border-bottom: #ccc 1px solid;
    padding: 0 15px 10px 0;
    margin:0 auto;
}*/
.recommend-jobList .pattern-2 .bg01 .pt01 p {
    display: none;
}

.recommend-jobList .pattern-1 .bg01 .bg02 .pt01 h3,
.recommend-jobList .pattern-2 .bg01 .bg02 .pt01 h3 {
    /*font-size: 12px;
    margin-bottom:5px;
    overflow: hidden;
    width: 214px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top:10px;
    line-height:1.2;*/
    margin-bottom: 6px;
}

.recommend-jobList .pattern-1 .bg01 .bg02 .pt01 h3,
.recommend-jobList .pattern-2 .bg01 .bg02 .pt01 h3 span {
    font-weight: 700;
}

.recommend-jobList .pattern-2 .bg01 .bg02 .pt02 .pt02b ul li p,
.recommend-jobList .pattern-1 .bg01 .bg02 .pt02 .pt02b ul li p {
    /* font-size: 11px; */
    font-size: 15px;
    /* height: 2em; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px dotted #ddd;
    padding: 6px 0 6px 22px;
}

.recommend-jobList .pattern-2 .bg01 .bg02 .pt02 .pt02b ul li.li01 p,
.recommend-jobList .pattern-1 .bg01 .bg02 .pt02 .pt02b ul li.li01 p {
    background: url(../../lp_common/images/rec_icon01.png) left center no-repeat;
    -moz-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
}

.recommend-jobList .pattern-2 .bg01 .bg02 .pt02 .pt02b ul li.li02 p,
.recommend-jobList .pattern-1 .bg01 .bg02 .pt02 .pt02b ul li.li02 p {
    background: url(../../lp_common/images/rec_icon02.png) left center no-repeat;
    -moz-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
}

.recommend-jobList .pattern-2 .bg01 .bg02 .pt02 .pt02b ul li.li03 p,
.recommend-jobList .pattern-1 .bg01 .bg02 .pt02 .pt02b ul li.li03 p {
    background: url(../../lp_common/images/rec_icon03.png) left center no-repeat;
    -moz-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
    font-weight: bold;
}

.recommend-jobList .pattern-2 .bg01 .bg02 .pt02 .pt02b ul li p,
.recommend-jobList .pattern-1 .bg01 .bg02 .pt02 .pt02b ul li.li02,
.recommend-jobList .pattern-2 .bg01 .bg02 .pt02 .pt02b ul li p,
.recommend-jobList .pattern-1 .bg01 .bg02 .pt02 .pt02b ul li.li03 {
    /*font-weight:bold;*/
}

em,
strong {
    font-weight: bold;
}

.recommend-jobList .pattern-1 .bg01 .bg02 .pt02 .pt02b ul li.li02 p span,
.recommend-jobList .pattern-2 .bg01 .bg02 .pt02 .pt02b ul li.li02 p span,
.recommend-jobList .pattern-1 .bg01 .bg02 .pt02 .pt02b ul li.li03 p span,
.recommend-jobList .pattern-2 .bg01 .bg02 .pt02 .pt02b ul li.li03 p span {
    color: #ff8888;
}

.recommend-jobList .pattern-1 .bg01 .bg02 .pt02 .pt02b,
.recommend-jobList .pattern-2 .bg01 .bg02 .pt02 .pt02b {
    /* padding-top:5px; */
}

.recommend-jobList .pattern-1 .bg01 .bg02 .pt02 .pt02b ul li.li04,
.recommend-jobList .pattern-2 .bg01 .bg02 .pt02 .pt02b ul li.li04 {
    display: none;
}

.recommend-jobList .pattern-2 .bg01 .bg02 .pt01 h3 img {
    display: none;
}

.recommend-jobList .pattern-2 .bg01 .bg02 .pt01 ul {
    display: none;
}

.recommend-jobList .pattern-2 .bg01 .bg02 .pt02a img {
    width: 66px;
    height: 50px;
    float: left;
    margin: 0px 5px 5px 0;
}

.recommend-jobList .pattern-2 .bg01 .bg02 .pt02b ul.ul01 li {
    overflow: hidden;
    height: 1.6em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recommend-jobList .pattern-2 .bg01 .bg02 .pt02b ul.ul01 li.li01,
.recommend-jobList .pattern-2 .bg01 .pt02b ul.ul01 li.li02,
.recommend-jobList .pattern-2 .bg01 .pt02b ul.ul01 li.li03 {
    color: #444;
    font-size: 11px;
    text-decoration: none;
    line-height: 1.6em;
}

.recommend-jobList .pattern-2 .bg01 .bg02 .pt03 {
    display: none;
}

.recommend-jobList .pattern-2 .bg01 .bg02 .pt02b ul.ul01 li.li02 span,
.recommend-jobList .pattern-2 .bg01 .pt02b ul.ul01 li.li03 span {
    color: #ff8888;
}

.recommend-jobList .pattern-1 .bg01 .pt01 p {
    /*display:none;*/
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 6px;
}

.recommend-jobList .pattern-1 .bg01 .pt01 h3 img {
    display: none;
}

.recommend-jobList .pattern-1 .bg01 .pt01 ul {
    display: none;
}

.recommend-jobList .pattern-1 .bg01 .pt02a img {
    width: 146px;
    height: 110px;
    float: left;
    margin: 0px 10px 10px 0;
}

.recommend-jobList .pattern-1 .bg01 .pt02b ul.ul01 li.li01,
.recommend-jobList .pattern-1 .bg01 .pt02b ul.ul01 li.li02,
.recommend-jobList .pattern-1 .bg01 .pt02b ul.ul01 li.li03 {
    color: #444;
    font-size: 11px;
    text-decoration: none;
    line-height: 1.6;
    overflow: hidden;
    height: 1.6em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recommend-jobList .pattern-1 .bg01 .pt03 {
    display: none;
}

.recommend-jobList .pattern-1 .bg01 .pt02b ul.ul01 li.li02 span,
.recommend-jobList .pattern-1 .bg01 .pt02b ul.ul01 li.li03 span {
    color: #ff8888;
}

.recommend-jobList .pattern-1 .bg01 .pt02b ul.ul02 {
    display: none;
}

/*.recommend-recommendButton .pattern-1 .bg01 .pt01{
    padding: 5px 10px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-radius: 0 0 3px 3px;
}*/
.color02 {
    /*text-align:right;
    display:block;
    padding-right:10px;
    position:relative;
    padding: 0px 10px 0px;*/
    display: block;
    line-height: 45px;
    position: relative;
    margin: 0 auto;
    bottom: 0px;
    padding: 5px 0 0;
    width: 382px;
    /*    background: url(../images/arrow_green.png) no-repeat 96% #fff;*/
    border: 1px solid #4bab2f;
    border-radius: 5px;
    color: #4bac2f;
    font-size: 18px;
    font-weight: 700;
    box-sizing: border-box;
    box-shadow: 0 2px 0 0 #4bac2f;
    text-decoration: none;
    text-align: center;
}

.color02:after {
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 9px;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    background: url(../images/arrow_green.png) right center no-repeat;
    -moz-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/* ----------------------------------------------------
    contentsbox_a
---------------------------------------------------- */
.contentsbox_a_ttl {
    background: url(../../lp_common/images/h3_icon_04.png) 20px 15px no-repeat #ff8080;
    -moz-background-size: 27px auto;
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
    width: 100%;
}

.comment_box {
    position: relative;
    width: 100%;
    height: 30px;
    border: 2px solid #ccc;
    padding: 25px 18px;
    border-radius: 6px;
    background-color: #fff;
    margin-bottom: 22px;
    box-sizing: border-box;
    height: auto;
}

.comment_box:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-top: 20px solid #ccc;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}

.comment_box:after {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -18px;
    width: 0;
    height: 0;
    border-top: 18px solid #fff;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
}

.comment_box_ttl {
    font-size: 24px;
    padding-left: 35px;
    font-weight: 700;
    position: relative;
    margin: 0 0 16px;
}

.comment_box_ttl:before {
    content: "";
    position: absolute;
    display: block;
    width: 27px;
    height: 35px;
    top: 50%;
    left: 0;
    margin-top: -18px;
    background: url("../../lp_common/images/icon_failure.png") left center no-repeat;
    -moz-background-size: 27px auto;
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
}

.comment_ttl {
    color: #f44040;
    padding-left: 45px;
    margin: 0 0 10px;
    display: inline-block;
    position: relative;
}

.comment_ttl_num {
    color: #fff;
    background-color: #f44040;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 700;
}

.comment_num_01:before {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 0;
    margin-top: -20px;
    background: url("../../lp_common/images/comment_ttl_num01.png") left center no-repeat;
    -moz-background-size: 40px auto;
    -webkit-background-size: 40px auto;
    background-size: 40px auto;
}

.comment_num_02:before {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 0;
    margin-top: -20px;
    background: url("../../lp_common/images/comment_ttl_num02.png") left center no-repeat;
    -moz-background-size: 40px auto;
    -webkit-background-size: 40px auto;
    background-size: 40px auto;
}

.comment_num_03:before {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 0;
    margin-top: -20px;
    background: url("../../lp_common/images/comment_ttl_num03.png") left center no-repeat;
    -moz-background-size: 40px auto;
    -webkit-background-size: 40px auto;
    background-size: 40px auto;
}

.comment {
    margin-bottom: 18px;
}

.comment:last-child {
    margin-bottom: 0;
}

.toranomaki_box_ttl {
    margin: 0 0 10px;
    padding-left: 50px;
}

.toranomaki_box_ttl span {
    color: #bb9f30;
}

.toranomaki_box_ttl:before {
    content: "";
    position: absolute;
    display: block;
    width: 38px;
    height: 31px;
    top: 50%;
    left: 0;
    margin-top: -18px;
    background: url("../../lp_common/images/icon_toranomaki.png") left center no-repeat;
    -moz-background-size: 38px auto;
    -webkit-background-size: 38px auto;
    background-size: 38px auto;
}

.toranomaki_ttl {
    color: #bb9f30;
    display: inline-block;
    margin: 10px 0;
    position: relative;
    padding-left: 110px;
}

.toranomaki_num_01:before {
    content: "";
    position: absolute;
    display: block;
    width: 105px;
    height: 48px;
    top: 50%;
    left: 0;
    margin-top: -25px;
    background: url("../../lp_common/images/toranomaki_num1.png") left center no-repeat;
    -moz-background-size: 105px auto;
    -webkit-background-size: 105px auto;
    background-size: 105px auto;
}

.toranomaki_num_02:before {
    content: "";
    position: absolute;
    display: block;
    width: 105px;
    height: 48px;
    top: 50%;
    left: 0;
    margin-top: -25px;
    background: url("../../lp_common/images/toranomaki_num2.png") left center no-repeat;
    -moz-background-size: 105px auto;
    -webkit-background-size: 105px auto;
    background-size: 105px auto;
}

.toranomaki_num_03:before {
    content: "";
    position: absolute;
    display: block;
    width: 105px;
    height: 48px;
    top: 50%;
    left: 0;
    margin-top: -25px;
    background: url("../../lp_common/images/toranomaki_num3.png") left center no-repeat;
    -moz-background-size: 105px auto;
    -webkit-background-size: 105px auto;
    background-size: 105px auto;
}

.toranomaki_text {
    margin-bottom: 30px;
}

/* ----------------------------------------------------
    contentsbox_b
---------------------------------------------------- */
.contentsbox_b_ttl {
    background: url(../../lp_common/images/h3_icon_05.png) 20px 15px no-repeat #ff8080;
    -moz-background-size: 27px auto;
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
    width: 100%;
}

.contentsbox_b_box {
    border: 1px solid #ececec;
    border-radius: 6px;
    box-shadow: 0 0 2px 0 #ccc;
    padding: 24px 20px 30px;
    box-sizing: border-box;
    margin-right: 2px;
    margin-left: 2px;
}

.contentsbox_b_box_ttl {
    font-size: 20px;
    padding-left: 40px;
    margin-bottom: 10px;
}

.contentsbox_b_box_ttl span {
    background: linear-gradient(transparent 50%, #faf1f1 50%);
}

.contentsbox_b_box_ttl:before {
    content: "";
    position: absolute;
    display: block;
    width: 34px;
    height: 30px;
    top: 50%;
    left: 0;
    margin-top: -18px;
    background: url("../../lp_common/images/icon_check.png") left center no-repeat;
    -moz-background-size: 34px auto;
    -webkit-background-size: 34px auto;
    background-size: 34px auto;
}

/* ----------------------------------------------------
    contentsbox_c
---------------------------------------------------- */
.contentsbox_c_ttl {
    background: url(../../lp_common/images/h3_icon_06.png) 20px 15px no-repeat #ff8080;
    -moz-background-size: 27px auto;
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
    width: 100%;
}

.contentsbox_c_box {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 20px;
    box-sizing: border-box;
    line-height: 1.6;
}

.contentsbox_c_box_ttl_01:before {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 28px;
    top: 50%;
    left: 0;
    margin-top: -18px;
    background: url("../../lp_common/images/icon_yen.png") left center no-repeat;
    -moz-background-size: 20px auto;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
}

.contentsbox_c_box_ttl_02:before {
    content: "";
    position: absolute;
    display: block;
    width: 28px;
    height: 23px;
    top: 50%;
    left: 0;
    margin-top: -13px;
    background: url("../../lp_common/images/icon_heart.png") left center no-repeat;
    -moz-background-size: 28px auto;
    -webkit-background-size: 28px auto;
    background-size: 28px auto;
}

.contentsbox_c_box_ttl_03:before {
    content: "";
    position: absolute;
    display: block;
    width: 27px;
    height: 25px;
    top: 50%;
    left: 0;
    margin-top: -15px;
    background: url("../../lp_common/images/icon_hukidasi.png") left center no-repeat;
    -moz-background-size: 27px auto;
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
}

.contentsbox_c_box_text img {
    float: left;
    margin-right: 18px;
    width: 480px;
}

.contentsbox_c_box_text {
    font-size: 13px;
}

.contentsbox_c_box_text_ttl {
    color: #f44040;
}

.contentsbox_c_box_investigation {
    border: 1px solid #999;
    padding: 12px;
    font-size: 10px;
    width: 250px;
    margin-left: auto;
}

.interview_box {
    padding: 0 35px;
    display: flex;
    line-height: 1.3;
    margin-top: 30px;
}

.interview_hukidashi {
    position: relative;
    padding: 18px;
    width: auto;
    height: auto;
    z-index: 0;
    vertical-align: middle;
}

.hukidashi_boy {
    background-color: #e4eeff;
}

.hukidashi_boy:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e4eeff transparent transparent;
}

.hukidashi_girl {
    background-color: #ffe7f0;
}

.hukidashi_girl:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #ffe7f0 transparent transparent;
}

.interview_icon {
    padding-right: 20px;
}

/* ----------------------------------------------------
    contentsbox_d
---------------------------------------------------- */
.contentsbox_d_ttl {
    background: url(../../lp_common/images/h3_icon_08.png) 20px 15px no-repeat #ff8080;
    -moz-background-size: 27px auto;
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
    width: 100%;
}

.contentsbox_d_box {
    border: 1px solid #ececec;
    border-radius: 6px;
    box-shadow: 0 0 2px 0 #ccc;
    padding: 20px;
    box-sizing: border-box;
    margin-right: 2px;
    margin-left: 2px;
}

/* ----------------------------------------------------
    lplinklist
---------------------------------------------------- */
.lplinklist {
    margin: 50px 0 80px;
    border: 2px solid #d8d8d8;
    border-radius: 6px;
    padding: 20px 20px 25px;
}

.lplinklist_ttl {
    color: #444;
    font-weight: 700;
    font-size: 26px;
    border-left: 6px solid #00468c;
    padding-left: 8px;
    padding-top: 2px;
    margin: 4px 0 10px;
    line-height: 1;
}

.lplink {
    display: inline-block;
    padding: 10px 30px 0 0;
    font-size: 18px;
}

/* ----------------------------------------------------
    lplinkbt
---------------------------------------------------- */
.lplinkbtn {
    color: #5b9fd6;
    font-size: 20px;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    margin: 30px auto;
    padding: 20px 60px;
    display: table;
    position: relative;
    background-color: #fff;
    border: 2px solid #5b9fd6;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 -2px 0 #5b9fd6 inset;
    width: 550px;
    line-height: 1.2;
}

.lplinkbtn:after {
    content: "";
    position: absolute;
    top: 43%;
    right: 10px;
    width: 6px;
    height: 6px;
    border-top: 3px solid #5b9fd6;
    border-right: 3px solid #5b9fd6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.lplinkbtn:hover {
    color: #5b9fd6;
    background-color: #f1f7ff;
    text-decoration: none;
}

a.lplinkbtn:visited {
    color: #5b9fd6;
    text-decoration: none;
}

/* ----------------------------------------------------
    snslist
---------------------------------------------------- */
.snslist {
    text-align: right;
    margin: 20px 10px 28px;
}

.sns {
    display: inline-block;
    margin-left: 10px;
    ;
}

.facebook_like {
    width: 83px;
    text-align: right;
}

/* ----------------------------------------------------
    footer_text
---------------------------------------------------- */
.footer_text_area {
    margin: 30px 0 0;
    background: #f6f6f6;
    border-radius: 5px;
    padding: 15px;
}

.footer_text {
    font-size: 12px;
}

.footer_text a {
    position: relative;
    display: inline-block;
}

.footer_text a:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -10x;
    width: 4px;
    height: 4px;
    border-top: 2px solid #2468b2;
    border-right: 2px solid #2468b2;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ----------------------------------------------------
    footer
---------------------------------------------------- */
.footer {
    font-size: 10px;
    color: #444;
    text-align: center;
    margin: 40px 0;
}

/* ----------------------------------------------------
    totop
---------------------------------------------------- */
#totop-btn {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 10px;
}

#totop-btn a {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 4px;
    background: #999;
    z-index: 2;
    text-align: center;
    border: 1px solid #fff;
}

#totop-btn a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )"
}

.totop {
    width: 36px;
    height: auto;
}

/* ----------------------------------------------------
    PC
---------------------------------------------------- */
.smt {
    display: none;
}

/* ----------------------------------------------------
    cabaretclub
---------------------------------------------------- */
.contentsbox_d_box,
.lplinklist {
    background-color: #fff;
}