@charset "UTF-8";
/*ローディング*/
#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  bottom: 0px;
  left: 0px;
  top: 0px;
  z-index: 99998;
  padding-bottom: 20px;
  background: #fff; }

#loader {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #F1B337;
  font-weight: 600;
  z-index: 9999; }
  #loader img {
    width: auto;
    max-width: 100%;
    height: auto;
    text-align: center; }

* {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  overflow-y: scroll; }

html, body, #wrap {
  height: 100%; }

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

#wrap {
  position: relative;
  margin: 0 auto; }

figure,
figure img {
  width: 100%;
  padding: 0;
  margin: 0; }

img {
  vertical-align: bottom; }

/*----------------------------------------------

  header

----------------------------------------------*/
.site_header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background: #FFF;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease; }

.site_header_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
  padding: 1em 0; }

.site_header_logo {
  margin: 0 0 .5rem; }

.site_header_nav_wrap .site_header_nav .global_nav {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  padding: 0;
  margin: 0 auto 1em; }
  .site_header_nav_wrap .site_header_nav .global_nav li {
    margin: 0 0 0 1em;
    padding: 0; }
    .site_header_nav_wrap .site_header_nav .global_nav li a {
      text-decoration: none;
      color: #1E1E1E;
      font-size: 1.3rem;
      margin-left: 1em; }
      .site_header_nav_wrap .site_header_nav .global_nav li a i {
        color: #F1B337;
        margin-right: .25em; }
