@charset "UTF-8";
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, l, 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 {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

a img {
  border: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: inherit;
}

/*MIXIN*/
/*
.fs_xxxl{
	font-size: $xxxl;
}
.fs_xxl{
	font-size: $xxl;
}
.fs_xl{
	font-size: $xl;
}
.fs_ll{
	font-size: $ll;
}
.fs_l{
	font-size: $l;
}
.fs_m{
	font-size: $m;
}
.fs_s{
	font-size: $s;
}
.fs_ss{
	font-size: $ss;
}
.fs_sss{
	font-size: $sss;
}
*/
.txt {
  line-height: 1.8;
}
.txt-xl {
  font-size: 1.8rem;
  line-height: 1.4;
}
.txt-ll {
  font-size: 1.3rem;
  line-height: 1.65;
}
.txt-l, .title-color, .title-bold, .title-main {
  font-size: 1.0365rem;
}
.txt-s {
  font-size: 0.8rem;
}
.txt-xs {
  font-size: 0.65rem;
}

.title {
  line-height: 1.4;
}
.title-main {
  background-color: #DD4050;
  color: #fff;
  padding: 0.8rem 1.0365rem;
}
.title-bold {
  font-weight: bold;
}
.title-color {
  color: #DD4050;
  font-weight: bold;
}
.title-pochi {
  position: relative;
  padding-left: 1.0365rem;
  line-height: 1.4;
}
.title-pochi:before {
  content: "";
  background-color: #DD4050;
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 1.1em;
  vertical-align: middle;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  margin-right: 0.4rem;
  position: absolute;
  left: 0;
  top: 0.2em;
}

.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  padding-bottom: 10px;
  background-color: #fff;
}
@media screen and (min-width: 798px) {
  .header {
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.header .header-logo {
  width: 30%;
  padding-left: 3vw;
  margin-top: 10px;
}
@media screen and (min-width: 798px) {
  .header .header-logo {
    margin-top: 0;
    margin-right: auto;
    width: 170px;
    padding-left: 30px;
  }
}
.header .header-logo a {
  display: block;
}

.header-list {
  display: none;
}
.header-list a {
  font-weight: bold;
}
@media screen and (min-width: 798px) {
  .header-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
  }
  .header-list .list-item {
    margin-right: 20px;
  }
  .header-list .list-item:nth-child(1), .header-list .list-item:nth-child(4), .header-list .list-item:nth-child(5), .header-list .list-item:nth-child(6) {
    display: none;
  }
}
@media screen and (min-width: 798px) and (min-width: 1080px) {
  .header-list .list-item:nth-child(1), .header-list .list-item:nth-child(4), .header-list .list-item:nth-child(6) {
    display: block;
  }
}
@media screen and (min-width: 798px) and (min-width: 880px) {
  .header-list .list-item:nth-child(5) {
    display: block;
  }
}
@media screen and (min-width: 798px) {
  .header-list .list-item a {
    font-size: 14px;
    position: relative;
    padding: 1.75em 0em;
    /*
        &:after{

                width: 100%;
                height: 3px;
                content: "";
                background-color: $blue900;
                position: absolute;
                left: 50%;
                bottom: 1px;
                transform: translateX(-50%) scale(0,1);
                transition: transform .2s;

        }

        &:hover{
            &:after{
                transform: translateX(-50%) scale(1);
            }
        }
    }

    */
  }
  .header-list .list-item a:after {
    width: 100%;
    height: 3px;
    content: "";
    background-color: #FEF263;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%) scale(0, 1);
            transform: translateX(-50%) scale(0, 1);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
  .header-list .list-item a:hover:after {
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
  }
}

.header-btns {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 798px) {
  .header-btns {
    width: auto;
    position: relative;
  }
}
.header-btns .header-btn {
  width: 33.333%;
}
@media screen and (min-width: 798px) {
  .header-btns .header-btn {
    width: auto;
  }
}
.header-btns .header-btn a {
  display: block;
  text-align: center;
  color: #fff;
  line-height: 1;
  padding: 1.2em;
  font-size: 0.9em;
  font-weight: bold;
  position: relative;
}
@media screen and (min-width: 798px) {
  .header-btns .header-btn a {
    font-size: 14px;
    padding: 1.8em 1.2em;
  }
  .header-btns .header-btn a:after {
    width: 100%;
    height: 3px;
    content: "";
    background-color: #102040;
    position: absolute;
    left: 50%;
    bottom: 0em;
    -webkit-transform: translateX(-50%) scale(0, 1);
            transform: translateX(-50%) scale(0, 1);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
  .header-btns .header-btn a:hover:after {
    -webkit-transform: translateX(-50%) scale(0.7, 1);
            transform: translateX(-50%) scale(0.7, 1);
  }
}
.header-btns .header-btn.btn-login {
  background-color: #fff;
}
@media screen and (min-width: 798px) {
  .header-btns .header-btn.btn-login {
    position: relative;
  }
  .header-btns .header-btn.btn-login:before {
    width: 1px;
    height: 70%;
    content: "";
    background-color: #202733;
    position: absolute;
    left: 0;
    top: 15%;
  }
}
.header-btns .header-btn.btn-login a {
  color: #102040;
}
.header-btns .header-btn.btn-entry {
  background-color: #2F8E96;
}
@media screen and (min-width: 798px) {
  .header-btns .header-btn.btn-entry {
    background-color: #FAAF3B;
  }
  .header-btns .header-btn.btn-entry a:after {
    background-color: rgb(252.5373134328, 215.5970149254, 158.4626865672);
  }
}
.header-btns .header-btn.btn-contact {
  background-color: #DD4050;
}
.header-btns .header-btn.btn-contact a:after {
  background-color: rgb(236.4133333333, 150.5866666667, 159.3333333333);
}

.header-list .list-item {
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 798px) {
  .header-list .list-item {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

body.is-open .header-list {
  height: calc(var(--vh) * 100);
  display: block;
  text-align: center;
  display: grid;
  place-content: center;
  gap: 1ch;
}
body.is-open .header-list .list-item {
  padding: 0.5em;
  font-size: 1.3em;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 1;
}

.search-submit .btn-l {
  color: #fff;
}

.btn-l {
  background-color: #2F8E96;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  font-size: 1rem;
  padding: 1.3em 3em;
  display: inline-block;
  border: 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
@media screen and (min-width: 798px) {
  .btn-l {
    font-size: 1.0365rem;
    padding: 1.6em 5em;
  }
}
.btn-l:hover {
  background-color: rgb(40.9162436548, 123.6192893401, 130.5837563452);
}

.btn-ghost {
  color: #2F8E96;
  background: 0;
  border: 1px solid #2F8E96;
  padding: 0.6em 1.8em 0.5em;
  display: inline-block;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.btn-ghost:hover {
  background-color: #2f8e96;
  color: #fff;
}

.btn-blank {
  color: #FEF263;
  background: 0;
  text-decoration: underline;
  padding-right: 1.3em;
  display: inline-block;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  background-image: url("../img/i-blank.svg");
  background-size: 0.8em;
  background-repeat: no-repeat;
  background-position: right 0.2em;
}
.btn-blank:hover {
  opacity: 0.8;
}

.btn-close {
  background-color: #2F8E96;
  color: #fff;
  padding: 1em 2em;
  font-weight: bold;
}

.form_unit {
  text-align: center;
  margin-top: 2rem;
}

.btn-green,
.submit_btn {
  background-color: #2F8E96;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  font-size: 1rem;
  padding: 1.3em 3em;
  display: inline-block;
  border: 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
@media screen and (min-width: 798px) {
  .btn-green,
  .submit_btn {
    font-size: 1.0365rem;
    padding: 1.6em 5em;
  }
}
.btn-green:hover,
.submit_btn:hover {
  background-color: rgb(40.9162436548, 123.6192893401, 130.5837563452);
}

.burger {
  right: 3vw;
  top: 0px;
  cursor: pointer;
  width: 12vw;
  position: fixed;
  display: block;
  height: 51px;
  z-index: 101;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center bottom 15px;
}
@media screen and (min-width: 798px) {
  .burger {
    display: none;
  }
}
.burger span {
  position: absolute;
  right: 20%;
  width: 60%;
  height: 2px;
  background-color: #FEF263;
  border-radius: 0px;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.burger span:nth-of-type(1) {
  top: 15px;
}
.burger span:nth-of-type(2) {
  top: 23px;
}
.burger span:nth-of-type(3) {
  top: 31px;
}

body.is-open .burger span:nth-of-type(1) {
  top: 25px;
  -webkit-transform: translateY(0px) rotate(-45deg);
          transform: translateY(0px) rotate(-45deg);
}
body.is-open .burger span:nth-of-type(2) {
  top: 30px;
  width: 0;
}
body.is-open .burger span:nth-of-type(3) {
  top: 25px;
  -webkit-transform: translateY(0px) rotate(45deg);
          transform: translateY(0px) rotate(45deg);
}

.fv {
  height: calc(var(--vh) * 85 - var(--headerH));
  position: relative;
  margin-top: var(--headerH);
  display: grid;
  place-content: center;
  gap: 1ch;
  /*
  &:before{
  	width: 100%;
  	z-index: -1;
  	@include mq('md'){
  		width:calc(100% - 180px);
  	}
  	height: calc(100% + 50px);
  	content: "";
  	display: block;
  	position: absolute;
  	top: 0;
  	left: 0;
  	background-image: url("../img/fv-sp.png");
  	background-size: cover;
  	background-position: right 0;
  	@include mq('md'){
  		background-image: url("../img/fv.png");
  	}

  }
  */
}
@media screen and (min-width: 798px) {
  .fv {
    max-height: 680px;
  }
}
@media screen and (min-width: 798px) {
  .fv {
    margin-top: 0;
    gap: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: var(--headerH);
  }
}
.fv-txt {
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-shadow: 0px 0px 20px rgba(66, 90, 107, 0.7);
}
@media screen and (min-width: 798px) {
  .fv-txt {
    text-align: left;
    padding-left: calc(var(--vw) * 3);
    padding-left: 8%;
    width: calc(100% - 180px);
  }
}
@media screen and (min-width: 1400px) {
  .fv-txt {
    padding-left: 6%;
  }
}
.fv-txt .fv-txt--copy {
  font-size: 12vw;
  line-height: 1.3;
  margin-bottom: 0.5em;
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
  font-family: "Caveat", cursive;
  font-family: "Vujahday Script", cursive;
  font-weight: normal;
}
@media screen and (min-width: 798px) {
  .fv-txt .fv-txt--copy {
    font-size: calc(var(--vw) * 8);
    margin-bottom: 0em;
  }
}
@media screen and (min-width: 1400px) {
  .fv-txt .fv-txt--copy {
    font-size: calc(var(--vw) * 8);
  }
}
.fv-txt .fv-txt--body {
  margin-bottom: 2em;
}
@media screen and (min-width: 798px) {
  .fv-txt .fv-txt--body {
    margin-bottom: 0;
    line-height: 2;
    font-size: 1.3em;
  }
}
.fv-search {
  text-align: center;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 798px) {
  .fv-search {
    height: calc(var(--vh) * 85 - var(--headerH));
    max-height: 680px;
    width: 350px;
    margin: 0;
    margin-left: auto;
  }
}
.fv-search img {
  width: 1.2em;
  vertical-align: middle;
  margin-right: 1em;
  display: inline-block;
}
@media screen and (min-width: 798px) {
  .fv-search img {
    margin-right: 0;
    width: 45px;
    margin-bottom: 1em;
  }
}
.fv-search a {
  color: #fff;
  display: block;
  text-align: center;
  padding: 1em;
}
@media screen and (min-width: 798px) {
  .fv-search a {
    height: 50%;
    height: 33.333%;
    display: grid;
    place-content: center;
    gap: 1ch;
    font-weight: bold;
    font-size: 1.2em;
  }
}
.fv-search a br {
  display: none;
}
@media screen and (min-width: 798px) {
  .fv-search a br {
    display: block;
  }
}
.fv-search--oshigoto {
  background-color: #EEE148;
  margin-bottom: 0.5em;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.fv-search--oshigoto:hover {
  background-color: rgb(242.335, 232.65, 118.665);
}
@media screen and (min-width: 798px) {
  .fv-search--oshigoto {
    margin-bottom: 0;
  }
}
.fv-search--kigyou {
  background-color: #2F8E96;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.fv-search--kigyou:hover {
  background-color: rgb(53.0837563452, 160.3807106599, 169.4162436548);
}
.fv-search--kyujin {
  background-color: #00D1AA;
  margin-bottom: 0.5em;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.fv-search--kyujin:hover {
  background-color: rgb(0, 234.5, 190.7416267943);
}
.fv-search--kyujin img {
  width: 1.6rem;
  margin-right: 0.5em;
}
@media screen and (min-width: 798px) {
  .fv-search--kyujin {
    margin-bottom: 0;
  }
  .fv-search--kyujin img {
    margin-right: 0;
    width: 60px;
    margin-bottom: 0.1em;
  }
}

.juyou {
  background-color: #EEE148;
  margin-left: 5vw;
  padding: 5vw;
  color: #fff;
  width: calc(100% - 5vw);
  position: relative;
  margin-bottom: 10vw;
}
@media screen and (min-width: 798px) {
  .juyou {
    margin-bottom: 0;
    width: 65%;
    padding: 1em;
    margin-left: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.juyou-item {
  width: 100%;
  padding-bottom: 1em;
  padding-top: 1em;
}
@media screen and (min-width: 798px) {
  .juyou-item:first-child {
    padding-bottom: 0.5em;
    padding-top: 0;
  }
  .juyou-item:last-child {
    padding-top: 0.5em;
    padding-bottom: 0;
  }
}
.juyou-item:first-child {
  border-bottom: 1px solid #fff;
}
.juyou a {
  color: #fff;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.juyou a:hover {
  opacity: 0.7;
}
@media screen and (min-width: 798px) {
  .juyou-info {
    width: calc(100% - (160px + 1em));
  }
}
.juyou .time {
  font-size: 0.9em;
  display: block;
}
@media screen and (min-width: 798px) {
  .juyou .time {
    display: inline-block;
    font-size: 0.85em;
    vertical-align: middle;
    margin-right: 1em;
  }
}
.juyou-head {
  border: 1px solid #fff;
  line-height: 1;
  text-align: center;
  padding: 0.9em 1em;
}
@media screen and (min-width: 798px) {
  .juyou-head {
    display: grid;
    place-content: center;
    gap: 1ch;
    width: 160px;
    margin-right: 1em;
  }
}

.fv-slider {
  width: 100%;
  z-index: -1;
  overflow: hidden;
  height: calc(100% + 50px);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  /*
  background-image: url("../img/fv-sp.png");
  background-size: cover;
  background-position: right 0;
  @include mq('md'){
  	background-image: url("../img/fv.png");
  }
  */
}
@media screen and (min-width: 798px) {
  .fv-slider {
    width: calc(100% - 180px);
  }
}
.fv-slider .swiper-container {
  height: 100%;
}

.fv-slider--item {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hello {
  background-color: #FEF263;
  color: #fff;
  text-align: center;
  padding: 10vw 5vw 5vw;
}
@media screen and (min-width: 798px) {
  .hello {
    padding: 100px 0 0;
  }
}
.hello-title {
  font-size: 0.85em;
}
@media screen and (min-width: 798px) {
  .hello-title {
    font-size: 1em;
  }
}
.hello-title img {
  width: 80vw;
  margin-top: 1em;
  margin-bottom: 1em;
}
@media screen and (min-width: 798px) {
  .hello-title img {
    width: 400px;
    margin-bottom: 2em;
  }
}
.hello-body {
  line-height: 2;
  font-size: 0.95em;
  margin-bottom: 2em;
}
@media screen and (min-width: 798px) {
  .hello-body {
    font-size: 1em;
    margin-bottom: 3em;
  }
}
.hello-body br {
  display: none;
}
@media screen and (min-width: 798px) {
  .hello-body br {
    display: inline-block;
  }
}
@media screen and (min-width: 798px) {
  .hello-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1260px;
  }
}
@media screen and (min-width: 798px) and (min-width: 798px) {
  .hello-nav {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.hello-nav a {
  color: #fff;
  border: 1px solid #fff;
  line-height: 1;
  padding: 1em;
  display: block;
  position: relative;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.hello-nav a:after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  display: block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.hello-nav a:hover {
  background-color: rgb(254.3248407643, 246.2229299363, 149.6751592357);
}
.hello-link {
  margin-bottom: 20px;
}
@media screen and (min-width: 798px) {
  .hello-link {
    width: 25%;
    margin-bottom: 0;
    margin: 0 10px;
  }
}

@media screen and (min-width: 798px) {
  .hello-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 1260px;
  }
}
@media screen and (min-width: 798px) and (min-width: 798px) {
  .hello-info {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 798px) {
  .hello-info--item {
    width: 33.333%;
  }
}
.hello-info--item {
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
}
@media screen and (min-width: 798px) {
  .hello-info--item {
    padding: 30px;
    margin: 0 10px;
  }
}
.hello-info--title {
  color: #FEF263;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #FEF263;
  padding-bottom: 0.8em;
  margin-bottom: 1em;
  font-size: 1.2em;
}
@media screen and (min-width: 798px) {
  .hello-info--title {
    padding-bottom: 1em;
  }
}
.hello-info--body {
  color: #202733;
  font-size: 0.85em;
  text-align: left;
}

.support {
  background-color: #EEF0F4;
  padding: 30px 0;
  padding-left: 5vw;
  padding-right: 5vw;
}
@media screen and (min-width: 798px) {
  .support {
    padding: 30px 0;
  }
}
.support-nav {
  margin-bottom: 1em;
}
@media screen and (min-width: 798px) {
  .support-nav {
    margin-left: auto;
    margin-right: auto;
    max-width: 1260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 798px) and (min-width: 798px) {
  .support-nav {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.support-link {
  position: relative;
  background-color: #FAAF3B;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  /*
  &:after{
  	width: 100%;
  	height: 100%;
  	content: "";
  	display: block;
  	position: absolute;
  	top: 0;
  	left: 0;
  }
  */
  height: 4.6em;
}
.support-link:hover {
  background-color: rgb(251.2686567164, 195.2985074627, 108.7313432836);
}
@media screen and (min-width: 798px) {
  .support-link {
    width: 50%;
    height: 7em;
    margin: 0 10px;
  }
}
.support-link:first-child {
  margin-bottom: 1em;
}
@media screen and (min-width: 798px) {
  .support-link:first-child {
    margin-bottom: 0;
  }
}
.support-link a {
  color: #fff;
  font-weight: bold;
  font-size: 1.3em;
  display: block;
  height: 100%;
  display: grid;
  place-content: center;
  gap: 1ch;
  position: relative;
}
.support-link a:after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  display: block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
@media screen and (min-width: 798px) {
  .support-link a {
    font-size: 1.6em;
  }
}
.support-link a small {
  line-height: 1;
  display: block;
  font-size: 0.6em;
}

.support-bnr {
  text-align: center;
  margin-bottom: 5vw;
}
@media screen and (min-width: 798px) {
  .support-bnr {
    margin-left: auto;
    margin-right: auto;
    max-width: 1260px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
    margin-top: 30px;
  }
}
@media screen and (min-width: 798px) and (min-width: 798px) {
  .support-bnr {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 798px) {
  .support-bnr P {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.support-bnr a {
  display: inline-block;
  border: 1px solid #FEF263;
}

.oshirase-more {
  position: absolute;
  right: -0.4em;
  top: -1.8em;
  line-height: 1;
}
@media screen and (min-width: 798px) {
  .oshirase-more {
    top: -0.1em;
    right: -0.5em;
  }
}
.oshirase-more a {
  padding: 0.65em 1.3em 0.55em;
  font-size: 0.85em;
  color: #fff;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  font-weight: bold;
  background-color: #2F8E96;
}
@media screen and (min-width: 798px) {
  .oshirase-more a {
    padding: 0.65em 1em 0.55em;
  }
}
.oshirase-more a:hover {
  background-color: rgb(59.1675126904, 178.7614213198, 188.8324873096);
}
@media screen and (min-width: 798px) {
  .oshirase-more a {
    background-color: #FAAF3B;
  }
  .oshirase-more a:hover {
    background-color: rgb(251.2686567164, 195.2985074627, 108.7313432836);
  }
}
@media screen and (min-width: 798px) {
  .oshirase {
    padding: 100px 0px;
  }
}
.oshirase-head {
  width: 100%;
  text-align: center;
  font-size: 1.5em;
  color: #102040;
  font-weight: bold;
  margin-bottom: 1em;
}
@media screen and (min-width: 798px) {
  .oshirase-head {
    font-size: 2.2em;
  }
}
@media screen and (min-width: 798px) {
  .oshirase-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 1260px;
  }
}
@media screen and (min-width: 798px) and (min-width: 798px) {
  .oshirase-contents {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.oshirase-tabs--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
@media screen and (min-width: 798px) {
  .oshirase-tabs--list {
    height: 100%;
    margin-bottom: 0;
    display: block;
    padding-right: 20px;
    overflow: hidden;
    width: 220px;
  }
}
.oshirase-tabs--item {
  background-color: #A1B2CB;
  text-align: center;
  width: 33.333%;
  width: 50%;
  padding-top: 1em;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  pointer-events: none;
}
@media screen and (min-width: 798px) {
  .oshirase-tabs--item:hover {
    background-color: rgb(254.3248407643, 246.2229299363, 149.6751592357);
  }
}
.oshirase-tabs--item.is-active {
  background-color: #EEE148;
  pointer-events: none;
}
.oshirase-tabs--item.is-active a::after {
  background-color: #EEE148;
}
.oshirase-tabs--item:nth-child(2) {
  margin: 0 2px 0 2px;
}
@media screen and (min-width: 798px) {
  .oshirase-tabs--item:nth-child(2) {
    margin: 2px 0 2px 0;
  }
}
@media screen and (min-width: 798px) {
  .oshirase-tabs--item {
    width: 100%;
    height: 33.333%;
    height: 50%;
    height: 100%;
    padding-top: 0;
  }
}
.oshirase-tabs--item a {
  padding: 1em;
  display: block;
  color: #fff;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 1.3;
  font-size: 0.8em;
  font-weight: bold;
  cursor: pointer;
}
@media screen and (min-width: 798px) {
  .oshirase-tabs--item a {
    display: grid;
    place-content: center;
    gap: 1ch;
  }
}
.oshirase-tabs--item a:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  -webkit-transform: translateX(50%) rotate(45deg);
          transform: translateX(50%) rotate(45deg);
  bottom: -5px;
  right: 50%;
  z-index: -1;
  background-color: #A1B2CB;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
@media screen and (min-width: 798px) {
  .oshirase-tabs--item a:after {
    -webkit-transform: translateY(50%) rotate(45deg);
            transform: translateY(50%) rotate(45deg);
    bottom: 50%;
    right: -5px;
  }
}
@media screen and (min-width: 798px) {
  .oshirase-tabs--item a:hover:after {
    background-color: rgb(254.3248407643, 246.2229299363, 149.6751592357);
  }
}
.oshirase-tabs--item img {
  width: auto;
  height: 3em;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 798px) {
  .oshirase-tabs--item img {
    height: auto;
    width: 75px;
  }
}

@media screen and (min-width: 798px) {
  .oshirase-tabs--item_member {
    -webkit-transform: translateX(45%);
            transform: translateX(45%);
  }
}

.oshirase-list--content {
  display: none;
  position: relative;
}
.oshirase-list--content.is-show {
  display: block;
}

.oshirase-list {
  background-color: #EEF0F4;
  padding: 2em 5vw;
  padding-top: 3.4em;
}
@media screen and (min-width: 798px) {
  .oshirase-list {
    padding: 2em;
    width: calc(100% - 220px);
  }
  .oshirase-list .time,
  .oshirase-list .kinmuchi {
    margin-right: 1em;
  }
}
@media screen and (min-width: 798px) {
  .oshirase-list--body {
    font-size: 1em;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.oshirase-list--meta {
  display: block;
  font-size: 0.8em;
}
.oshirase-list--title {
  color: #EEE148;
  text-decoration: underline;
  font-weight: bold;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  display: inline-block;
}
.oshirase-list--title:hover {
  opacity: 0.7;
}
@media screen and (min-width: 798px) {
  .oshirase-list--title {
    margin-bottom: 0.3em;
    max-width: 520px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.oshirase-list--item {
  border-bottom: 1px solid #CECECE;
  margin-bottom: 0.8em;
  padding-bottom: 0.8em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 798px) {
  .oshirase-list--item {
    padding-bottom: 0.5em;
    margin-bottom: 1.2em;
  }
}
.oshirase-list--item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.oshirase-list--item img {
  width: 4rem;
  height: 4rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 1em;
  background-color: #fff;
  padding: 0.2em;
  border: 1px solid #FEF263;
}

.label {
  line-height: 1;
  color: #fff;
  padding: 0.5em;
  display: inline-block;
  min-width: 6em;
  text-align: center;
  margin-right: 1em;
}
@media screen and (min-width: 798px) {
  .label {
    min-width: 8em;
  }
}
.label-blue500 {
  background-color: #2F8E96;
}
.label-blue700 {
  background-color: #FEF263;
}

.time {
  font-size: 1.16em;
}

.remote {
  background-color: #FEF263;
  width: 100%;
  display: block;
  text-align: center;
  padding: 5vw;
}
@media screen and (min-width: 798px) {
  .remote {
    padding: 40px 30px;
  }
}

.remote-bnr {
  display: inline-block;
}

@media screen and (min-width: 798px) {
  .jobcate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.jobcate-title {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.jobcate-body {
  margin-bottom: 1.4em;
}
@media screen and (min-width: 798px) {
  .jobcate-body {
    font-size: 0.85em;
  }
}
.jobcate-item {
  padding: 15vw 10vw;
  text-align: center;
  color: #fff;
  position: relative;
  display: block;
  background-size: cover;
}
@media screen and (min-width: 798px) {
  .jobcate-item {
    width: 33.333%;
    padding: calc(var(--vw) * 4.5) calc(var(--vw) * 2);
  }
}
.jobcate-item:after {
  z-index: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-color: #102040;
}
.jobcate-item._kenchiku {
  background-image: url("../img/jobcate-thumb-1.png");
}
.jobcate-item._jimu {
  background-image: url("../img/jobcate-thumb-2.png");
}
.jobcate-item._it {
  background-image: url("../img/jobcate-thumb-3.png");
}
.jobcate-item p, .jobcate-item .jobcate-title {
  position: relative;
  z-index: 2;
}
.jobcate-item:hover:after {
  opacity: 0.2;
}
.jobcate-entry {
  padding: 0.6em 2em;
  min-width: 13em;
  display: inline-block;
  background-color: #FEF263;
}
body {
  counter-reset: number 0;
}

ul.ul._number > li {
  margin-left: 1.8rem;
  list-style-type: decimal;
  padding-left: 0;
  list-style-position: outside;
}
ul.ul-ten li {
  position: relative;
  padding-left: 1em;
}
ul.ul-ten li:before {
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  content: "・";
  font-weight: bold;
}
ul.ul._maru li {
  position: relative;
  padding-left: calc(var(--fs-m) * 1.2);
}
ul.ul._maru li:before {
  display: block;
  left: calc(var(--fs-m) * 0.1);
  top: 0;
  position: absolute;
  content: "●";
  font-weight: bold;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
ul.ul._shiromaru li {
  position: relative;
  padding-left: calc(var(--fs-m) * 1.2);
}
ul.ul._shiromaru li:before {
  display: block;
  left: calc(var(--fs-m) * 0.1);
  top: 0;
  position: absolute;
  content: "○";
  font-weight: bold;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
ul.ul._marunum li {
  position: relative;
  padding-left: calc(var(--fs-m) * 1.2);
}
ul.ul._marunum li:before {
  display: block;
  left: calc(var(--fs-m) * 0.1);
  top: 0;
  position: absolute;
}
ul.ul._marunum li:nth-child(1)::before {
  content: "①";
}
ul.ul._marunum li:nth-child(2)::before {
  content: "②";
}
ul.ul._marunum li:nth-child(3)::before {
  content: "③";
}
ul.ul._marunum li:nth-child(4)::before {
  content: "④";
}
ul.ul._marunum li:nth-child(5)::before {
  content: "⑤";
}
ul.ul._marunum li:nth-child(6)::before {
  content: "⑥";
}
ul.ul._marunum li:nth-child(7)::before {
  content: "⑦";
}
ul.ul._marunum li:nth-child(8)::before {
  content: "⑧";
}
ul.ul._marunum li:nth-child(9)::before {
  content: "⑨";
}
ul.ul._num li {
  position: relative;
  padding-left: calc(var(--fs-m) * 1.2);
}
ul.ul._num li:before {
  display: block;
  left: calc(var(--fs-m) * 0.2);
  top: 0;
  position: absolute;
  counter-increment: number 1;
  content: counter(number, decimal) ".";
}

.footer {
  background-color: #FEF263;
  color: #fff;
}
.footer a {
  color: #fff;
}
.footer-copyright {
  font-size: 0.8em;
  width: 100%;
  text-align: center;
  border-top: 1px solid #fff;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  padding-bottom: calc(var(--headerBtnsH) + 5vw);
  padding-top: 1em;
}
@media screen and (min-width: 798px) {
  .footer-copyright {
    padding-bottom: 1em;
    margin-top: 2em;
  }
}
@media screen and (min-width: 798px) {
  .footer-logo {
    padding-left: 10px;
  }
}

.footer-logo--logo {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  display: block;
}
@media screen and (min-width: 798px) {
  .footer-logo--logo {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}

.footer-logo--txt {
  font-size: 0.85em;
  text-align: center;
}
@media screen and (min-width: 798px) {
  .footer-logo--txt {
    font-size: 1em;
    text-align: left;
  }
}

.footer-nav {
  background-image: url("../img/footer-list-bg.png");
  background-size: cover;
}
@media screen and (min-width: 798px) {
  .footer-nav {
    margin-bottom: 0;
  }
}

.footer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 5vw;
  padding-top: 1em;
}
@media screen and (min-width: 798px) {
  .footer-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 1260px;
    padding: 60px 0;
  }
}
@media screen and (min-width: 798px) and (min-width: 798px) {
  .footer-list {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.footer-list--item {
  width: 48%;
  margin-bottom: 1em;
}
@media screen and (min-width: 798px) {
  .footer-list--item {
    width: 25%;
    padding: 0 10px;
    margin-bottom: 0;
  }
}
.footer-list--item a {
  background-color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  padding: 1em;
  display: block;
  color: #FEF263;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
@media screen and (min-width: 798px) {
  .footer-list--item a {
    padding: 1.8em 1em;
  }
}
.footer-list--item a:hover {
  background-color: white;
}

.footer-bottom {
  padding: 5vw;
}
@media screen and (min-width: 798px) {
  .footer-bottom {
    margin-left: auto;
    margin-right: auto;
    max-width: 1260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 80px 30px 0 30px;
  }
}
@media screen and (min-width: 798px) and (min-width: 798px) {
  .footer-bottom {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.footer-bottom .footer-link {
  text-align: center;
}
.footer-bottom .footer-link--link a {
  display: block;
}
@media screen and (min-width: 798px) {
  .footer-bottom .footer-link--link a {
    display: inline-block;
  }
  .footer-bottom .footer-link--link a:last-child {
    margin-left: 2em;
  }
}
.footer-bottom .footer-link--bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 5vw;
  margin-bottom: 5vw;
}
.footer-bottom .footer-link--bnr a {
  display: block;
  width: 48%;
}
@media screen and (min-width: 798px) {
  .footer-bottom .footer-link--bnr {
    margin-top: 0;
    margin-bottom: 3em;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  .footer-bottom .footer-link--bnr a {
    margin-right: 1em;
  }
  .footer-bottom .footer-link--bnr a:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 798px) {
  .footer-bottom .footer-link {
    margin-left: auto;
    width: 450px;
    text-align: right;
    padding-right: 10px;
  }
  .footer-bottom .footer-link img {
    width: 170px;
  }
}

.pager {
  margin-top: 40px;
}
.pager-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0365rem;
}
.pager-item.active {
  background-color: rgba(255, 255, 255, 0.7);
  border-bottom: 2px solid #FEF263;
}
.pager-item a {
  line-height: 1.3;
  display: block;
  padding: 0.5em;
  padding-bottom: 1em;
  width: 2.3em;
  height: 2.3em;
  text-align: center;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.pager-item a:hover {
  color: #FEF263;
}
.pager-item ._prev,
.pager-item ._next {
  position: relative;
}
.pager-item ._prev:hover:before,
.pager-item ._next:hover:before {
  border-color: #FEF263;
}
.pager-item ._prev:before,
.pager-item ._next:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.86em;
  width: 0.5em;
  height: 0.5em;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.pager-item ._prev:before {
  left: 1em;
  border-left: 2px solid #333;
  border-top: 2px solid #333;
}
.pager-item ._next:before {
  left: 0.8em;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
}

input[type=button], input[type=file], input[type=submit] {
  cursor: pointer;
}
input[type=text], input[type=tel], input[type=email], input[type=number], input[type=search], input[type=url], input[type=password] {
  border: 1px solid #CECECE;
  padding: 0.8em 0.8rem;
}

input[type=number] {
  width: 3.8em;
}

input[type=file] {
  font-size: 0.88em;
  vertical-align: super;
}

textarea {
  border: 1px solid #CECECE;
  padding: 0.8em 0.8rem;
  vertical-align: bottom;
  width: 100%;
  max-width: calc(100% - 22px);
}

select {
  border: 1px solid #CECECE;
  padding: 0.8em 0.8rem;
  cursor: pointer;
}

input[type=checkbox] {
  cursor: pointer;
}

.chkbox-label {
  cursor: pointer;
}

.chkbox-item input {
  display: none;
}

.chkbox-label {
  position: relative;
  padding: 0.8em 1em;
  padding-left: 1.8em;
  display: inline-block;
  line-height: 1;
}
.chkbox-label small {
  line-height: 1;
}
.chkbox-label:after, .chkbox-label:before {
  position: absolute; /* ボックスの位置を指定する */
  content: ""; /* ボックスのコンテンツ */
  display: block; /* ブロックレベル要素化する */
  /* 上部から配置の基準位置を決める */
}
.chkbox-label:after {
  width: 1.2em; /* ボックスの横幅を指定する */
  height: 1.2em; /* ボックスの高さを指定する */
  border: 1px solid #CECECE;
  top: calc(1.2em * 0.5);
  left: 0em;
}
.chkbox-label:before {
  width: calc(1.2em * 0.65); /* ボックスの横幅を指定する */
  height: 1.2em; /* ボックスの高さを指定する */
  top: calc(1.2em * 0.4);
  left: 0.165em;
  z-index: 2;
  -webkit-transform: scale(0) rotate(45deg);
          transform: scale(0) rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  border-right: 2px solid #8D63FF;
  border-bottom: 2px solid #8D63FF;
}

/*
input[type=checkbox]:checked + .chkbox-label{
	//background-color: lighten($line100,15%);
}
*/
input[type=checkbox]:checked + .chkbox-label:after {
  background-color: #fff;
}

input[type=checkbox]:checked + .chkbox-label:before {
  opacity: 1; /* 要素を表示する */
  -webkit-transform: scale(0.6) rotate(45deg);
          transform: scale(0.6) rotate(45deg);
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

input[type=checkbox], input[type=radio] {
  cursor: pointer;
}

.radio-label,
.chkbox-label {
  cursor: pointer;
}

.radio-item input {
  display: none;
}

.radio-label {
  position: relative;
  padding: 0.8em 1em;
  padding-left: 2.8em;
  display: inline-block;
  line-height: 1;
}
.radio-label:after, .radio-label:before {
  position: absolute; /* ボックスの位置を指定する */
  content: ""; /* ボックスのコンテンツ */
  display: block; /* ブロックレベル要素化する */
  left: 1em;
  border-radius: 50%;
  top: calc(1.2em * 0.6); /* 上部から配置の基準位置を決める */
}
.radio-label:after {
  width: 1.2em; /* ボックスの横幅を指定する */
  height: 1.2em; /* ボックスの高さを指定する */
  background-color: rgb(231.5, 231.5, 231.5);
}
.radio-label:before {
  width: 1.2em; /* ボックスの横幅を指定する */
  height: 1.2em; /* ボックスの高さを指定する */
  background: #FEF263; /* ボックスの背景色を指定する */
  z-index: 2;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

input[type=radio]:checked + .radio-label:after {
  background-color: #fff;
}

input[type=radio]:checked + .radio-label:before {
  opacity: 1; /* 要素を表示する */
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.hero {
  margin-top: calc(var(--headerH) + 10px);
  background-color: #EEE148;
  background-size: cover;
  position: relative;
  background-image: url("/assets/img/hero-bg.png");
}
@media screen and (min-width: 798px) {
  .hero {
    margin-top: var(--headerH);
  }
}
.hero:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgb(190.32, 176.8, 17.68);
  mix-blend-mode: multiply;
  opacity: 0.25;
  z-index: 0;
}
.hero-txt--title {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 1.4em;
  text-align: center;
  line-height: 1.3;
  padding: 10vw 5vw;
  font-weight: bold;
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
}
@media screen and (min-width: 798px) {
  .hero-txt--title {
    font-size: 2.4em;
    padding: 2.8em;
  }
}
.hero-txt--body {
  text-align: center;
  color: #fff;
  z-index: 1;
  position: relative;
  padding-bottom: 2.6em;
  line-height: 2;
}
@media screen and (min-width: 798px) {
  .hero-txt--body {
    padding-bottom: 6em;
  }
}

.has-bodytxt .hero-txt--title {
  padding-bottom: 0.5em;
}

.pagecontent {
  background-color: #f0f1f5;
  padding-bottom: 3em;
  padding-top: 3em;
}
@media screen and (min-width: 798px) {
  .pagecontent {
    padding-bottom: 6em;
    padding-top: 6em;
  }
}
.pagecontent-inner {
  padding-left: 5vw;
  padding-right: 5vw;
  margin-left: auto;
  margin-right: auto;
  max-width: 1260px;
}
@media screen and (min-width: 798px) {
  .pagecontent-inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 798px) {
  .pagecontent-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    padding-left: 40px;
    padding-right: 40px;
  }
}

.card a:hover img {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  opacity: 0.8;
}
.card a:hover .card-body {
  opacity: 0.7;
}
.card-thumb {
  width: 100%;
  aspect-ratio: 16/9;
  display: block;
  overflow: hidden;
  background-color: #EEE148;
}
@media screen and (min-width: 798px) {
  .card-thumb {
    aspect-ratio: 4/3;
  }
}
.card-thumb img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%;
  height: 100%;
}
.card-body {
  color: #EEE148;
  font-size: 0.9em;
  padding: 1em;
  padding-right: 2em;
  position: relative;
}
.card-body:after {
  content: "";
  display: block;
  position: absolute;
  right: 1em;
  top: 47%;
  width: 0.5em;
  height: 0.5em;
  border-bottom: 2px solid #FEF263;
  border-right: 2px solid #FEF263;
  -webkit-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
}

.pagecontent-page {
  width: 100%;
}

.pagecontent-main {
  display: grid;
  gap: 20px;
  width: 100%;
}
@media screen and (min-width: 798px) {
  .pagecontent-main {
    grid-template-columns: repeat(2, 48.5%);
  }
}
@media screen and (min-width: 1080px) {
  .pagecontent-main {
    grid-template-columns: repeat(3, 32.222%);
  }
}
@media screen and (min-width: 798px) {
  .pagecontent-main.has-side {
    max-width: calc(100% - 280px);
    grid-template-columns: repeat(2, 48%);
  }
}
@media screen and (min-width: 1080px) {
  .pagecontent-main.has-side {
    grid-template-columns: repeat(3, 31%);
  }
}
.pagecontent-main .card {
  width: 100%;
  margin-top: 0;
  background-color: #fff;
}

.pagecontent-side {
  background-color: #fff;
  margin-top: 30px;
  margin-left: auto;
  padding: 1.2em;
  padding-bottom: 0.5em;
}
@media screen and (min-width: 798px) {
  .pagecontent-side {
    margin-top: 0;
    width: 260px;
  }
}
.pagecontent-side a {
  text-decoration: underline;
  color: #EEE148;
  font-size: 0.9em;
  padding: 1em 0;
  display: block;
}
.pagecontent-side a:hover {
  text-decoration: none;
  color: rgb(242.335, 232.65, 118.665);
}
.pagecontent-side .side-item {
  border-bottom: 1px dotted #000;
}
.pagecontent-side .side-item:last-child {
  border-bottom: 0;
}
.pagecontent-side .side-item:first-child a {
  padding-top: 0;
}

.search-wrapp {
  width: 100%;
}
@media screen and (min-width: 798px) {
  .search-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #000;
  }
}
@media screen and (min-width: 798px) {
  .search-wrapp .search-item {
    border-bottom: 0;
  }
}

.search-item {
  border-bottom: 1px solid #000;
  padding-top: 2em;
  padding-bottom: 2em;
}
@media screen and (min-width: 798px) {
  .search-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.search-item.kw {
  padding-top: 0;
}
@media screen and (min-width: 798px) {
  .search-item.kw {
    width: 50%;
    padding-right: 10%;
  }
}
.search-item.kw input[type=search] {
  width: 100%;
}
@media screen and (min-width: 798px) {
  .search-item.area {
    padding-top: 0;
  }
}

.search-body {
  width: 100%;
}

.search-head {
  font-weight: bold;
  font-size: 1.0365rem;
  min-width: 10em;
  padding-bottom: 1em;
}
@media screen and (min-width: 798px) {
  .search-head {
    padding-bottom: 0;
    padding-top: 0.5em;
  }
}

.search-item._area .search-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn-ghost small {
  font-size: 0.8em;
}

.search-body--child {
  margin-bottom: 1em;
  display: inline-block;
}
@media screen and (min-width: 798px) {
  .search-body--child {
    margin-bottom: 0.5em;
  }
}
.search-body--child a {
  display: block;
  text-align: center;
}

.shokusyu .search-body--child,
.shikaku .search-body--child {
  display: block;
}
@media screen and (min-width: 798px) {
  .shokusyu .search-body--child,
  .shikaku .search-body--child {
    display: inline-block;
  }
}

.search-submit {
  text-align: center;
  padding-top: 40px;
  width: 100%;
}
@media screen and (min-width: 798px) {
  .search-submit {
    padding-top: 60px;
  }
}

.work-entry {
  padding-top: 2em;
  margin-bottom: 1em;
  text-align: center;
}
@media screen and (min-width: 798px) {
  .work-entry {
    margin-top: 2em;
  }
}

.table-search,
.form_table {
  width: 100%;
}
.table-search .caution,
.form_table .caution {
  color: #DD4050;
  font-size: 0.8em;
  -webkit-transform: translateY(-15%);
          transform: translateY(-15%);
  display: inline-block;
}
@media screen and (min-width: 798px) {
  .table-search tr,
  .form_table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.table-search th,
.form_table th {
  font-weight: normal;
  padding-left: 0;
  vertical-align: top;
  text-align: left;
  width: 100%;
  display: block;
  padding: 0;
  color: #8D63FF;
}
@media screen and (min-width: 798px) {
  .table-search th,
  .form_table th {
    color: inherit;
    width: 12em;
    display: inline-block;
    padding: 1em;
    border-bottom: 1px solid rgb(206.2517985612, 209.4172661871, 215.7482014388);
  }
}
.table-search td,
.form_table td {
  padding: 1em;
  padding-top: 0.2em;
  width: 100%;
  padding-left: 0;
  vertical-align: top;
  border-bottom: 1px solid rgb(206.2517985612, 209.4172661871, 215.7482014388);
  display: block;
  margin-bottom: 1.3em;
}
.table-search td label,
.form_table td label {
  display: inline-block;
}
.table-search td label + label,
.form_table td label + label {
  margin-left: 1em;
}
.table-search td .caution,
.form_table td .caution {
  display: block;
  font-size: 1rem;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media screen and (min-width: 798px) {
  .table-search td,
  .form_table td {
    margin-bottom: 0;
    padding: 1em;
    width: calc(100% - 12em);
    display: inline-block;
  }
}
.table-search input.mid,
.form_table input.mid {
  width: 60%;
}

@media screen and (min-width: 798px) {
  .form_table th {
    width: 18rem;
  }
}
@media screen and (min-width: 798px) {
  .form_table td {
    width: calc(100% - 18rem);
  }
}

.modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  padding-top: 3vw;
  width: 100%;
  height: 100%;
  z-index: 102;
  background: rgba(51, 51, 51, 0.4);
}
@media screen and (min-width: 798px) {
  .modal {
    padding-top: 0;
  }
}
.modal .chkboxlist {
  text-align: left;
  padding-left: 5vw;
  padding-right: 5vw;
}
@media screen and (min-width: 798px) {
  .modal .chkboxlist {
    padding-left: 0;
    padding-right: 0;
  }
}
.modal:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.modal .modal-head {
  font-size: 1.3rem;
  margin-bottom: 0.5em;
  font-weight: bold;
  padding-left: 0.8em;
  color: #8D63FF;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 798px) {
  .modal .modal-head {
    font-size: 1.8rem;
    margin-bottom: 1.3rem;
  }
}

.modal-inner {
  max-width: 800px;
}

.modal-content {
  position: relative;
  border: 5px solid #8D63FF;
  z-index: 1;
  background-color: white;
  width: 94vw;
  height: 97vh;
  padding-top: 7vw;
  padding-bottom: 7vw;
  overflow: scroll;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 798px) {
  .modal-content {
    overflow: auto;
    padding-bottom: 0;
    padding-top: 0;
    border: 20px solid #8D63FF;
    width: 80vw;
    height: 90vh;
    padding-right: 30px;
    padding-left: 30px;
    max-width: 980px;
    max-height: 600px;
    margin-top: 50vh;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: grid;
    place-content: center;
    gap: 1ch;
  }
}
.modal-content .btn-close {
  display: inline-block;
  margin-top: 20px;
}

.js-modal-close {
  position: absolute;
  right: 20px;
  top: 40px;
  cursor: pointer;
  z-index: 101;
  color: #fff;
  padding-top: 2em;
  font-size: 0;
}
@media screen and (min-width: 798px) {
  .js-modal-close {
    font-size: 1rem;
  }
}
.js-modal-close:after, .js-modal-close:before {
  height: 2px;
  width: 8vw;
  content: "";
  position: absolute;
  right: 2vw;
  background-color: #8D63FF;
}
@media screen and (min-width: 798px) {
  .js-modal-close:after, .js-modal-close:before {
    left: 0;
    top: 0;
    width: 3em;
    background-color: #fff;
  }
}
.js-modal-close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.js-modal-close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.search-panel {
  padding-bottom: 60px;
}
.search-panel.is-hide {
  padding-bottom: 0;
}

.is-hide .search-item,
.is-hide .search-wrapp,
.is-hide .search-submit {
  display: none;
}
.is-hide .search-change {
  display: block;
}
.is-hide .search-close {
  display: none;
}

.optionlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.optionlist dt {
  width: 100%;
  margin-bottom: 0.3em;
}
.optionlist dd {
  font-size: 0.9em;
  margin-right: 1em;
}
.optionlist dt.optionlist-txt {
  font-weight: normal;
  margin-top: 0.3em;
}

.search-change,
.search-close {
  background-color: #2F8E96;
  padding: 1.3rem;
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  font-weight: bold;
  margin-bottom: 20px;
}
.search-change:hover,
.search-close:hover {
  background-color: #8D63FF;
}
@media screen and (min-width: 798px) {
  .search-change,
  .search-close {
    width: 50%;
    margin-bottom: 60px;
  }
}

.search-change {
  display: none;
}

.search-close {
  display: block;
}

.result-wrapp {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr));
  gap: 1.5rem;
}

.hw-btn {
  margin-bottom: 1.3rem;
  text-align: right;
}
.result {
  background-color: #fff;
  border: 1px solid #fff;
  -webkit-transition: border 0.2s;
  transition: border 0.2s;
}
.result:hover {
  border-color: #8D63FF;
}
.result a {
  background-color: #fff;
  padding: 1.3rem;
  display: block;
}
.result-head strong {
  color: #8D63FF;
  text-decoration: underline;
}
.result-jyusho {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #CECECE;
}
.result-meta {
  border: 1px solid #8D63FF;
  color: #8D63FF;
  padding: 0.5em 0.8em 0.3em;
  line-height: 1;
  margin-bottom: 1em;
  display: inline-block;
  font-size: 0.7rem;
  background-color: #fff;
  font-size: 0.8rem;
  text-decoration: none;
}
.result-meta + .result-meta {
  margin-left: 0.6em;
}
.result-tokucho {
  padding-top: 0.6em;
  padding-bottom: 0.3em;
}
.result-tokucho span {
  background-color: #fff;
  font-size: 0.8rem;
  display: inline-block;
  margin-right: 0.4rem;
  margin-bottom: 0.2rem;
  background-color: #EEF0F4;
  line-height: 1;
  display: inline-block;
  padding: 0.5em;
  font-size: 0.7rem;
  color: #52565b;
}
.result-fee, .result-keitai {
  color: #52565b;
  font-size: 0.8rem;
}

#input-name {
  width: 60%;
}
#input-nen {
  width: 7em;
  margin-right: 0.8em;
  margin-bottom: 0.8em;
}
@media screen and (min-width: 798px) {
  #input-nen {
    margin-bottom: 0;
  }
}
#input-gatsu, #input-hi {
  width: 4em;
  margin-right: 0.8em;
  margin-bottom: 0.8em;
}
@media screen and (min-width: 798px) {
  #input-gatsu, #input-hi {
    margin-bottom: 0;
  }
}
#input-sai {
  border-color: rgb(244.1928571429, 245.4642857143, 248.0071428571);
  background-color: rgb(244.1928571429, 245.4642857143, 248.0071428571);
  width: 3.5em;
  margin-right: 0.8em;
}
#input-jyusho {
  width: 100%;
}
#input-mail {
  width: 80%;
}
#input-tel, #input-bango {
  width: 12em;
}

.entry-head {
  font-weight: bold;
  margin-bottom: 0.5em;
}

.entry-sublist {
  margin-bottom: 1.5em;
}
.entry-sublist li {
  display: inline-block;
  font-size: 0.9em;
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.entry-sublist li label {
  cursor: pointer;
}

.single.thanks {
  text-align: center;
  background-color: #fff;
}
.single.thanks strong {
  color: #8D63FF;
  display: block;
  margin-bottom: 0.5em;
}
.single.thanks a {
  display: inline-block;
  margin-top: 30px;
}

.js-checked .btn-ghost {
  background-color: #8D63FF;
  color: #fff;
  position: relative;
  padding-left: 2.5em;
  padding-right: 1em;
}
.js-checked .btn-ghost:before {
  position: absolute; /* ボックスの位置を指定する */
  content: ""; /* ボックスのコンテンツ */
  display: block; /* ブロックレベル要素化する */
  width: calc(1.2em * 0.65); /* ボックスの横幅を指定する */
  height: 1.2em; /* ボックスの高さを指定する */
  top: calc(1.2em * 0.5);
  left: 0.9em;
  z-index: 2;
  -webkit-transform: scale(0.8) rotate(45deg);
          transform: scale(0.8) rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.table-wrapp {
  width: 100%;
  overflow-x: scroll;
}
@media screen and (min-width: 798px) {
  .table-wrapp {
    overflow: hidden;
  }
}

table.offer-table {
  border-collapse: collapse;
}
@media screen and (min-width: 798px) {
  table.offer-table {
    width: 100%;
  }
}
table.offer-table tr {
  border-bottom: 1px solid #CECECE;
}
table.offer-table tr:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.5137254902);
}
table.offer-table th {
  background-color: #8D63FF;
  color: #fff;
  padding: 1em;
  border-right: 1px solid rgb(178.2692307692, 150, 255);
}
table.offer-table td {
  padding: 1em;
  cursor: pointer;
  word-break: keep-all;
}
table.offer-table td .result-meta {
  margin-bottom: 0;
  width: 9em;
  text-align: center;
}
table.offer-table td:last-child {
  text-align: center;
}
table.offer-table th, table.offer-table td {
  vertical-align: middle;
}

.text-link:hover {
  background-color: #fff;
}

.pager-item ._next, .pager-item ._prev {
  text-indent: -9999px;
}

.entry-offer {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  padding: 5vw;
  width: 100%;
  margin-top: 2em;
  background-color: #F1F7FF;
  border: 1px solid #8D63FF;
}
@media screen and (min-width: 1400px) {
  .entry-offer {
    max-width: 1200px;
  }
}
.entry-offer .offer-head {
  font-weight: bold;
  color: #8D63FF;
  margin-bottom: 1em;
}
.entry-offer .offer-merit {
  margin-bottom: 1em;
}
.entry-offer .offer-merit li {
  position: relative;
  padding-left: 0.8em;
}
.entry-offer .offer-merit li::before {
  content: "●";
  font-size: 0.8em;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1.8;
  display: block;
  color: #2F8E96;
}
form.mypage {
  background-color: #fff;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 2em;
}

.pagecontent-main.--block {
  display: block;
}

.reminder_txt {
  margin-top: 1em;
  font-size: 0.9em;
  text-align: center;
}
.reminder_txt a {
  color: #FEF263;
  text-decoration: underline;
}
.reminder_txt a:hover {
  text-decoration: none;
}

.login_form_top {
  margin-bottom: 1em;
  padding-left: 2em;
  padding-right: 2em;
}

.login_form_btn {
  text-align: center;
}

.input_field {
  width: 60%;
  margin-bottom: 1em;
}

.submit_btn.--login {
  margin-top: 1em;
  padding: 1em 2em;
  font-size: 0.9em;
}

.mypage_title {
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.3em;
  font-size: 1.2em;
  color: #EEE148;
}

.reminder_comp {
  width: 100%;
  text-align: center;
  font-size: 1.1em;
  line-height: 2;
}
.reminder_comp a {
  color: #FEF263;
  text-decoration: underline;
}
.reminder_comp a:hover {
  text-decoration: none;
}

.mypage_menu {
  width: 100%;
  margin-bottom: 5vw;
  background-color: #fff;
}
@media screen and (min-width: 798px) {
  .mypage_menu {
    width: 240px;
    margin-right: 2.5em;
    margin-bottom: 0;
  }
}
.mypage_menu li {
  display: none;
}
@media screen and (min-width: 798px) {
  .mypage_menu li {
    display: block;
  }
}
.mypage_menu a {
  font-weight: bold;
  display: block;
  color: #202733;
  padding: 0.6em 1em;
  position: relative;
}
.mypage_menu a:before {
  content: "●";
  display: inline-block;
  color: #2F8E96;
  margin-right: 0.5em;
}
.mypage_menu a:hover {
  background-color: rgba(214, 240, 255, 0.6980392157);
}
.mypage_menu.is-open .mypage_menu_title:before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.mypage_menu.is-open > li {
  display: block;
}

li.mypage_menu_title {
  font-weight: bold;
  background-color: #FEF263;
  color: #fff;
  padding: 1em;
  position: relative;
  display: block;
}
@media screen and (min-width: 798px) {
  li.mypage_menu_title {
    font-size: 0.9em;
  }
}
li.mypage_menu_title:after {
  content: "";
  width: 1em;
  height: 1px;
  display: block;
  background-color: #fff;
  position: absolute;
  right: 1em;
  top: 50%;
}
@media screen and (min-width: 798px) {
  li.mypage_menu_title:after {
    display: none;
  }
}
li.mypage_menu_title:before {
  -webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  content: "";
  width: 1em;
  height: 1px;
  display: block;
  background-color: #fff;
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (min-width: 798px) {
  li.mypage_menu_title:before {
    display: none;
  }
}

.grid-100 {
  width: 100%;
  grid-column: 1/4;
}

.mypage-head {
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 1em;
  color: #204891;
}

.oshirase-list.--mypage {
  width: 100%;
  background-color: #E1E6EE;
}

.mypage_intro {
  width: 100%;
  grid-column: 1/4;
}

.ui-widget-header {
  background-color: #FEF263;
  background-image: none;
  border: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background-image: none;
  color: #2F8E96;
  border: 0;
}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
  background-color: rgba(47, 142, 150, 0.1);
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background-color: #2F8E96;
  background-image: none;
  color: #fff;
  border: 0;
}

.ui-widget-content {
  background-image: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 0;
  background: rgba(47, 142, 150, 0.1);
  font-weight: bold;
  color: #FEF263;
  cursor: pointer;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
  top: 2px;
  background: rgba(47, 142, 150, 0.1);
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
  top: 2px;
  background: rgba(47, 142, 150, 0.1);
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  background: 0;
  padding: 0;
  border: 0;
  color: #fff;
  width: auto;
  font-weight: bold;
  background-color: #FEF263;
}

html {
  background-color: #ffffff;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.003em;
}
@media screen and (min-width: 798px) {
  body {
    font-size: 16px;
  }
}
@media screen and (min-width: 798px) {
  .only-sm {
    display: none;
  }
}

.only-xl {
  display: none;
}
@media screen and (min-width: 1400px) {
  .only-xl {
    display: inline-block;
  }
}

.search.single,
.entry.single {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  padding: 5vw;
}
@media screen and (min-width: 1400px) {
  .search.single,
  .entry.single {
    max-width: 1200px;
  }
}

.entry.single {
  background: 0;
  font-size: 0.8rem;
  padding-top: 0;
}
@media screen and (min-width: 798px) {
  .entry.single {
    padding: 0;
    font-size: 1rem;
    margin-bottom: 3rem;
  }
}

.link-blue {
  color: #FEF263;
  text-decoration: underline;
}
.link-blue:hover {
  color: #2F8E96;
  text-decoration: none;
}

/*

	'sm':640px,
	'md':768px,
	'lg':1280px,
	'xl':1400px,


@include mq('lg'){
}

@include mq('lg'){
}

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