@charset "UTF-8";
html {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #333333; }

body {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  line-height: 1.4;
  font-weight: 400;
  width: 100%;
  -webkit-font-smoothing: antialiased; }

section p {
  font-weight: 400;
  font-size: 1.6rem; }
  @media only screen and (max-width: 480px) {
    section p {
      font-size: 1.4rem;
      line-height: 2.2rem; } }

.inner {
  max-width: 1200px;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0 auto;
  overflow: hidden; }
  @media only screen and (max-width: 480px) {
    .inner {
      padding-left: 4%;
      padding-right: 4%; } }

.min-inner {
  max-width: 1000px;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0 auto;
  overflow: hidden; }
  @media only screen and (max-width: 480px) {
    .min-inner {
      padding-left: 4%;
      padding-right: 4%; } }

.min-pd-inner {
  max-width: 1000px;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0 auto;
  overflow: hidden; }
  @media only screen and (max-width: 480px) {
    .min-pd-inner {
      padding-left: 0%;
      padding-right: 0%; } }

@media only screen and (min-width: 880px), only screen and (min-width: 481px) and (max-width: 879px) {
  .br-pc {
    display: block; } }
@media only screen and (max-width: 480px), only screen and (max-width: 320px) {
  .br-pc {
    display: none; } }

@media only screen and (min-width: 880px), only screen and (min-width: 481px) and (max-width: 879px) {
  .br-sp {
    display: none; } }
@media only screen and (max-width: 480px), only screen and (max-width: 320px) {
  .br-sp {
    display: block; } }

@media only screen and (min-width: 481px) and (max-width: 879px), only screen and (max-width: 480px), only screen and (max-width: 320px) {
  .pc {
    display: none; } }

@media only screen and (min-width: 880px) {
  .sp {
    display: none; } }

@media only screen and (max-width: 480px), only screen and (max-width: 320px) {
  .pc-tab {
    display: none; } }

@media only screen and (min-width: 880px), only screen and (min-width: 481px) and (max-width: 879px) {
  .sp-tab {
    display: none; } }

@media only screen and (min-width: 481px) and (max-width: 879px), only screen and (max-width: 480px) {
  .order1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }

  .order2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }

  .order3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }

  .order4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }

  .order5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; } }
