@charset "UTF-8";
/*
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
html {
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}

*, :after, :before {
  background-repeat: no-repeat;
  box-sizing: inherit;
}

:after, :before {
  text-decoration: inherit;
  vertical-align: inherit;
}

* {
  padding: 0;
  margin: 0;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible;
}

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

summary {
  display: list-item;
}

small {
  font-size: 80%;
}

[hidden], template {
  display: none;
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
  outline-width: 0;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
}

b, strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

input {
  border-radius: 0;
}

[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer;
}

[disabled] {
  cursor: default;
}

[type=number] {
  width: auto;
}

[type=search] {
  -webkit-appearance: textfield;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button, input, optgroup, select, textarea {
  font: inherit;
}

optgroup {
  font-weight: 700;
}

button {
  overflow: visible;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button;
}

button, select {
  text-transform: none;
}

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

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

select::-ms-value {
  color: currentColor;
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

img {
  border-style: none;
}

progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden;
}

audio, canvas, progress, video {
  display: inline-block;
}

@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

* {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", YuGothic, "メイリオ", Meiryo, icomoon, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
}

html {
  font-size: 62.5%;
  line-height: 1.5;
}

a {
  text-decoration: none;
}

ul, ol, li {
  list-style: none !important;
}

/* align */
.ta-c {
  text-align: center !important;
}

.ta-l {
  text-align: left !important;
}

.ta-r {
  text-align: right !important;
}

.va-t {
  vertical-align: top !important;
}

.va-m {
  vertical-align: middle !important;
}

.va-b {
  vertical-align: bottom !important;
}

/* background */
.bg-black {
  background-color: #252525 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-deepDarkGray {
  background-color: #686868 !important;
}

.bg-gray {
  background-color: #e5e5e5 !important;
}

.bg-lightGray {
  background-color: #f0f0f0 !important;
}

.bg-paleLightGray {
  background-color: #f9f9f9 !important;
}

