@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: 18px;
  width: 800px;
  margin: 30px 0 0;
}

.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: #0065cc;
  line-height: 50px;
  height: 50px;
  padding: 3px 0 0 60px;
  width: 100%;
  margin: 0 0 15px;
  font-weight: normal;
}

.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: 30px auto 0;
  text-align: center;
  position: relative;
}

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

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

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

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

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

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

.internal_link_bt a {
  padding: 0 30px 0 15px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 47px;
  text-align: left;
  background-color: #ff8000;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0 -2px 0 #ae5700 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: 25%;
  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 15px no-repeat #0065cc;
  -moz-background-size: 27px auto;
  -webkit-background-size: 27px auto;
  background-size: 27px auto;
  width: 100%;
  margin-bottom: 20px;
}

.areasearch_ttl {
  width: 100%;
  font-size: 22px;
  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: 18px;
  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: 16px;
  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: 18px;
  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: 12px;
  color: #fff;
  background: #7c7c7c;
  position: relative;
  width: 78px;
  text-align: center;
  z-index: 1;
  border-radius: 3px 1px 1px 3px;
  margin-right: 20px;
}

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

.pop_area {
  font-size: 14px;
}

.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;
  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 #0065cc;
  background-size: 27px auto;
  width: 100%;
  margin: 60px 0 20px;
}

.jlistbox h3 {
  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 {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
}

.recommend .pt01 ul.ul03 li dl dt.dt01 {
  font-size: 18px;
  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: 470px;
  padding: 12px 0 12px 26px;
  box-sizing: border-box;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recommend .pt01 ul.ul03 li dl dd.dd01 ul li:nth-child(1) {
  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;
  font-weight: bold;
}

.recommend .pt01 ul.ul03 li dl dd.dd01 ul li:nth-child(2) {
  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 .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: 12px;
  color: #666;
  font-weight: 700;
  margin-bottom: 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: #ff8000;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0 -2px 0 #ae5700 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 {
  display: none;
  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 {
  display: none;
  content: "もっと見る";
  line-height: 45px;
  position: absolute;
  margin: 0 0 0 150px;
  bottom: 0px;
  padding: 5px auto 0;
  width: 382px;
  background: url(../../lp_common/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;
  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: #0065cc;
}

.recommend-jobList:nth-child(n + 27) {
  border-bottom: none;
}

.recommend-jobList:nth-child(n + 28) {
  display: none;
}

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

.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;
  /*height:1.2em;*/
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 10px;
  line-height: 1.2;
}

.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;
  height: 1.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.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;
}

.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: 66px;
  height: 50px;
  float: left;
  margin: 0px 5px 5px 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;
}

.color02:after {
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 11px;
  top: 50%;
  right: 0px;
  margin-top: -5px;
  background: url(../../lp_common/images/rec_arrow_blue.png) right center no-repeat;
  -moz-background-size: 7px auto;
  -webkit-background-size: 7px auto;
  background-size: 8px auto;
}

/* ----------------------------------------------------
    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: 40px 0 80px;
  border: 2px solid #d8d8d8;
  border-radius: 6px;
  padding: 20px 20px 25px;
}

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

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

/* ----------------------------------------------------
    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;
  max-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;
}