.red {
  color: #ff3232; }

.yellow {
  color: #ffff00; }

.title-type1 {
  text-align: center;
  font-size: 3.8rem;
  letter-spacing: .8rem;
  font-weight: 600;
  background: #fff;
  padding-top: 8rem;
  padding-bottom: 2rem; }
  @media only screen and (min-width: 481px) and (max-width: 879px) {
    .title-type1 {
      font-size: 3rem;
      letter-spacing: .4rem;
      padding-top: 5rem;
      padding-bottom: 1rem; } }
  @media only screen and (max-width: 480px) {
    .title-type1 {
      font-size: 2rem;
      letter-spacing: .4rem;
      padding-top: 5rem;
      padding-bottom: 1rem; } }

.btn-type1 {
  text-align: center; }
  .btn-type1 .shadowbox {
    position: relative;
    top: 5px;
    left: 5px;
    width: 300px;
    height: 60px;
    margin: 0 auto;
    background-color: #fbb03b; }
  .btn-type1 .mainbox {
    position: relative;
    top: -5px;
    left: -5px;
    width: 300px;
    height: 60px;
    margin: 0 auto;
    color: #fff;
    line-height: 6rem;
    font-size: 1.6rem;
    font-weight: 600;
    background-color: #f7931e; }
    .btn-type1 .mainbox p:after {
      content: '▶︎';
      position: absolute;
      right: 1rem;
      font-size: 1rem; }
  .btn-type1:hover .shadowbox {
    background-color: #f8b4c2; }
  .btn-type1:hover .mainbox {
    background-color: #f882a0; }

.btn-type2 {
  position: relative;
  margin: 0 auto;
  width: 300px;
  text-align: center;
  background: #f882a0;
  -webkit-box-shadow: 5px 5px #f8b4c2;
          box-shadow: 5px 5px #f8b4c2; }
  .btn-type2:hover {
    cursor: pointer;
    background: #f7931e;
    -webkit-box-shadow: 5px 5px #ffbe5a;
            box-shadow: 5px 5px #ffbe5a; }
  .btn-type2 p:after {
    content: '▶︎';
    position: absolute;
    top: 2.2rem;
    right: 1rem;
    font-size: 1rem;
    color: #fff; }

.l--header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1000; }
  .l--header .inner {
    position: relative; }
  .l--header .pc--menu {
    background: #fff;
    height: 60px; }
    @media only screen and (min-width: 481px) and (max-width: 1024px), only screen and (max-width: 480px) {
      .l--header .pc--menu {
        display: none; } }
    .l--header .pc--menu_contents {
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      height: 60px; }
      .l--header .pc--menu_contents_logo {
        width: 180px;
        padding: 1rem 0;
        -webkit-transition: .3s;
        transition: .3s; }
        .l--header .pc--menu_contents_logo:hover {
          opacity: .7; }
      .l--header .pc--menu_contents_nav {
        position: absolute;
        right: 0; }
        .l--header .pc--menu_contents_nav ul {
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 60px; }
          .l--header .pc--menu_contents_nav ul .menu-item {
            margin: 2rem 0;
            padding: 0 2.5rem; }
            .l--header .pc--menu_contents_nav ul .menu-item:nth-of-type(2) {
              border-left: solid 1px #ababab;
              border-right: solid 1px #ababab; }
            .l--header .pc--menu_contents_nav ul .menu-item a {
              font-size: 1.4rem;
              font-weight: 500;
              color: #333333;
              -webkit-transition: .3s;
              transition: .3s; }
              .l--header .pc--menu_contents_nav ul .menu-item a:hover {
                color: #ababab; }
          .l--header .pc--menu_contents_nav ul .tel-info {
            text-align: center;
            margin: .5rem 2rem;
            color: #534741; }
            .l--header .pc--menu_contents_nav ul .tel-info_text {
              font-size: 1.4rem;
              font-weight: 500; }
            .l--header .pc--menu_contents_nav ul .tel-info_number {
              font-size: 2.4rem;
              font-weight: 700;
              color: #f7931e; }
              .l--header .pc--menu_contents_nav ul .tel-info_number:before {
                font-family: "Font Awesome 5 Pro";
                content: '\f879';
                font-weight: 600;
                font-size: 2rem;
                margin-right: .5rem;
                display: inline-block; }
          .l--header .pc--menu_contents_nav ul .recruit-info {
            background: #f882a0;
            color: #fff;
            font-size: 1.4rem;
            font-weight: 500;
            padding: 2rem 4rem;
            -webkit-transition: .3s;
            transition: .3s; }
            .l--header .pc--menu_contents_nav ul .recruit-info:hover {
              background: #f7931e; }
            .l--header .pc--menu_contents_nav ul .recruit-info li:after {
              content: '▶︎';
              position: absolute;
              right: 1rem;
              top: 2.3rem;
              font-size: 1rem; }
  .l--header .sp--menu {
    background: #fff;
    height: 50px; }
    @media only screen and (min-width: 1025px) {
      .l--header .sp--menu {
        display: none; } }
    .l--header .sp--menu .logo {
      width: 180px;
      margin-left: 1rem;
      padding: .1rem 0; }
    .l--header .sp--menu button {
      position: relative;
      display: inline-block;
      text-decoration: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      background-color: transparent;
      cursor: pointer;
      z-index: 1000;
      border-radius: 0px !important; }
    .l--header .sp--menu .p--hamburger {
      position: absolute;
      top: 0;
      right: 0;
      width: 50px;
      height: 50px;
      margin: auto;
      border-radius: 50%;
      outline: none;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      cursor: pointer;
      z-index: 1000;
      background: #f882a0; }
      .l--header .sp--menu .p--hamburger__line {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 30px;
        height: 2px;
        background-color: #fff;
        -webkit-transition: inherit;
        transition: inherit; }
        .l--header .sp--menu .p--hamburger__line:before, .l--header .sp--menu .p--hamburger__line:after {
          position: absolute;
          display: block;
          width: 100%;
          height: 100%;
          background-color: inherit;
          content: '';
          -webkit-transition: inherit;
          transition: inherit; }
        .l--header .sp--menu .p--hamburger__line:before {
          top: -10px; }
        .l--header .sp--menu .p--hamburger__line:after {
          top: 10px; }
      .l--header .sp--menu .p--hamburger[aria-expanded="true"] .p--hamburger__line {
        background-color: transparent; }
      .l--header .sp--menu .p--hamburger[aria-expanded="true"] .p--hamburger__line:before, .l--header .sp--menu .p--hamburger[aria-expanded="true"] .p--hamburger__line:after {
        top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: #fff; }
      .l--header .sp--menu .p--hamburger[aria-expanded="true"] .p--hamburger__line:before {
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
    .l--header .sp--menu .u--visuallyHidden {
      position: absolute;
      white-space: nowrap;
      width: 1px;
      height: 1px;
      overflow: hidden;
      border: 0;
      padding: 0;
      clip: rect(0 0 0 0);
      -webkit-clip-path: inset(50%);
              clip-path: inset(50%);
      margin: -1px; }
    .l--header .sp--menu .gnav {
      background-color: rgba(248, 130, 160, 0.9);
      display: none;
      height: 100%;
      position: fixed;
      width: 100%;
      z-index: 980;
      top: 0;
      left: 0; }
      .l--header .sp--menu .gnav__wrap {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: absolute;
        width: 100%;
        z-index: 980; }
      .l--header .sp--menu .gnav__menu__item {
        text-align: center;
        font-size: 2rem;
        line-height: 5rem;
        font-weight: 600;
        letter-spacing: .1rem; }
        .l--header .sp--menu .gnav__menu__item a {
          color: #fff; }
      .l--header .sp--menu .gnav__menu .sp-nav-tel {
        background: #fff;
        height: 70px;
        width: 300px;
        margin-top: 3rem;
        margin-bottom: 1rem;
        display: block;
        line-height: 3rem; }
        .l--header .sp--menu .gnav__menu .sp-nav-tel_text {
          color: #333333;
          font-size: 1.4rem;
          font-weight: 500; }
        .l--header .sp--menu .gnav__menu .sp-nav-tel_number {
          font-size: 2.4rem;
          font-weight: 700;
          color: #f7931e; }
          .l--header .sp--menu .gnav__menu .sp-nav-tel_number:before {
            font-family: "Font Awesome 5 Pro";
            content: '\f879';
            font-weight: 600;
            font-size: 2rem;
            margin-right: .5rem;
            display: inline-block; }
      .l--header .sp--menu .gnav__menu .sp-nav-recruit {
        background: #fff;
        height: 60px;
        height: 70px;
        width: 300px;
        display: block;
        color: #f882a0;
        line-height: 7rem;
        font-weight: 500; }
        .l--header .sp--menu .gnav__menu .sp-nav-recruit:after {
          content: '▶︎';
          display: inline-block;
          margin-left: 1rem; }

.footer_contents {
  padding-top: 10rem;
  padding-bottom: 10rem; }
  @media only screen and (min-width: 481px) and (max-width: 879px) {
    .footer_contents {
      padding-top: 8rem;
      padding-bottom: 8rem; } }
  @media only screen and (max-width: 480px), only screen and (max-width: 320px) {
    .footer_contents {
      padding-top: 6rem;
      padding-bottom: 6rem; } }
.footer .copyright {
  position: relative;
  z-index: 80;
  background: #f882a0;
  text-align: center; }
  .footer .copyright p, .footer .copyright a {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    padding: .5rem 0; }

/*# sourceMappingURL=common.css.map */