@charset "UTF-8";
/*
  Theme Name: JA Kino
  Description: Theme of JA Kino
  Author: Shogeisha
  Version: 1.1 */
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@700&family=Ubuntu:wght@400;500&display=swap);
/* ----------------
 * base
 * ---------------- */
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 {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

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

html {
  font-size: 62.5%;
}

body {
  color: #333333;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6rem;
  line-height: 1;
}

button, input, select, textarea {
  box-sizing: border-box;
  padding: 0;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: 100%;
  /*appearance: none */
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}

ol, ul {
  list-style: none;
}

hr {
  margin: 0;
  border: none;
}

blockquote, q {
  quotes: none;
}

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

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

img {
  vertical-align: bottom;
}

a, a:visited, button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #333333;
  text-decoration: none;
}

a:active {
  color: #333333;
  opacity: 0.7;
  transition: 0.2s linear;
}

a.text-link:active {
  text-decoration: underline;
}

:focus {
  outline: none;
  color: #333333;
}

.underline a {
  text-decoration: underline;
}

/* ----------------
 * media query
 * ---------------- */

html {
  position: relative;
}

body {
  min-width: 37.5rem;
}

.taisyouhyou {
  display: flex;
}

/* ----------------
 * Component
 * ---------------- */
.m-headline {
  position: relative;
  padding-bottom: 1.9rem;
  text-align: center;
}

.m-headline:before, .m-headline:after {
  position: absolute;
  bottom: 0;
  width: 2.1rem;
  height: 0;
  border-bottom: .3rem solid;
  content: '';
}

.m-headline:before {
  right: 50%;
}

.m-headline:after {
  left: 50%;
}

.m-headline span {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 3.6rem;
}

.m-headline.n:before {
  border-color: #005A31;
}

.m-headline.n:after {
  border-color: #ab853e;
}

.m-headline.white {
  color: #ffffff;
}

.m-headline.white:before {
  border-color: #ffffff;
}

.m-headline.white:after {
  border-color: #ffffff;
}

.m-headline.recruit:before {
  border-color: #d55832;
}

.m-headline.recruit:after {
  border-color: #d55832;
}

.m-headline.part-time:before {
  border-color: #db7676;
}

.m-headline.part-time:after {
  border-color: #db7676;
}

.m-headline.finance:before {
  border-color: #6b88ae;
}

.m-headline.finance:after {
  border-color: #6b88ae;
}

.m-headline.estate:before {
  border-color: #a27a20;
}

.m-headline.estate:after {
  border-color: #a27a20;
}

.m-headline.mutual:before {
  border-color: #489C8E;
}

.m-headline.mutual:after {
  border-color: #489C8E;
}

.m-headline-sub {
  position: relative;
  padding-bottom: 2.1rem;
  border-bottom: 0.2rem solid #e6e6e6;
}

.m-headline-sub:after {
  position: absolute;
  bottom: -.2rem;
  left: 0;
  width: 5rem;
  border-bottom: 0.2rem solid #005A31;
  content: '';
}

.m-headline-sub.recruit:after {
  border-color: #d55832;
}

.m-headline-sub.part-time:after {
  border-color: #db7676;
}

.m-headline-sub.estate:after {
  border-color: #a27a20;
}

.m-headline-sub > span {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .06em;
  line-height: 2.9rem;
}

.m-headline-sub .supplement {
  font-size: 1.4rem;
  font-weight: 700;
}

.m-headline-sub2 {
  position: relative;
  margin-top: 3rem;
  padding-left: 1.5rem;
  color: #333333;
  font-size: 1.8rem;
  letter-spacing: .1em;
  line-height: 2.7rem;
}

.m-headline-sub2:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-left: 0.5rem solid #6b88ae;
  content: '';
}

.m-breadcrumb {
  display: flex;
  z-index: 200;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 1.7rem 2rem 0;
}

.m-breadcrumb li {
  position: relative;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 1.9rem;
}

.m-breadcrumb li + li {
  margin-left: 2.3rem;
}

.m-breadcrumb li + li:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.6rem;
  width: .5rem;
  height: .5rem;
  margin: auto;
  transform: rotate(-45deg);
  border-right: 0.1rem solid #ffffff;
  border-bottom: 0.1rem solid #ffffff;
  color: #ffffff;
  content: '';
}

.m-breadcrumb li a {
  color: #ffffff;
  text-decoration: underline;
}

.m-breadcrumb li a:hover, .m-breadcrumb li a:active, .m-breadcrumb li a:visited {
  color: #ffffff;
  text-decoration: none;
}

.m-breadcrumb li span {
  color: #ffffff;
}

.m-title {
  position: relative;
  background-position: center center;
  background-size: cover;
}

.m-title:before {
  display: block;
  padding-top: 86.66667%;
  content: '';
}

.m-title.s {
  background-color: #005A31;
}

.m-title.s:before {
  padding-top: 69.33333%;
}

.m-title > .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.m-title .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: .25em;
  line-height: 4.7rem;
  text-align: center;
}

.m-lead {
  padding-top: 4rem;
  padding-bottom: 6rem;
}

.m-lead > .inner .lead-title {
  display: flex;
  justify-content: center;
}

.m-lead > .inner .lead-title span {
  display: block;
  position: relative;
  width: 100%;
  padding: 2rem 0;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .2em;
  line-height: 4rem;
  text-align: center;
}

.m-lead > .inner .lead-title span:before, .m-lead > .inner .lead-title span:after {
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-style: solid;
  content: '';
}

.m-lead > .inner .lead-title span:before {
  top: 0;
  left: 0;
  border-width: .2rem 0 0 .2rem;
}

.m-lead > .inner .lead-title span:after {
  right: 0;
  bottom: 0;
  border-width: 0 .2rem .2rem 0;
}

.m-lead > .inner .lead-text {
  margin-top: 4rem;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 3.2rem;
}

.m-anchors {
  position: relative;
  height: 6.6rem;
}

.m-anchors .anchors-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 6.6rem;
  overflow: auto;
  background-color: #333333;
}

.m-anchors .anchors-nav ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}

.m-anchors .anchors-nav ul li {
  height: 100%;
  padding-right: 2rem;
  text-align: center;
}

.m-anchors .anchors-nav ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .06em;
  line-height: 2.3rem;
  white-space: nowrap;
}

.m-file-buttons {
  overflow: hidden;
}

.m-file-buttons ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: -2rem;
}

.m-file-buttons ul li {
  margin-top: 2rem;
}

.m-button {
  display: block;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 5.4rem;
  margin: 0 auto;
  padding: 1.5rem 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 2.4rem;
  cursor: pointer;
  transition: .2s linear;
}

.m-button.contact {
  min-height: 4rem;
  padding: .8rem 2rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.m-button.c {
  text-align: center;
}

.m-button.left {
  justify-content: flex-start;
}

.m-button.arrow:before {
  z-index: 100;
  position: absolute;
  top: 0;
  right: 2.6rem;
  bottom: 0;
  width: .5rem;
  height: .5rem;
  margin: auto;
  transform: rotate(-45deg);
  border-right: .2rem solid;
  border-bottom: .2rem solid;
  content: '';
  pointer-events: none;
}

.m-button.arrow:after {
  position: absolute;
  top: 0;
  right: 2rem;
  bottom: 0;
  width: 1.6rem;
  height: 1.6rem;
  margin: auto;
  border-radius: .8rem;
  font-size: 1rem;
  line-height: 1.6rem;
  content: '';
  pointer-events: none;
}

.m-button.arrow-left:before {
  right: auto;
  left: 2.6rem;
  transform: rotate(135deg);
}

.m-button.pdf:after {
  position: absolute;
  top: 0;
  right: 2rem;
  bottom: 0;
  width: 3.2rem;
  height: 1.8rem;
  margin: auto;
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-align: center;
  content: 'PDF';
  pointer-events: none;
}

.m-button.external:after {
  position: absolute;
  top: 0;
  right: 2.6rem;
  bottom: 0;
  width: 1.3rem;
  height: 1rem;
  margin: auto;
  background-image: url(./img/external_link.png);
  background-size: 100% 100%;
  content: '';
  pointer-events: none;
}

.m-button.external input[type=submit], .m-button.external input[type=button] {
  color: #ffffff;
  cursor: pointer;
}

.m-button.expand:before {
  z-index: 100;
  position: absolute;
  top: 0;
  right: 2.6rem;
  bottom: 0;
  width: .5rem;
  height: .5rem;
  margin: auto;
  transform: rotate(45deg);
  border-right: .2rem solid;
  border-bottom: .2rem solid;
  content: '';
  pointer-events: none;
}

.m-button.expand[data-opeded=true] {
  transform: rotate(-135deg);
}

.m-button.black {
  background-color: #333333;
  color: #ffffff;
}

.m-button.black.pdf:after {
  background-color: #ffffff;
  color: #333333;
}

.m-button.black input {
  color: #ffffff;
}

.m-button.white {
  background-color: #ffffff;
  color: #333333;
}

.m-button.white:after {
  background-color: #005A31;
  color: #ffffff;
}

.m-button.recruit {
  background-color: #d55832;
  color: #ffffff;
}

.m-button.part-time {
  background-color: #db7676;
  color: #ffffff;
}

.m-button.finance {
  background-color: #6b88ae;
  color: #ffffff;
}

.m-button input[type=submit] {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
}

.m-scrollbar::-webkit-scrollbar-track {
  border-radius: .2rem;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

.m-scrollbar::-webkit-scrollbar-thumb {
  border-radius: .2rem;
  background-color: rgba(0, 0, 50, 0.5);
}

.m-scrollbar.h::-webkit-scrollbar {
  height: .4rem;
}

ul.m-news {
  width: 100%;
  border-top: 0.1rem solid #e6e6e6;
}

ul.m-news li {
  border-bottom: 0.1rem solid #e6e6e6;
}

ul.m-news li a {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2.4rem 0;
}

ul.m-news li a .meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

ul.m-news li a .meta .date {
  margin-right: 1.6rem;
  font-family: "Ubuntu", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: .14em;
}

ul.m-news li a .meta .category {
  width: 13.6rem;
  height: 3rem;
  border-radius: 1.5rem;
  background-color: #333333;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 3rem;
  text-align: center;
}

ul.m-news li a .title {
  margin-top: 1.2rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .08em;
  line-height: 2.6rem;
}

/* ----------------
 * Header
 * ---------------- */
.l-header {
  z-index: 3000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 7.8rem;
  background-color: #ffffff;
}

.l-header.scrolled {
  box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, 0.1);
}

.l-header.scrolled.with-anchor {
  box-shadow: none;
}

.l-header .title-header {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  transition: height .2s linear;
}

.l-header .title-header > .inner {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 .7rem 0 2.5rem;
  transition: height .2s linear;
}

.l-header .title-header > .inner .logo {
  width: 15.6rem;
  height: 4.8rem;
}

.l-header .title-header > .inner .logo a {
  display: block;
  height: 100%;
  overflow: hidden;
  background-image: url(./img/logo.png);
  background-size: 100% 100%;
  text-indent: 100%;
  white-space: nowrap;
}

.l-header .title-header > .inner .logo a:hover, .l-header .title-header > .inner .logo a:active {
  opacity: 1;
}

.l-header .title-header > .inner .spmenu {
  width: 3.8rem;
  height: 3.8rem;
}

.l-header .title-header > .inner .spmenu[data-opened=true] a.open {
  display: none;
}

.l-header .title-header > .inner .spmenu[data-opened=true] a.close {
  display: block;
}

.l-header .title-header > .inner .spmenu a.open {
  display: block;
  height: 100%;
  background-image: url(./img/menu_sp.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 3rem 2.9rem;
}

.l-header .title-header > .inner .spmenu a.close {
  display: none;
  height: 100%;
  background-image: url(./img/close_sp.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 3.8rem 3.8rem;
}

/* ----------------
 * Footer
 * ---------------- */
.l-footer {
  position: relative;
  border-top: 0.3rem solid #005A31;
}

.l-footer:before {
  position: absolute;
  top: -.3rem;
  right: 0;
  width: 50%;
  border-top: 0.3rem solid #ab853e;
  content: '';
}

.l-footer .wrapper {
  padding-top: 5.9rem;
  padding-bottom: 3.6rem;
}

.l-footer .wrapper .main .logo {
  width: 23rem;
  height: 8.43952rem;
  margin: 0 auto;
  overflow: hidden;
  background-image: url(./img/logo_footer.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
}

.l-footer .wrapper .main .info {
  margin-top: 5rem;
}

.l-footer .wrapper .main .info div {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: .07em;
  line-height: 2.1rem;
  text-align: center;
}

.l-footer .wrapper .main .info div.tel-fax {
  margin-top: 1.1rem;
}

.l-footer .wrapper .nav {
  display: flex;
  justify-content: space-between;
  width: 59rem;
}

.l-footer .wrapper .nav .menu > li {
  font-size: 1.4rem;
  letter-spacing: .05em;
}

.l-footer .wrapper .nav .menu > li + li {
  margin-top: 2.4rem;
}

.l-footer .wrapper .nav .menu > li > .link {
  position: relative;
  height: 2rem;
  padding-left: 1.1rem;
  line-height: 2rem;
}

.l-footer .wrapper .nav .menu > li > .link:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-top: .4rem solid transparent;
  border-bottom: .4rem solid transparent;
  border-left: 0.4rem solid #005A31;
  content: '';
}

.l-footer .wrapper .nav .menu > li > ul > li {
  margin-top: 1.6rem;
  line-height: 2.6rem;
}

.l-footer .wrapper .nav .menu > li > ul > li > .link {
  padding-left: 2.1rem;
}

.l-footer .wrapper .nav .menu > li > ul > li > .link:before {
  content: '- ';
}

.l-footer .wrapper .nav .menu > li > ul > li > ul > li > .link {
  padding-left: 3.6rem;
}

.l-footer .wrapper .nav .menu > li > ul > li > ul > li > .link:before {
  content: '- ';
}

.l-footer .copy {
  height: 3rem;
  background-color: #005A31;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: .06em;
  line-height: 3rem;
  text-align: center;
}

.pagetop {
  display: none;
  position: fixed;
  right: 1.5rem;
  bottom: 9rem;
  width: 4rem;
  height: 4rem;
}

.pagetop a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 2rem;
  background-color: #333333;
  text-indent: 100%;
  white-space: nowrap;
}

.pagetop a:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: .6rem;
  height: .6rem;
  margin: auto;
  transform: rotate(135deg);
  border-bottom: 0.1rem solid #ffffff;
  border-left: 0.1rem solid #ffffff;
  content: '';
}

.footer-google-map {
  position: relative;
  margin-top: 1.1rem;
}

.footer-google-map:after {
  display: inline-block;
  z-index: 100;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1.4rem;
  height: 1.2rem;
  margin: auto;
  padding-left: 16px;
  background-image: url(./img/external_link_green.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

/* ----------------
 * Content
 * --------------- */
main.l-main {
  width: 100%;
  padding-top: 7.8rem;
  overflow: hidden;
}

/* Top */
.l-p-top .l-main-visual {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #000000;
}

.l-p-top .l-main-visual:before {
  display: block;
  padding-top: 128.53333%;
  content: '';
}

.l-p-top .l-main-visual .slider {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translateX(-50%);
}

.l-p-top .l-main-visual .slider img {
  width: 100%;
  height: auto;
}

.l-p-top .l-main-visual > .wrapper .slide-index {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 22.2rem;
  height: 4rem;
  padding-left: 2rem;
  background-color: #005A31;
  color: #ffffff;
  font-family: "Ubuntu", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: .14em;
  line-height: 4rem;
}

.l-p-top .l-main-visual > .wrapper .slide-index .current {
  margin-right: 1rem;
  font-size: 1.8rem;
}

.l-p-top .l-main-visual > .wrapper .slide-index .total {
  margin-left: 1rem;
}

.l-p-top .l-main-visual > .wrapper .slide-index .arrows {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  justify-content: space-between;
  width: 8.2rem;
}

.l-p-top .l-main-visual > .wrapper .slide-index .arrow {
  display: block;
  position: relative;
  width: 4rem;
  height: 4rem;
  background-color: #000000;
}

.l-p-top .l-main-visual > .wrapper .slide-index .arrow:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: .5rem;
  height: .5rem;
  margin: auto;
  border-right: 0.2rem solid #ffffff;
  border-bottom: 0.2rem solid #ffffff;
  content: '';
}

.l-p-top .l-main-visual > .wrapper .slide-index .arrow.prev:before {
  transform: rotate(135deg);
}

.l-p-top .l-main-visual > .wrapper .slide-index .arrow.next:before {
  transform: rotate(-45deg);
}

.l-p-top .l-main-visual .slick-dots {
  display: flex;
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  flex-direction: column;
  justify-content: center;
  width: auto;
  height: 80%;
  margin: auto;
}

.l-p-top .l-main-visual .slick-dots li {
  position: relative;
  flex: 1;
  width: .4rem;
  max-height: 10rem;
  margin: 0;
  border-radius: .2em;
  background-color: #ffffff;
}

.l-p-top .l-main-visual .slick-dots li:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-radius: .2em;
  background-color: #005A31;
  content: '';
}

.l-p-top .l-main-visual .slick-dots li.slick-active:after {
  height: 100%;
  transition: 4.5s linear;
}

.l-p-top .l-main-visual .slick-dots li + li {
  margin-top: 1.6rem;
}

.l-p-top .l-main-visual .slick-dots li button {
  width: 100%;
  height: 100%;
}

.l-p-top .l-main-visual .slick-dots li button:before {
  display: none;
}

.l-p-top .l-banners {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 3rem;
}

.l-p-top .l-banners:after {
  z-index: -1;
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  width: 100%;
  height: 24rem;
  background-color: #F7F2E9;
  content: '';
}

.l-p-top .l-banners .banner-wrapper {
  position: relative;
  width: 100%;
  height: auto;
}

.l-p-top .l-banners .banner-wrapper .arrows {
  display: flex;
  z-index: 100;
  position: absolute;
  top: 9rem;
  left: 50%;
  justify-content: space-between;
  width: calc(100% - 1rem);
  transform: translate(-50%, 0);
  pointer-events: none;
}

.l-p-top .l-banners .banner-wrapper .arrows a.arrow {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #000000;
  pointer-events: auto;
}

.l-p-top .l-banners .banner-wrapper .arrows a.arrow.prev:before {
  transform: rotate(-45deg);
}

.l-p-top .l-banners .banner-wrapper .arrows a.arrow.next:before {
  transform: rotate(135deg);
}

.l-p-top .l-banners .banner-wrapper .arrows a.arrow:before {
  display: block;
  width: .4rem;
  height: .4rem;
  border-top: 0.2rem solid #ffffff;
  border-left: 0.2rem solid #ffffff;
  content: '';
}

.l-p-top .l-banners .banner-wrapper .slider-banner {
  width: 100%;
}

.l-p-top .l-banners .banner-wrapper .slider-banner .slider-item {
  padding: 0 2rem;
}

.l-p-top .l-banners .banner-wrapper .slider-banner .slider-item a {
  display: block;
  height: 100%;
}

.l-p-top .l-banners .banner-wrapper .slider-banner .slider-item a img {
  width: 100%;
  height: auto;
}

.l-p-top .l-banners .banner-thumbnail-wrapper {
  padding: 2rem 2rem 0;
}

.l-p-top .l-banners .banner-thumbnail-wrapper .banner-thumbnail {
  display: flex;
  justify-content: space-between;
}

.l-p-top .l-banners .banner-thumbnail-wrapper .banner-thumbnail li {
  width: calc((100% - .5rem * 4) / 5);
}

.l-p-top .l-banners .banner-thumbnail-wrapper .banner-thumbnail li a {
  display: block;
}

.l-p-top .l-banners .banner-thumbnail-wrapper .banner-thumbnail li a.active {
  outline: 2px solid #6B88AE;
}

.l-p-top .l-banners .banner-thumbnail-wrapper .banner-thumbnail li a img {
  width: 100%;
  height: auto;
}

.l-p-top .l-content-menu {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: #f7f7f7;
}

.l-p-top .l-content-menu > .inner ul {
  display: flex;
  flex-wrap: wrap;
}

.l-p-top .l-content-menu > .inner ul li {
  position: relative;
  width: 50%;
}

.l-p-top .l-content-menu > .inner ul li:before {
  display: block;
  padding-top: 88.02395%;
  content: '';
}

.l-p-top .l-content-menu > .inner ul li.about {
  background-color: #005726;
}

.l-p-top .l-content-menu > .inner ul li.about a .floating {
  background-image: url(./img/menu_content_about_sp.png);
}

.l-p-top .l-content-menu > .inner ul li.agriculture {
  background-color: #005726;
}

.l-p-top .l-content-menu > .inner ul li.agriculture a .floating {
  background-image: url(./img/menu_content_agriculture_sp_2.png);
}

.l-p-top .l-content-menu > .inner ul li.suzuran {
  background-color: #a27a20;
}

.l-p-top .l-content-menu > .inner ul li.suzuran a .floating {
  background-image: url(./img/menu_content_suzuran_sp.png);
}

.l-p-top .l-content-menu > .inner ul li.gasoline-stand {
  background-color: #e08a16;
}

.l-p-top .l-content-menu > .inner ul li.gasoline-stand a .floating {
  background-image: url(./img/menu_content_gasoline_stand_sp.png);
}

.l-p-top .l-content-menu > .inner ul li.recruit {
  background-color: #d55832;
}

.l-p-top .l-content-menu > .inner ul li.recruit a .floating {
  background-image: url(./img/menu_content_recruit_sp.png);
}

.l-p-top .l-content-menu > .inner ul li.part-time {
  background-color: #b2464a;
}

.l-p-top .l-content-menu > .inner ul li.part-time a .floating {
  background-image: url(./img/menu_content_part_time_sp.png);
}

.l-p-top .l-content-menu > .inner ul li.hapio {
  background-color: #0a5237;
}

.l-p-top .l-content-menu > .inner ul li.hapio a .floating {
  background-image: url(./img/menu_content_hapio_sp.png);
}

.l-p-top .l-content-menu > .inner ul li.estate {
  background-color: #b7879b;
}

.l-p-top .l-content-menu > .inner ul li.estate a .floating {
  background-image: url(./img/menu_content_estate_sp_3.png);
}

.l-p-top .l-content-menu > .inner ul li.finance {
  background-color: #6b88ae;
}

.l-p-top .l-content-menu > .inner ul li.finance a .floating {
  background-image: url(./img/menu_content_finance_sp.png);
}

.l-p-top .l-content-menu > .inner ul li.mutual-aid {
  background-color: #7bb1ae;
}

.l-p-top .l-content-menu > .inner ul li.mutual-aid a .floating {
  background-image: url(./img/menu_content_mutual_aid_sp.png);
}

.l-p-top .l-content-menu > .inner ul li.youth {
  background-color: #005726;
}

.l-p-top .l-content-menu > .inner ul li.youth a .floating {
  background-image: url(./img/menu_content_youth_sp.png);
}

.l-p-top .l-content-menu > .inner ul li.wemen {
  background-color: #005726;
}

.l-p-top .l-content-menu > .inner ul li.wemen a .floating {
  background-image: url(./img/menu_content_wemen_sp.png);
}

.l-p-top .l-content-menu > .inner ul li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
}

.l-p-top .l-content-menu > .inner ul li a .floating {
  display: flex;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: inherit;
  background-position: center center;
  background-size: cover;
  text-align: center;
  transition: 0.2s linear;
}

.l-p-top .l-content-menu > .inner ul li a .floating:before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(./img/brightness.png);
  content: '';
  transition: 0.2s linear;
}