.bg-gray_grad {
  background: linear-gradient(to right, #d6d9da, #eaebec) !important;
}

.bg-orange {
  background-color: #f18e1d !important;
}

.bg-lightOrange {
  background-color: #ffc74f !important;
}

.bg-paleLightOrange {
  background-color: #ffea74 !important;
}

.bg-mustard {
  background-color: #feb00b !important;
}

.bg-mustard_grad {
  background: linear-gradient(to right, #feac00, #ffbd32) !important;
}

.bg-beige_grad {
  background: linear-gradient(to right, #ffeecb, #fff6e4) !important;
}

.bg-pink {
  background-color: #fe81b5 !important;
}

.bg-lightPink {
  background-color: #feb8d3 !important;
}

.bg-deepPink_grad {
  background: linear-gradient(to right, #fb6967, #fc8e8c) !important;
}

.bg-deepDarkGreen {
  background-color: #359823 !important;
}

.bg-darkGreen {
  background-color: #8fca43 !important;
}

.bg-green {
  background-color: #97d56d !important;
}

.bg-lightGreen {
  background-color: #c6f488 !important;
}

.bg-paleLightGreen {
  background-color: #edfbda !important;
}

.bg-aqua {
  background-color: #1fa8a3 !important;
}

.bg-deepDarkBlue {
  background-color: #122a88 !important;
}

.bg-darkBlue {
  background-color: #2887eb !important;
}

.bg-blue {
  background-color: #4ac0ff !important;
}

.bg-lightBlue {
  background-color: #79d2f9 !important;
}

.bg-paleLightBlue {
  background-color: #d5f8ff !important;
}

.bg-lightLead {
  background-color: #f1f2f2 !important;
}

/* border */
/* clear fix */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

/* color */
.c-inherit {
  color: inherit;
}

.c-black {
  color: #252525 !important;
}

.c-white {
  color: #fff !important;
}

.c-deepDarkGray {
  color: #686868 !important;
}

.c-gray {
  color: #e5e5e5 !important;
}

.c-lightGray {
  color: #f0f0f0 !important;
}

.c-paleLightGray {
  color: #f9f9f9 !important;
}

.c-orange {
  color: #f18e1d !important;
}

.c-lightOrange {
  color: #ffc74f !important;
}

.c-paleLightOrange {
  color: #ffea74 !important;
}

.c-pink {
  color: #fe81b5 !important;
}

.c-lightPink {
  color: #feb8d3 !important;
}

.c-deepDarkGreen {
  color: #359823 !important;
}

.c-darkGreen {
  color: #8fca43 !important;
}

.c-green {
  color: #97d56d !important;
}

.c-lightGreen {
  color: #c6f488 !important;
}

.c-paleLightGreen {
  color: #edfbda !important;
}

.c-aqua {
  color: #1fa8a3 !important;
}

.c-deepDarkBlue {
  color: #122a88 !important;
}

.c-darkBlue {
  color: #2887eb !important;
}

.c-blue {
  color: #4ac0ff !important;
}

.c-lightBlue {
  color: #79d2f9 !important;
}

.c-paleLightBlue {
  color: #d5f8ff !important;
}

/* display */
.dis-blo {
  display: block !important;
}

.dis-inb {
  display: inline-block !important;
}

.dis-inl {
  display: inline !important;
}

.dis-tbl {
  display: table !important;
}

.dis-cel {
  display: table-cell !important;
}

.dis-flx {
  display: flex !important;
}
@media screen and (min-width: 768px) {
  .dis-flx_pc {
    display: flex !important;
  }
  .dis-flx_pc.s-between {
    justify-content: space-between !important;
  }
  .dis-flx_pc.wrap {
    flex-wrap: wrap !important;
  }
}

.dis-non {
  display: none !important;
}

.tl-fix {
  table-layout: fixed !important;
}

/* float */
.f-l {
  float: left !important;
}

.f-r {
  float: right !important;
}

/* font */
.font-8 {
  font-size: 8px !important;
  font-size: 0.8rem !important;
}

.font-9 {
  font-size: 9px !important;
}

.font-10 {
  font-size: 10px !important;
  font-size: 1rem !important;
}

.font-11 {
  font-size: 11px !important;
}

.font-12 {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}

.font-13 {
  font-size: 13px !important;
  font-size: 1.3rem !important;
}

.font-14 {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
  font-size: 1.6rem !important;
}

.font-18 {
  font-size: 18px !important;
  font-size: 1.8rem !important;
}

.font-20 {
  font-size: 20px !important;
  font-size: 2rem !important;
}

.font-22 {
  font-size: 22px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font-26 {
  font-size: 26px !important;
}

.font-28 {
  font-size: 28px !important;
}

.font-30 {
  font-size: 30px !important;
}

.font-36 {
  font-size: 36px !important;
}

.font-40 {
  font-size: 40px !important;
}

.font-80 {
  font-size: 80px !important;
}

.bold {
  font-weight: 700 !important;
}

.normal {
  font-weight: 400 !important;
}

.f-waraMin {
  font-family: "WaraMin W3";
}

.f-waraMinB {
  font-family: "WaraMin W6";
}

/* font-min */
/* height */
.h-100 {
  height: 100% !important;
}

.ls-5 {
  letter-spacing: 5px;
}

/* line-height */
.lineh-cancel {
  line-height: 1 !important;
}

.lh-14 {
  line-height: 1.4 !important;
}

.lh-16 {
  line-height: 1.6 !important;
}

.lh-17 {
  line-height: 1.7 !important;
}

.lh-18 {
  line-height: 1.8 !important;
}

.lh-20 {
  line-height: 2 !important;
}

.lh-40p {
  line-height: 40px !important;
}

/* margin */
.mt-0 {
  margin-top: 0 !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.m-left {
  margin-right: auto !important;
}

.m-right {
  margin-left: auto !important;
}

.m-center {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* overflow */
.of-h {
  overflow: hidden !important;
}

/* padding */
.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.page-margin_def {
  padding: 0 4.3%;
}

.indent {
  padding-left: 1rem !important;
}

.indent-1 {
  padding-left: 1em !important;
  text-indent: -1em !important;
}

/* position */
.p-fix {
  position: fixed !important;
}

.p-rel {
  position: relative !important;
}

.p-abs {
  position: absolute !important;
}

/* text decoration */
.underline,
.td-u {
  text-decoration: underline !important;
}

.t-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* width */
.w-50 {
  width: 50% !important;
}

.w-100 {
  width: 100% !important;
}

/* opacity */
.op-0 {
  opacity: 0;
  transition: opacity 800ms ease;
}

/* transition */
.trans-render {
  transition: opacity 400ms ease;
}

.trans-slider {
  transition: transform 200ms ease;
}

.loader {
  color: #aaa;
  font-size: 10px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: Loading 1.3s infinite linear;
  transform: translateZ(0);
}

@keyframes catch_moving {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.1);
  }
}
@keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
.l-top-catch {
  display: block;
  width: 100%;
  padding-bottom: 86.8%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.l-top-catch_items {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.l-top-catch_image {
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  transition: transform 7000ms linear;
  position: absolute;
}
.l-top-catch_image[data-index="1"] {
  z-index: 10;
}
.l-top-catch_image[data-index="2"] {
  z-index: 9;
}
.l-top-catch_image[data-index="3"] {
  z-index: 8;
}
.l-top-catch_image.active {
  animation: catch_moving 4s linear;
}

.l-top-catch_text {
  margin-bottom: 4.2%;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  text-shadow: 0 0 6px #444;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  transform: translateY(200px);
  transition: all 1200ms ease;
  opacity: 0;
}
.l-top-catch_text.active {
  transform: translateY(0);
  opacity: 1;
}

.l-top-btn_entry {
  display: block;
  width: 73.3%;
  margin: 30px auto;
}

.l-top-search_area {
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #f8f8f8;
}

.l-top-btns_workform {
  display: flex;
  width: 100%;
  margin: -6px 0 30px;
  justify-content: space-between;
}

.l-top-btn_workform {
  display: table;
  width: 23.7%;
  min-height: 74px;
}

.l-top-btn_workform-text {
  display: table-cell;
  height: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  color: #122a88;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  text-align: center;
  line-height: 1.5;
  white-space: nowrap;
  vertical-align: middle;
}

.l-top-moreBtn {
  display: block;
  width: 64.6%;
  height: 40px;
  font-size: 1.6rem;
  margin: 0 auto;
  line-height: 40px;
}

.l-top-mapArea_btn {
  display: inline-block;
  padding: 8px 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #122a88;
  border: 1px solid #bababa;
  background-color: #fff;
  border-radius: 16px;
}
.l-top-mapArea_btn.on_map {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.l-top-mapArea_btn.off_map {
  width: 31%;
  text-align: center;
}
.l-top-mapArea_btn.tokyo {
  margin: 21% 0 0 27%;
}
.l-top-mapArea_btn.chiba {
  margin: 29% 0 0 55%;
}
.l-top-mapArea_btn.saitama {
  margin: 6% 0 0 22%;
}
.l-top-mapArea_btn.kanagawa {
  margin: 36% 0 0 14%;
}

.l-top-mapList {
  display: block;
  width: 100%;
  margin: 10px 0 30px;
  background-color: #ddeef6;
}

.l-top-mapList-list {
  padding: 12px 22px;
}

.l-top-mapList-list_row {
  display: flex;
  justify-content: space-between;
}
.l-top-mapList-list_row:not(:last-child) {
  margin-bottom: 10px;
}

.l-top-jobCategory {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.l-top-jobCategory_btnWrap {
  display: table;
  width: 23.7%;
  min-height: 94px;
  padding: 53px 0 0;
  font-size: 1.2rem;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}
.l-top-jobCategory_btnWrap.add_m_bottom {
  margin-bottom: 6px;
}

.l-top-jobCategory_btn {
  display: table-cell;
  width: 100%;
  color: #122a88;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  position: relative;
}
.l-top-jobCategory_btn.type1:after, .l-top-jobCategory_btn.type2:after, .l-top-jobCategory_btn.type3:after, .l-top-jobCategory_btn.type4:after, .l-top-jobCategory_btn.type5:after, .l-top-jobCategory_btn.type6:after, .l-top-jobCategory_btn.type7:after, .l-top-jobCategory_btn.type8:after, .l-top-jobCategory_btn.type9:after, .l-top-jobCategory_btn.type10:after, .l-top-jobCategory_btn.type11:after, .l-top-jobCategory_btn.type12:after {
  content: "";
  display: block;
  width: 41.5%;
  padding-bottom: 46.4%;
  transform: translateX(-50%);
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: 1;
}
.l-top-jobCategory_btn.type1:after {
  background: url("../img/sp/icon_jobType1.png") 100% 50% no-repeat;
  background-size: contain;
}
.l-top-jobCategory_btn.type2:after {
  background: url("../img/sp/icon_jobType2.png") 100% 50% no-repeat;
  background-size: contain;
}
.l-top-jobCategory_btn.type3:after {
  background: url("../img/sp/icon_jobType3.png") 100% 50% no-repeat;
  background-size: contain;
}
.l-top-jobCategory_btn.type4:after {
  background: url("../img/sp/icon_jobType4.png") 100% 50% no-repeat;
  background-size: contain;
}
.l-top-jobCategory_btn.type5:after {
  background: url("../img/sp/icon_jobType5.png") 100% 50% no-repeat;
  background-size: contain;
}
.l-top-jobCategory_btn.type6:after {
  background: url("../img/sp/icon_jobType6.png") 100% 50% no-repeat;
  background-size: contain;
}
.l-top-jobCategory_btn.type7:after {
  background: url("../img/sp/icon_jobType7.png") 100% 50% no-repeat;
  background-size: contain;
}
.l-top-jobCategory_btn.type8:after {
  background: url("../img/sp/icon_jobType8.png") 100% 50% no-repeat;
  background-size: contain;
}
.l-top-jobCategory_btn.type9:after {
  background: url("../img/sp/icon_jobType9.png") 100% 50% no-repeat;
  background-size: contain;
}
.l-top-jobCategory_btn.type10:after {
  background: url("../img/sp/icon_jobType10.png") 100% 50% no-repeat;
  background-size: contain;
}
.l-top-jobCategory_btn.type11:after {
  background: url("../img/sp/icon_jobType11.png") 100% 50% no-repeat;
  background-size: contain;
}
.l-top-jobCategory_btn.type12:after {
  background: url("../img/sp/icon_jobType12.png") 100% 50% no-repeat;
  background-size: contain;
}

.l-top-facilityLinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.l-top-facilityLinks_item {
  display: block;
  width: 31.9%;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.l-top-facilityLinks_item.add-m-bottom {
  margin-bottom: 6px;
}

.l-top-facilityLinks_text {
  display: table;
  width: 100%;
}

.l-top-facilityLinks_text-inner {
  display: table-cell;
  width: 100%;
  height: 40px;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 700;
  color: #122a88;
  text-align: center;
  vertical-align: middle;
}

.l-top-promise {
  display: block;
  width: 65.6%;
  padding-bottom: 86.4%;
  position: relative;
}
.l-top-promise.type1 {
  margin-left: 10px;
}
.l-top-promise.type2 {
  margin: 24px 22px 0 auto;
}
.l-top-promise.type3 {
  margin: 26px 0 0 46px;
}

.l-top-promise_title {
  display: block;
  width: 100%;
  line-height: 45px;
  font-size: 1.8rem;
  font-weight: 700;
  padding-left: 54px;
  color: #3e250f;
  position: absolute;
  z-index: 10;
}
.l-top-promise_title.type1 {
  background: url("../img/common/icon_no1.png") 0 50% no-repeat;
  background-size: contain;
}
.l-top-promise_title.type2 {
  background: url("../img/common/icon_no2.png") 0 50% no-repeat;
  background-size: contain;
}
.l-top-promise_title.type3 {
  background: url("../img/common/icon_no3.png") 0 50% no-repeat;
  background-size: contain;
}

.l-top-promise_body {
  display: block;
  width: 93.5%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.l-top-promise_desc {
  display: block;
  width: 100%;
  min-height: 90px;
  padding: 16px 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  color: #3e250f;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}