.site_header_nav_wrap .site_header_nav .site_header_page_nav {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  padding: 0;
  margin: 0 auto; }
  .site_header_nav_wrap .site_header_nav .site_header_page_nav li {
    margin: 0;
    padding: 0; }
    .site_header_nav_wrap .site_header_nav .site_header_page_nav li a {
      display: block;
      position: relative;
      padding: 0 1em;
      text-decoration: none;
      font-size: 1.7rem;
      color: #1E1E1E; }
      .site_header_nav_wrap .site_header_nav .site_header_page_nav li a::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        width: 0;
        height: 0;
        background: #F1B337;
        -webkit-transition: 0.3s all ease;
        -moz-transition: 0.3s all ease;
        -ms-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        transition: 0.3s all ease; }
      .site_header_nav_wrap .site_header_nav .site_header_page_nav li a:hover, .site_header_nav_wrap .site_header_nav .site_header_page_nav li a:active {
        color: #FFF; }
        .site_header_nav_wrap .site_header_nav .site_header_page_nav li a:hover::after, .site_header_nav_wrap .site_header_nav .site_header_page_nav li a:active::after {
          width: 100%;
          height: 100%; }

.call_nav {
  display: none; }

/*----------------------------------------------

  footer

----------------------------------------------*/
.site_footer {
  background: #F1B337;
  color: #FFF;
  padding-top: 1em; }
  .site_footer .site_footer_wrap {
    margin: 0 auto;
    padding: 0; }
    .site_footer .site_footer_wrap .site_footer_logo {
      text-align: center; }
    .site_footer .site_footer_wrap address {
      line-height: 1.6;
      font-size: 1.4rem;
      font-style: normal;
      text-align: center; }
      .site_footer .site_footer_wrap address strong {
        font-size: 1.6rem;
        font-family: 'Poppins', sans-serif; }
  .site_footer .copyright {
    display: block;
    text-align: center;
    padding: 1em; }

/*----------------------------------------------

  layout

----------------------------------------------*/
main {
  background: url(./images/common/bg_dot.png) repeat scroll; }

/*----------------------------------------------

  container

----------------------------------------------*/
section {
  padding: 3em 0; }
  section section {
    padding: 1em 0; }

.container {
  margin: 0 auto; }

.inner_contents {
  background: #FFF;
  border-radius: 2rem;
  margin: 0 2%;
  padding: 4rem;
  max-width: 1200px; }
  @media screen and (min-width: 1200px) {
    .inner_contents {
      margin: 0 auto; } }

/*----------------------------------------------

  article

----------------------------------------------*/
aside {
  padding: 2em 1em; }

/*----------------------------------------------

  asset

----------------------------------------------*/
.sec_title {
  font-size: 3rem;
  position: relative;
  margin: 0 auto 1em;
  text-align: center; }
  .sec_title span {
    display: inline-block;
    position: relative; }
    .sec_title span::after {
      content: "";
      display: block;
      position: absolute;
      bottom: -10%;
      left: 50%;
      margin-left: -20%;
      width: 40%;
      border-bottom: solid 5px #F1B337; }

.sub_title {
  position: relative;
  padding: .5em 1em .5em 0;
  margin: 0 0 .5em 0;
  color: #F1B337;
  font-size: 2.4rem; }

.lead_title {
  position: relative;
  font-size: 2.4rem;
  font-weight: 500;
  padding: .5em 0;
  margin: 0 0 .5em; }
  .lead_title::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    border-bottom: solid 2px #F1B337; }

.sec_copy {
  color: #724100;
  font-size: 2rem;
  text-align: center;
  margin: 0 auto 1em; }

.btn a {
  position: relative;
  display: block;
  border: solid 2px #F1B337;
  color: #FFF;
  padding: 1em 3em 1em 2em;
  text-align: center;
  background: #F1B337;
  text-decoration: none;
  font-weight: 800;
  border-radius: 8px;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease; }
  .btn a:link, .btn a:visited {
    color: #FFF;
    background: #F1B337; }
  .btn a:hover, .btn a:active {
    color: #F1B337;
    background: #FFF; }
  .btn a::after {
    content: "";
    position: absolute;
    top: calc(50% - 6px);
    right: .5em;
    width: 10px;
    height: 10px;
    border: solid 2px #FFF;
    border-width: 3px 3px 0 0;
    transform: rotate(45deg);
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease; }
.btn a:hover::after,
.btn a:active::after {
  border-color: #F1B337; }

.btn_access a:link, .btn_access :visited {
  color: #F1B337;
  background: #FFF; }
.btn_access a:hover, .btn_access :active {
  color: #FFF;
  background: #F1B337; }
.btn_access a:link::after,
.btn_access a:visited::after {
  border-color: #F1B337; }
.btn_access a:hover::after,
.btn_access a:active::after {
  border-color: #FFF; }

.btn.btn_inline {
  text-align: center; }
  .btn.btn_inline a {
    display: inline-block; }

/* ページトップへ戻る */
.pagetop {
  display: none;
  position: fixed;
  z-index: 9000; }

.pagetop a {
  display: block;
  background: #FFF;
  border: 2px solid #F1B337;
  text-align: center;
  color: #FFF;
  font-size: 1.8rem;
  text-decoration: none;
  width: 50px;
  height: 50px;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-radius: 50%; }

.pagetop a:hover {
  background: #F1B337;
  text-align: center;
  text-decoration: none;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

.pagetop a i {
  margin-right: 0;
  padding-top: .7em;
  color: #F1B337; }

.pagetop a:hover i {
  color: #FFF; }

/* ページトップへ戻る */
.pagetop {
  bottom: .8em;
  right: 1.2em; }

.topic_path {
  background: #F0F3F5;
  padding: 1em; }
  .topic_path ul {
    max-width: 1200px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0; }
    .topic_path ul li {
      margin: 0;
      padding: 0;
      font-size: 1.4rem;
      white-space: nowrap; }
      .topic_path ul li:not(:last-child)::after {
        display: inline-block;
        content: " > ";
        margin: 0 .5em; }
      .topic_path ul li a {
        text-decoration: none;
        color: #1E1E1E; }
        .topic_path ul li a i {
          margin-right: .25em; }

.txt_center {
  text-align: center; }

.caution_list {
  list-style: none;
  margin-left: 0; }
  .caution_list li {
    text-indent: -1em;
    margin-left: 1em; }
    .caution_list li::before {
      content: "※"; }

.page_nav ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 0; }
  .page_nav ul li {
    width: 32%; }
    .page_nav ul li a {
      position: relative;
      display: block;
      border: solid 2px #F1B337;
      color: #FFF;
      padding: 1em 2em 1em 1em;
      text-align: center;
      background: #F1B337;
      text-decoration: none;
      font-weight: 800;
      border-radius: 8px;
      -webkit-transition: 0.3s all ease;
      -moz-transition: 0.3s all ease;
      -ms-transition: 0.3s all ease;
      -o-transition: 0.3s all ease;
      transition: 0.3s all ease; }
      .page_nav ul li a:link, .page_nav ul li a:visited {
        color: #FFF;
        background: #F1B337; }
      .page_nav ul li a:hover, .page_nav ul li a:active {
        color: #F1B337;
        background: #FFF; }
      .page_nav ul li a::after {
        content: "";
        position: absolute;
        top: calc(50% - 6px);
        right: .5em;
        width: 10px;
        height: 10px;
        border: solid 2px #FFF;
        border-width: 3px 3px 0 0;
        transform: rotate(45deg);
        -webkit-transition: 0.3s all ease;
        -moz-transition: 0.3s all ease;
        -ms-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        transition: 0.3s all ease; }
    .page_nav ul li a:hover::after,
    .page_nav ul li a:active::after {
      border-color: #F1B337; }

.funwari_shadow {
  box-shadow: 1.2px 1.6px 3.7px rgba(0, 0, 0, 0.022), 3.1px 4px 9.3px rgba(0, 0, 0, 0.031), 6.4px 8.2px 19px rgba(0, 0, 0, 0.039), 13.1px 16.8px 39.1px rgba(0, 0, 0, 0.048), 36px 46px 107px rgba(0, 0, 0, 0.07); }

/*----------------------------------------------

  index

----------------------------------------------*/
.index_hero_wrap {
  max-width: 1400px;
  margin: 0 auto; }

.swiper-slide_wrap {
  position: relative; }
  .swiper-slide_wrap img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto; }
  .swiper-slide_wrap p {
    position: absolute;
    z-index: 10;
    margin: 0;
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease, font-size 0.2s ease; }
  .swiper-slide_wrap.swiper-slide_01 p {
    top: 1.5em;
    left: 2em;
    font-size: 2.8rem;
    font-weight: 600;
    color: #2e2e2e;
    transform: translateX(50px);
    opacity: 0;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.4), 0px 0px 4px rgba(255, 255, 255, 0.4), 0px 0px 14px rgba(255, 255, 255, 0.6); }
  .swiper-slide_wrap.swiper-slide_02 p {
    top: 50%;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 4rem;
    transform: translateY(0);
    line-height: 1.4;
    font-weight: 800;
    color: #FFF;
    text-shadow: 0px 0px 1px rgba(0, 80, 120, 0.4), 0px 0px 4px rgba(0, 80, 120, 0.4), 0px 0px 14px rgba(0, 80, 120, 0.6);
    letter-spacing: .2em;
    opacity: 0;
    font-family: "M PLUS Rounded 1c"; }

.swiper-slide-active .swiper-slide_wrap.swiper-slide_01 p {
  opacity: 1;
  transform: translateX(0); }
.swiper-slide-active .swiper-slide_wrap.swiper-slide_02 p {
  opacity: 1;
  transform: translateY(-50%); }

.index_intro_sec {
  overflow: hidden; }
  .index_intro_sec .container {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
  .index_intro_sec .index_intro_doc {
    position: relative;
    z-index: 10;
    background: #FFF;
    padding: 4rem;
    border-radius: 4rem;
    box-sizing: border-box; }
    .index_intro_sec .index_intro_doc p {
      text-align: center; }
  .index_intro_sec .index_intro_photo {
    position: relative;
    z-index: 1; }

.index_intro_title {
  font-size: 3.6rem;
  position: relative;
  margin: 0 auto 1em;
  text-align: center; }
  .index_intro_title span {
    display: inline-block;
    position: relative; }
    .index_intro_title span::after {
      content: "";
      display: block;
      position: absolute;
      bottom: -10%;
      left: 50%;
      margin-left: -20%;
      width: 40%;
      border-bottom: solid 5px #CCC; }

.index_intro_nav,
.intro_nav {
  background: #FFF; }

.intro_nav_list {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 2em 0;
  list-style: none; }
  .intro_nav_list li {
    margin: 0;
    padding: 0;
    width: 32%;
    text-align: center; }
    .intro_nav_list li a {
      text-decoration: none;
      color: #707f89; }
    .intro_nav_list li p {
      margin: 0;
      font-weight: 600;
      font-size: 2.4rem;
      font-feature-settings: "palt";
      color: #707f89; }
      .intro_nav_list li p i {
        color: #F1B337;
        margin-right: .25em; }
      .intro_nav_list li p.btn {
        letter-spacing: 0;
        font-size: 1.6rem; }
        .intro_nav_list li p.btn a {
          padding: 1em 2em 1em 1em; }
    .intro_nav_list li img {
      width: 100%;
      height: auto; }

.index_work_sec {
  padding: 0; }
  .index_work_sec .index_intro_sec .index_intro_title span::after {
    border-bottom: solid 5px #F1B337; }

.index_order_sec {
  background: url(./images/common/bg_dot_order.png) repeat scroll;
  padding: 0; }
  .index_order_sec .index_intro_sec .btn a {
    border-color: #92BB39; }
    .index_order_sec .index_intro_sec .btn a:link, .index_order_sec .index_intro_sec .btn a:visited {
      color: #FFF;
      background: #92BB39; }
    .index_order_sec .index_intro_sec .btn a:hover, .index_order_sec .index_intro_sec .btn a:active {
      color: #92BB39;
      background: #FFF; }
  .index_order_sec .index_intro_sec .btn a:hover::after,
  .index_order_sec .index_intro_sec .btn a:active::after {
    border-color: #92BB39; }
  .index_order_sec .index_intro_sec .index_intro_title span::after {
    border-bottom: solid 5px #92BB39; }
  .index_order_sec .intro_nav_list li a p i {
    color: #92BB39; }

.index_job_sec .index_job_title {
  text-align: center; }

.index_job_list {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0; }
  .index_job_list li {
    width: 24%;
    margin: 0;
    padding: 0;
    text-align: center; }
    .index_job_list li img {
      width: 100%;
      height: auto; }
    .index_job_list li p {
      margin: 0;
      font-size: 2rem;
      font-weight: 600;
      color: #707f89; }

.index_about_sec {
  display: flex;
  justify-content: center; }
  .index_about_sec .inner_contents {
    display: flex;
    flex-direction: row-reverse;
    width: 100%; }
  .index_about_sec .index_about_article {
    flex: 1; }
  .index_about_sec .index_about_aside {
    width: 270px; }
  .index_about_sec .index_about_link {
    margin-bottom: 2em; }
    .index_about_sec .index_about_link ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .index_about_sec .index_about_link ul li {
        margin: 0;
        padding: 0; }
        .index_about_sec .index_about_link ul li a {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 78px;
          border: solid 2px;
          font-size: 2.4rem;
          font-weight: 800;
          text-decoration: none;
          color: #F1B337;
          background: #FFF;
          -webkit-transition: 0.3s all ease;
          -moz-transition: 0.3s all ease;
          -ms-transition: 0.3s all ease;
          -o-transition: 0.3s all ease;
          transition: 0.3s all ease; }
          .index_about_sec .index_about_link ul li a::after {
            content: "";
            display: block;
            position: absolute;
            right: 7px;
            bottom: 7px;
            width: 0;
            height: 0;
            border: solid 6px #F1B337;
            border-color: transparent #F1B337 #F1B337 transparent;
            -webkit-transition: 0.3s all ease;
            -moz-transition: 0.3s all ease;
            -ms-transition: 0.3s all ease;
            -o-transition: 0.3s all ease;
            transition: 0.3s all ease; }
          .index_about_sec .index_about_link ul li a:hover, .index_about_sec .index_about_link ul li a:active {
            background: #F1B337;
            color: #FFF; }
            .index_about_sec .index_about_link ul li a:hover::after, .index_about_sec .index_about_link ul li a:active::after {
              border-color: transparent #FFF #FFF transparent; }
        .index_about_sec .index_about_link ul li + li {
          margin-top: 1em; }
  .index_about_sec .index_about_info address {
    padding: 2rem;
    background: #FFFAE8;
    font-size: 1.4rem;
    font-style: normal;
    color: #3B4043;
    border-radius: 8px;
    line-height: 1.4; }
    .index_about_sec .index_about_info address strong {
      color: #F1B337;
      font-size: 1.6rem;
      font-family: 'Poppins', sans-serif; }

.index_gmap_sec {
  padding: 0; }
  .index_gmap_sec iframe {
    display: block; }

/*----------------------------------------------

  Page

----------------------------------------------*/
.page_title {
  text-align: center;
  background: #F1B337;
  color: #FFF;
  margin: 0;
  padding: 1em; }

.intro_sec {
  padding: 4em 0; }

.intro_wrap {
  display: flex;
  justify-content: center;
  padding: 0 4%;
  max-width: 1300px;
  margin: 0 auto; }

.intro_title {
  font-size: 2.8rem;
  position: relative;
  margin: 0 auto 1em;
  line-height: 1.4; }
  @media screen and (min-width: 1200px) {
    .intro_title {
      font-size: 3.6rem; } }
  .intro_title span {
    display: block;
    position: relative;
    padding-bottom: .5em; }
    .intro_title span::after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      border-bottom: solid 5px #F1B337; }

.intro_photo {
  margin-left: 2rem; }
  .intro_photo img {
    max-width: 580px;
    height: auto; }

.inner_contents_sec {
  display: flex;
  justify-content: center;
  position: relative;
  padding-top: 6em; }

section + .inner_contents_sec {
  padding-top: 0; }

.inner_contents {
  width: 100%;
  max-width: 1200px;
  margin: 0 2%;
  padding: 4rem;
  background: #FFF;
  box-shadow: 1.2px 1.6px 3.7px rgba(0, 0, 0, 0.022), 3.1px 4px 9.3px rgba(0, 0, 0, 0.031), 6.4px 8.2px 19px rgba(0, 0, 0, 0.039), 13.1px 16.8px 39.1px rgba(0, 0, 0, 0.048), 36px 46px 107px rgba(0, 0, 0, 0.07); }
  .inner_contents .inner_contents_wrap {
    max-width: 760px;
    margin: 0 auto; }
  .inner_contents .inner_top_title {
    font-size: 3.6rem;
    line-height: 1.4;
    text-align: center;
    margin-top: -6rem; }
    .inner_contents .inner_top_title span {
      display: inline-block;
      padding: 0 1em;
      background: #F1B337;
      color: #FFF; }
  .inner_contents section {
    padding: 3em 0; }

.faq_list {
  margin: 0 auto;
  padding: 0;
  max-width: 940px;
  list-style: none; }
  .faq_list li {
    padding: 2rem;
    border: solid 2px #F1B337;
    border-radius: 2rem;
    background: #FFF; }
    .faq_list li + li {
      margin-top: 3em; }
    .faq_list li dl {
      position: relative; }
      .faq_list li dl dt {
        position: relative;
        padding-left: 6rem;
        font-size: 3rem;
        font-weight: 800;
        color: #707f89; }
        .faq_list li dl dt::before {
          content: "Q";
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          font-size: 5rem;
          font-family: 'Poppins', sans-serif;
          color: #F1B337;
          line-height: 1;
          font-weight: 400; }
      .faq_list li dl dd {
        position: relative;
        padding-left: 6rem;
        margin: 0; }
        .faq_list li dl dd::before {
          content: "A";
          display: block;
          position: absolute;
          top: 0;
          left: 1.4rem;
          font-size: 4rem;
          font-family: 'Poppins', sans-serif;
          color: #98C4FF;
          line-height: 1;
          font-weight: 400; }

/*----------------------------------------------

  お仕事をしたい方

----------------------------------------------*/
.join_requirements_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 760px;
  margin: 0 auto;
  background: #FFFFCE;
  border-radius: 8px;
  padding: 2em 1em; }
  .join_requirements_wrap .join_requirements_list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .join_requirements_wrap .join_requirements_list li {
      position: relative;
      color: #724100;
      font-size: 2rem;
      padding-left: 3rem; }
      .join_requirements_wrap .join_requirements_list li::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 6px;
        z-index: 1;
        width: 20px;
        height: 20px;
        border: solid 1px #3B4043;
        background: #FFF; }
      .join_requirements_wrap .join_requirements_list li::after {
        content: "✓";
        display: block;
        position: absolute;
        left: 0;
        top: -1px;
        z-index: 10;
        line-height: 1;
        font-size: 3.2rem;
        color: #F1B337; }

.join_necessary_doc {
  display: flex;
  justify-content: flex-end; }

.join_necessary_list {
  list-style: none;
  counter-reset: nnecessary_item;
  padding-left: 0; }
  .join_necessary_list li {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #724100;
    font-size: 2rem;
    padding-left: 7rem;
    line-height: 1.4;
    min-height: 6.4rem; }
    .join_necessary_list li span {
      display: block;
      font-size: 1.6rem; }
    .join_necessary_list li::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 6px;
      z-index: 1;
      width: 52px;
      height: 52px;
      border: dotted 2px #F1B337;
      background: #FFF;
      border-radius: 50%; }
    .join_necessary_list li::after {
      counter-increment: nnecessary_item;
      content: counter(nnecessary_item);
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: 0;
      top: 8px;
      z-index: 10;
      line-height: 1;
      width: 52px;
      height: 52px;
      text-align: center;
      font-family: 'Poppins', sans-serif;
      font-size: 3.2rem;
      color: #F1B337; }

.flow_wrap {
  background: #FFFFCE;
  padding: 2em; }
  .flow_wrap .flow_list {
    position: relative;
    z-index: 10;
    list-style: none;
    padding: 0; }
    .flow_wrap .flow_list > li {
      position: relative;
      z-index: 10;
      background: #FFF;
      display: flex;
      padding: 3rem 2rem; }
      .flow_wrap .flow_list > li + li {
        margin-top: 3em; }
      .flow_wrap .flow_list > li .flow_num {
        text-align: center;
        font-family: 'Poppins', sans-serif;
        color: #F1B337;
        width: 140px;
        font-weight: 800; }
        .flow_wrap .flow_list > li .flow_num span {
          display: block;
          font-size: 8rem;
          line-height: 1;
          font-weight: 600; }
      .flow_wrap .flow_list > li .flow_list_item {
        flex: 1; }
        .flow_wrap .flow_list > li .flow_list_item .flow_list_title {
          font-size: 2.6rem;
          line-height: 1.4;
          margin: 0 0 .25em; }
        .flow_wrap .flow_list > li .flow_list_item > p {
          margin: 0;
          font-size: 2rem;
          max-width: 660px;
          line-height: 1.6; }
          .flow_wrap .flow_list > li .flow_list_item > p span {
            display: block;
            font-size: 90%; }
        .flow_wrap .flow_list > li .flow_list_item address {
          font-style: normal;
          font-size: 2rem; }
          .flow_wrap .flow_list > li .flow_list_item address strong {
            font-family: 'Poppins', sans-serif;
            color: #F1B337;
            font-weight: 800;
            font-size: 3rem;
            line-height: 1.4; }
          .flow_wrap .flow_list > li .flow_list_item address span {
            display: block;
            font-size: 1.6rem; }
        .flow_wrap .flow_list > li .flow_list_item .flow_list_check_list {
          list-style: none;
          margin: 0;
          padding: 0; }
          .flow_wrap .flow_list > li .flow_list_item .flow_list_check_list > li {
            position: relative;
            color: #724100;
            font-size: 2rem;
            padding-left: 3rem;
            font-weight: 800; }
            .flow_wrap .flow_list > li .flow_list_item .flow_list_check_list > li ul {
              color: #707f89;
              font-size: 1.6rem;
              padding-left: 1em;
              font-weight: 600; }
            .flow_wrap .flow_list > li .flow_list_item .flow_list_check_list > li::before {
              content: "";
              display: block;
              position: absolute;
              left: 0;
              top: 6px;
              z-index: 1;
              width: 20px;
              height: 20px;
              border: solid 1px #3B4043;
              background: #FFF; }
            .flow_wrap .flow_list > li .flow_list_item .flow_list_check_list > li::after {
              content: "✓";
              display: block;
              position: absolute;
              left: 0;
              top: -1px;
              z-index: 10;
              line-height: 1;
              font-size: 3.2rem;
              color: #F1B337; }
        .flow_wrap .flow_list > li .flow_list_item .flow_list_caution {
          font-size: 1.6rem;
          color: #707f89; }
    .flow_wrap .flow_list::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: calc(50% - 5px);
      z-index: 1;
      border-left: solid 10px #F1B337;
      width: 0;
      height: 100%; }

.attention_wrap {
  background: #E8F7FC;
  border-radius: 2rem;
  padding: 2rem;
  margin: 1em auto; }
  .attention_wrap .attention_title {
    border-bottom: dashed 2px #707f89;
    font-size: 2.4rem;
    text-align: center;
    margin: 0;
    padding-bottom: .25em; }
    .attention_wrap .attention_title img {
      vertical-align: middle;
      margin-right: .5em; }
    .attention_wrap .attention_title span {
      font-size: 1.8rem; }
  .attention_wrap .attention_dl_wrap {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .attention_wrap .attention_dl_wrap .attention_dl dt {
      font-size: 2rem;
      font-weight: 800; }
    .attention_wrap .attention_dl_wrap .attention_dl dd {
      margin-left: 1em; }
    .attention_wrap .attention_dl_wrap p {
      margin: 0; }

.work_caution {
  display: flex;
  justify-content: center; }
  .work_caution .caution_list {
    font-size: 2.4rem;
    color: #D40000;
    font-weight: 800; }

.job_list {
  padding: 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px -20px 0;
  padding: 0;
  list-style: none; }
  .job_list > li {
    position: relative;
    width: 33.3333333333%;
    margin: 0;
    padding: 0 20px 20px 0; }
    .job_list > li .job_list_title {
      text-align: center;
      border-bottom: solid 3px #F1B337;
      font-size: 2.2rem;
      margin: .5em auto; }
    .job_list > li ul {
      display: flex;
      flex-wrap: wrap;
      padding-left: 1.5em; }
      .job_list > li ul li {
        width: 50%;
        foont-size: 1.5rem;
        font-feature-settings: "palt"; }

/*----------------------------------------------

  お仕事を依頼したい方

----------------------------------------------*/
.job_price_list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 740px; }

/*----------------------------------------------

  シルバー人材センターについて

----------------------------------------------*/
.about_system {
  max-width: 100%;
  height: auto; }

.about_principle dt {
  position: relative;
  font-size: 2rem;
  padding-left: 3rem;
  padding-bottom: .5em;
  margin-bottom: .5em;
  border-bottom: dashed 2px #707f89;
  color: #F1B337;
  font-weight: 800; }
  .about_principle dt::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    z-index: 1;
    width: 20px;
    height: 20px;
    border: solid 1px #3B4043;
    background: #FFF; }
  .about_principle dt::after {
    content: "✓";
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 10;
    line-height: 1;
    font-size: 3.2rem;
    color: #F1B337; }
.about_principle dd + dt {
  margin-top: 1em; }

.about_info {
  padding: 2em 0; }
  .about_info .about_info_table {
    width: 100%; }
    .about_info .about_info_table tbody tr th, .about_info .about_info_table tbody tr td {
      border-bottom: solid 1px #707f89;
      line-height: 1.6; }
    .about_info .about_info_table tbody tr th {
      text-align: left;
      padding: 1em 1em 1em 0;
      white-space: nowrap;
      color: #707f89; }
    .about_info .about_info_table tbody tr td {
      padding: 1em 0; }
    .about_info .about_info_table tbody tr:first-child th {
      border-top: solid 2px #F1B337; }
    .about_info .about_info_table tbody tr:first-child td {
      border-top: solid 1px #707f89; }

.member_info .member_info_table {
  width: 100%; }
  .member_info .member_info_table thead tr th, .member_info .member_info_table thead tr td {
    border-bottom: solid 1px #F1B337;
    padding: .25em .5em; }
  .member_info .member_info_table thead tr th {
    text-align: left;
    font-size: 2rem; }
  .member_info .member_info_table thead tr td {
    text-align: right;
    font-size: 1.4rem; }
    .member_info .member_info_table thead tr td span {
      font-size: 3rem;
      font-weight: 800;
      font-family: 'Poppins', sans-serif;
      color: #F1B337; }
  .member_info .member_info_table tbody tr th, .member_info .member_info_table tbody tr td {
    padding: .25em .5em;
    border-bottom: dashed 1px #707f89; }
  .member_info .member_info_table tbody tr th {
    text-align: left; }
  .member_info .member_info_table tbody tr td {
    text-align: right; }
  .member_info .member_info_table tbody tr:first-child th, .member_info .member_info_table tbody tr:first-child td {
    padding-top: .75em; }
.member_info p {
  font-size: 1.3rem;
  margin: 1em 0 0; }

.magazine_contents {
  margin: 2em 0; }

.magazine_list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px -20px 0;
  padding: 0;
  list-style: none;
  justify-content: center; }
  .magazine_list > li {
    position: relative;
    width: 16.6666666667%;
    margin: 0;
    padding: 0 20px 20px 0; }
    .magazine_list > li a {
      display: block;
      text-decoration: none;
      color: #1E1E1E; }
      .magazine_list > li a figure img {
        margin-bottom: .5em; }
      .magazine_list > li a figure figcaption {
        text-align: center; }

.root_list dt {
  font-weight: 800; }
  .root_list dt i {
    color: #F1B337; }
.root_list dd {
  margin-left: 1.3em; }
  .root_list dd ul {
    margin: 0; }
.root_list dd + dt {
  margin-top: 1em; }

.public_info_sec {
  display: flex;
  justify-content: center;
  position: relative; }
  .public_info_sec .inner_contents {
    padding: 5em 4em; }

.public_list_wrap {
  display: flex;
  justify-content: center; }
  .public_list_wrap .public_list {
    list-style: none;
    padding: 0;
    margin: 0 auto; }
    .public_list_wrap .public_list li {
      display: flex;
      align-items: center; }
      .public_list_wrap .public_list li i {
        color: #F1B337;
        margin-right: .5em;
        width: 4rem; }
      .public_list_wrap .public_list li a {
        text-decoration: none;
        flex: 1; }
      .public_list_wrap .public_list li + li {
        margin-top: 1.5em; }

/*----------------------------------------------

  会員ページ

----------------------------------------------*/
.labor_regulations_list {
  width: 100%;
  margin: 0 auto; }
  .labor_regulations_list dt {
    font-weight: 800; }
  .labor_regulations_list dd {
    margin: 0;
    text-indent: -1em;
    margin-left: 1em; }
    .labor_regulations_list dd ol {
      list-style: none;
      padding: 0; }
  .labor_regulations_list dd + dt {
    margin-top: 1em; }

.gmap {
  width: 100%; }
  .gmap iframe {
    width: 100%;
    height: 400px; }

/*----------------------------------------------

  お知らせ

----------------------------------------------*/
.index_sns_sec > .container > .row {
  align-items: center; }

.index_news_wrap iframe {
  width: 100%;
  height: auto; }

.index_news_list {
  list-style: none;
  margin: 0;
  padding: 0; }

.index_news_list li {
  margin: 0;
  padding: 0; }
  .index_news_list li + li {
    margin-top: 1em; }

.index_news_more {
  text-align: right;
  margin-top: 0; }

.top_news_list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .top_news_list li {
    display: flex;
    width: 100%;
    border-bottom: dashed 1px #CCC;
    margin: 0;
    padding: .5em 1em; }
    .top_news_list li + li {
      margin-top: 1em; }
    .top_news_list li time {
      color: #F1B337;
      font-weight: 800; }
    .top_news_list li a {
      text-decoration: none; }

.news_title {
  margin: 0 auto 1.5em;
  font-size: 2.4rem;
  font-weight: 800;
  position: relative; }
  .news_title::after {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 0;
    width: 8rem;
    border-bottom: solid 4px #F1B337; }

.news_detail_time {
  display: block;
  text-align: right;
  margin-bottom: 1em; }

.detailText {
  margin: 1em auto; }

.backORcloseBtn {
  margin-top: 2em; }

.news_info_sec {
  display: flex;
  justify-content: center;
  position: relative; }
  .news_info_sec .inner_contents {
    padding: 5em 4em; }

.form_require {
  color: #d64471; }

.pp_list dt {
  font-weight: 800; }
.pp_list dd {
  margin-left: 1em; }
  .pp_list dd ol {
    list-style: none;
    padding: 0; }
    .pp_list dd ol li {
      text-indent: -1em;
      margin-left: 1em; }
.pp_list dd + dt {
  margin-top: 2em; }