.l-p-top .l-content-menu > .inner ul li a.external span:after {
  display: block;
  width: 1.4rem;
  height: 2.4rem;
  margin: auto;
  background-image: url(./img/external_link.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: '';
}

.l-p-top .l-content-menu > .inner ul li a span {
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 2.2rem;
}

.l-p-top .l-news > .inner {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.l-p-top .l-news > .inner .content {
  margin-top: 4rem;
}

.l-p-top .l-news > .inner .content .buttons {
  margin-top: 4rem;
}

.l-p-top .l-sns {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: #f7f7f7;
}

.l-p-top .l-sns > .inner ul {
  margin-top: 4rem;
}

.l-p-top .l-sns > .inner ul li {
  position: relative;
}

.l-p-top .l-sns > .inner ul li + li {
  margin-top: 2rem;
}

.l-p-top .l-sns > .inner ul li:before {
  display: block;
  padding-top: 62.68657%;
  content: '';
}

.l-p-top .l-sns > .inner ul li.youtube-ja-kino {
  background-color: #005A31;
}

.l-p-top .l-sns > .inner ul li.youtube-ja-kino a .floating {
  background-image: url(./img/youtube_jakino_sp.jpg);
}

.l-p-top .l-sns > .inner ul li.facebook-jakino {
  background-color: #005A31;
}

.l-p-top .l-sns > .inner ul li.facebook-jakino a .floating {
  background-image: url(./img/facebook_jakino_sp.png);
}

.l-p-top .l-sns > .inner ul li.facebook-hapio {
  background-color: #005A31;
}

.l-p-top .l-sns > .inner ul li.facebook-hapio a .floating {
  background-image: url(./img/facebook_hapio_sp.png);
}

.l-p-top .l-sns > .inner ul li.instagram-jakino {
  background-color: #005A31;
}

.l-p-top .l-sns > .inner ul li.instagram-jakino a .floating {
  background-image: url(./img/instagram_jakino_sp.jpg);
}

.l-p-top .l-sns > .inner ul li.instagram-hapio {
  background-color: #005A31;
}

.l-p-top .l-sns > .inner ul li.instagram-hapio a .floating {
  background-image: url(./img/instagram_hapio_sp.png);
}

.l-p-top .l-sns > .inner ul li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
}

.l-p-top .l-sns > .inner ul li a .floating {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 6.3rem;
  background-color: inherit;
  background-position: center center;
  background-size: cover;
  text-align: center;
  transition: 0.2s linear;
}

.l-p-top .l-sns > .inner ul li a .floating:before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(./img/brightness.png);
  content: '';
  transition: 0.2s linear;
}

.l-p-top .l-sns > .inner ul li a .floating:after {
  position: absolute;
  top: 2rem;
  left: 2rem;
  width: 3.4rem;
  height: 3.4rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: '';
}

.l-p-top .l-sns > .inner ul li a .floating.youtube:after {
  background-image: url(./img/icon_youtube.png);
}

.l-p-top .l-sns > .inner ul li a .floating.line:after {
  background-image: url(./img/icon_line.png);
}

.l-p-top .l-sns > .inner ul li a .floating.facebook:after {
  background-image: url(./img/icon_facebook.png);
}

.l-p-top .l-sns > .inner ul li a .floating.instagram:after {
  background-image: url(./img/icon_instagram.png);
}

.l-p-top .l-sns > .inner ul li a .title {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 2.9rem;
}

.l-p-top .l-sns > .inner ul li a .description {
  margin-top: 2.2rem;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 3rem;
}

/* About */
.l-p-about .m-title {
  background-image: url(./img/title_about_sp.png);
}

.l-p-about .l-section {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.l-p-about .l-section > .title-img {
  aspect-ratio: 720 / 390;
  width: 100%;
  max-width: 72rem;
  margin: 0 auto 3rem;
  text-align: center;
}

.l-p-about .l-section > .title-img img {
  -o-object-fit: cover;
  width: 100%;
  height: 100%;
     object-fit: cover;
}

.l-p-about .l-section > .inner .content-wrapper .content-sub {
  padding-bottom: 4rem;
}

.l-p-about .l-section > .inner .content-wrapper .content-sub:last-child {
  padding-bottom: 0;
}

.l-p-about .l-section > .inner .content-wrapper .title {
  margin-top: 3.4rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .2em;
  line-height: 4rem;
}

.l-p-about .l-section > .inner .content-wrapper .title + .text {
  margin-top: 1rem;
}

.l-p-about .l-section > .inner .content-wrapper .text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
}

.l-p-about .l-section > .inner .content-wrapper .text + .text {
  margin-top: 3rem;
}

.l-p-about .l-section > .inner .content-wrapper ul.list li {
  position: relative;
  margin-top: .8rem;
  padding-left: 1em;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
}

.l-p-about .l-section > .inner .content-wrapper ul.list li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '・';
}

.l-p-about .l-section > .inner .content-wrapper .m-headline-sub + .text, .l-p-about .l-section > .inner .content-wrapper .m-headline-sub + .list {
  margin-top: 3rem;
}

.l-p-about .l-section.greeting > .inner .content-wrapper {
  margin-top: 3rem;
}

.l-p-about .l-section.greeting > .inner .content-wrapper .signature p {
  margin: 1.5rem 0 1rem;
}

.l-p-about .l-section.management > .inner .content-wrapper, .l-p-about .l-section.history > .inner .content-wrapper, .l-p-about .l-section.basic > .inner .content-wrapper, .l-p-about .l-section.logomark > .inner .content-wrapper, .l-p-about .l-section.charactor > .inner .content-wrapper, .l-p-about .l-section.description > .inner .content-wrapper {
  margin-top: 3rem;
}

.l-p-about .l-section.disclosure > .inner, .l-p-about .l-section.letter > .inner {
  flex-direction: column;
}

.l-p-about .l-section.disclosure > .inner .content-wrapper, .l-p-about .l-section.letter > .inner .content-wrapper {
  margin-top: 3rem;
}

.l-p-about .l-section.greeting > .inner .title-wrapper .picture {
  margin: 4rem -4rem 0;
}

.l-p-about .l-section.greeting > .inner .title-wrapper .picture img {
  width: 100%;
  height: auto;
}

.l-p-about .l-section.greeting > .inner .content-wrapper .signature {
  margin-top: 1rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.8rem;
}

.l-p-about .l-section.management {
  background-color: #f7f2e9;
}

.l-p-about .l-section.management > .inner .content-wrapper .line {
  width: 3rem;
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
  border-top: 0.2rem solid #005A31;
}

.l-p-about .l-section.management > .inner .content-wrapper .policy {
  margin-top: 2rem;
  margin-right: -2rem;
  margin-left: -2rem;
  counter-reset: policy;
}

.l-p-about .l-section.management > .inner .content-wrapper .policy li {
  padding: 1rem 0 1rem 1rem;
  background-color: #ffffff;
}

.l-p-about .l-section.management > .inner .content-wrapper .policy li + li {
  margin-top: 1rem;
}

.l-p-about .l-section.management > .inner .content-wrapper .policy li span {
  display: block;
  position: relative;
  padding-left: 2.4rem;
  color: #333333;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .03em;
  line-height: 3rem;
}

.l-p-about .l-section.management > .inner .content-wrapper .policy li span:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #005A31;
  content: counter(policy) ".";
  counter-increment: policy;
}

.l-p-about .l-section.basic {
  background-color: #f7f7f7;
}

.l-p-about .l-section.basic > .inner .content-wrapper .catchphrase {
  margin-top: 3.4rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 3.4rem;
  font-weight: 700;
  letter-spacing: .25em;
  line-height: 5.5rem;
}

.l-p-about .l-section.basic > .inner .content-wrapper .catchphrase ruby {
  margin-right: 0;
}

.l-p-about .l-section.basic > .inner .content-wrapper .catchphrase rt {
  font-size: 1.6rem;
}

.l-p-about .l-section.basic > .inner .content-wrapper .base {
  margin-top: 3.4rem;
  counter-reset: base;
}

.l-p-about .l-section.basic > .inner .content-wrapper .base li + li {
  margin-top: 1rem;
}

.l-p-about .l-section.basic > .inner .content-wrapper .base li span {
  display: block;
  position: relative;
  padding-left: 2.4rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 3rem;
}

.l-p-about .l-section.basic > .inner .content-wrapper .base li span:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #005A31;
  content: counter(base) ".";
  counter-increment: base;
}

.l-p-about .l-section.logomark > .inner .title-wrapper .logo {
  width: 60%;
  margin: 3rem auto 0;
  padding-bottom: 3rem;
}

.l-p-about .l-section.logomark > .inner .title-wrapper .logo img {
  width: 100%;
}

.l-p-about .l-section.logomark > .inner .content-wrapper .content-sub .text a.external span {
  position: relative;
  padding-right: 2.3rem;
  text-decoration: underline;
}

.l-p-about .l-section.logomark > .inner .content-wrapper .content-sub .text a.external span:after {
  display: inline-block;
  z-index: 100;
  position: absolute;
  top: 0;
  right: .4rem;
  bottom: 0;
  width: 1.4rem;
  height: 1.2rem;
  margin: auto;
  background-image: url(./img/external_link_green.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

.l-p-about .l-section.logomark > .inner .content-wrapper .content-sub .image {
  margin-top: 3rem;
  margin-right: -4rem;
  margin-left: -4rem;
}

.l-p-about .l-section.logomark > .inner .content-wrapper .content-sub .image + .text {
  margin-top: 3rem;
}

.l-p-about .l-section.logomark > .inner .content-wrapper .content-sub .image img {
  width: 100%;
}

.l-p-about .l-section.charactor {
  background-color: #f7f2e9;
}

.l-p-about .l-section.charactor > .inner .content-wrapper .content-sub .main-img img {
  width: 100%;
  height: auto;
}

.l-p-about .l-section.charactor > .inner .content-wrapper .content-sub .text {
  margin-top: 3rem;
  font-size: 1.6rem;
  letter-spacing: .05em;
  line-height: 3rem;
  text-align: justify;
}

.l-p-about .l-section.charactor > .inner .content-wrapper .content-sub .m-headline-sub {
  margin-top: 5rem;
}

.l-p-about .l-section.charactor > .inner .content-wrapper .content-sub .charactor-img {
  margin-top: 3rem;
}

.l-p-about .l-section.charactor > .inner .content-wrapper .content-sub .charactor-img img {
  width: 100%;
  height: auto;
}

.l-p-about .l-section.charactor > .inner .content-wrapper .content-sub dl.profile {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1rem;
}

.l-p-about .l-section.charactor > .inner .content-wrapper .content-sub dl.profile dt {
  width: 100%;
  margin-top: 1rem;
  padding: 1.3rem 1rem 0;
  background-color: #ffffff;
  color: #005A31;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .06em;
  line-height: 2.4rem;
}

.l-p-about .l-section.charactor > .inner .content-wrapper .content-sub dl.profile dd {
  width: 100%;
  padding: 1rem 1rem 1.3rem;
  background-color: #ffffff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .06em;
  line-height: 3rem;
  text-align: justify;
}

.l-p-about .l-section.disclosure {
  padding-bottom: 0;
  background-color: #f7f7f7;
}

.l-p-about .l-section.disclosure > .inner {
  padding-bottom: 4rem;
  border-bottom: 0.2rem solid #e6e6e6;
}

.l-p-about .l-section.letter {
  background-color: #f7f7f7;
}

/* Youth, Wemen */
.l-p-branch.youth .m-title {
  background-image: url(./img/title_youth_sp.png);
}

.l-p-branch.wemen .m-title {
  background-image: url(./img/title_wemen_sp.png);
}

.l-p-branch .m-lead > .inner .lead-title span:before, .l-p-branch .m-lead > .inner .lead-title span:after {
  border-color: #005A31;
}

.l-p-branch .m-lead > .inner .works ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 4rem -1.6rem 0;
}

.l-p-branch .m-lead > .inner .works ul li {
  margin: .2rem;
  padding: .8rem 1rem;
  background-color: #f7f2e9;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: .02em;
  line-height: 1.7rem;
  text-align: center;
}

.l-p-branch .l-platform {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #f7f2e9;
}

.l-p-branch .l-platform > .inner .text {
  margin-top: 4rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
  text-align: center;
}

.l-p-branch .l-platform > .inner .policy {
  margin-top: 3rem;
  margin-right: -2rem;
  margin-left: -2rem;
  counter-reset: policy;
}

.l-p-branch .l-platform > .inner .policy li {
  padding: 1rem 0 1rem 1rem;
  background-color: #ffffff;
}

.l-p-branch .l-platform > .inner .policy li + li {
  margin-top: 1rem;
}

.l-p-branch .l-platform > .inner .policy li span {
  display: block;
  position: relative;
  padding-left: 2.4rem;
  color: #333333;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .03em;
  line-height: 3rem;
}

.l-p-branch .l-platform > .inner .policy li span:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #005A31;
  content: counter(policy) ".";
  counter-increment: policy;
}

.l-p-branch .l-greeting {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}

.l-p-branch .l-greeting .inner {
  margin-top: 4rem;
}

.l-p-branch .l-greeting .inner .image-wrapper .picture img {
  width: 100%;
  height: auto;
}

.l-p-branch .l-greeting .inner .content-wrapper {
  padding-top: 3rem;
}

.l-p-branch .l-greeting .inner .content-wrapper .text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-branch .l-greeting .inner .content-wrapper .signature {
  margin-top: 3rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 2.8rem;
}

.l-p-branch .l-officer {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.l-p-branch .l-officer > .inner ul {
  margin-top: 4rem;
}

.l-p-branch .l-officer > .inner ul li .image img {
  width: 100%;
}

.l-p-branch .l-officer > .inner ul li .meta {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-top: 1.1rem;
}

.l-p-branch .l-officer > .inner ul li .meta .department {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
}

.l-p-branch .l-officer > .inner ul li .meta .name {
  margin-left: 1.5rem;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .1em;
}

.l-p-branch .l-plan {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}

.l-p-branch .l-plan > .inner .m-file-buttons {
  margin-top: 4rem;
}

/* Agriculture */
.l-p-agriculture .m-title {
  background-image: url(./img/title_agriculture_sp.png);
}

.l-p-agriculture .m-lead > .inner .lead-title span:before, .l-p-agriculture .m-lead > .inner .lead-title span:after {
  border-color: #005A31;
}

.l-p-agriculture .l-crops {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}

.l-p-agriculture .l-crops .m-anchors {
  margin-top: 2.7rem;
}

.l-p-agriculture .l-crops .crops-list ul li {
  position: relative;
  margin-top: 2rem;
  background-color: #ffffff;
}

.l-p-agriculture .l-crops .crops-list ul li .image {
  top: 0;
  left: 0;
  width: 100%;
}

.l-p-agriculture .l-crops .crops-list ul li .image img {
  width: 100%;
}

.l-p-agriculture .l-crops .crops-list ul li .description {
  margin-top: -4rem;
  padding: 0 2rem 2rem;
  background-color: #ffffff;
}

.l-p-agriculture .l-crops .crops-list ul li .description .text {
  margin-top: 2.1rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 3rem;
}

.l-p-agriculture .l-crops .crops-list ul li .description dl.info {
  margin-top: 2rem;
  border-top: 0.1rem solid #e6e6e6;
  border-left: 0.1rem solid #e6e6e6;
}

.l-p-agriculture .l-crops .crops-list ul li .description dl.info dt, .l-p-agriculture .l-crops .crops-list ul li .description dl.info dd {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.3rem;
}

.l-p-agriculture .l-crops .crops-list ul li .description dl.info dt {
  width: 9.6rem;
  padding: 1.5rem 0 1.5rem 1.5rem;
  float: left;
  color: #999999;
}

.l-p-agriculture .l-crops .crops-list ul li .description dl.info dd {
  width: 100%;
  padding: 1.5rem 1rem 1.5rem 9.6rem;
  border-right: 0.1rem solid #e6e6e6;
  border-bottom: 0.1rem solid #e6e6e6;
}

.l-p-agriculture .l-recipe {
  padding-top: 5.4rem;
  padding-bottom: 5.3rem;
  background-color: #005A31;
}

.l-p-agriculture .l-recipe > .inner p.text {
  margin-top: 4.1rem;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 3.6rem;
}

.l-p-agriculture .l-recipe > .inner .image {
  position: relative;
  margin: 4rem -2rem 0;
  background-image: url(./img/hapio_recipe_sp.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.l-p-agriculture .l-recipe > .inner .image:after {
  display: block;
  top: 0;
  left: 0;
  padding-top: 31.9403%;
  content: '';
}

.l-p-agriculture .l-recipe > .inner .buttons {
  margin-top: 3.8rem;
}

/* recruit */
.l-p-recruit .m-title {
  background-image: url(./img/title_recruit_sp.png);
}

.l-p-recruit .m-lead > .inner .lead-title span:before, .l-p-recruit .m-lead > .inner .lead-title span:after {
  border-color: #d55832;
}

.l-p-recruit .l-news {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}

.l-p-recruit .l-news .content {
  margin-top: 3.5rem;
}

.l-p-recruit .l-news .content .buttons {
  margin-top: 4rem;
}

.l-p-recruit .l-work {
  padding-top: 6rem;
}

.l-p-recruit .l-work .inner .work {
  margin-top: 4rem;
}

.l-p-recruit .l-work .inner .work li {
  position: relative;
  padding: 2.7rem 2.6rem 2.7rem 12.9rem;
  background-color: #888;
  color: #ffffff;
}

.l-p-recruit .l-work .inner .work li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 12.9rem;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 6.4rem;
  content: '';
}

.l-p-recruit .l-work .inner .work li:nth-child(1) {
  background-color: #c65757;
}

.l-p-recruit .l-work .inner .work li:nth-child(1):before {
  background-image: url(./img/recruit_work_icon_01.png);
}

.l-p-recruit .l-work .inner .work li:nth-child(2) {
  background-color: #804343;
}

.l-p-recruit .l-work .inner .work li:nth-child(2):before {
  background-image: url(./img/recruit_work_icon_02.png);
}

.l-p-recruit .l-work .inner .work li:nth-child(3) {
  background-color: #074d53;
}

.l-p-recruit .l-work .inner .work li:nth-child(3):before {
  background-image: url(./img/recruit_work_icon_03.png);
}

.l-p-recruit .l-work .inner .work li:nth-child(4) {
  background-color: #a1ae6b;
}

.l-p-recruit .l-work .inner .work li:nth-child(4):before {
  background-image: url(./img/recruit_work_icon_04.png);
}

.l-p-recruit .l-work .inner .work li:nth-child(5) {
  background-color: #b7879b;
}

.l-p-recruit .l-work .inner .work li:nth-child(5):before {
  background-image: url(./img/recruit_work_icon_05.png);
}

.l-p-recruit .l-work .inner .work li:nth-child(6) {
  background-color: #6b88ae;
}

.l-p-recruit .l-work .inner .work li:nth-child(6):before {
  background-image: url(./img/recruit_work_icon_06.png);
}

.l-p-recruit .l-work .inner .work li:nth-child(7) {
  background-color: #7bb1ae;
}

.l-p-recruit .l-work .inner .work li:nth-child(7):before {
  background-image: url(./img/recruit_work_icon_07.png);
}

.l-p-recruit .l-work .inner .work li:nth-child(8) {
  background-color: #64a12c;
}

.l-p-recruit .l-work .inner .work li:nth-child(8):before {
  background-image: url(./img/recruit_work_icon_08.png);
}

.l-p-recruit .l-work .inner .work li:nth-child(9) {
  background-color: #2a5307;
}

.l-p-recruit .l-work .inner .work li:nth-child(9):before {
  background-image: url(./img/recruit_work_icon_09.png);
}

.l-p-recruit .l-work .inner .work li:nth-child(10) {
  background-color: #876d5b;
}

.l-p-recruit .l-work .inner .work li:nth-child(10):before {
  background-image: url(./img/recruit_work_icon_10.png);
}

.l-p-recruit .l-work .inner .work li:nth-child(11) {
  background-color: #e08a16;
}

.l-p-recruit .l-work .inner .work li:nth-child(11):before {
  background-image: url(./img/recruit_work_icon_11.png);
}

.l-p-recruit .l-work .inner .work li:nth-child(12) {
  background-color: #3eaBab;
}

.l-p-recruit .l-work .inner .work li:nth-child(12):before {
  background-image: url(./img/recruit_work_icon_12.png);
}

.l-p-recruit .l-work .inner .work li .title {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .1em;
}

.l-p-recruit .l-work .inner .work li .text {
  margin-top: 1rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-recruit .l-interview {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.l-p-recruit .l-interview > .inner .interview {
  position: relative;
  margin: 4rem -2rem 0;
}

.l-p-recruit .l-interview > .inner .interview:before {
  display: block;
  padding-top: 131.04478%;
  content: '';
}

.l-p-recruit .l-interview > .inner .interview .slider-interview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.l-p-recruit .l-interview > .inner .interview .slider-interview li {
  width: 100%;
  height: 100%;
  background-color: #d55832;
}

.l-p-recruit .l-interview > .inner .interview .slider-interview li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.l-p-recruit .l-interview > .inner .interview .slider-interview li a:before {
  display: block;
  padding-top: 131.04478%;
  content: '';
}

.l-p-recruit .l-interview > .inner .interview .slider-interview li a .floating {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .2s linear;
}

.l-p-recruit .l-interview > .inner .interview .slider-interview li a .floating img {
  width: 100%;
  height: 100%;
}

.l-p-recruit .l-interview > .inner .interview .slider-interview li a .floating .info {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2rem;
}

.l-p-recruit .l-interview > .inner .interview .slider-interview li a .floating .info .text {
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 3.2rem;
}

.l-p-recruit .l-interview > .inner .interview .slider-interview li a .floating .info .department {
  width: -moz-min-content;
  width: min-content;
  height: 3.2rem;
  margin-top: 2rem;
  padding: 0 1.4rem;
  border-radius: 1.6rem;
  background-color: #d55832;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 3.2rem;
  white-space: nowrap;
}

.l-p-recruit .l-interview > .inner .interview .slider-interview li a .floating .info .name {
  margin-top: 1rem;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .1em;
}

.l-p-recruit .l-interview > .inner .interview .slider-interview li a .floating .info .name-en {
  margin-top: 1rem;
  color: #ffffff;
  font-family: "Ubuntu", sans-serif;
  font-size: 1.4rem;
  letter-spacing: .1em;
}

.l-p-recruit .l-interview > .inner .interview .arrows .arrow {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4rem;
  height: 4rem;
  margin: auto;
  background-color: #333333;
  content: '';
}

.l-p-recruit .l-interview > .inner .interview .arrows .arrow:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: .5rem;
  height: .5rem;
  margin: auto;
  border-right: 0.2rem solid #ffffff;
  border-bottom: 0.2rem solid #ffffff;
  content: '';
}

.l-p-recruit .l-interview > .inner .interview .arrows .arrow.prev {
  left: -2rem;
}

.l-p-recruit .l-interview > .inner .interview .arrows .arrow.prev:before {
  transform: rotate(135deg);
}

.l-p-recruit .l-interview > .inner .interview .arrows .arrow.next {
  right: -2rem;
}

.l-p-recruit .l-interview > .inner .interview .arrows .arrow.next:before {
  transform: rotate(-45deg);
}

.l-p-recruit .l-interview > .inner .buttons {
  margin-top: 3.5rem;
}

.l-p-recruit .l-links > .inner .welfare, .l-p-recruit .l-links > .inner .requirements {
  background-position: center center;
  background-size: cover;
}

.l-p-recruit .l-links > .inner .welfare > .inner .text, .l-p-recruit .l-links > .inner .requirements > .inner .text {
  margin-top: 3.1rem;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 2.3rem;
  text-align: center;
}

.l-p-recruit .l-links > .inner .welfare > .inner .buttons, .l-p-recruit .l-links > .inner .requirements > .inner .buttons {
  margin-top: 4rem;
}

.l-p-recruit .l-links > .inner .welfare > .inner .buttons .m-button + .m-button, .l-p-recruit .l-links > .inner .requirements > .inner .buttons .m-button + .m-button {
  margin-top: 1rem;
}

.l-p-recruit .l-links > .inner .welfare {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-image: url(./img/recruit_welfare_bg_sp.png);
}

.l-p-recruit .l-links > .inner .requirements {
  padding-top: 4rem;
  padding-bottom: 4.5rem;
  background-image: url(./img/recruit_requirements_bg_sp.png);
}

/* Interview */
.l-p-interview .m-title {
  background-image: url(./img/title_interview_sp.png);
}

.l-p-interview .l-interview-list {
  padding-top: 31.5rem;
  padding-bottom: 2.2rem;
  background-color: #333333;
}

.l-p-interview .l-interview-list .interview-list-wrapper {
  position: relative;
  height: 9.3rem;
}

.l-p-interview .l-interview-list .interview-list-wrapper.scrolled .interview-list {
  height: 9.3rem;
}

.l-p-interview .l-interview-list .interview-list-wrapper.scrolled .interview-list > .inner {
  height: 100%;
}

.l-p-interview .l-interview-list .interview-list-wrapper.scrolled .interview-list > .inner .slider-interview-list li a {
  padding-top: 1.3rem;
  padding-bottom: 1.8rem;
}

.l-p-interview .l-interview-list .interview-list-wrapper.scrolled .interview-list > .inner .slider-interview-list li a .image, .l-p-interview .l-interview-list .interview-list-wrapper.scrolled .interview-list > .inner .slider-interview-list li a .message {
  display: none;
}

.l-p-interview .l-interview-list .interview-list-wrapper.scrolled .interview-list > .inner .slider-interview-list li a .department {
  margin-top: 0;
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list {
  position: absolute;
  bottom: -2.2rem;
  left: 0;
  width: 100%;
  background-color: #333333;
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner {
  position: relative;
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .slider-interview-list {
  height: 100%;
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .slider-interview-list li {
  height: 100%;
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .slider-interview-list li a {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
  transition: none;
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .slider-interview-list li a:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: .6rem solid transparent;
  content: '';
  transition: .2s linear;
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .slider-interview-list li a .image img {
  width: 100%;
  height: auto;
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .slider-interview-list li a .message {
  margin-top: 2rem;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 3.2rem;
  text-align: center;
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .slider-interview-list li a .department {
  display: block;
  width: -moz-min-content;
  width: min-content;
  height: 3.2rem;
  margin-top: 2.8rem;
  padding: 0 1.4rem;
  border-radius: 1.6rem;
  background-color: #d55832;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 3.2rem;
  white-space: nowrap;
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .slider-interview-list li a .name {
  margin-top: 1rem;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .1em;
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .arrows .arrow {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4rem;
  height: 4rem;
  margin: auto;
  background-color: #333333;
  content: '';
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .arrows .arrow:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: .5rem;
  height: .5rem;
  margin: auto;
  border-right: 0.2rem solid #ffffff;
  border-bottom: 0.2rem solid #ffffff;
  content: '';
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .arrows .arrow.prev {
  left: -4rem;
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .arrows .arrow.prev:before {
  transform: rotate(135deg);
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .arrows .arrow.next {
  right: -4rem;
}

.l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .arrows .arrow.next:before {
  transform: rotate(-45deg);
}

.l-p-interview .l-staff#staff-01 .visual {
  background-image: url(./img/interview_main_01_sp.png);
}

.l-p-interview .l-staff#staff-02 .visual {
  background-image: url(./img/interview_main_02_sp.png);
}

.l-p-interview .l-staff#staff-03 .visual {
  background-image: url(./img/interview_main_03_sp_2.png);
}

.l-p-interview .l-staff .visual {
  position: relative;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.l-p-interview .l-staff .visual:before {
  display: block;
  padding-top: 88%;
  content: '';
}

.l-p-interview .l-staff .visual > .wrapper > .inner .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 2.6rem;
  padding-bottom: 3.6rem;
}

.l-p-interview .l-staff .visual > .wrapper > .inner .info .message {
  position: relative;
  padding-left: 1em;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 3.1rem;
}

.l-p-interview .l-staff .visual > .wrapper > .inner .info .message:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: .5em;
  text-align: right;
  content: '“';
}

.l-p-interview .l-staff .visual > .wrapper > .inner .info .message:after {
  content: ' ”';
}

.l-p-interview .l-staff .visual > .wrapper > .inner .info .department {
  display: block;
  width: -moz-min-content;
  width: min-content;
  height: 3.2rem;
  margin-top: 2.4rem;
  padding: 0 1.4rem;
  border-radius: 1.6rem;
  background-color: #d55832;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 3.2rem;
  white-space: nowrap;
}

.l-p-interview .l-staff .visual > .wrapper > .inner .info .name {
  margin-top: 1rem;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .1em;
}

.l-p-interview .l-staff .visual > .wrapper > .inner .info .name-en {
  margin-top: .6rem;
  font-family: "Ubuntu", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: .1em;
}

.l-p-interview .l-staff .work {
  padding-bottom: 4rem;
}

.l-p-interview .l-staff .work > .inner .image-block .image img {
  width: 100%;
  height: auto;
}

.l-p-interview .l-staff .work > .inner .text-block {
  margin-top: 4rem;
}

.l-p-interview .l-staff .work > .inner .text-block .text {
  margin-top: 3rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-interview .l-requirements {
  padding-top: 4rem;
  padding-bottom: 4.5rem;
  background-image: url(./img/recruit_requirements_bg_sp.png);
  background-position: center center;
  background-size: cover;
}

.l-p-interview .l-requirements > .inner .text {
  margin-top: 3.1rem;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 2.3rem;
  text-align: center;
}

.l-p-interview .l-requirements > .inner .buttons {
  margin-top: 4rem;
}

.l-p-interview .l-requirements > .inner .buttons .m-button + .m-button {
  margin-top: 1rem;
}

/* Welfare */
.l-p-welfare .m-title {
  background-image: url(./img/title_welfare_sp.png);
}

.l-p-welfare .l-list {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: #f7f2e9;
}

.l-p-welfare .l-list > .inner ul li {
  margin-top: -.1rem;
  padding: 4rem;
  border: 0.1rem solid #e6e6e6;
  background-color: #ffffff;
}

.l-p-welfare .l-list > .inner ul li .text {
  margin-top: 3rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-welfare .l-list > .inner ul li .text a {
  padding: 0 .5rem;
  text-decoration: underline;
}

.l-p-welfare .l-list > .inner ul li .text a.external {
  position: relative;
  padding-right: 2.1rem;
}

.l-p-welfare .l-list > .inner ul li .text a.external:after {
  display: block;
  z-index: 100;
  position: absolute;
  top: 0;
  right: .5rem;
  bottom: 0;
  width: 1.4rem;
  height: 1.2rem;
  margin: auto;
  background-image: url(./img/external_link_green.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

.l-p-welfare .l-requirements {
  padding-top: 4rem;
  padding-bottom: 4.5rem;
  background-image: url(./img/recruit_requirements_bg_sp.png);
  background-position: center center;
  background-size: cover;
}

.l-p-welfare .l-requirements > .inner .text {
  margin-top: 3.1rem;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 2.3rem;
  text-align: center;
}

.l-p-welfare .l-requirements > .inner .buttons {
  margin-top: 4rem;
}

.l-p-welfare .l-requirements > .inner .buttons .m-button + .m-button {
  margin-top: 1rem;
}

/* requirements */
.l-p-requirements.recruit .m-title {
  background-image: url(./img/title_requirements_sp.png);
}

.l-p-requirements.part-time .m-title {
  background-image: url(./img/title_part_time_requirements_sp.png);
}

.l-p-requirements .not-require > .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30rem;
}

.l-p-requirements .not-require > .inner .center {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-align: center;
}

.l-p-requirements .l-section {
  padding-top: 3.8rem;
  padding-bottom: 6rem;
}

.l-p-requirements .l-section.gray {
  background-color: #f7f7f7;
}

.l-p-requirements .l-section > .inner .content-wrapper {
  padding-top: 4.2rem;
}

.l-p-requirements .l-section > .inner .content-wrapper dl {
  border-top: 0.1rem solid #e6e6e6;
}

.l-p-requirements .l-section > .inner .content-wrapper dl dt {
  padding-top: 3rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-requirements .l-section > .inner .content-wrapper dl dd {
  padding-top: 1rem;
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid #e6e6e6;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-requirements .l-section > .inner .content-wrapper dl dd .buttons {
  margin-top: 2rem;
}

.l-p-requirements .l-section > .inner .content-wrapper dl dd .buttons .m-button {
  margin-left: 0;
}

.l-p-requirements .l-section > .inner .content-wrapper .agriculture-type-image img {
  width: 100%;
  height: auto;
}

.l-p-requirements .l-section > .inner .content-wrapper .calendar {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.l-p-requirements .l-section > .inner .content-wrapper .calendar img {
  width: 70.3rem;
  height: 61.1rem;
}

.l-p-requirements .recruit-top, .l-p-requirements .part-time-top {
  position: relative;
}

.l-p-requirements .recruit-top:before, .l-p-requirements .part-time-top:before {
  display: block;
  padding-top: 54.4%;
  content: '';
}

.l-p-requirements .recruit-top a, .l-p-requirements .part-time-top a {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
}

.l-p-requirements .recruit-top a {
  background-image: url(./img/recruit_top_bg_sp.png);
}

.l-p-requirements .part-time-top a {
  background-image: url(./img/part_time_top_bg_sp.png);
}

/* part-time */
.l-p-part-time .m-title {
  background-image: url(./img/title_part_time_sp.png);
}

.l-p-part-time .m-lead > .inner .lead-title span:before, .l-p-part-time .m-lead > .inner .lead-title span:after {
  border-color: #db7676;
}

.l-p-part-time .m-lead > .inner .lead-icons {
  margin-top: 4rem;
}

.l-p-part-time .m-lead > .inner .lead-icons li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.l-p-part-time .m-lead > .inner .lead-icons li + li {
  margin-top: 2rem;
}

.l-p-part-time .m-lead > .inner .lead-icons li .icon {
  width: 9.8rem;
  height: 9.8rem;
}

.l-p-part-time .m-lead > .inner .lead-icons li .icon img {
  width: 100%;
  height: 100%;
}

.l-p-part-time .m-lead > .inner .lead-icons li .text {
  width: calc(100% - 11.8rem);
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 3.6rem;
}

.l-p-part-time .l-farmar {
  position: relative;
  padding: 5rem 2rem 2rem;
}

.l-p-part-time .l-farmar:after {
  z-index: -1;
  position: absolute;
  top: 13rem;
  left: 0;
  width: 100%;
  height: calc(100% - 13rem);
  background-color: #db7676;
  content: '';
}

.l-p-part-time .l-farmar > .inner {
  padding: 8rem 2rem 8rem;
  background-image: url(./img/part_time_farmar_bg_sp.png);
  background-position: center center;
  background-size: cover;
}

.l-p-part-time .l-farmar > .inner .text {
  margin-top: 3rem;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 3.4rem;
  text-align: center;
}

.l-p-part-time .l-farmar > .inner .buttons {
  margin-top: 7.4rem;
}

.l-p-part-time .l-news {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}

.l-p-part-time .l-news .content {
  margin-top: 3.5rem;
}

.l-p-part-time .l-news .content .buttons {
  margin-top: 4rem;
}

.l-p-part-time .l-interview {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.l-p-part-time .l-interview > .inner .interview {
  position: relative;
  margin: 4rem -2rem 0;
}

.l-p-part-time .l-interview > .inner .interview:before {
  display: block;
  padding-top: 131.04478%;
  content: '';
}

.l-p-part-time .l-interview > .inner .interview .slider-interview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.l-p-part-time .l-interview > .inner .interview .slider-interview li {
  width: 100%;
  height: 100%;
  background-color: #db7676;
}

.l-p-part-time .l-interview > .inner .interview .slider-interview li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.l-p-part-time .l-interview > .inner .interview .slider-interview li a:before {
  display: block;
  padding-top: 131.04478%;
  content: '';
}

.l-p-part-time .l-interview > .inner .interview .slider-interview li a .floating {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .2s linear;
}

.l-p-part-time .l-interview > .inner .interview .slider-interview li a .floating img {
  width: 100%;
  height: 100%;
}

.l-p-part-time .l-interview > .inner .interview .slider-interview li a .floating .info {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2rem;
}

.l-p-part-time .l-interview > .inner .interview .slider-interview li a .floating .info .text {
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 3.2rem;
}

.l-p-part-time .l-interview > .inner .interview .slider-interview li a .floating .info .name {
  margin-top: 1.7rem;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .1em;
}

.l-p-part-time .l-interview > .inner .interview .arrows .arrow {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4rem;
  height: 4rem;
  margin: auto;
  background-color: #333333;
  content: '';
}

.l-p-part-time .l-interview > .inner .interview .arrows .arrow:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: .5rem;
  height: .5rem;
  margin: auto;
  border-right: 0.2rem solid #ffffff;
  border-bottom: 0.2rem solid #ffffff;
  content: '';
}

.l-p-part-time .l-interview > .inner .interview .arrows .arrow.prev {
  left: 0rem;
}

.l-p-part-time .l-interview > .inner .interview .arrows .arrow.prev:before {
  transform: rotate(135deg);
}

.l-p-part-time .l-interview > .inner .interview .arrows .arrow.next {
  right: 0rem;
}

.l-p-part-time .l-interview > .inner .interview .arrows .arrow.next:before {
  transform: rotate(-45deg);
}

.l-p-part-time .l-interview > .inner .buttons {
  margin-top: 3.5rem;
}

.l-p-part-time .l-connect {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}

.l-p-part-time .l-connect > .inner .placement-title {
  margin-top: 4rem;
  color: #db7676;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-align: center;
}

.l-p-part-time .l-connect > .inner .connect-figure {
  width: 100%;
  margin: 3rem auto 0;
}

.l-p-part-time .l-connect > .inner .connect-figure img {
  width: 100%;
  height: auto;
}

.l-p-part-time .l-connect > .inner .flow {
  margin-top: 4rem;
  padding: 4rem 2rem;
  background-color: #ffffff;
}

.l-p-part-time .l-connect > .inner .flow .flow-title {
  color: #db7676;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-align: center;
}

.l-p-part-time .l-connect > .inner .flow .flow-figure {
  margin: 3rem 2rem 0;
  padding-bottom: 4rem;
  text-align: center;
}

.l-p-part-time .l-connect > .inner .flow .flow-figure img {
  width: 100%;
  height: auto;
}

.l-p-part-time .l-connect > .inner .flow .howto {
  padding: 4rem 0;
  border-top: 0.1rem solid #e6e6e6;
}

.l-p-part-time .l-connect > .inner .flow .howto .howto-title {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-align: center;
}

.l-p-part-time .l-connect > .inner .flow .howto ul {
  margin-top: 2rem;
}

.l-p-part-time .l-connect > .inner .flow .howto ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.l-p-part-time .l-connect > .inner .flow .howto ul li + li {
  margin-top: 3rem;
}

.l-p-part-time .l-connect > .inner .flow .howto ul li .icon {
  width: 4.6rem;
  height: 4.6rem;
}

.l-p-part-time .l-connect > .inner .flow .howto ul li .icon img {
  width: 100%;
  height: 100%;
}

.l-p-part-time .l-connect > .inner .flow .howto ul li .info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1rem;
}

.l-p-part-time .l-connect > .inner .flow .howto ul li .info .means {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .1em;
}

.l-p-part-time .l-connect > .inner .flow .howto ul li .info .caption {
  margin-top: 1rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 2.3rem;
}

.l-p-part-time .l-connect > .inner .flow .howto ul li .info a.tel {
  display: block;
  font-family: "Ubuntu", sans-serif;
  font-size: 2.9rem;
  font-weight: 500;
  letter-spacing: .06em;
}

.l-p-part-time .l-connect > .inner .flow .howto ul li .info dl.time {
  margin-top: 1rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: .1;
  line-height: 2.3rem;
}

.l-p-part-time .l-connect > .inner .flow .howto ul li .info dl.time dt {
  width: 5em;
  float: left;
}

.l-p-part-time .l-connect > .inner .flow .howto ul li .info dl.time dd {
  padding-left: 5em;
}

.l-p-part-time .l-connect > .inner .flow .howto ul li .info .mail {
  margin-top: .5rem;
  font-family: "Ubuntu", sans-serif;
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: .06em;
}

.l-p-part-time .l-connect > .inner .flow .howto ul li .info .qr {
  margin-top: 2rem;
}

.l-p-part-time .l-connect > .inner .flow .howto ul li .info .qr img {
  width: 10.1rem;
  height: 10.2rem;
}

.l-p-part-time .l-connect > .inner .flow .belonging {
  padding: 4rem 0 0;
  border-top: 0.1rem solid #e6e6e6;
}

.l-p-part-time .l-connect > .inner .flow .belonging .belonging-title {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-align: center;
}

.l-p-part-time .l-connect > .inner .flow .belonging .item {
  margin-top: 2rem;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-align: center;
}

.l-p-part-time .l-connect > .inner .flow .belonging .text {
  margin-top: 2.3rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 2.3rem;
  text-align: center;
}

.l-p-part-time .l-connect > .inner .flow .belonging .buttons {
  margin-top: 2rem;
}

.l-p-part-time .l-requirements {
  padding-top: 4rem;
  padding-bottom: 4.5rem;
  background-image: url(./img/part_time_requirements_bg_sp.png);
  background-position: center center;
  background-size: cover;
}

.l-p-part-time .l-requirements > .inner .text {
  margin-top: 3.1rem;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 2.3rem;
  text-align: center;
}

.l-p-part-time .l-requirements > .inner .buttons {
  margin-top: 4rem;
}

/* Voice */
.l-p-voice .m-title {
  background-image: url(./img/title_voice_sp.png);
}

.l-p-voice .l-voice-list {
  background-color: #333333;
}

.l-p-voice .l-voice-list > .inner {
  position: relative;
}

.l-p-voice .l-voice-list > .inner .slider-voice-list li a {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.l-p-voice .l-voice-list > .inner .slider-voice-list li a:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: .6rem solid transparent;
  content: '';
  transition: .2s linear;
}

.l-p-voice .l-voice-list > .inner .slider-voice-list li a .image img {
  width: 100%;
  height: auto;
}

.l-p-voice .l-voice-list > .inner .slider-voice-list li a .message {
  margin-top: 2rem;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 3.2rem;
  text-align: center;
}

.l-p-voice .l-voice-list > .inner .slider-voice-list li a .name {
  margin-top: 2rem;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .1em;
}

.l-p-voice .l-voice-list > .inner .arrows .arrow {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4rem;
  height: 4rem;
  margin: auto;
  background-color: #333333;
  content: '';
}

.l-p-voice .l-voice-list > .inner .arrows .arrow:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: .5rem;
  height: .5rem;
  margin: auto;
  border-right: 0.2rem solid #ffffff;
  border-bottom: 0.2rem solid #ffffff;
  content: '';
}

.l-p-voice .l-voice-list > .inner .arrows .arrow.prev {
  left: -4rem;
}

.l-p-voice .l-voice-list > .inner .arrows .arrow.prev:before {
  transform: rotate(135deg);
}

.l-p-voice .l-voice-list > .inner .arrows .arrow.next {
  right: -4rem;
}

.l-p-voice .l-voice-list > .inner .arrows .arrow.next:before {
  transform: rotate(-45deg);
}

.l-p-voice .l-voice#voice-01 .visual {
  background-image: url(./img/voice_main_01_sp.png);
}

.l-p-voice .l-voice#voice-02 .visual {
  background-image: url(./img/voice_main_02_sp.png);
}

.l-p-voice .l-voice#voice-03 .visual {
  background-image: url(./img/voice_main_03_sp.png);
}

.l-p-voice .l-voice .visual {
  position: relative;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.l-p-voice .l-voice .visual:before {
  display: block;
  padding-top: 88%;
  content: '';
}

.l-p-voice .l-voice .visual > .wrapper > .inner .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 2.6rem;
  padding-bottom: 3.6rem;
}

.l-p-voice .l-voice .visual > .wrapper > .inner .info .message {
  position: relative;
  padding-left: 1em;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 3.1rem;
}

.l-p-voice .l-voice .visual > .wrapper > .inner .info .message:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: .5em;
  text-align: right;
  content: '“';
}

.l-p-voice .l-voice .visual > .wrapper > .inner .info .message:after {
  content: ' ”';
}

.l-p-voice .l-voice .visual > .wrapper > .inner .info .name {
  margin-top: 1.7rem;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .1em;
}

.l-p-voice .l-voice .work {
  padding-bottom: 4rem;
}

.l-p-voice .l-voice .work > .inner .image-block .image img {
  width: 100%;
  height: auto;
}

.l-p-voice .l-voice .work > .inner .text-block {
  margin-top: 4rem;
}

.l-p-voice .l-voice .work > .inner .text-block .text {
  margin-top: 3rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-voice .l-voice .work > .inner .text-block .text + .m-headline-sub {
  margin-top: 4rem;
}

.l-p-voice .l-requirements {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-image: url(./img/part_time_requirements_bg_sp.png);
  background-position: center center;
  background-size: cover;
}

.l-p-voice .l-requirements > .inner .text {
  margin-top: 3.1rem;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 2.3rem;
  text-align: center;
}

.l-p-voice .l-requirements > .inner .buttons {
  margin-top: 4rem;
}

/* Farmar */
.l-p-farmar .m-title {
  background-image: url(./img/title_farmar_sp.png);
}

.l-p-farmar .l-section {
  padding-top: 3.8rem;
  padding-bottom: 6rem;
}

.l-p-farmar .l-section.gray {
  background-color: #f7f7f7;
}

.l-p-farmar .l-section > .inner .title-wrapper .image {
  margin-top: 3.9rem;
}

.l-p-farmar .l-section > .inner .title-wrapper .image img {
  width: 100%;
  height: auto;
}

.l-p-farmar .l-section > .inner .content-wrapper {
  padding-top: 4.2rem;
}

.l-p-farmar .l-section > .inner .content-wrapper dl {
  border-top: 0.1rem solid #e6e6e6;
}

.l-p-farmar .l-section > .inner .content-wrapper dl dt {
  padding-top: 3rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-farmar .l-section > .inner .content-wrapper dl dd {
  padding-top: 1rem;
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid #e6e6e6;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-farmar .l-section > .inner .content-wrapper dl dd .buttons {
  margin-top: 2rem;
}

.l-p-farmar .l-section > .inner .content-wrapper dl dd .buttons .m-button {
  margin-left: 0;
}

.l-p-farmar .l-requirements {
  padding-top: 4rem;
  padding-bottom: 4.5rem;
  background-image: url(./img/part_time_requirements_bg_sp.png);
  background-position: center center;
  background-size: cover;
}

.l-p-farmar .l-requirements > .inner .text {
  margin-top: 3.1rem;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 2.3rem;
  text-align: center;
}

.l-p-farmar .l-requirements > .inner .buttons {
  margin-top: 4rem;
}

/* News */
.l-p-news .l-sidebar-wrapper {
  padding-top: 5rem;
  padding-bottom: 6rem;
}

.l-p-news .l-sidebar-wrapper > .inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.l-p-news .l-news-list {
  padding-bottom: 5rem;
}

.l-p-news .l-news-list .m-headline-sub + .news {
  border-top: none;
}

.l-p-news .l-news-list ul.news {
  border-top: 0.1rem solid #e6e6e6;
}

.l-p-news .l-news-list ul.news li {
  border-bottom: 0.1rem solid #e6e6e6;
}

.l-p-news .l-news-list ul.news li a {
  display: block;
  padding: 2rem 0;
  background-color: #ffffff;
}

.l-p-news .l-news-list ul.news li a .text-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.l-p-news .l-news-list ul.news li a .text-block .meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.l-p-news .l-news-list ul.news li a .text-block .meta .date {
  font-family: "Ubuntu", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: .14em;
}

.l-p-news .l-news-list ul.news li a .text-block .meta .category {
  width: 13.6rem;
  height: 3rem;
  margin-left: 2.3rem;
  border-radius: 15rem;
  background-color: #333333;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 3rem;
  text-align: center;
}

.l-p-news .l-news-list ul.news li a .text-block .title {
  margin-top: 1.1rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .08em;
  line-height: 2.5rem;
}

.l-p-news .l-news-list .page-nav {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: -moz-min-content;
  width: min-content;
  height: 2.6rem;
  margin: 5rem auto 0;
}

.l-p-news .l-news-list .page-nav .prev, .l-p-news .l-news-list .page-nav .next, .l-p-news .l-news-list .page-nav:before, .l-p-news .l-news-list .page-nav:after, .l-p-news .l-news-list .page-nav .page-numbers {
  display: block;
  margin: 0 .2rem;
}

.l-p-news .l-news-list .page-nav .page-numbers {
  min-width: 2.6rem;
  font-family: "Ubuntu", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}

.l-p-news .l-news-list .page-nav .page-numbers.current {
  min-width: 2.6rem;
  height: 2.6rem;
  border-radius: 1.3rem;
  background: #005A31;
  color: #ffffff;
  line-height: 2.6rem;
}

.l-p-news .l-news-list .page-nav .prev, .l-p-news .l-news-list .page-nav .next, .l-p-news .l-news-list .page-nav:before, .l-p-news .l-news-list .page-nav:after {
  position: absolute;
  width: .6rem;
  height: 1.2rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.l-p-news .l-news-list .page-nav .prev {
  z-index: 100;
  left: -4.2rem;
  background-image: url(./img/arrow_prev.png);
}

.l-p-news .l-news-list .page-nav .next {
  z-index: 100;
  right: -4.2rem;
  background-image: url(./img/arrow_next.png);
}

.l-p-news .l-news-list .page-nav:before {
  left: -4.2rem;
  content: '';
}

.l-p-news .l-news-list .page-nav:after {
  right: -4.2rem;
  content: '';
}

.l-p-news .l-news-detail {
  padding-bottom: 3rem;
}

.l-p-news .l-news-detail .title {
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 4rem;
}

.l-p-news .l-news-detail .date {
  margin-top: 3rem;
  font-family: "Ubuntu", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.14em;
}

.l-p-news .l-news-detail .text {
  margin-top: 4rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 3rem;
}

.l-p-news .l-news-detail .text p {
  margin-bottom: 3rem;
}

.l-p-news .l-news-detail .text h2 {
  position: relative;
  margin-bottom: 4rem;
  padding-bottom: 2rem;
  border-bottom: 0.2rem solid #e6e6e6;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 3.6rem;
}

.l-p-news .l-news-detail .text h2:after {
  position: absolute;
  bottom: -.2rem;
  left: 0;
  width: 5rem;
  border-bottom: 0.2rem solid #005A31;
  content: '';
}

.l-p-news .l-news-detail .text h3 {
  margin-bottom: 3rem;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 3.4rem;
}

.l-p-news .l-sidebar .content {
  padding: 2.2rem 2rem 3rem;
  background-color: #f7f7f7;
}

.l-p-news .l-sidebar .content + .content {
  margin-top: 3rem;
}

.l-p-news .l-sidebar .content .title span {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .1em;
}

.l-p-news .l-sidebar .content ul.list {
  margin-top: 1.3rem;
  border-top: 0.1rem solid #e6e6e6;
}

.l-p-news .l-sidebar .content ul.list li {
  border-bottom: 0.1rem solid #e6e6e6;
}

.l-p-news .l-sidebar .content ul.list li a {
  display: block;
  position: relative;
  height: 100%;
  padding: 1rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-news .l-sidebar .content ul.list li a:before, .l-p-news .l-sidebar .content ul.list li a:after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: '';
}

.l-p-news .l-sidebar .content ul.list li a:before {
  right: 1rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: .7rem;
  background-color: #333333;
}

.l-p-news .l-sidebar .content ul.list li a:after {
  right: 1.55rem;
  width: .4rem;
  height: .4rem;
  transform: rotate(-45deg);
  border-right: 0.1rem solid #ffffff;
  border-bottom: 0.1rem solid #ffffff;
}

/* Contact */
.l-p-contact .l-tel {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #f7f7f7;
}

.l-p-contact .l-tel > .inner .title {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: .14em;
  text-align: center;
}

.l-p-contact .l-tel > .inner .text {
  margin-top: 3rem;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 3.2rem;
  text-align: center;
}

.l-p-contact .l-tel > .inner .tel {
  margin-top: 3rem;
  text-align: center;
}

.l-p-contact .l-tel > .inner .tel a {
  display: inline-block;
  position: relative;
  padding-left: 4.2rem;
  font-family: "Ubuntu", sans-serif;
  font-size: 3.8rem;
  font-weight: 500;
  letter-spacing: .06em;
  line-height: 4.4rem;
  line-height: 3.2rem;
}

.l-p-contact .l-tel > .inner .tel a:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  height: 3.2rem;
  background-image: url(./img/icon_tel.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

.l-p-contact .l-tel > .inner .time {
  margin-top: 1rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  text-align: center;
}

.l-p-contact .l-form {
  padding-top: 5rem;
  padding-bottom: 5em;
}

.l-p-contact .l-form > .inner .title {
  margin-right: -4rem;
  margin-left: -4rem;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: .14em;
  text-align: center;
}

.l-p-contact .l-form > .inner dl {
  margin-top: 4rem;
}

.l-p-contact .l-form > .inner dl dt label {
  display: block;
  position: relative;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 3rem;
}

.l-p-contact .l-form > .inner dl dt label.require:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4.7rem;
  height: 3rem;
  background-color: #b44444;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 3rem;
  text-align: center;
  content: '必須';
}

.l-p-contact .l-form > .inner dl dt .attention {
  display: block;
  margin-top: .8rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 2.3rem;
}

.l-p-contact .l-form > .inner dl dd {
  padding-top: 1rem;
  padding-bottom: 2.5rem;
}

.l-p-contact .l-form > .inner dl dd input[type=text], .l-p-contact .l-form > .inner dl dd input[type=tel], .l-p-contact .l-form > .inner dl dd input[type=email], .l-p-contact .l-form > .inner dl dd select, .l-p-contact .l-form > .inner dl dd textarea {
  width: 100%;
  padding: 1.3rem 1rem;
  border: 0.1rem solid #e6e6e6;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 2.4rem;
}

.l-p-contact .l-form > .inner dl dd input[type=input] {
  height: 5rem;
}

.l-p-contact .l-form > .inner dl dd select {
  height: 5rem;
}

.l-p-contact .l-form > .inner dl dd textarea {
  height: 20.7rem;
}

.l-p-contact .l-form > .inner .accept {
  margin-top: 1rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
}

.l-p-contact .l-form > .inner .accept span.wpcf7-list-item {
  margin: 0;
}

.l-p-contact .l-form > .inner .accept a.privacy {
  text-decoration: underline;
}

.l-p-contact .l-form > .inner .accept a.privacy:after {
  display: inline-block;
  width: 3.4rem;
  height: 1.8rem;
  margin: 0 .5rem;
  background-color: #005A31;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 1.8rem;
  text-align: center;
  content: 'PDF';
}

.l-p-contact .l-form > .inner .buttons {
  margin-top: 4rem;
}

/* Compliance */
.l-p-compliance .l-links {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #f7f7f7;
}

.l-p-compliance .l-links > .inner .text {
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  line-height: 3.2rem;
  text-align: center;
}

.l-p-compliance .l-links > .inner .m-file-buttons {
  margin-top: 4rem;
  font-weight: 500;
}

/* Suzuran */
.l-p-suzuran .m-title {
  background-image: url(./img/title_suzuran_sp.png);
}

.l-p-suzuran .m-lead > .inner .lead-title span:before, .l-p-suzuran .m-lead > .inner .lead-title span:after {
  border-color: #a27a20;
}

.l-p-suzuran .m-lead > .inner .movie {
  margin-top: 4rem;
}

.l-p-suzuran .m-lead > .inner .movie video {
  width: 100%;
}

.l-p-suzuran .l-overview {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}

.l-p-suzuran .l-overview > .inner .text {
  margin-top: 4rem;
  font-size: 1.6;
  font-weight: 400;
  letter-spacing: .03em;
  line-height: 3rem;
}

.l-p-suzuran .l-overview > .inner .point {
  margin: 3rem -2rem 0;
  padding: 3rem 2rem;
  background-color: #ffffff;
}

.l-p-suzuran .l-overview > .inner .point .point-title {
  color: #a27a20;
  font-family: "Ubuntu", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .14em;
  text-align: center;
}

.l-p-suzuran .l-overview > .inner .point .point-text {
  margin-top: 2rem;
  font-size: 1.6;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 3rem;
}

.l-p-suzuran .l-overview > .inner ul {
  margin-top: 4rem;
}

.l-p-suzuran .l-overview > .inner ul li img {
  width: 100%;
}

.l-p-suzuran .l-overview > .inner ul li .caption {
  margin-top: 1rem;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .1em;
}

.l-p-suzuran .l-open-menu {
  padding-top: 6rem;
}

.l-p-suzuran .l-open-menu > .inner .title-bar {
  display: block;
  position: relative;
  height: 8rem;
  padding-left: 3.2rem;
  background-color: #a27a20;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 8rem;
}

.l-p-suzuran .l-open-menu > .inner .title-bar .mark {
  position: absolute;
  top: 0;
  right: 2rem;
  bottom: 0;
  width: 3.2rem;
  height: 3.2rem;
  margin: auto;
  border-radius: 1.6rem;
  background-color: #ffffff;
}

.l-p-suzuran .l-open-menu > .inner .title-bar .mark:before, .l-p-suzuran .l-open-menu > .inner .title-bar .mark:after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #a27a20;
  content: '';
}

.l-p-suzuran .l-open-menu > .inner .title-bar .mark:before {
  right: 1rem;
  width: 1.2rem;
  height: .2rem;
}

.l-p-suzuran .l-open-menu > .inner .title-bar .mark:after {
  right: 1.5rem;
  width: .2rem;
  height: 1.2rem;
}

.l-p-suzuran .l-open-menu > .inner .title-bar[data-opened=true] .mark:after {
  content: none;
}

.l-p-suzuran .l-open-menu > .inner .options {
  display: none;
  overflow: hidden;
}

.l-p-suzuran .l-open-menu > .inner .options .room li {
  padding-top: 4rem;
}

.l-p-suzuran .l-open-menu > .inner .options .room li .m-headline-sub .num {
  position: absolute;
  top: 0;
  right: 0;
  width: 12.1rem;
  height: 3.2rem;
  border-radius: 1.6rem;
  background-color: #a27a20;
  color: #ffffff;
  font-size: 1.4;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 3.2rem;
  text-align: center;
}

.l-p-suzuran .l-open-menu > .inner .options .room li .image {
  margin-top: 4rem;
}

.l-p-suzuran .l-open-menu > .inner .options .room li .image img {
  width: 100%;
}

.l-p-suzuran .l-open-menu > .inner .options .room li dl {
  margin-top: 2rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-suzuran .l-open-menu > .inner .options .room li dl dt {
  width: 9.4rem;
  float: left;
}

.l-p-suzuran .l-open-menu > .inner .options .room li dl dt:before {
  content: '◎';
}

.l-p-suzuran .l-open-menu > .inner .options .room li dl dd {
  padding-left: calc(9.4rem + 1.2em);
  text-indent: -1.2em;
}

.l-p-suzuran .l-open-menu > .inner .options .room li dl dd:before {
  margin-right: -.2em;
  content: '／';
}

.l-p-suzuran .l-open-menu > .inner .options .caution {
  margin-top: 3rem;
}

.l-p-suzuran .l-open-menu > .inner .options .caution li {
  padding-left: 1em;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 3rem;
  text-indent: -1em;
}

.l-p-suzuran .l-open-menu > .inner .options .caution li:before {
  margin-right: -.5em;
  content: '※';
}

.l-p-suzuran .l-open-menu > .inner .options .text {
  margin-top: 3rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .03em;
  line-height: 3rem;
}

.l-p-suzuran .l-open-menu > .inner .options .facilities, .l-p-suzuran .l-open-menu > .inner .options .meals {
  margin-top: 3rem;
}

.l-p-suzuran .l-open-menu > .inner .options .facilities li img, .l-p-suzuran .l-open-menu > .inner .options .meals li img {
  width: 100%;
}

.l-p-suzuran .l-open-menu > .inner .options .facilities li .caption, .l-p-suzuran .l-open-menu > .inner .options .meals li .caption {
  margin-top: 1rem;
  font-size: 1.8rem;
  letter-spacing: .1em;
  line-height: 2.3rem;
}

.l-p-suzuran .l-cooperation {
  margin-top: 4rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}

.l-p-suzuran .l-cooperation > .inner ul li {
  margin-top: 4rem;
}

.l-p-suzuran .l-cooperation > .inner ul li .image img {
  width: 100%;
}

.l-p-suzuran .l-cooperation > .inner ul li .m-headline-sub {
  margin-top: 2.3rem;
}

.l-p-suzuran .l-cooperation > .inner ul li .m-headline-sub span {
  font-size: 1.8rem;
}

.l-p-suzuran .l-cooperation > .inner ul li .text {
  margin-top: 3rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-suzuran .l-require {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.l-p-suzuran .l-require > .inner dl {
  margin-top: 4rem;
  border-top: 0.1rem solid #e6e6e6;
}

.l-p-suzuran .l-require > .inner dl dt {
  padding-top: 1.8rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 2.8rem;
}

.l-p-suzuran .l-require > .inner dl dd {
  padding-top: 1rem;
  padding-bottom: 1.8rem;
  border-bottom: 0.1rem solid #e6e6e6;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-suzuran .l-contact {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}

.l-p-suzuran .l-contact .inner .contact-headline {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: .14em;
  text-align: center;
}

.l-p-suzuran .l-contact .inner .text {
  margin-top: 2rem;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .1;
  text-align: center;
}

.l-p-suzuran .l-contact .inner .box {
  margin: 4rem -2rem 0;
  padding: 3.5rem 4rem;
  background-color: #ffffff;
}

.l-p-suzuran .l-contact .inner .box .info {
  position: relative;
  padding-top: 10rem;
}

.l-p-suzuran .l-contact .inner .box .info:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7.6rem;
  background-image: url(./img/icon_estate.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  content: '';
}

.l-p-suzuran .l-contact .inner .box .info .name {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-align: center;
}

.l-p-suzuran .l-contact .inner .box .info .tel {
  margin-top: 1rem;
  font-family: "Ubuntu", sans-serif;
  font-size: 2.9rem;
  font-weight: 500;
  letter-spacing: .06em;
  text-align: center;
}

.l-p-suzuran .l-contact .inner .box .time {
  margin-top: 2.2rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
  text-align: center;
}

.l-p-suzuran .l-contact .inner .buttons {
  margin-top: 3rem;
}

.l-p-suzuran .l-access {
  padding-top: 2rem;
  padding-bottom: 6rem;
}

.l-p-suzuran .l-access > .inner .wrapper .text-wrapper {
  text-align: center;
}

.l-p-suzuran .l-access > .inner .wrapper .text-wrapper .name {
  margin-top: 4rem;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .1em;
}

.l-p-suzuran .l-access > .inner .wrapper .text-wrapper .address {
  margin-top: 2.7rem;
  padding-top: 5.6rem;
  background-image: url(./img/icon_address_green.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 4.6rem 4.6rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
}

.l-p-suzuran .l-access > .inner .wrapper .text-wrapper .tel {
  margin-top: 2.7rem;
  padding-top: 5.6rem;
  background-image: url(./img/icon_tel_green.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 4.6rem 4.6rem;
}

.l-p-suzuran .l-access > .inner .wrapper .text-wrapper .tel .number {
  font-family: "Ubuntu", sans-serif;
  font-size: 2.9rem;
  letter-spacing: .06em;
}

.l-p-suzuran .l-access > .inner .wrapper .text-wrapper .tel .time {
  margin-top: 1.7rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
}

.l-p-suzuran .l-access > .inner .wrapper .text-wrapper .traffic {
  margin-top: 2.7rem;
  padding-top: 5.6rem;
  background-image: url(./img/icon_traffic_green.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 4.6rem 4.6rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
}

.l-p-suzuran .l-access > .inner .wrapper .map-wrapper {
  margin: 4rem -4rem 0;
  text-align: center;
}

.l-p-suzuran .l-access > .inner .wrapper .map-wrapper .googlemap {
  width: 100%;
  height: 21.7rem;
}

.l-p-suzuran .l-access > .inner .wrapper .map-wrapper .googlemap iframe {
  width: 100%;
  height: 100%;
}

.l-p-suzuran .l-access > .inner .wrapper .map-wrapper .link {
  margin-top: 1.5rem;
}

.l-p-suzuran .l-access > .inner .wrapper .map-wrapper .link a {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .14em;
}

/* mutual aid */
.l-p-mutual-aid .m-title {
  background-image: url(./img/title_mutual_aid_sp.png);
}

.l-p-mutual-aid .m-lead .inner .lead-title span:before, .l-p-mutual-aid .m-lead .inner .lead-title span:after {
  border-color: #489C8E;
}

.l-p-mutual-aid .l-service {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #f7f2e9;
}

.l-p-mutual-aid .l-service > .inner .list ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4rem;
  padding: .1rem 0 0 .1rem;
}

.l-p-mutual-aid .l-service > .inner .list ul li {
  position: relative;
  width: 100%;
  height: 36.5rem;
  margin: -.1rem 0 0 -.1rem;
  background-color: #489C8E;
}

.l-p-mutual-aid .l-service > .inner .list ul li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.l-p-mutual-aid .l-service > .inner .list ul li a .floating {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .2s linear;
}

.l-p-mutual-aid .l-service > .inner .list ul li a .floating img {
  width: 100%;
  height: 100%;
}

.l-p-mutual-aid .l-service > .inner .list ul li a .floating .box {
  position: relative;
  height: 100%;
  padding: 16rem 3.7rem 0;
  border: 0.1rem solid #e6e6e6;
  background-color: #ffffff;
}

.l-p-mutual-aid .l-service > .inner .list ul li a .floating .box:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 16rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 9rem;
  content: '';
}

.l-p-mutual-aid .l-service > .inner .list ul li a .floating .box:after {
  display: block;
  position: absolute;
  right: 2.1rem;
  bottom: 2rem;
  width: 1.4rem;
  height: 1.2rem;
  background-image: url(./img/external_link_green.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

.l-p-mutual-aid .l-service > .inner .list ul li a .floating .box.person:before {
  background-image: url(./img/mutual_person.png);
}

.l-p-mutual-aid .l-service > .inner .list ul li a .floating .box.home:before {
  background-image: url(./img/mutual_home.png);
}

.l-p-mutual-aid .l-service > .inner .list ul li a .floating .box.car:before {
  background-image: url(./img/mutual_car.png);
}

.l-p-mutual-aid .l-service > .inner .list ul li a .floating .box.flow:before {
  background-image: url(./img/mutual_flow.png);
}

.l-p-mutual-aid .l-service > .inner .list ul li a .floating .box.estimate:before {
  background-image: url(./img/mutual_estimate.png);
}

.l-p-mutual-aid .l-service > .inner .list ul li a .floating .box.brochure:before {
  background-image: url(./img/mutual_brochure.png);
}

.l-p-mutual-aid .l-service > .inner .list ul li a .floating .box.campaign:before {
  background-image: url(./img/mutual_campaign.png);
}

.l-p-mutual-aid .l-service > .inner .list ul li a .floating .box .text {
  margin-top: 3rem;
  color: #333333;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-mutual-aid .l-jidoshakyosai {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}

.l-p-mutual-aid .l-jidoshakyosai > .inner {
  text-align: center;
}

.l-p-mutual-aid .l-jidoshakyosai > .inner .headline-jidoshakyosai {
  font-size: 2.4rem;
}

.l-p-mutual-aid .l-jidoshakyosai > .inner > .text {
  margin-top: 3rem;
  font-size: 1.8rem;
}

.l-p-mutual-aid .l-jidoshakyosai > .inner .work24365 {
  width: -moz-min-content;
  width: min-content;
  margin: 2rem auto 0;
  padding: 1rem 2rem;
  border: 0.2rem solid #489C8E;
  color: #489C8E;
  font-size: 1.6rem;
  white-space: nowrap;
}

.l-p-mutual-aid .l-jidoshakyosai > .inner .wrapper {
  margin-top: 4rem;
}

.l-p-mutual-aid .l-jidoshakyosai > .inner .wrapper .item {
  margin-top: 2rem;
  padding: 12.9rem 0 4rem;
  background-color: #ffffff;
  background-position: center top 4.5rem;
  background-repeat: no-repeat;
  background-size: 7.6rem 7.6rem;
}

.l-p-mutual-aid .l-jidoshakyosai > .inner .wrapper .item.accident {
  background-image: url(./img/icon_mutual_aid_accident_center.png);
}

.l-p-mutual-aid .l-jidoshakyosai > .inner .wrapper .item.support {
  background-image: url(./img/icon_mutual_aid_support_center.png);
}

.l-p-mutual-aid .l-jidoshakyosai > .inner .wrapper .item .name {
  font-size: 1.4rem;
  line-height: 2.3rem;
}

.l-p-mutual-aid .l-jidoshakyosai > .inner .wrapper .item .tel {
  font-family: "Ubuntu", sans-serif;
  font-size: 2.9rem;
}

.l-p-mutual-aid .l-jidoshakyosai > .inner .wrapper .item > .text {
  margin-top: 1.1rem;
  font-size: 1.4rem;
  line-height: 2.3rem;
}

/* finance */
.l-p-finance .m-title {
  background-image: url(./img/title_finance_sp.png);
}

.l-p-finance .l-news {
  padding-top: 6rem;
  background-color: #f7f7f7;
}

.l-p-finance .l-news > .inner .content {
  margin-top: 4rem;
}

.l-p-finance .l-links {
  padding-top: 2rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}

.l-p-finance .l-links > .inner a {
  display: block;
  margin-top: 2rem;
}

.l-p-finance .l-links > .inner a img {
  width: 100%;
}

.l-p-finance .open-menu .optionsParent + .optionsParent {
  margin-top: 4rem;
}

.l-p-finance .open-menu .optionsParent .title-bar {
  display: block;
  position: relative;
  height: 8rem;
  padding-left: 3.2rem;
  background-color: #6b88ae;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 8rem;
}

.l-p-finance .open-menu .optionsParent .title-bar .mark {
  position: absolute;
  top: 0;
  right: 2rem;
  bottom: 0;
  width: 3.2rem;
  height: 3.2rem;
  margin: auto;
  border-radius: 1.6rem;
  background-color: #ffffff;
}

.l-p-finance .open-menu .optionsParent .title-bar .mark:before, .l-p-finance .open-menu .optionsParent .title-bar .mark:after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #6b88ae;
  content: '';
}

.l-p-finance .open-menu .optionsParent .title-bar .mark:before {
  right: 1rem;
  width: 1.2rem;
  height: .2rem;
}

.l-p-finance .open-menu .optionsParent .title-bar .mark:after {
  right: 1.5rem;
  width: .2rem;
  height: 1.2rem;
}

.l-p-finance .open-menu .optionsParent .title-bar[data-opened=true] .mark:after {
  content: none;
}

.l-p-finance .open-menu .optionsParent .options {
  display: none;
  overflow: hidden;
}

.l-p-finance table {
  width: 100%;
  margin-top: 2rem;
  border-top: 0.1rem solid #e6e6e6;
  border-left: 0.1rem solid #e6e6e6;
  font-size: 1.4rem;
  letter-spacing: .02em;
  line-height: 2.3rem;
}

.l-p-finance table tr th, .l-p-finance table tr td {
  padding: 1.5rem .5rem;
  border-right: 0.1rem solid #e6e6e6;
  border-bottom: 0.1rem solid #e6e6e6;
  text-align: center;
  vertical-align: middle;
}

.l-p-finance table tr th p + p, .l-p-finance table tr td p + p {
  margin-top: 1rem;
}

.l-p-finance table tr th {
  background-color: #f7f7f7;
  font-weight: 500;
}

.l-p-finance .l-kinri {
  padding-top: 6rem;
}

.l-p-finance .l-kinri > .inner .yokinkinri {
  margin-top: 4rem;
}

.l-p-finance .l-tesuryo {
  padding-top: 6rem;
}

.l-p-finance .l-tesuryo > .inner .atm {
  margin-top: 4rem;
}

.l-p-finance .l-tesuryo > .inner .atm .m-scrollbar.h {
  overflow: auto;
}

.l-p-finance .l-tesuryo > .inner .atm table th, .l-p-finance .l-tesuryo > .inner .atm table td {
  height: 9.5rem;
}

.l-p-finance .l-tesuryo > .inner .atm .text {
  margin-top: 3rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: .1em;
}

.l-p-finance .l-tesuryo > .inner .atm .buttons {
  margin-top: 3rem;
}

.l-p-finance .l-tesuryo > .inner .tesuryo .m-scrollbar.h {
  overflow: auto;
}

.l-p-finance .l-tesuryo > .inner .tesuryo table + table {
  margin-top: 3rem;
}

.l-p-finance .l-tesuryo > .inner .tesuryo table th, .l-p-finance .l-tesuryo > .inner .tesuryo table td {
  height: 9.5rem;
}

.l-p-finance .l-tesuryo > .inner .tesuryo .subtitle {
  margin-top: 1.5rem;
  font-size: 1.6rem;
  font-weight: medium;
  letter-spacing: .1em;
}

.l-p-finance .l-tesuryo > .inner .tesuryo .text {
  margin-top: 2.7rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.3rem;
}

.l-p-finance .l-tesuryo > .inner .tesuryo .caution {
  margin-top: 1.1rem;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: .04;
  line-height: 3rem;
}

.l-p-finance .l-tesuryo > .inner .tesuryo .caution .header {
  display: inline;
  color: #D55832;
}

.l-p-finance .l-yakkan {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.l-p-finance .l-yakkan > .inner .chokinkitei, .l-p-finance .l-yakkan > .inner .yuushikitei {
  margin-top: 4rem;
}

.l-p-finance .l-yakkan > .inner .chokinkitei .m-scrollbar.h, .l-p-finance .l-yakkan > .inner .yuushikitei .m-scrollbar.h {
  overflow: auto;
}

.l-p-finance .l-yakkan > .inner .chokinkitei table, .l-p-finance .l-yakkan > .inner .yuushikitei table {
  counter-reset: number;
}

.l-p-finance .l-yakkan > .inner .chokinkitei table td.number:before, .l-p-finance .l-yakkan > .inner .yuushikitei table td.number:before {
  content: counter(number);
  counter-increment: number;
}

.l-p-finance .l-yakkan > .inner .chokinkitei table td .name-link, .l-p-finance .l-yakkan > .inner .yuushikitei table td .name-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 1.3rem;
  text-align: left;
}

.l-p-finance .l-yakkan > .inner .chokinkitei table td .name-link .links, .l-p-finance .l-yakkan > .inner .yuushikitei table td .name-link .links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.l-p-finance .l-yakkan > .inner .chokinkitei table td .name-link .links a.pdf, .l-p-finance .l-yakkan > .inner .yuushikitei table td .name-link .links a.pdf {
  position: relative;
  padding-right: 4.4rem;
  text-decoration: underline;
}

.l-p-finance .l-yakkan > .inner .chokinkitei table td .name-link .links a.pdf:after, .l-p-finance .l-yakkan > .inner .yuushikitei table td .name-link .links a.pdf:after {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3.4rem;
  height: 1.8rem;
  background-color: #005A31;
  color: #ffffff;
  font-family: "Ubuntu", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 1.8rem;
  text-align: center;
  content: 'PDF';
}

.l-p-finance .l-access {
  padding-top: 2rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}

.l-p-finance .l-access > .inner .wrapper .text-wrapper {
  text-align: center;
}

.l-p-finance .l-access > .inner .wrapper .text-wrapper .name {
  margin-top: 4rem;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .1em;
}

.l-p-finance .l-access > .inner .wrapper .text-wrapper .address {
  margin-top: 2.7rem;
  padding-top: 5.6rem;
  background-image: url(./img/icon_address_green.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 4.6rem 4.6rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
}

.l-p-finance .l-access > .inner .wrapper .text-wrapper .tel {
  margin-top: 2.7rem;
  padding-top: 5.6rem;
  background-image: url(./img/icon_tel_green.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 4.6rem 4.6rem;
}

.l-p-finance .l-access > .inner .wrapper .text-wrapper .tel .number {
  font-family: "Ubuntu", sans-serif;
  font-size: 2.9rem;
  letter-spacing: .06em;
}

.l-p-finance .l-access > .inner .wrapper .text-wrapper .tel .time {
  margin-top: 1.7rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
}

.l-p-finance .l-access > .inner .wrapper .text-wrapper .traffic {
  margin-top: 2.7rem;
  padding-top: 5.6rem;
  background-image: url(./img/icon_tel_green.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 4.6rem 4.6rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
}

.l-p-finance .l-access > .inner .wrapper .map-wrapper {
  margin: 4rem -4rem 0;
  text-align: center;
}

.l-p-finance .l-access > .inner .wrapper .map-wrapper .googlemap {
  width: 100%;
  height: 21.7rem;
}

.l-p-finance .l-access > .inner .wrapper .map-wrapper .googlemap iframe {
  width: 100%;
  height: 100%;
}

.l-p-finance .l-access > .inner .wrapper .map-wrapper .link {
  margin-top: 1.5rem;
}

.l-p-finance .l-access > .inner .wrapper .map-wrapper .link a {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .14em;
}

/* Savings */
.l-p-savings-borrowings.savings .m-title {
  background-image: url(./img/title_saving_sp.png);
}

.l-p-savings-borrowings.borrowings .m-title {
  background-image: url(./img/title_borrowing_sp.png);
}

.l-p-savings-borrowings .l-news {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}

.l-p-savings-borrowings .l-news > .inner .content {
  margin-top: 4rem;
}

.l-p-savings-borrowings .l-news > .inner .content .buttons {
  margin-top: 4rem;
}

.l-p-savings-borrowings .l-campaign {
  padding-top: 6rem;
}

.l-p-savings-borrowings .l-campaign > .inner .content {
  margin-top: 4rem;
  overflow: hidden;
}

.l-p-savings-borrowings .l-campaign > .inner .content ul li a, .l-p-savings-borrowings .l-campaign > .inner .content ul li span {
  display: block;
}

.l-p-savings-borrowings .l-campaign > .inner .content ul li a .image img, .l-p-savings-borrowings .l-campaign > .inner .content ul li span .image img {
  width: 100%;
}

.l-p-savings-borrowings .l-campaign > .inner .content ul li a .m-headline-sub, .l-p-savings-borrowings .l-campaign > .inner .content ul li span .m-headline-sub {
  margin-top: 2.3rem;
}

.l-p-savings-borrowings .l-campaign > .inner .content ul li a .text, .l-p-savings-borrowings .l-campaign > .inner .content ul li span .text {
  margin-top: 2rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-savings-borrowings .l-products {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.l-p-savings-borrowings .l-products > .inner .content {
  margin-top: 4rem;
}

.l-p-savings-borrowings .l-products > .inner .content .header-text {
  padding: 0 4rem 4rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 3rem;
}

.l-p-savings-borrowings .l-products > .inner .content .header-wrapper {
  /* height: 10.7rem */
}

.l-p-savings-borrowings .l-products > .inner .content .products-header {
  width: 100%;
}

.l-p-savings-borrowings .l-products > .inner .content .products-header .tabs > .inner {
  display: flex;
}

.l-p-savings-borrowings .l-products > .inner .content .products-header .tabs > .inner .tab {
  flex: 1;
}

.l-p-savings-borrowings .l-products > .inner .content .products-header .tabs > .inner .tab.active a {
  background-color: #6b88ae;
}

.l-p-savings-borrowings .l-products > .inner .content .products-header .tabs > .inner .tab a {
  display: block;
  height: 4.1rem;
  background-color: #D0D9E5;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 4.1rem;
  text-align: center;
}

.l-p-savings-borrowings .l-products > .inner .content .products-header .anchors {
  height: 6.6rem;
  background-color: #485c76;
}

.l-p-savings-borrowings .l-products > .inner .content .products-header .anchors > .inner {
  height: 100%;
  overflow: auto;
}

.l-p-savings-borrowings .l-products > .inner .content .products-header .anchors > .inner .links {
  display: none;
  height: 100%;
}

.l-p-savings-borrowings .l-products > .inner .content .products-header .anchors > .inner .links.active {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.l-p-savings-borrowings .l-products > .inner .content .products-header .anchors > .inner .links .link {
  padding-right: 4.5rem;
}

.l-p-savings-borrowings .l-products > .inner .content .products-header .anchors > .inner .links .link .tab-button {
  display: block;
  height: 100%;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 6.6rem;
  text-align: center;
  white-space: nowrap;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list {
  display: none;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list.active {
  display: block;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li {
  position: relative;
  padding-bottom: 8rem;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.sogo {
  background-image: url(./img/saving_sogo_image_sp.png);
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.teiki {
  background-image: url(./img/saving_teiki_image_sp.png);
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.tsumikin {
  background-image: url(./img/saving_tsumikin_image_sp.png);
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.jacard {
  background-image: url(./img/saving_jacard_image_sp.png);
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.netbank {
  background-image: url(./img/saving_netbank_image_sp.png);
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.money-forward {
  background-image: url(./img/saving_money_forward_image_sp.png);
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.premium-housing {
  background-image: url(./img/borrowing_premium_housing_loan_image_sp.png);
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.housing {
  background-image: url(./img/borrowing_housing_loan_image_sp.png);
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.housing_2 {
  background-image: url(./img/borrowing_housing_loan_2_image_sp.png);
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.mycar {
  background-image: url(./img/borrowing_mycar_loan_image_sp.png);
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.education-card {
  background-image: url(./img/borrowing_education_card_loan_image_sp.png);
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.education {
  background-image: url(./img/borrowing_education_loan_image_sp.png);
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.reform {
  background-image: url(./img/borrowing_reform_loan_image_sp.png);
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.homeowner {
  background-image: url(./img/borrowing_homeowner_loan_image_sp.png);
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.free {
  background-image: url(./img/borrowing_free_loan_image_sp.png);
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.b .figure {
  padding-top: 3.3rem;
  background-color: transparent;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li:before {
  display: block;
  padding-top: 40%;
  content: '';
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .info {
  padding: 3.3rem 4rem 3rem;
  background-color: #89A0BE;
  color: #ffffff;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .info > .inner .sup {
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .25em;
  text-align: center;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .info > .inner .title {
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: .15em;
  line-height: 5.8rem;
  text-align: center;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .info > .inner .text {
  margin-top: 3.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .06em;
  line-height: 2.3rem;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .info > .inner .buttons {
  margin-top: 2.3rem;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .info > .inner .buttons .hoken {
  width: 23.7rem;
  height: 5rem;
  margin: auto;
  border-radius: 2.5rem;
  background-color: #ffffff;
  color: #333333;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .14em;
  line-height: 5rem;
  text-align: center;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .figure {
  padding: 0 4rem 4rem;
  background-color: #89A0BE;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .figure > .inner > img {
  width: 100%;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .figure > .inner .oneline {
  padding: 3rem 0;
  background-color: #F2C744;
  color: #333333;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 2.9rem;
  text-align: center;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .figure > .inner .oneline b {
  font-weight: 700;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .overview {
  padding: 0 4rem 4rem;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .overview > .inner img {
  width: 100%;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .detail-buttons {
  margin-top: -2rem;
  padding: 0 4rem 0;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .detail-buttons a {
  margin-top: 1rem;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .options {
  display: none;
  padding: 2rem 4rem 0;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .options .text {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 2.8rem;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .options .agreement-outer {
  height: 49.7rem;
  overflow: auto;
  border: 0.1rem solid #e6e6e6;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .options .agreement-outer + .text {
  margin-top: 1.6rem;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .options .agreement-outer .agreement-inner {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 2.6rem;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .options .agreement-outer .agreement-inner .title {
  margin-bottom: 1.5rem;
  letter-spacing: .1em;
}

.l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .options .buttons {
  margin-top: 2rem;
}

.l-p-savings-borrowings .l-access {
  padding-top: 2rem;
  padding-bottom: 6rem;
  background-color: #f7f7f7;
}

.l-p-savings-borrowings .l-access > .inner .wrapper .text-wrapper {
  text-align: center;
}

.l-p-savings-borrowings .l-access > .inner .wrapper .text-wrapper .name {
  margin-top: 4rem;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .1em;
}

.l-p-savings-borrowings .l-access > .inner .wrapper .text-wrapper .address {
  margin-top: 2.7rem;
  padding-top: 5.6rem;
  background-image: url(./img/icon_address_green.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 4.6rem 4.6rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
}

.l-p-savings-borrowings .l-access > .inner .wrapper .text-wrapper .tel {
  margin-top: 2.7rem;
  padding-top: 5.6rem;
  background-image: url(./img/icon_tel_green.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 4.6rem 4.6rem;
}

.l-p-savings-borrowings .l-access > .inner .wrapper .text-wrapper .tel .number {
  font-family: "Ubuntu", sans-serif;
  font-size: 2.9rem;
  letter-spacing: .06em;
}

.l-p-savings-borrowings .l-access > .inner .wrapper .text-wrapper .tel .time {
  margin-top: 1.7rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
}

.l-p-savings-borrowings .l-access > .inner .wrapper .text-wrapper .traffic {
  margin-top: 2.7rem;
  padding-top: 5.6rem;
  background-image: url(./img/icon_tel_green.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 4.6rem 4.6rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
}

.l-p-savings-borrowings .l-access > .inner .wrapper .map-wrapper {
  margin: 4rem -4rem 0;
  text-align: center;
}

.l-p-savings-borrowings .l-access > .inner .wrapper .map-wrapper .googlemap {
  width: 100%;
  height: 21.7rem;
}

.l-p-savings-borrowings .l-access > .inner .wrapper .map-wrapper .googlemap iframe {
  width: 100%;
  height: 100%;
}

.l-p-savings-borrowings .l-access > .inner .wrapper .map-wrapper .link {
  margin-top: 1.5rem;
}

.l-p-savings-borrowings .l-access > .inner .wrapper .map-wrapper .link a {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .14em;
}

.l-p-campaign-kosodate .l-mainvisual {
  position: relative;
  background-image: url(./img/mainvisual_kosodate_sp_3.png);
  background-position: center center;
  background-size: cover;
}

.l-p-campaign-kosodate .l-mainvisual:before {
  display: block;
  padding-top: 128.53333%;
  content: '';
}

.l-p-campaign-kosodate .l-mainvisual .headline {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.l-p-campaign-kosodate .l-content {
  padding: 4rem 0;
}

.l-p-campaign-kosodate .l-content > .inner .case .case-item .title {
  font-size: 5.2rem;
  font-weight: bold;
}

.l-p-campaign-kosodate .l-content > .inner .case .case-item .title b {
  color: #F26269;
}

.l-p-campaign-kosodate .l-content > .inner .case .case-item .fig img {
  width: 100%;
  height: auto;
}

.l-p-campaign-kosodate .l-content > .inner dl.menu {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}

.l-p-campaign-kosodate .l-content > .inner dl.menu dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 2rem;
  padding: 2.1rem 1rem;
  border-radius: 1.4rem 1.4rem 0 0;
  color: #ffffff;
  font-size: 3.5rem;
  font-weight: bold;
  text-align: center;
}

.l-p-campaign-kosodate .l-content > .inner dl.menu dt.red {
  background-color: #F26269;
}

.l-p-campaign-kosodate .l-content > .inner dl.menu dt.green {
  background-color: #66C1C4;
}

.l-p-campaign-kosodate .l-content > .inner dl.menu dd {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  width: 100%;
  padding: 1.6rem 1rem 2.8rem;
  border-radius: 0 0 1.4rem 1.4rem;
  background-color: #F0F0F0;
  font-weight: bold;
}

.l-p-campaign-kosodate .l-content > .inner dl.menu dd b {
  font-size: 3rem;
  text-align: center;
}

.l-p-campaign-kosodate .l-content > .inner dl.menu dd span {
  margin-top: 1.4rem;
  font-size: 2rem;
  text-align: center;
}

.l-p-campaign-kosodate .l-content > .inner ul.caution {
  margin-top: 2.5rem;
}

.l-p-campaign-kosodate .l-content > .inner ul.caution li {
  margin-top: 1rem;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.1rem;
}

.l-p-campaign-kosodate .l-content > .inner ul.caution li.b {
  font-size: 2.2rem;
  line-height: 3.2rem;
}

.l-p-campaign-kosodate .l-content > .inner ul.caution li.r {
  color: #F26269;
}

.l-p-campaign-kosodate .l-contact {
  padding: 4rem 0;
  background-color: #FFDB5A;
}

.l-p-campaign-kosodate .l-contact > .inner dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 9.5rem;
  border-radius: 1.4rem;
  background-color: #302D2C;
  color: #ffffff;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 3.5rem;
}

.l-p-campaign-kosodate .l-contact > .inner dl dd {
  color: #302D2C;
}

.l-p-campaign-kosodate .l-contact > .inner dl dd .tel {
  padding-left: 5rem;
  background-image: url(./img/icon_kosodate_tel.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 3.8rem 3.8rem;
  font-family: "Ubuntu", sans-serif;
  font-size: 4.5rem;
  font-weight: bold;
}

.l-p-campaign-kosodate .l-contact > .inner dl dd .signature {
  margin-top: 1rem;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.3rem;
}

.l-p-campaign-kosodate .l-contact > .inner dl dd .address {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.3rem;
}

@media screen and (min-width: 768px) {
  a:hover {
    color: #005A31;
    transition: 0.2s linear;
  }
  a.text-link:hover {
    text-decoration: underline;
  }
  [href^="tel:"] {
    pointer-events: none;
  }
  .sp {
    display: none !important;
  }
  body {
    min-width: 128.6rem;
  }
  .m-headline.left:before {
    left: 0;
  }
  .m-headline.left:after {
    left: 2.1rem;
  }
  .m-headline.left {
    text-align: left;
  }
  .m-breadcrumb {
    padding-right: 0;
    padding-left: 0;
  }
  .m-title {
    width: 100%;
  }
  .m-title:before {
    padding-top: 26.64714%;
  }
  .m-title.s:before {
    padding-top: 19.3265%;
  }
  .m-title > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .m-lead {
    width: 100%;
  }
  .m-lead {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .m-lead > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .m-lead > .inner .lead-title span {
    width: auto;
    padding: 2rem 5.6rem;
  }
  .m-lead > .inner .lead-text {
    margin-top: 6rem;
    text-align: center;
  }
  .fixable-anchor.fa-pc.scrolled .fixable-element {
    z-index: 2000;
    position: fixed;
    top: 12.6rem;
    left: 0;
    width: 100%;
    box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, 0.1);
  }
  .m-anchors {
    height: 7rem;
  }
  .m-anchors .anchors-nav {
    width: 100%;
  }
  .m-anchors .anchors-nav {
    min-width: 128.6rem;
    height: 7rem;
  }
  .m-anchors .anchors-nav ul {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .m-anchors .anchors-nav ul {
    width: 108rem;
  }
  .m-anchors .anchors-nav ul li {
    flex: 1;
    padding: 0;
  }
  .m-anchors .anchors-nav ul li.s a {
    font-size: 1.3rem;
  }
  .m-anchors .anchors-nav ul li a {
    border-top: 0.4rem solid #333333;
    border-bottom: 0.4rem solid #333333;
    font-size: 1.4rem;
  }
  .m-anchors .anchors-nav ul li a:hover {
    border-top: 0.4rem solid #333333;
    border-bottom: 0.4rem solid #ab853e;
    opacity: 1;
  }
  .m-file-buttons ul {
    flex-direction: row;
    margin-left: -3rem;
  }
  .m-file-buttons ul li {
    margin-left: 3rem;
  }
  .m-file-buttons ul li a {
    width: 34rem;
  }
  .m-button.contact {
    width: auto;
    padding: .8rem 1.5rem;
    letter-spacing: .1em;
  }
  .m-button {
    width: 30rem;
  }
  .m-button:hover {
    opacity: 1;
  }
  .m-button.m {
    width: 34rem;
  }
  .m-button.l {
    width: 48rem;
  }
  .m-button.black:hover {
    background-color: #005A31;
  }
  .m-button.black:hover.pdf:after {
    color: #005A31;
  }
  .m-button.white:hover {
    background-color: #005A31;
    color: #ffffff;
  }
  .m-button.white:hover:after {
    background-color: #ffffff;
    color: #005A31;
  }
  .m-button.recruit:hover {
    background-color: #a34326;
  }
  .m-button.h-recruit:hover {
    background-color: #d55832;
  }
  .m-button.part-time:hover {
    background-color: #a34326;
  }
  .m-button.h-part-time:hover {
    background-color: #db7676;
  }
  .m-button.finance:hover {
    background-color: #485c76;
  }
  .m-button.h-finance:hover {
    background-color: #6b88ae;
  }
  ul.m-news li a {
    flex-direction: row;
    align-items: center;
  }
  ul.m-news li a:hover {
    color: #005A31;
    opacity: 1;
  }
  ul.m-news li a:hover:after {
    border-color: #005A31;
    transition: .2s linear;
  }
  ul.m-news li a:after {
    z-index: 100;
    position: absolute;
    top: 0;
    right: 2.6rem;
    bottom: 0;
    width: 1rem;
    height: 1rem;
    margin: auto;
    transform: rotate(-45deg);
    border-right: .1rem solid;
    border-bottom: .1rem solid;
    border-color: #333333;
    content: '';
    pointer-events: none;
  }
  ul.m-news li a .meta .date {
    margin-right: 2.3rem;
  }
  ul.m-news li a .title {
    margin-top: 0;
    margin-left: 3rem;
  }
  .l-header {
    width: 100%;
  }
  .l-header {
    min-width: 128.6rem;
    height: 19.8rem;
    transition: height .2s linear;
  }
  .l-header.scrolled {
    height: 12.6rem;
  }
  .l-header.scrolled .title-header > .inner .nav .content ul.menu.main {
    height: 6.5rem;
  }
  .l-header.scrolled .title-header > .inner .nav .content ul.menu.main:before {
    height: 4.4rem;
  }
  .l-header.scrolled .title-header > .inner .nav .content ul.menu.main:after {
    height: 4.4rem;
  }
  .l-header.scrolled .title-header > .inner .nav .content ul.menu.main > li:before {
    height: 4.4rem;
  }
  .l-header.scrolled .title-header > .inner .nav .content ul.menu.main > li:after {
    height: 4.4rem;
  }
  .l-header.scrolled .title-header > .inner .nav .content ul.menu.main > li > a {
    padding-top: 1rem;
  }
  .l-header.scrolled .title-header > .inner .nav .content ul.menu.main > li > a.icon:before {
    height: 0;
  }
  .l-header.scrolled .title-header > .inner .nav .content ul.menu.main > li ul.options {
    top: 12.6rem;
  }
  .l-header .title-header > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-header .title-header > .inner {
    display: block;
    padding: 0;
  }
  .l-header .title-header > .inner .logo {
    position: absolute;
    top: 1.6rem;
    left: 0;
    width: 16.9rem;
    height: 5.2rem;
  }
  .l-header .title-header > .inner .nav {
    height: 100%;
    transition: height .2s linear;
  }
  .l-header .title-header > .inner .nav:before {
    width: 0;
    height: 0;
    background-image: url(./img/menu_about_hover.png), url(./img/agriculture_hover.png), url(./img/menu_store_hover.png), url(./img/menu_bank_hover.png), url(./img/menu_recruit_hover.png), url(./img/brightness.png), url(./img/menu_about_bg_pc.png), url(./img/menu_youth_bg_pc.png), url(./img/menu_wemen_bg_pc.png), url(./img/menu_hapio_bg_pc.png), url(./img/menu_estate_bg_pc_2.png), url(./img/menu_suzuran_bg_pc.png), url(./img/menu_finance_bg_pc.png), url(./img/menu_mutual_aid_bg_pc.png), url(./img/menu_recruit_bg_pc.png), url(./img/menu_part_time_bg_pc.png);
    content: '';
  }
  .l-header .title-header > .inner .nav .content ul.menu.main {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    justify-content: space-between;
    width: 100%;
    height: 12rem;
    transition: height .2s linear;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main:before {
    position: absolute;
    top: 1.3rem;
    left: 0;
    height: 9.4rem;
    border-left: 0.1rem solid #e6e6e6;
    content: '';
    transition: height .2s linear;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    transition: height .2s linear;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li:before {
    z-index: -1;
    position: absolute;
    top: 1.3rem;
    right: 0;
    height: 9.4rem;
    border-left: 0.1rem solid #e6e6e6;
    content: '';
    transition: height .2s linear;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li:after {
    width: .1rem;
    height: 9.4rem;
    background-color: #e6e6e6;
    content: '';
    transition: height .2s linear;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li > a {
    display: block;
    width: calc(100% - 0.1rem);
    height: 100%;
    color: #333333;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 2.4rem;
    text-align: center;
    transition: height .2s linear, padding-top .2s linear;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li > a:hover, .l-header .title-header > .inner .nav .content ul.menu.main > li > a[data-opened=true] {
    color: #ab853e;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li > a:hover.expand:after, .l-header .title-header > .inner .nav .content ul.menu.main > li > a[data-opened=true].expand:after {
    border-top-color: #ab853e;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li > a:hover.icon.about:before, .l-header .title-header > .inner .nav .content ul.menu.main > li > a[data-opened=true].icon.about:before {
    background-image: url(./img/menu_about_hover.png);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li > a:hover.icon.agriculture:before, .l-header .title-header > .inner .nav .content ul.menu.main > li > a[data-opened=true].icon.agriculture:before {
    background-image: url(./img/menu_agriculture_hover.png);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li > a:hover.icon.shop:before, .l-header .title-header > .inner .nav .content ul.menu.main > li > a[data-opened=true].icon.shop:before {
    background-image: url(./img/menu_store_hover.png);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li > a:hover.icon.finance:before, .l-header .title-header > .inner .nav .content ul.menu.main > li > a[data-opened=true].icon.finance:before {
    background-image: url(./img/menu_bank_hover.png);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li > a:hover.icon.recruit:before, .l-header .title-header > .inner .nav .content ul.menu.main > li > a[data-opened=true].icon.recruit:before {
    background-image: url(./img/menu_recruit_hover.png);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li > a.expand:after {
    display: block;
    width: 0;
    height: 0;
    margin: 1rem auto 0;
    border: solid;
    border-top: 0.8rem solid #005A31;
    border-right: .7rem solid transparent;
    border-bottom: none;
    border-left: .7rem solid transparent;
    content: '';
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li > a.icon:before {
    display: block;
    width: 100%;
    height: 6.1rem;
    background-position: center center;
    background-repeat: no-repeat;
    content: '';
    transition: hight .2s linear;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li > a.icon.about:before {
    background-image: url(./img/menu_about.png);
    background-size: 3.1rem auto;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li > a.icon.agriculture:before {
    background-image: url(./img/menu_agriculture.png);
    background-size: 4.2rem auto;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li > a.icon.shop:before {
    background-image: url(./img/menu_store.png);
    background-size: 3.3rem auto;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li > a.icon.finance:before {
    background-image: url(./img/menu_bank.png);
    background-size: 3.8rem auto;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li > a.icon.recruit:before {
    background-image: url(./img/menu_recruit.png);
    background-size: 4.7rem auto;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options {
    display: none;
    z-index: -1;
    position: fixed;
    top: 19.8rem;
    left: 0;
    flex-direction: row;
    width: 100%;
    height: 20rem;
    box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, 0.1);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li {
    position: relative;
    flex: 1;
    background-color: #ffffff;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a {
    display: block;
    z-index: 0;
    position: relative;
    height: 100%;
    padding-top: 8.2rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a:before {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(./img/brightness.png);
    content: '';
    transition: .2s linear;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a.about {
    background-image: url(./img/menu_about_bg_pc.png);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a.youth {
    background-image: url(./img/menu_youth_bg_pc.png);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a.wemen {
    background-image: url(./img/menu_wemen_bg_pc.png);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a.hapio {
    background-image: url(./img/menu_hapio_bg_pc.png);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a.estate {
    background-image: url(./img/menu_estate_bg_pc_2.png);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a.suzuran {
    background-image: url(./img/menu_suzuran_bg_pc.png);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a.finance {
    background-image: url(./img/menu_finance_bg_pc.png);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a.mutual-aid {
    background-image: url(./img/menu_mutual_aid_bg_pc.png);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a.recruit {
    background-image: url(./img/menu_recruit_bg_pc.png);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a.part-time {
    background-image: url(./img/menu_part_time_bg_pc.png);
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a.external span {
    position: relative;
    padding-right: 2.4rem;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a.external span:after {
    display: inline-block;
    z-index: 100;
    position: absolute;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1.4rem;
    height: 1.2rem;
    margin: auto;
    background-image: url(./img/external_link.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a:hover {
    opacity: 1;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a:hover:before {
    opacity: .4;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > a span {
    display: block;
    width: -moz-min-content;
    width: min-content;
    margin: auto;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.4rem;
    white-space: nowrap;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li.finance > ul > li a {
    color: #6b88ae;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li.finance > ul > li a:hover {
    background-color: #6b88ae;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li.recruit > ul > li a {
    color: #d55832;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li.recruit > ul > li a:hover {
    background-color: #d55832;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li.part-time > ul > li a {
    color: #db7676;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li.part-time > ul > li a:hover {
    background-color: #db7676;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > ul {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    justify-content: space-between;
    width: 100%;
    padding: 2rem;
    pointer-events: none;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > ul > li {
    flex: 1;
    height: 4.8rem;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > ul > li + li {
    margin-left: 1rem;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > ul > li a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 4.8rem;
    text-align: center;
    pointer-events: auto;
  }
  .l-header .title-header > .inner .nav .content ul.menu.main > li ul.options > li > ul > li a:hover {
    color: #ffffff;
  }
  .l-header .title-header > .inner .nav .content .optional-wrapper {
    display: flex;
    position: absolute;
    top: 1.7rem;
    right: 0;
    align-items: center;
    justify-content: flex-end;
  }
  .l-header .title-header > .inner .nav .content .optional-wrapper ul.menu.sub {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .l-header .title-header > .inner .nav .content .optional-wrapper ul.menu.sub li {
    margin-right: 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: .1em;
  }
  .l-header .title-header > .inner .nav .content .optional-wrapper ul.menu.sub li a.external span {
    position: relative;
    padding-right: 2rem;
  }
  .l-header .title-header > .inner .nav .content .optional-wrapper ul.menu.sub li a.external span:after {
    display: inline-block;
    z-index: 100;
    position: absolute;
    position: absolute;
    top: 0;
    right: 0rem;
    bottom: 0;
    width: 1.4rem;
    height: 1.2rem;
    margin: auto;
    background-image: url(./img/external_link_green.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
  }
  .l-footer {
    width: 100%;
  }
  .l-footer .wrapper {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-footer .wrapper {
    display: flex;
    justify-content: space-between;
    padding-top: 8rem;
    padding-bottom: 6.8rem;
  }
  .l-footer .wrapper .main {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .l-footer .wrapper .main .logo {
    width: 24.8rem;
    height: 9.1rem;
  }
  .l-footer .wrapper .main .info div {
    text-align: left;
  }
  .l-footer .copy {
    letter-spacing: .15em;
  }
  main.l-main {
    padding-top: 19.8rem;
  }
  .l-p-top .l-main-visual:before {
    padding-top: 41.72767%;
  }
  .l-p-top .l-main-visual .slick-dots {
    right: 3rem;
  }
  .l-p-top .l-banners {
    padding-top: 10.9rem;
    padding-bottom: 11.7rem;
  }
  .l-p-top .l-banners:after {
    bottom: 5.7rem;
    height: 34.5rem;
  }
  .l-p-top .l-banners .banner-wrapper .arrows {
    top: 11.8rem;
    width: 58.6rem;
  }
  .l-p-top .l-banners .banner-wrapper .arrows a.arrow {
    width: 5rem;
    height: 5rem;
  }
  .l-p-top .l-banners .banner-wrapper .arrows a.arrow:hover {
    background-color: #005A31;
  }
  .l-p-top .l-banners .banner-wrapper .arrows a.arrow:before {
    width: .6rem;
    height: .6rem;
  }
  .l-p-top .l-banners .banner-wrapper .slider-banner .slider-item {
    width: 49.4rem;
  }
  .l-p-top .l-banners .banner-thumbnail-wrapper {
    width: 36rem;
    margin: 0 auto;
    padding: 2rem 0;
  }
  .l-p-top .l-banners .banner-thumbnail-wrapper .banner-thumbnail li {
    width: calc((100% - 1rem * 4) / 5);
  }
  .l-p-top .l-content-menu {
    width: 100%;
  }
  .l-p-top .l-content-menu {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .l-p-top .l-content-menu > .inner {
    right: 0;
    left: 0;
    width: 124.6rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-top .l-content-menu > .inner {
    display: flex;
  }
  .l-p-top .l-content-menu > .inner ul {
    flex: 1;
  }
  .l-p-top .l-content-menu > .inner ul li:before {
    padding-top: 20rem;
  }
  .l-p-top .l-content-menu > .inner ul li.about a .floating {
    background-image: url(./img/menu_content_about_pc.png);
  }
  .l-p-top .l-content-menu > .inner ul li.agriculture a .floating {
    background-image: url(./img/menu_content_agriculture_pc_2.png);
  }
  .l-p-top .l-content-menu > .inner ul li.suzuran a .floating {
    background-image: url(./img/menu_content_suzuran_pc.png);
  }
  .l-p-top .l-content-menu > .inner ul li.gasoline-stand a .floating {
    background-image: url(./img/menu_content_gasoline_stand_pc.png);
  }
  .l-p-top .l-content-menu > .inner ul li.recruit a .floating {
    background-image: url(./img/menu_content_recruit_pc.png);
  }
  .l-p-top .l-content-menu > .inner ul li.part-time a .floating {
    background-image: url(./img/menu_content_part_time_pc.png);
  }
  .l-p-top .l-content-menu > .inner ul li.hapio a .floating {
    background-image: url(./img/menu_content_hapio_pc.png);
  }
  .l-p-top .l-content-menu > .inner ul li.estate a .floating {
    background-image: url(./img/menu_content_estate_pc_3.png);
  }
  .l-p-top .l-content-menu > .inner ul li.finance a .floating {
    background-image: url(./img/menu_content_finance_pc.png);
  }
  .l-p-top .l-content-menu > .inner ul li.mutual-aid a .floating {
    background-image: url(./img/menu_content_mutual_aid_pc.png);
  }
  .l-p-top .l-content-menu > .inner ul li.youth a .floating {
    background-image: url(./img/menu_content_youth_pc.png);
  }
  .l-p-top .l-content-menu > .inner ul li.wemen a .floating {
    background-image: url(./img/menu_content_wemen_pc.png);
  }
  .l-p-top .l-content-menu > .inner ul li a:hover {
    opacity: 1;
  }
  .l-p-top .l-content-menu > .inner ul li a:hover .floating {
    top: -1.3rem;
    left: -1.3rem;
  }
  .l-p-top .l-content-menu > .inner ul li a:hover .floating:before {
    opacity: .4;
  }
  .l-p-top .l-news {
    width: 100%;
  }
  .l-p-top .l-news > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-top .l-news > .inner {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-top .l-sns {
    width: 100%;
  }
  .l-p-top .l-sns {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .l-p-top .l-sns > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-top .l-sns > .inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .l-p-top .l-sns > .inner ul li {
    width: 33.4rem;
    height: 21rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
  }
  .l-p-top .l-sns > .inner ul li:nth-child(3n) {
    margin-right: 0;
  }
  .l-p-top .l-sns > .inner ul li + li {
    margin-top: 0;
  }
  .l-p-top .l-sns > .inner ul li:before {
    padding-top: 21rem;
    content: none;
    /* 擬似要素での高さ調整を無効にする */
  }
  .l-p-top .l-sns > .inner ul li.youtube-ja-kino a .floating {
    background-image: url(./img/youtube_jakino_pc.jpg);
  }
  .l-p-top .l-sns > .inner ul li.facebook-jakino a .floating {
    background-image: url(./img/facebook_jakino_pc.png);
  }
  .l-p-top .l-sns > .inner ul li.facebook-hapio a .floating {
    background-image: url(./img/facebook_hapio_pc.png);
  }
  .l-p-top .l-sns > .inner ul li.instagram-jakino a .floating {
    background-image: url(./img/instagram_jakino_pc.jpg);
  }
  .l-p-top .l-sns > .inner ul li.instagram-hapio {
    margin-top: 0 !important;
  }
  .l-p-top .l-sns > .inner ul li.instagram-hapio a .floating {
    background-image: url(./img/instagram_hapio_pc.png);
  }
  .l-p-top .l-sns > .inner ul li a:hover {
    opacity: 1;
  }
  .l-p-top .l-sns > .inner ul li a:hover .floating {
    top: -1.3rem;
    left: -1.3rem;
  }
  .l-p-top .l-sns > .inner ul li a:hover .floating:before {
    opacity: .4;
  }
  .l-p-about .m-title {
    background-image: url(./img/title_about_pc.png);
  }
  .l-p-about .l-section {
    width: 100%;
  }
  .l-p-about .l-section {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-about .l-section > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-about .l-section > .inner {
    display: flex;
    justify-content: space-between;
  }
  .l-p-about .l-section > .inner .content-wrapper .content-sub {
    padding-bottom: 6rem;
  }
  .l-p-about .l-section > .inner .content-wrapper .content-sub:last-child {
    padding-bottom: 0;
  }
  .l-p-about .l-section.greeting > .inner .title-wrapper {
    width: 41.4rem;
  }
  .l-p-about .l-section.greeting > .inner .content-wrapper {
    width: 54.2rem;
    margin-top: 0;
  }
  .l-p-about .l-section.management > .inner .title-wrapper, .l-p-about .l-section.history > .inner .title-wrapper, .l-p-about .l-section.basic > .inner .title-wrapper, .l-p-about .l-section.logomark > .inner .title-wrapper, .l-p-about .l-section.charactor > .inner .title-wrapper, .l-p-about .l-section.description > .inner .title-wrapper {
    width: 26.6rem;
  }
  .l-p-about .l-section.management > .inner .content-wrapper, .l-p-about .l-section.history > .inner .content-wrapper, .l-p-about .l-section.basic > .inner .content-wrapper, .l-p-about .l-section.logomark > .inner .content-wrapper, .l-p-about .l-section.charactor > .inner .content-wrapper, .l-p-about .l-section.description > .inner .content-wrapper {
    width: 74.7rem;
    margin-top: 0;
  }
  .l-p-about .l-section.disclosure > .inner .content-wrapper, .l-p-about .l-section.letter > .inner .content-wrapper {
    margin-top: 4rem;
  }
  .l-p-about .l-section.greeting > .inner .title-wrapper .picture {
    margin: 6rem 0 0;
  }
  .l-p-about .l-section.management > .inner .content-wrapper .policy {
    margin-right: 0;
    margin-left: 0;
  }
  .l-p-about .l-section.management > .inner .content-wrapper .policy li {
    padding: 1rem 2rem;
  }
  .l-p-about .l-section.basic > .inner .content-wrapper .base {
    margin-top: 4rem;
  }
  .l-p-about .l-section.logomark > .inner .title-wrapper .logo {
    width: 19.6rem;
    margin: 6rem 0 0;
    padding-bottom: 0;
  }
  .l-p-about .l-section.logomark > .inner .content-wrapper .content-sub .image {
    margin: 6rem 0 4rem 0;
  }
  .l-p-about .l-section.charactor > .inner .content-wrapper .content-sub .text {
    margin-top: 6rem;
  }
  .l-p-about .l-section.charactor > .inner .content-wrapper .content-sub .m-headline-sub {
    margin-top: 6rem;
  }
  .l-p-about .l-section.charactor > .inner .content-wrapper .content-sub .charactor-img {
    margin-top: 4rem;
  }
  .l-p-about .l-section.charactor > .inner .content-wrapper .content-sub dl.profile dt {
    width: 15rem;
    padding: 1rem 2rem;
    letter-spacing: .1em;
    line-height: 3rem;
  }
  .l-p-about .l-section.charactor > .inner .content-wrapper .content-sub dl.profile dd {
    width: 59.6rem;
    margin-top: 1rem;
    padding: 1rem 2rem 1rem 0;
    letter-spacing: .1em;
  }
  .l-p-about .l-section.disclosure > .inner {
    padding-bottom: 6rem;
  }
  .l-p-branch.youth .m-title {
    background-image: url(./img/title_youth_pc.png);
  }
  .l-p-branch.wemen .m-title {
    background-image: url(./img/title_wemen_pc.png);
  }
  .l-p-branch .m-lead > .inner .works ul {
    margin: 5rem 11rem 0;
  }
  .l-p-branch .m-lead > .inner .works ul li {
    margin: 1rem;
    padding: 1rem 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 3rem;
  }
  .l-p-branch .l-platform {
    width: 100%;
  }
  .l-p-branch .l-platform {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-branch .l-platform > .inner {
    right: 0;
    left: 0;
    width: 86rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-branch .l-platform > .inner .policy {
    margin-top: 4rem;
    margin-right: 0;
    margin-left: 0;
  }
  .l-p-branch .l-platform > .inner .policy li {
    padding: 1rem 2rem;
  }
  .l-p-branch .l-platform > .inner .policy li + li {
    margin-top: 2rem;
  }
  .l-p-branch .l-greeting {
    width: 100%;
  }
  .l-p-branch .l-greeting .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-branch .l-greeting .inner {
    display: flex;
    justify-content: space-between;
  }
  .l-p-branch .l-greeting .inner .image-wrapper {
    width: 41.4rem;
  }
  .l-p-branch .l-greeting .inner .content-wrapper {
    width: calc(100% - 41.4rem - 7rem);
    padding-top: 0;
  }
  .l-p-branch .l-officer {
    width: 100%;
  }
  .l-p-branch .l-officer {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-branch .l-officer > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-branch .l-officer > .inner {
    overflow: hidden;
  }
  .l-p-branch .l-officer > .inner ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-left: -3rem;
  }
  .l-p-branch .l-officer > .inner ul li {
    width: 34rem;
    margin-top: 4rem;
    margin-left: 3rem;
  }
  .l-p-branch .l-officer > .inner ul li .meta {
    display: block;
  }
  .l-p-branch .l-officer > .inner ul li .meta .name {
    margin-top: 1rem;
    margin-left: 0;
  }
  .l-p-branch .l-plan {
    width: 100%;
  }
  .l-p-branch .l-plan {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-branch .l-plan > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-agriculture .m-title {
    background-image: url(./img/title_agriculture_pc.png);
  }
  .l-p-agriculture .l-crops {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-agriculture .l-crops .m-anchors {
    height: auto;
    margin-top: 4rem;
  }
  .l-p-agriculture .l-crops .m-anchors .anchors-nav {
    z-index: -1;
    position: static;
    right: 0;
    left: 0;
    width: 108rem;
    min-width: 108rem;
    height: auto;
    margin: auto;
    overflow: hidden;
    background-color: transparent;
  }
  .l-p-agriculture .l-crops .m-anchors .anchors-nav ul {
    flex-wrap: wrap;
    width: auto;
    margin-top: -2rem;
    margin-left: -2rem;
  }
  .l-p-agriculture .l-crops .m-anchors .anchors-nav ul li {
    flex: auto;
    width: 25.5rem;
    max-width: 25.5rem;
    height: 5.4rem;
    margin-top: 2rem;
    margin-left: 2rem;
  }
  .l-p-agriculture .l-crops .m-anchors .anchors-nav ul li a {
    display: block;
    height: 100%;
    border: none;
    background-color: #ffffff;
    color: #005A31;
    font-size: 1.4rem;
    letter-spacing: .1em;
    line-height: 5.4rem;
  }
  .l-p-agriculture .l-crops .m-anchors .anchors-nav ul li a:hover {
    background-color: #005A31;
    color: #ffffff;
  }
  .l-p-agriculture .l-crops .crops-list {
    width: 100%;
  }
  .l-p-agriculture .l-crops .crops-list ul {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-agriculture .l-crops .crops-list ul li {
    margin-top: 5rem;
    padding-left: 21.3rem;
    background-color: transparent;
  }
  .l-p-agriculture .l-crops .crops-list ul li .image {
    position: absolute;
    width: 44.4rem;
  }
  .l-p-agriculture .l-crops .crops-list ul li .description {
    min-height: 35.6rem;
    margin-top: 0;
    padding: 4rem 5rem 5rem 27.4rem;
  }
  .l-p-agriculture .l-crops .crops-list ul li .description .text {
    margin-top: 3rem;
    letter-spacing: .05em;
  }
  .l-p-agriculture .l-recipe {
    width: 100%;
  }
  .l-p-agriculture .l-recipe {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-agriculture .l-recipe > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-agriculture .l-recipe > .inner p.text {
    margin-top: 6.1rem;
    text-align: center;
  }
  .l-p-agriculture .l-recipe > .inner .image {
    width: 78.4rem;
    height: 22.6rem;
    margin: 5rem auto 0;
  }
  .l-p-agriculture .l-recipe > .inner .image:after {
    content: none;
  }
  .l-p-agriculture .l-recipe > .inner .buttons {
    margin-top: 6rem;
  }
  .l-p-recruit .m-title {
    background-image: url(./img/title_recruit_pc.png);
  }
  .l-p-recruit .l-news {
    width: 100%;
  }
  .l-p-recruit .l-news {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-recruit .l-news > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-recruit .l-news .content {
    margin-top: 6.2rem;
  }
  .l-p-recruit .l-work {
    padding-top: 8rem;
  }
  .l-p-recruit .l-work .inner .work {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .l-p-recruit .l-work .inner .work li {
    width: 25%;
    height: 33.4rem;
    padding: 16rem 4.45% 0;
  }
  .l-p-recruit .l-work .inner .work li:before {
    width: 100%;
    height: 16rem;
    background-size: auto 9rem;
  }
  .l-p-recruit .l-work .inner .work li .title {
    text-align: center;
  }
  .l-p-recruit .l-interview {
    width: 100%;
  }
  .l-p-recruit .l-interview {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-recruit .l-interview > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-recruit .l-interview > .inner .interview {
    height: 45.4rem;
    margin: 4rem -1.5rem 0;
  }
  .l-p-recruit .l-interview > .inner .interview:before {
    content: none;
  }
  .l-p-recruit .l-interview > .inner .interview .slider-interview {
    overflow: show;
  }
  .l-p-recruit .l-interview > .inner .interview .slider-interview li {
    margin-top: 1.5rem;
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .l-p-recruit .l-interview > .inner .interview .slider-interview li a:hover .floating {
    top: -1.3rem;
    left: -1.3rem;
  }
  .l-p-recruit .l-interview > .inner .interview .slider-interview li a:before {
    padding-top: 43.9rem;
  }
  .l-p-recruit .l-interview > .inner .interview .arrows .arrow:hover {
    background-color: #d55832;
  }
  .l-p-recruit .l-interview > .inner .interview .arrows .arrow.prev {
    left: -4rem;
  }
  .l-p-recruit .l-interview > .inner .interview .arrows .arrow.next {
    right: -4rem;
  }
  .l-p-recruit .l-interview > .inner .buttons {
    margin-top: 6rem;
  }
  .l-p-recruit .l-links > .inner {
    display: flex;
  }
  .l-p-recruit .l-links > .inner .welfare, .l-p-recruit .l-links > .inner .requirements {
    flex: 1;
  }
  .l-p-recruit .l-links > .inner .welfare > .inner .text, .l-p-recruit .l-links > .inner .requirements > .inner .text {
    margin-top: 4.4rem;
  }
  .l-p-recruit .l-links > .inner .welfare > .inner .buttons, .l-p-recruit .l-links > .inner .requirements > .inner .buttons {
    margin: 5.4rem auto 0;
  }
  .l-p-recruit .l-links > .inner .welfare {
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-image: url(./img/recruit_welfare_half_bg_pc.png);
  }
  .l-p-recruit .l-links > .inner .requirements {
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-image: url(./img/recruit_requirements_half_bg_pc.png);
  }
  .l-p-interview .m-title {
    background-image: url(./img/title_interview_pc.png);
  }
  .l-p-interview .l-interview-list {
    padding-top: 32.8rem;
  }
  .l-p-interview .l-interview-list .interview-list-wrapper {
    height: 11.1rem;
  }
  .l-p-interview .l-interview-list .interview-list-wrapper.scrolled .interview-list {
    height: 11.1rem;
  }
  .l-p-interview .l-interview-list .interview-list-wrapper.scrolled .interview-list > .inner .slider-interview-list li a {
    padding-top: 2.5rem;
    padding-bottom: 2.4rem;
  }
  .l-p-interview .l-interview-list .interview-list-wrapper .interview-list {
    width: 100%;
  }
  .l-p-interview .l-interview-list .interview-list-wrapper .interview-list {
    bottom: -2.2rem;
  }
  .l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .slider-interview-list li {
    width: 36rem;
  }
  .l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .slider-interview-list li a:hover:before {
    border-color: #ee8673;
  }
  .l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .slider-interview-list li a .image img {
    width: 36rem;
  }
  .l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .arrows .arrow:hover {
    background-color: #d55832;
  }
  .l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .arrows .arrow.prev {
    left: -4rem;
  }
  .l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner .arrows .arrow.next {
    right: -4rem;
  }
  .l-p-interview .l-staff#staff-01 .visual {
    background-image: url(./img/interview_main_01_pc.png);
  }
  .l-p-interview .l-staff#staff-02 .visual {
    background-image: url(./img/interview_main_02_pc.png);
  }
  .l-p-interview .l-staff#staff-03 .visual {
    background-image: url(./img/interview_main_03_pc_2.png);
  }
  .l-p-interview .l-staff {
    padding-bottom: 8rem;
  }
  .l-p-interview .l-staff .visual:before {
    padding-top: 36.53001%;
  }
  .l-p-interview .l-staff .visual > .wrapper {
    width: 100%;
  }
  .l-p-interview .l-staff .visual > .wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .l-p-interview .l-staff .visual > .wrapper > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-interview .l-staff .visual > .wrapper > .inner {
    position: relative;
    height: 100%;
  }
  .l-p-interview .l-staff .visual > .wrapper > .inner .info {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 4rem;
  }
  .l-p-interview .l-staff .visual > .wrapper > .inner .info .message {
    color: #ffffff;
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 4.4rem;
  }
  .l-p-interview .l-staff .visual > .wrapper > .inner .info .department {
    margin-top: 5.6rem;
  }
  .l-p-interview .l-staff .visual > .wrapper > .inner .info .name {
    margin-top: 1.6rem;
    color: #ffffff;
    font-size: 2rem;
  }
  .l-p-interview .l-staff .visual > .wrapper > .inner .info .name-en {
    margin-top: 1rem;
    color: #ffffff;
  }
  .l-p-interview .l-staff .work {
    width: 100%;
  }
  .l-p-interview .l-staff .work {
    padding-top: 6rem;
    padding-bottom: 0;
  }
  .l-p-interview .l-staff .work > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-interview .l-staff .work > .inner {
    display: flex;
    justify-content: space-between;
  }
  .l-p-interview .l-staff .work > .inner.lr {
    flex-direction: row;
  }
  .l-p-interview .l-staff .work > .inner.rl {
    flex-direction: row-reverse;
  }
  .l-p-interview .l-staff .work > .inner .image-block {
    width: 47.8rem;
  }
  .l-p-interview .l-staff .work > .inner .text-block {
    width: 54.2rem;
    margin-top: 2rem;
  }
  .l-p-interview .l-staff .work > .inner .text-block .text {
    margin-top: 4rem;
  }
  .l-p-interview .l-requirements {
    width: 100%;
  }
  .l-p-interview .l-requirements {
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-image: url(./img/recruit_requirements_bg_pc.png);
  }
  .l-p-interview .l-requirements > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-interview .l-requirements > .inner .text {
    margin-top: 4.4rem;
  }
  .l-p-interview .l-requirements > .inner .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 64rem;
    margin: 5.4rem auto 0;
  }
  .l-p-interview .l-requirements > .inner .buttons .m-button + .m-button {
    margin-top: 0;
  }
  .l-p-welfare .m-title {
    background-image: url(./img/title_welfare_pc.png);
  }
  .l-p-welfare .l-list {
    width: 100%;
  }
  .l-p-welfare .l-list > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-welfare .l-list > .inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: .1rem;
    margin-left: .1rem;
  }
  .l-p-welfare .l-list > .inner ul li {
    width: 36rem;
    height: 31.8rem;
    margin-left: -.1rem;
  }
  .l-p-welfare .l-list > .inner ul li .text a:hover {
    color: #005A31;
  }
  .l-p-welfare .l-requirements {
    width: 100%;
  }
  .l-p-welfare .l-requirements {
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-image: url(./img/recruit_requirements_bg_pc.png);
  }
  .l-p-welfare .l-requirements > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-welfare .l-requirements > .inner .text {
    margin-top: 4.4rem;
  }
  .l-p-welfare .l-requirements > .inner .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 64rem;
    margin: 5.4rem auto 0;
  }
  .l-p-welfare .l-requirements > .inner .buttons .m-button + .m-button {
    margin-top: 0;
  }
  .l-p-requirements.recruit .m-title {
    background-image: url(./img/title_requirements_pc.png);
  }
  .l-p-requirements.part-time .m-title {
    background-image: url(./img/title_part_time_requirements_pc.png);
  }
  .l-p-requirements .not-require {
    width: 100%;
  }
  .l-p-requirements .not-require > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-requirements .not-require > .inner {
    height: 40rem;
  }
  .l-p-requirements .not-require > .inner .center {
    font-size: 2rem;
  }
  .l-p-requirements .l-section {
    width: 100%;
  }
  .l-p-requirements .l-section {
    padding-top: 8rem;
    padding-bottom: 11.1rem;
  }
  .l-p-requirements .l-section.vertical {
    padding-bottom: 0;
  }
  .l-p-requirements .l-section.vertical > .inner {
    flex-direction: column;
  }
  .l-p-requirements .l-section.vertical > .inner .title-wrapper {
    width: 100%;
  }
  .l-p-requirements .l-section.vertical > .inner .content-wrapper {
    width: 100%;
  }
  .l-p-requirements .l-section > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-requirements .l-section > .inner {
    display: flex;
    justify-content: space-between;
  }
  .l-p-requirements .l-section > .inner .title-wrapper {
    width: 33.3rem;
    padding-bottom: 6.4rem;
  }
  .l-p-requirements .l-section > .inner .content-wrapper {
    width: 74.7rem;
    padding-top: 0;
  }
  .l-p-requirements .l-section > .inner .content-wrapper dl dt {
    width: 12.6rem;
    float: left;
  }
  .l-p-requirements .l-section > .inner .content-wrapper dl dd {
    padding-top: 3rem;
    padding-left: 12.6rem;
  }
  .l-p-requirements .l-section > .inner .content-wrapper .agriculture-type-image img {
    width: 50.3rem;
    height: 19.2rem;
  }
  .l-p-requirements .l-section > .inner .content-wrapper .calendar img {
    width: 100%;
    height: 78.8rem;
  }
  .l-p-requirements .recruit-top, .l-p-requirements .part-time-top {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-requirements .recruit-top:before, .l-p-requirements .part-time-top:before {
    content: none;
  }
  .l-p-requirements .recruit-top a, .l-p-requirements .part-time-top a {
    position: static;
    width: 108rem;
    height: 20.4rem;
    margin-right: auto;
    margin-left: auto;
    transition: .2s linear;
  }
  .l-p-requirements .recruit-top a:hover, .l-p-requirements .part-time-top a:hover {
    opacity: .7;
  }
  .l-p-requirements .recruit-top a {
    background-image: url(./img/recruit_top_bg_pc.png);
  }
  .l-p-requirements .part-time-top a {
    background-image: url(./img/part_time_top_bg_pc.png);
  }
  .l-p-part-time .m-title {
    background-image: url(./img/title_part_time_pc.png);
  }
  .l-p-part-time .m-lead > .inner .lead-icons {
    display: flex;
    justify-content: center;
    margin-top: 6rem;
  }
  .l-p-part-time .m-lead > .inner .lead-icons li {
    flex-direction: column;
    width: 23.9rem;
  }
  .l-p-part-time .m-lead > .inner .lead-icons li + li {
    margin-top: 0;
  }
  .l-p-part-time .m-lead > .inner .lead-icons li .icon {
    width: 13.7rem;
    height: 13.7rem;
  }
  .l-p-part-time .m-lead > .inner .lead-icons li .text {
    width: auto;
    margin-top: 2.6rem;
    text-align: center;
  }
  .l-p-part-time .l-farmar {
    padding: 8rem 6rem 6rem;
  }
  .l-p-part-time .l-farmar > .inner {
    background-image: url(./img/part_time_farmar_bg_pc.png);
  }
  .l-p-part-time .l-news {
    width: 100%;
  }
  .l-p-part-time .l-news {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-part-time .l-news > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-part-time .l-news .content {
    margin-top: 6.2rem;
  }
  .l-p-part-time .l-interview {
    width: 100%;
  }
  .l-p-part-time .l-interview {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-part-time .l-interview > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-part-time .l-interview > .inner .interview {
    height: 45.4rem;
    margin: 4rem -1.5rem 0;
  }
  .l-p-part-time .l-interview > .inner .interview:before {
    content: none;
  }
  .l-p-part-time .l-interview > .inner .interview .slider-interview {
    overflow: show;
  }
  .l-p-part-time .l-interview > .inner .interview .slider-interview li {
    margin-top: 1.5rem;
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .l-p-part-time .l-interview > .inner .interview .slider-interview li a:hover .floating {
    top: -1.3rem;
    left: -1.3rem;
  }
  .l-p-part-time .l-interview > .inner .interview .slider-interview li a:before {
    padding-top: 43.9rem;
  }
  .l-p-part-time .l-interview > .inner .interview .arrows .arrow:hover {
    background-color: #d55832;
  }
  .l-p-part-time .l-interview > .inner .interview .arrows .arrow.prev {
    left: -4rem;
  }
  .l-p-part-time .l-interview > .inner .interview .arrows .arrow.next {
    right: -4rem;
  }
  .l-p-part-time .l-interview > .inner .buttons {
    margin-top: 6rem;
  }
  .l-p-part-time .l-connect {
    width: 100%;
  }
  .l-p-part-time .l-connect {
    padding-top: 8rem;
    padding-bottom: 11rem;
  }
  .l-p-part-time .l-connect > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-part-time .l-connect > .inner .placement-title {
    margin-top: 6rem;
  }
  .l-p-part-time .l-connect > .inner .connect-figure {
    width: 61.2rem;
    height: 61.6rem;
    margin-top: 4rem;
  }
  .l-p-part-time .l-connect > .inner .flow {
    margin-top: 6rem;
    padding: 6rem;
  }
  .l-p-part-time .l-connect > .inner .flow .flow-figure {
    margin: 4rem auto 0;
  }
  .l-p-part-time .l-connect > .inner .flow .flow-figure img {
    width: 85.8rem;
    height: 17rem;
  }
  .l-p-part-time .l-connect > .inner .flow .howto ul {
    display: flex;
    justify-content: center;
  }
  .l-p-part-time .l-connect > .inner .flow .howto ul li {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .l-p-part-time .l-connect > .inner .flow .howto ul li + li {
    margin-top: 0;
  }
  .l-p-part-time .l-connect > .inner .flow .howto ul li .info {
    align-items: flex-start;
    margin-top: 1.5rem;
    margin-left: 1rem;
  }
  .l-p-part-time .l-requirements {
    width: 100%;
  }
  .l-p-part-time .l-requirements {
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-image: url(./img/part_time_requirements_bg_pc.png);
  }
  .l-p-part-time .l-requirements > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-part-time .l-requirements > .inner .text {
    margin-top: 4.4rem;
  }
  .l-p-part-time .l-requirements > .inner .buttons {
    margin: 5.4rem auto 0;
  }
  .l-p-voice .m-title {
    background-image: url(./img/title_voice_pc.png);
  }
  .l-p-voice .l-voice-list {
    width: 100%;
  }
  .l-p-voice .l-voice-list > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-voice .l-voice-list > .inner .slider-voice-list li a {
    padding-bottom: 4.6rem;
  }
  .l-p-voice .l-voice-list > .inner .slider-voice-list li a:hover:before {
    border-color: #b2464a;
  }
  .l-p-voice .l-voice-list > .inner .slider-voice-list li a .image img {
    width: 54rem;
  }
  .l-p-voice .l-voice-list > .inner .arrows .arrow:hover {
    background-color: #d55832;
  }
  .l-p-voice .l-voice-list > .inner .arrows .arrow.prev {
    left: -4rem;
  }
  .l-p-voice .l-voice-list > .inner .arrows .arrow.next {
    right: -4rem;
  }
  .l-p-voice .l-voice#voice-01 .visual {
    background-image: url(./img/voice_main_01_pc.png);
  }
  .l-p-voice .l-voice#voice-02 .visual {
    background-image: url(./img/voice_main_02_pc.png);
  }
  .l-p-voice .l-voice#voice-03 .visual {
    background-image: url(./img/voice_main_03_pc.png);
  }
  .l-p-voice .l-voice {
    padding-bottom: 8rem;
  }
  .l-p-voice .l-voice .visual:before {
    padding-top: 36.53001%;
  }
  .l-p-voice .l-voice .visual > .wrapper {
    width: 100%;
  }
  .l-p-voice .l-voice .visual > .wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .l-p-voice .l-voice .visual > .wrapper > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-voice .l-voice .visual > .wrapper > .inner {
    position: relative;
    height: 100%;
  }
  .l-p-voice .l-voice .visual > .wrapper > .inner .info.right {
    right: 0;
    left: auto;
  }
  .l-p-voice .l-voice .visual > .wrapper > .inner .info {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 4rem;
  }
  .l-p-voice .l-voice .visual > .wrapper > .inner .info .message {
    color: #ffffff;
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 4.4rem;
  }
  .l-p-voice .l-voice .visual > .wrapper > .inner .info .name {
    margin-top: 1.6rem;
    color: #ffffff;
    font-size: 2rem;
  }
  .l-p-voice .l-voice .work {
    width: 100%;
  }
  .l-p-voice .l-voice .work {
    padding-top: 6rem;
    padding-bottom: 0;
  }
  .l-p-voice .l-voice .work > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-voice .l-voice .work > .inner {
    display: flex;
    justify-content: space-between;
  }
  .l-p-voice .l-voice .work > .inner.lr {
    flex-direction: row;
  }
  .l-p-voice .l-voice .work > .inner.rl {
    flex-direction: row-reverse;
  }
  .l-p-voice .l-voice .work > .inner .image-block {
    width: 47.8rem;
  }
  .l-p-voice .l-voice .work > .inner .text-block {
    width: 54.2rem;
    margin-top: 2rem;
  }
  .l-p-voice .l-voice .work > .inner .text-block .text {
    margin-top: 4rem;
  }
  .l-p-voice .l-voice .work > .inner .text-block .text + .m-headline-sub {
    margin-top: 6rem;
  }
  .l-p-voice .l-requirements {
    width: 100%;
  }
  .l-p-voice .l-requirements {
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-image: url(./img/part_time_requirements_bg_pc.png);
  }
  .l-p-voice .l-requirements > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-voice .l-requirements > .inner .text {
    margin-top: 4.4rem;
  }
  .l-p-voice .l-requirements > .inner .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 64rem;
    margin: 5.4rem auto 0;
  }
  .l-p-farmar .m-title {
    background-image: url(./img/title_farmar_pc.png);
  }
  .l-p-farmar .l-section {
    width: 100%;
  }
  .l-p-farmar .l-section {
    padding-top: 8rem;
    padding-bottom: 11.1rem;
  }
  .l-p-farmar .l-section.vertical {
    padding-bottom: 0;
  }
  .l-p-farmar .l-section.vertical > .inner {
    flex-direction: column;
  }
  .l-p-farmar .l-section.vertical > .inner .title-wrapper {
    width: 100%;
  }
  .l-p-farmar .l-section.vertical > .inner .content-wrapper {
    width: 100%;
  }
  .l-p-farmar .l-section > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-farmar .l-section > .inner {
    display: flex;
    justify-content: space-between;
  }
  .l-p-farmar .l-section > .inner .title-wrapper {
    width: 33.3rem;
    padding-bottom: 6.4rem;
  }
  .l-p-farmar .l-section > .inner .title-wrapper .image {
    margin-top: 2.8rem;
  }
  .l-p-farmar .l-section > .inner .title-wrapper .image img {
    width: 25rem;
    height: auto;
  }
  .l-p-farmar .l-section > .inner .content-wrapper {
    width: 74.7rem;
    padding-top: 0;
  }
  .l-p-farmar .l-section > .inner .content-wrapper dl dt {
    width: 17.4rem;
    float: left;
  }
  .l-p-farmar .l-section > .inner .content-wrapper dl dd {
    padding-top: 3rem;
    padding-left: 17.4rem;
  }
  .l-p-farmar .l-requirements {
    width: 100%;
  }
  .l-p-farmar .l-requirements {
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-image: url(./img/part_time_requirements_bg_pc.png);
  }
  .l-p-farmar .l-requirements > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-farmar .l-requirements > .inner .text {
    margin-top: 4.4rem;
  }
  .l-p-farmar .l-requirements > .inner .buttons {
    margin: 5.4rem auto 0;
  }
  .l-p-news .l-sidebar-wrapper {
    width: 100%;
  }
  .l-p-news .l-sidebar-wrapper {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-news .l-sidebar-wrapper > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-news .l-sidebar-wrapper > .inner {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .l-p-news .l-sidebar-wrapper > .inner .main-content {
    width: 76.7rem;
  }
  .l-p-news .l-sidebar-wrapper > .inner .sidebar {
    width: 25.3rem;
  }
  .l-p-news .l-news-list {
    padding-bottom: 0;
  }
  .l-p-news .l-news-list ul.news li a .text-block {
    flex-direction: row;
    align-items: center;
  }
  .l-p-news .l-news-list ul.news li a .text-block .title {
    width: 48.8rem;
    margin-top: 0;
    margin-left: 3rem;
  }
  .l-p-news .l-news-list .page-nav {
    margin: 6rem auto 0;
  }
  .l-p-news .l-news-detail {
    padding-bottom: 0;
  }
  .l-p-contact .l-tel {
    width: 100%;
  }
  .l-p-contact .l-tel {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .l-p-contact .l-tel > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-contact .l-form {
    width: 100%;
  }
  .l-p-contact .l-form {
    padding-top: 6rem;
    padding-bottom: 8rem;
  }
  .l-p-contact .l-form > .inner {
    right: 0;
    left: 0;
    width: 85.8rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-contact .l-form > .inner dl {
    margin-top: 6rem;
  }
  .l-p-contact .l-form > .inner dl dt {
    width: 29.9rem;
    padding-top: 1rem;
    float: left;
  }
  .l-p-contact .l-form > .inner dl dt label {
    padding-left: 6.5rem;
  }
  .l-p-contact .l-form > .inner dl dd {
    padding-top: 0;
    padding-bottom: 2rem;
    padding-left: 29.9rem;
  }
  .l-p-contact .l-form > .inner dl dd input[type=text], .l-p-contact .l-form > .inner dl dd input[type=tel], .l-p-contact .l-form > .inner dl dd input[type=email], .l-p-contact .l-form > .inner dl dd select, .l-p-contact .l-form > .inner dl dd textarea {
    width: 55.9rem;
  }
  .l-p-contact .l-form > .inner dl dd select {
    width: auto;
    max-width: 55.9rem;
  }
  .l-p-contact .l-form > .inner .accept {
    margin-top: 4rem;
    padding-left: 29.9rem;
  }
  .l-p-contact .l-form > .inner .buttons {
    margin-top: 6rem;
  }
  .l-p-compliance .l-links {
    width: 100%;
  }
  .l-p-compliance .l-links {
    padding-top: 8rem;
    padding-bottom: 10rem;
  }
  .l-p-compliance .l-links > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-compliance .l-links > .inner .m-file-buttons {
    margin-top: 6rem;
  }
  .l-p-suzuran .m-title {
    background-image: url(./img/title_suzuran_pc.png);
  }
  .l-p-suzuran .m-lead > .inner .movie {
    width: 65.1rem;
    margin: 6rem auto 0;
  }
  .l-p-suzuran .l-overview {
    width: 100%;
  }
  .l-p-suzuran .l-overview {
    padding-bottom: 8;
  }
  .l-p-suzuran .l-overview > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-suzuran .l-overview > .inner .text {
    text-align: center;
  }
  .l-p-suzuran .l-overview > .inner .point {
    width: 86rem;
    margin: 6rem auto 0;
    padding: 4rem 7.5rem;
  }
  .l-p-suzuran .l-overview > .inner .point .point-text {
    margin-top: 3rem;
  }
  .l-p-suzuran .l-overview > .inner ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    margin-left: -3rem;
  }
  .l-p-suzuran .l-overview > .inner ul li {
    width: 34rem;
    margin-top: 4rem;
    margin-left: 3rem;
  }
  .l-p-suzuran .l-open-menu {
    width: 100%;
  }
  .l-p-suzuran .l-open-menu {
    padding-top: 8rem;
  }
  .l-p-suzuran .l-open-menu > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-suzuran .l-open-menu > .inner .options .room {
    display: flex;
    flex-wrap: wrap;
    margin-left: -13.6rem;
  }
  .l-p-suzuran .l-open-menu > .inner .options .room li {
    width: 47.2rem;
    margin-left: 13.6rem;
    padding-top: 6rem;
    padding-bottom: 7rem;
  }
  .l-p-suzuran .l-open-menu > .inner .options .room li .image {
    width: 34rem;
    height: 45.6rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-suzuran .l-open-menu > .inner .options .room li .image img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
  }
  .l-p-suzuran .l-open-menu > .inner .options .caution {
    margin-top: 0;
  }
  .l-p-suzuran .l-open-menu > .inner .options .facilities, .l-p-suzuran .l-open-menu > .inner .options .meals {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0rem;
    margin-left: -3rem;
  }
  .l-p-suzuran .l-open-menu > .inner .options .facilities li, .l-p-suzuran .l-open-menu > .inner .options .meals li {
    width: 34rem;
    margin-top: 5.2rem;
    margin-left: 3rem;
  }
  .l-p-suzuran .l-cooperation {
    width: 100%;
  }
  .l-p-suzuran .l-cooperation {
    margin-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-suzuran .l-cooperation > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-suzuran .l-cooperation > .inner ul {
    display: flex;
    justify-content: space-between;
  }
  .l-p-suzuran .l-cooperation > .inner ul li {
    width: 49rem;
  }
  .l-p-suzuran .l-require {
    width: 100%;
  }
  .l-p-suzuran .l-require > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-suzuran .l-require > .inner dl {
    width: 86rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-suzuran .l-require > .inner dl dt {
    width: 18.6rem;
    float: left;
  }
  .l-p-suzuran .l-require > .inner dl dd {
    padding-top: 1.8rem;
    padding-left: 18.6rem;
  }
  .l-p-suzuran .l-contact {
    width: 100%;
  }
  .l-p-suzuran .l-contact {
    padding-top: 8rem;
    padding-bottom: 6rem;
  }
  .l-p-suzuran .l-contact .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-suzuran .l-contact .inner .text {
    margin-top: 3rem;
  }
  .l-p-suzuran .l-contact .inner .box {
    width: 64.4rem;
    margin: 4rem auto 0;
    padding: 4.5rem 0 4.2rem;
  }
  .l-p-suzuran .l-contact .inner .box .info {
    width: 32rem;
    height: 7.6rem;
    margin: auto;
    padding-top: 1.1rem;
    padding-left: 10.6rem;
  }
  .l-p-suzuran .l-contact .inner .box .info:before {
    background-position: center left;
  }
  .l-p-suzuran .l-contact .inner .box .info .name {
    text-align: left;
  }
  .l-p-suzuran .l-contact .inner .box .info .tel {
    text-align: left;
  }
  .l-p-suzuran .l-access {
    width: 100%;
  }
  .l-p-suzuran .l-access > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-suzuran .l-access > .inner .wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .l-p-suzuran .l-access > .inner .wrapper .text-wrapper {
    width: 52rem;
    margin-top: 2rem;
    text-align: left;
  }
  .l-p-suzuran .l-access > .inner .wrapper .text-wrapper .address {
    padding-top: 0;
    padding-left: 7rem;
    background-position: left top;
  }
  .l-p-suzuran .l-access > .inner .wrapper .text-wrapper .tel {
    padding-top: 0;
    padding-left: 7rem;
    background-position: left top;
  }
  .l-p-suzuran .l-access > .inner .wrapper .text-wrapper .traffic {
    padding-top: 0;
    padding-left: 7rem;
    background-position: left top;
  }
  .l-p-suzuran .l-access > .inner .wrapper .map-wrapper {
    width: 50rem;
    margin: 4rem 0 0;
    text-align: left;
  }
  .l-p-suzuran .l-access > .inner .wrapper .map-wrapper .googlemap {
    height: 50.5rem;
  }
  .l-p-mutual-aid .m-title {
    background-image: url(./img/title_mutual_aid_pc.png);
  }
  .l-p-mutual-aid .l-service {
    width: 100%;
  }
  .l-p-mutual-aid .l-service {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-mutual-aid .l-service > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-mutual-aid .l-service > .inner .list ul li {
    width: 36rem;
    height: 37.4rem;
  }
  .l-p-mutual-aid .l-service > .inner .list ul li a:hover {
    color: #333333;
  }
  .l-p-mutual-aid .l-service > .inner .list ul li a:hover .floating {
    top: -1.3rem;
    left: -1.3rem;
  }
  .l-p-mutual-aid .l-service > .inner .list ul li a .floating .box {
    padding: 16rem 5rem 0;
  }
  .l-p-mutual-aid .l-jidoshakyosai {
    width: 100%;
  }
  .l-p-mutual-aid .l-jidoshakyosai {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-mutual-aid .l-jidoshakyosai > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-mutual-aid .l-jidoshakyosai > .inner .wrapper {
    display: flex;
    justify-content: space-between;
  }
  .l-p-mutual-aid .l-jidoshakyosai > .inner .wrapper .item {
    width: 52.6rem;
    padding: 3rem 4rem 3rem 13.6rem;
    background-position: left 3rem top 3rem;
    text-align: left;
  }
  .l-p-finance .m-title {
    background-image: url(./img/title_finance_pc.png);
  }
  .l-p-finance .l-news {
    width: 100%;
  }
  .l-p-finance .l-news {
    padding-top: 8rem;
  }
  .l-p-finance .l-news > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-finance .l-links {
    width: 100%;
  }
  .l-p-finance .l-links {
    padding-top: 4rem;
    padding-bottom: 8rem;
  }
  .l-p-finance .l-links > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-finance .l-links > .inner {
    display: flex;
    justify-content: space-between;
  }
  .l-p-finance .l-links > .inner a {
    width: 53rem;
  }
  .l-p-finance .l-links > .inner a:hover {
    opacity: .7;
  }
  .l-p-finance .open-menu .optionsParent + .optionsParent {
    margin-top: 6rem;
  }
  .l-p-finance .wrapper-lr {
    display: flex;
    justify-content: space-between;
  }
  .l-p-finance .wrapper-lr .wrapper-item {
    width: 49.9rem;
  }
  .l-p-finance .l-kinri {
    width: 100%;
  }
  .l-p-finance .l-kinri {
    padding-top: 8rem;
  }
  .l-p-finance .l-kinri > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-finance .l-tesuryo {
    width: 100%;
  }
  .l-p-finance .l-tesuryo {
    padding-top: 8rem;
  }
  .l-p-finance .l-tesuryo > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-finance .l-tesuryo > .inner .tesuryo .w50 {
    width: 50%;
  }
  .l-p-finance .l-yakkan {
    width: 100%;
  }
  .l-p-finance .l-yakkan {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-finance .l-yakkan > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-finance .l-yakkan > .inner .chokinkitei table td .name-link, .l-p-finance .l-yakkan > .inner .yuushikitei table td .name-link {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 2.5rem;
  }
  .l-p-finance .l-access {
    width: 100%;
  }
  .l-p-finance .l-access > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-finance .l-access > .inner .wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .l-p-finance .l-access > .inner .wrapper .text-wrapper {
    width: 52rem;
    margin-top: 2rem;
    text-align: left;
  }
  .l-p-finance .l-access > .inner .wrapper .text-wrapper .address {
    padding-top: 0;
    padding-left: 7rem;
    background-position: left top;
  }
  .l-p-finance .l-access > .inner .wrapper .text-wrapper .tel {
    padding-top: 0;
    padding-left: 7rem;
    background-position: left top;
  }
  .l-p-finance .l-access > .inner .wrapper .text-wrapper .traffic {
    padding-top: 0;
    padding-left: 7rem;
    background-position: left top;
  }
  .l-p-finance .l-access > .inner .wrapper .map-wrapper {
    width: 50rem;
    margin: 4rem 0 0;
    text-align: left;
  }
  .l-p-finance .l-access > .inner .wrapper .map-wrapper .googlemap {
    height: 34rem;
  }
  .l-p-savings-borrowings.savings .m-title {
    background-image: url(./img/title_saving_pc.png);
  }
  .l-p-savings-borrowings.borrowings .m-title {
    background-image: url(./img/title_borrowing_pc.png);
  }
  .l-p-savings-borrowings .l-news {
    width: 100%;
  }
  .l-p-savings-borrowings .l-news {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-savings-borrowings .l-news > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-savings-borrowings .l-campaign {
    width: 100%;
  }
  .l-p-savings-borrowings .l-campaign {
    padding-top: 8rem;
  }
  .l-p-savings-borrowings .l-campaign > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-savings-borrowings .l-campaign > .inner .content ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -6rem;
    margin-left: -10rem;
  }
  .l-p-savings-borrowings .l-campaign > .inner .content ul li {
    width: 49rem;
    margin-top: 6rem;
    margin-left: 10rem;
  }
  .l-p-savings-borrowings .l-campaign > .inner .content ul li a .m-headline-sub, .l-p-savings-borrowings .l-campaign > .inner .content ul li span .m-headline-sub {
    margin-top: 3rem;
  }
  .l-p-savings-borrowings .l-campaign > .inner .content ul li a:hover {
    opacity: .7;
  }
  .l-p-savings-borrowings .l-products {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-p-savings-borrowings .l-products > .inner .content .header-text {
    text-align: center;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-header .tabs {
    width: 100%;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-header .tabs > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-header .tabs > .inner .tab.active a {
    background-color: #f7f2e9;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-header .tabs > .inner .tab a {
    height: 6.9rem;
    background-color: #E6E2D9;
    color: #333333;
    font-size: 2rem;
    line-height: 6.9rem;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-header .anchors {
    width: 100%;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-header .anchors {
    /* height: 13.4rem */
    height: auto;
    padding: 1.6rem 0 4rem;
    background-color: #f7f2e9;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-header .anchors > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-header .anchors > .inner .links.active {
    flex-wrap: wrap;
    margin-left: -2.2rem;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-header .anchors > .inner .links .link {
    padding-top: 2.4rem;
    padding-right: 0;
    padding-left: 2.1rem;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-header .anchors > .inner .links .link.s .tab-button {
    width: 25.2rem;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-header .anchors > .inner .links .link .tab-button {
    width: 34.6rem;
    height: 5.4rem;
    background-color: #ffffff;
    color: #6b88ae;
    line-height: 5.4rem;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-header .anchors > .inner .links .link .tab-button:hover {
    background-color: #6b88ae;
    color: #ffffff;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content {
    width: 100%;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content {
    padding-top: 2rem;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li {
    margin-top: 6rem;
    padding-bottom: 0;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.sogo {
    background-image: url(./img/saving_sogo_image_pc.png);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.teiki {
    background-image: url(./img/saving_teiki_image_pc.png);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.tsumikin {
    background-image: url(./img/saving_tsumikin_image_pc.png);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.jacard {
    background-image: url(./img/saving_jacard_image_pc.png);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.netbank {
    background-image: url(./img/saving_netbank_image_pc.png);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.money-forward {
    background-image: url(./img/saving_money_forward_image_pc.png);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.premium-housing {
    background-image: url(./img/borrowing_premium_housing_loan_image_pc.png);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.housing {
    background-image: url(./img/borrowing_housing_loan_image_pc.png);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.housing_2 {
    background-image: url(./img/borrowing_housing_loan_2_image_pc.png);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.mycar {
    background-image: url(./img/borrowing_mycar_loan_image_pc.png);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.education-card {
    background-image: url(./img/borrowing_education_card_loan_image_pc.png);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.education {
    background-image: url(./img/borrowing_education_loan_image_pc.png);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.reform {
    background-image: url(./img/borrowing_reform_loan_image_pc.png);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.homeowner {
    background-image: url(./img/borrowing_homeowner_loan_image_pc.png);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.free {
    background-image: url(./img/borrowing_free_loan_image_pc.png);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.b:before {
    padding-top: 43rem;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.b .info {
    height: 43rem;
    padding-top: 6rem;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.b .info .buttons {
    bottom: 4rem !important;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.b .figure {
    height: 43rem;
    padding: 0;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li.b .figure > .inner {
    width: 52.4rem;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li:before {
    padding-top: 47.2rem;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .info {
    position: absolute;
    top: 0;
    left: 0;
    width: 42rem;
    height: 47.2rem;
    padding: 8.4rem 6rem 6rem;
    background-color: rgba(107, 136, 174, 0.75);
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .info > .inner .sup {
    text-align: left;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .info > .inner .title {
    text-align: left;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .info > .inner .buttons {
    position: absolute;
    bottom: 6rem;
    left: 6rem;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 47.2rem;
    padding: 0;
    background-color: transparent;
    pointer-events: none;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .figure > .inner {
    position: absolute;
    right: 2.3rem;
    bottom: 3rem;
    width: 56rem;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .figure > .inner .oneline {
    width: 52.4rem;
    letter-spacing: .1em;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .overview {
    padding: 3rem 0 0;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .detail-buttons {
    display: flex;
    justify-content: center;
    margin-top: 0;
    padding: 4rem 0 0;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-content > .inner .product-list ul li .detail-buttons a {
    margin: 0 2rem 0;
  }
  .l-p-savings-borrowings .l-access {
    width: 100%;
  }
  .l-p-savings-borrowings .l-access > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-savings-borrowings .l-access > .inner .wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .l-p-savings-borrowings .l-access > .inner .wrapper .text-wrapper {
    width: 52rem;
    margin-top: 2rem;
    text-align: left;
  }
  .l-p-savings-borrowings .l-access > .inner .wrapper .text-wrapper .address {
    padding-top: 0;
    padding-left: 7rem;
    background-position: left top;
  }
  .l-p-savings-borrowings .l-access > .inner .wrapper .text-wrapper .tel {
    padding-top: 0;
    padding-left: 7rem;
    background-position: left top;
  }
  .l-p-savings-borrowings .l-access > .inner .wrapper .text-wrapper .traffic {
    padding-top: 0;
    padding-left: 7rem;
    background-position: left top;
  }
  .l-p-savings-borrowings .l-access > .inner .wrapper .map-wrapper {
    width: 50rem;
    margin: 4rem 0 0;
    text-align: left;
  }
  .l-p-savings-borrowings .l-access > .inner .wrapper .map-wrapper .googlemap {
    height: 34rem;
  }
  .l-p-campaign-kosodate .l-mainvisual {
    width: 100%;
  }
  .l-p-campaign-kosodate .l-mainvisual {
    background-image: url(./img/mainvisual_kosodate_pc_3.png);
  }
  .l-p-campaign-kosodate .l-mainvisual:before {
    padding-top: 41.69715%;
  }
  .l-p-campaign-kosodate .l-content {
    width: 100%;
  }
  .l-p-campaign-kosodate .l-content {
    padding: 7rem 0;
  }
  .l-p-campaign-kosodate .l-content > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-campaign-kosodate .l-content > .inner .case .case-item {
    width: 79rem;
  }
  .l-p-campaign-kosodate .l-content > .inner .case .case-item .title {
    font-size: 2.4rem;
  }
  .l-p-campaign-kosodate .l-content > .inner .case .case-item .fig img {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .l-p-campaign-kosodate .l-content > .inner dl.menu {
    margin-top: 1.5rem;
  }
  .l-p-campaign-kosodate .l-content > .inner dl.menu dt {
    width: 21rem;
    margin-top: 2rem;
    padding: 1rem;
    border-radius: 3rem 0 0 3rem;
    font-size: 3.5rem;
  }
  .l-p-campaign-kosodate .l-content > .inner dl.menu dd {
    flex-direction: row;
    width: 87rem;
    margin-top: 2rem;
    border-radius: 0 3rem 3rem 0;
    line-height: 9.2rem;
  }
  .l-p-campaign-kosodate .l-content > .inner dl.menu dd b {
    font-size: 3rem;
  }
  .l-p-campaign-kosodate .l-content > .inner dl.menu dd span {
    margin-top: 0;
    margin-left: 3.5rem;
    font-size: 2rem;
  }
  .l-p-campaign-kosodate .l-content > .inner ul.caution {
    margin-top: 3.5rem;
  }
  .l-p-campaign-kosodate .l-contact {
    width: 100%;
  }
  .l-p-campaign-kosodate .l-contact {
    padding: 5rem 0;
  }
  .l-p-campaign-kosodate .l-contact > .inner {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-p-campaign-kosodate .l-contact > .inner dl {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .l-p-campaign-kosodate .l-contact > .inner dl dt {
    width: 21.1rem;
  }
  .l-p-campaign-kosodate .l-contact > .inner dl dd {
    width: 84.6rem;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
  html.menu-back {
    position: fixed;
    width: 100%;
    height: 100%;
  }
  .m-lead {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .m-lead > .inner {
    width: 100%;
  }
  .fixable-anchor.fa-sp.scrolled .fixable-element {
    z-index: 2000;
    position: fixed;
    top: 7.8rem;
    left: 0;
    width: 100%;
    box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, 0.1);
  }
  .m-anchors .anchors-nav {
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .m-anchors .anchors-nav ul {
    width: 100%;
  }
  .l-header .title-header > .inner .nav {
    display: none;
    position: fixed;
    top: 7.8rem;
    left: 0;
    width: 100%;
    height: calc(100% - 7.8rem);
    border-top: 0.1rem solid #e6e6e6;
    background-color: #ffffff;
  }
  .l-header .title-header > .inner .nav .scroll-content {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow: auto;
  }
  .l-header .title-header > .inner .nav .content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 6rem;
  }
  .l-header .title-header > .inner .nav .content ul.menu > li a {
    display: block;
    position: relative;
    height: 5.3rem;
    padding: 0 2rem;
    border-bottom: 0.1rem solid #e6e6e6;
    color: #333333;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 5.2rem;
  }
  .l-header .title-header > .inner .nav .content ul.menu > li a.link:before {
    z-index: 100;
    position: absolute;
    top: 0;
    right: 2.3rem;
    bottom: 0;
    width: .5rem;
    height: .5rem;
    margin: auto;
    transform: rotate(-45deg);
    border-right: 0.2rem solid #005A31;
    border-bottom: 0.2rem solid #005A31;
    content: '';
  }
  .l-header .title-header > .inner .nav .content ul.menu > li a.link.external span {
    position: relative;
  }
  .l-header .title-header > .inner .nav .content ul.menu > li a.link.external span:after {
    display: inline-block;
    z-index: 100;
    position: absolute;
    top: 0;
    right: -2.7rem;
    bottom: 0;
    width: 1.4rem;
    height: 1.2rem;
    margin: auto;
    background-image: url(./img/external_link_green.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
  }
  .l-header .title-header > .inner .nav .content ul.menu > li a.expand:before, .l-header .title-header > .inner .nav .content ul.menu > li a.expand:after {
    z-index: 100;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #005A31;
    content: '';
  }
  .l-header .title-header > .inner .nav .content ul.menu > li a.expand:before {
    right: 2rem;
    width: 1rem;
    height: .2rem;
  }
  .l-header .title-header > .inner .nav .content ul.menu > li a.expand:after {
    right: 2.4rem;
    width: .2rem;
    height: 1rem;
  }
  .l-header .title-header > .inner .nav .content ul.menu > li a.expand[data-opened=true]:after {
    display: none;
  }
  .l-header .title-header > .inner .nav .content ul.menu > li > ul {
    display: none;
    flex-direction: column;
  }
  .l-header .title-header > .inner .nav .content ul.menu > li > ul > li > a {
    padding: 0 2rem 0 4.5rem;
  }
  .l-header .title-header > .inner .nav .content ul.menu > li > ul > li > a span:before {
    content: '・';
  }
  .l-header .title-header > .inner .nav .content ul.menu > li > ul > li > ul > li > a {
    padding: 0 2rem 0 7rem;
  }
  .l-header .title-header > .inner .nav .content ul.menu > li > ul > li > ul > li > a span:before {
    content: '- ';
  }
  .l-header .title-header > .inner .nav .footer {
    z-index: 4000;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #f7f7f7;
  }
  .l-p-top .l-content-menu {
    width: 100%;
    padding-right: 2.05rem;
    padding-left: 2.05rem;
  }
  .l-p-top .l-content-menu > .inner {
    width: 100%;
  }
  .l-p-top .l-news {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-top .l-news > .inner {
    width: 100%;
  }
  .l-p-top .l-sns {
    width: 100%;
    padding-right: 2.05rem;
    padding-left: 2.05rem;
  }
  .l-p-top .l-sns > .inner {
    width: 100%;
  }
  .l-p-about .l-section {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-about .l-section > .inner {
    width: 100%;
  }
  .l-p-branch .l-platform {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-branch .l-platform > .inner {
    width: 100%;
  }
  .l-p-branch .l-greeting {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-branch .l-greeting .inner {
    width: 100%;
  }
  .l-p-branch .l-officer {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-branch .l-officer > .inner {
    width: 100%;
  }
  .l-p-branch .l-officer > .inner ul li + li {
    margin-top: 3rem;
  }
  .l-p-branch .l-plan {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-branch .l-plan > .inner {
    width: 100%;
  }
  .l-p-agriculture .l-crops .crops-list {
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .l-p-agriculture .l-crops .crops-list ul {
    width: 100%;
  }
  .l-p-agriculture .l-recipe {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-agriculture .l-recipe > .inner {
    width: 100%;
  }
  .l-p-recruit .l-news {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-recruit .l-news > .inner {
    width: 100%;
  }
  .l-p-recruit .l-interview {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-recruit .l-interview > .inner {
    width: 100%;
  }
  .l-p-recruit .l-links > .inner .welfare, .l-p-recruit .l-links > .inner .requirements {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-recruit .l-links > .inner .welfare > .inner, .l-p-recruit .l-links > .inner .requirements > .inner {
    width: 100%;
  }
  .l-p-interview .l-interview-list .interview-list-wrapper .interview-list {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-interview .l-interview-list .interview-list-wrapper .interview-list > .inner {
    width: 100%;
  }
  .l-p-interview .l-staff .visual > .wrapper {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-interview .l-staff .visual > .wrapper > .inner {
    width: 100%;
  }
  .l-p-interview .l-staff .work {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-interview .l-staff .work > .inner {
    width: 100%;
  }
  .l-p-interview .l-requirements {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-interview .l-requirements > .inner {
    width: 100%;
  }
  .l-p-welfare .l-list {
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .l-p-welfare .l-list > .inner {
    width: 100%;
  }
  .l-p-welfare .l-requirements {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-welfare .l-requirements > .inner {
    width: 100%;
  }
  .l-p-requirements .not-require {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-requirements .not-require > .inner {
    width: 100%;
  }
  .l-p-requirements .l-section {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-requirements .l-section > .inner {
    width: 100%;
  }
  .l-p-requirements .l-section > .inner .content-wrapper dl dd.noborder {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .l-p-part-time .l-news {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-part-time .l-news > .inner {
    width: 100%;
  }
  .l-p-part-time .l-interview {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-part-time .l-interview > .inner {
    width: 100%;
  }
  .l-p-part-time .l-connect {
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .l-p-part-time .l-connect > .inner {
    width: 100%;
  }
  .l-p-part-time .l-requirements {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-part-time .l-requirements > .inner {
    width: 100%;
  }
  .l-p-voice .l-voice-list {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-voice .l-voice-list > .inner {
    width: 100%;
  }
  .l-p-voice .l-voice .visual > .wrapper {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-voice .l-voice .visual > .wrapper > .inner {
    width: 100%;
  }
  .l-p-voice .l-voice .work {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-voice .l-voice .work > .inner {
    width: 100%;
  }
  .l-p-voice .l-requirements {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-voice .l-requirements > .inner {
    width: 100%;
  }
  .l-p-farmar .l-section {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-farmar .l-section > .inner {
    width: 100%;
  }
  .l-p-farmar .l-section > .inner .content-wrapper dl dd.noborder {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .l-p-farmar .l-requirements {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-farmar .l-requirements > .inner {
    width: 100%;
  }
  .l-p-news .l-sidebar-wrapper {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-news .l-sidebar-wrapper > .inner {
    width: 100%;
  }
  .l-p-contact .l-form {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-contact .l-form > .inner {
    width: 100%;
  }
  .l-p-contact .l-form > .inner dl dt label.require {
    padding-left: 6.5rem;
  }
  .l-p-compliance .l-links {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-compliance .l-links > .inner {
    width: 100%;
  }
  .l-p-suzuran .l-overview {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-suzuran .l-overview > .inner {
    width: 100%;
  }
  .l-p-suzuran .l-overview > .inner ul li + li {
    margin-top: 3rem;
  }
  .l-p-suzuran .l-open-menu {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-suzuran .l-open-menu > .inner {
    width: 100%;
  }
  .l-p-suzuran .l-open-menu > .inner .options .facilities li + li, .l-p-suzuran .l-open-menu > .inner .options .meals li + li {
    margin-top: 3rem;
  }
  .l-p-suzuran .l-cooperation {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-suzuran .l-cooperation > .inner {
    width: 100%;
  }
  .l-p-suzuran .l-require {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-suzuran .l-require > .inner {
    width: 100%;
  }
  .l-p-suzuran .l-contact {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-suzuran .l-contact .inner {
    width: 100%;
  }
  .l-p-suzuran .l-access {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-suzuran .l-access > .inner {
    width: 100%;
  }
  .l-p-mutual-aid .l-service {
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .l-p-mutual-aid .l-service > .inner {
    width: 100%;
  }
  .l-p-mutual-aid .l-jidoshakyosai {
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .l-p-mutual-aid .l-jidoshakyosai > .inner {
    width: 100%;
  }
  .l-p-finance .l-news {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-finance .l-news > .inner {
    width: 100%;
  }
  .l-p-finance .l-links {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-finance .l-links > .inner {
    width: 100%;
  }
  .l-p-finance .l-kinri {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-finance .l-kinri > .inner {
    width: 100%;
  }
  .l-p-finance .l-tesuryo {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-finance .l-tesuryo > .inner {
    width: 100%;
  }
  .l-p-finance .l-tesuryo > .inner .atm table {
    width: 73.1rem;
  }
  .l-p-finance .l-tesuryo > .inner .tesuryo table.tesuryo-table {
    width: 35.9rem;
  }
  .l-p-finance .l-tesuryo > .inner .tesuryo .w50 + .w50 {
    margin-top: -2rem;
  }
  .l-p-finance .l-yakkan {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-finance .l-yakkan > .inner {
    width: 100%;
  }
  .l-p-finance .l-yakkan > .inner .chokinkitei table, .l-p-finance .l-yakkan > .inner .yuushikitei table {
    width: 40.9rem;
  }
  .l-p-finance .l-access {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-finance .l-access > .inner {
    width: 100%;
  }
  .l-p-savings-borrowings .l-news {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-savings-borrowings .l-news > .inner {
    width: 100%;
  }
  .l-p-savings-borrowings .l-campaign {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-savings-borrowings .l-campaign > .inner {
    width: 100%;
  }
  .l-p-savings-borrowings .l-campaign > .inner .content ul li + li {
    margin-top: 3.4rem;
  }
  .l-p-savings-borrowings .l-products > .inner .content .products-header .anchors > .inner .links {
    padding: 0 4rem;
  }
  .l-p-savings-borrowings .l-access {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-p-savings-borrowings .l-access > .inner {
    width: 100%;
  }
  .l-p-campaign-kosodate .l-content {
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .l-p-campaign-kosodate .l-content > .inner {
    width: 100%;
  }
  .l-p-campaign-kosodate .l-content > .inner .case .case-item + .case-item {
    margin-top: 2.5rem;
  }
  .l-p-campaign-kosodate .l-content > .inner dl.menu dd b {
    line-height: 4.4rem;
  }
  .l-p-campaign-kosodate .l-content > .inner ul.caution li {
    padding-left: 2.2rem;
  }
  .l-p-campaign-kosodate .l-content > .inner ul.caution li.b {
    text-indent: -2.2rem;
  }
  .l-p-campaign-kosodate .l-contact {
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .l-p-campaign-kosodate .l-contact > .inner {
    width: 100%;
  }
  .l-p-campaign-kosodate .l-contact > .inner dl dd {
    margin-top: 2.7rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .l-header .title-header > .inner .nav .footer {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .l-header .title-header > .inner .nav .footer .buttons {
    width: 100%;
  }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
  .l-header .title-header > .inner .nav .footer .buttons {
    right: 0;
    left: 0;
    width: 108rem;
    margin-right: auto;
    margin-left: auto;
  }
}