@charset "UTF-8";
/* common
---------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box; }

body {
  -webkit-text-size-adjust: none;
  color: #000;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 3.2vw;
  color: #39425a;
  line-height: 1.66; }
  @media screen and (min-width: 768px) {
    body {
      font-size: 16px;
      line-height: 1.75;
      min-width: 1079px; } }

a {
  text-decoration: none;
  overflow: hidden;
  outline: none;
  transition: all  0.3s ease; }

a:hover {
  text-decoration: none;
  opacity: 0.8; }

img {
  vertical-align: bottom;
  width: 100%;
  height: auto; }
  @media screen and (min-width: 768px) {
    img {
      width: auto !important; } }

picture {
  display: block; }

sup {
  font-size: 50%;
  vertical-align: top; }

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

.pc {
  display: none; }
  @media screen and (min-width: 768px) {
    .pc {
      display: block; } }

.cv-btn {
  width: 94.66667vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media screen and (min-width: 768px) {
    .cv-btn {
      width: 880px; } }
  .cv-btn a {
    display: block;
    height: 21.33333vw;
    padding: 5.73333vw 0 0 0;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1;
    border-radius: 1.06667vw;
    box-shadow: 2.93333vw 2vw 2.13333vw 0px rgba(185, 185, 185, 0.28);
    position: relative; }
    @media screen and (min-width: 768px) {
      .cv-btn a {
        height: 94px;
        padding: 18px 0 0 0;
        border-radius: 6px;
        box-shadow: 22px 15px 16px 0px rgba(185, 185, 185, 0.28); } }
    .cv-btn a::after {
      content: '';
      display: block;
      width: 4.8vw;
      height: 4.8vw;
      background: url(../img/cv-btn-bg.png) no-repeat;
      background-size: 100%;
      position: absolute;
      right: 0.53333vw;
      bottom: 0.53333vw; }
      @media screen and (min-width: 768px) {
        .cv-btn a::after {
          width: 14px;
          height: 14px;
          background: url(../img/cv-btn-bg-pc.png) no-repeat;
          right: 4px;
          bottom: 4px; } }
  .cv-btn li {
    width: 45.33333vw; }
    @media screen and (min-width: 768px) {
      .cv-btn li {
        width: 420px; } }
    .cv-btn li:nth-child(1) a {
      background: linear-gradient(-90deg, rgba(104, 179, 134, 0.5) 18%, rgba(148, 206, 170, 0.5) 61%, rgba(192, 232, 206, 0.5) 97%), #79c8b3; }
    .cv-btn li:nth-child(2) a {
      background: linear-gradient(-90deg, rgba(247, 134, 137, 0.54) 20%, rgba(251, 163, 165, 0.54) 63%, rgba(255, 191, 193, 0.54) 98%), #ff94b0; }
  .cv-btn span {
    display: block; }
    .cv-btn span:nth-child(1) {
      font-size: 3.2vw; }
      @media screen and (min-width: 768px) {
        .cv-btn span:nth-child(1) {
          font-size: 24px;
          font-weight: normal; } }
    .cv-btn span:nth-child(2) {
      font-size: 5.06667vw;
      margin: 2.26667vw 0 0 0; }
      @media screen and (min-width: 768px) {
        .cv-btn span:nth-child(2) {
          font-size: 27px;
          margin: 11px 0 0 0; } }

.cv-btn02 {
	width: calc(710 / 750 * 100vw);
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
	.cv-btn02 {
		width: 880px;
	}
}

.cv-btn02 a {
	display: block;
	height: calc(160 / 750 * 100vw);
	padding: calc(40 / 750 * 100vw) 0 0 0;
	font-size: calc(38 / 750 * 100vw);
	letter-spacing: 0.1em;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #fff;
	background: linear-gradient(-90deg, rgba(247, 134, 137, 0.54) 20%, rgba(251, 163, 165, 0.54) 63%, rgba(255, 191, 193, 0.54) 98%), #ff94b0;
	border-radius: calc(8 / 750 * 100vw);
	box-shadow: calc(22 / 750 * 100vw) calc(15 / 750 * 100vw) calc(16 / 750 * 100vw) 0px rgba(185, 185, 185, 0.28);
	position: relative;
}
@media screen and (min-width: 768px) {
	.cv-btn02 a {
		height: 94px;
		font-size: 30px;
		line-height: 94px;
		padding: 0;
		border-radius: 6px;
		box-shadow: 22px 15px 16px 0px rgba(185, 185, 185, 0.28);
	}
}

.cv-btn02 a::after {
	content: '';
	display: block;
	width: calc(36 / 750 * 100vw);
	height: calc(36 / 750 * 100vw);
	background: url(../img/cv-btn-bg.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right: calc(4 / 750 * 100vw);
	bottom: calc(4 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
	.cv-btn02 a::after {
		width: 14px;
		height: 14px;
		background: url(../img/cv-btn-bg-pc.png) no-repeat;
		right: 4px;
		bottom: 4px;
	}
}

.cv-btn02 a span {
	display: block;
}
@media screen and (min-width: 768px) {
	.cv-btn02 a span {
		display: inline;
	}
}

.cv-btn02 a span:nth-child(1) {
	font-size: 80%;
	font-weight: normal;
}

.cv-btn02 a span:nth-child(2) {
	margin: calc(15 / 750 * 100vw) 0 0 0;
}
@media screen and (min-width: 768px) {
	.cv-btn02 a span:nth-child(2) {
		margin: 0;
	}
}

.scroll {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  right: 0;
  width: 2vw;
  height: 29.6vw;
  margin: 0 0 0 auto;
  margin-right: 2vw;
  padding: 3.33333vw 0 0 0; }
  @media screen and (min-width: 768px) {
    .scroll {
      width: 10px;
      height: 155px;
      padding: 60px 0 0 0;
      margin-right: 40px; }
      .scroll img {
        width: 100% !important; } }
  .scroll .arrow {
    width: 1px;
    height: 19.46667vw;
    background: #c8c8c8;
    margin: 0.8vw auto 0 auto;
    overflow: hidden;
    position: relative; }
    @media screen and (min-width: 768px) {
      .scroll .arrow {
        height: 102px;
        margin-top: 4px; } }
    .scroll .arrow::after {
      content: '';
      width: 1px;
      height: 100%;
      background: #939090;
      position: absolute;
      top: -19.46667vw;
      left: 0;
      animation: arrow 2.5s ease 0s infinite normal; }
      @media screen and (min-width: 768px) {
        .scroll .arrow::after {
          top: -102px;
          animation: arrowpc 2.5s ease 0s infinite normal; } }

@keyframes arrow {
  0% {
    top: -19.46667vw; }
  100% {
    top: 0; } }

@keyframes arrowpc {
  0% {
    top: -102px; }
  100% {
    top: 0; } }

/* header
---------------------------------------------------- */
header h1 {
  text-align: center;
  line-height: 10.66667vw; }
  @media screen and (min-width: 768px) {
    header h1 {
      line-height: 74px; } }
  header h1 img {
    width: 48vw;
    vertical-align: middle; }
    @media screen and (min-width: 768px) {
      header h1 img {
        width: 340px !important; } }

/* fv
---------------------------------------------------- */
.fv {
  text-align: center;
  padding: 0 0 5.33333vw 0; }
  @media screen and (min-width: 768px) {
    .fv {
      padding: 0 0 33px 0; } }
  @media screen and (min-width: 768px) {
    .fv h2 {
      height: 546px;
      background: url(../img/fv-bg-pc.jpg) no-repeat 50% 0;
      padding: 120px 0 0 0; } }
  .fv h3 {
    font-size: 4.26667vw;
    color: #e47e82;
    margin: 3.33333vw 0 0 0; }
    @media screen and (min-width: 768px) {
      .fv h3 {
        font-size: 24px;
        margin: 25px 0 0 0; } }
  .fv .hashtag {
    letter-spacing: 0.05em;
    margin: 1.33333vw 0 0 0; }
    @media screen and (min-width: 768px) {
      .fv .hashtag {
        margin: 0; } }
  .fv .cv-btn02 {
    margin-top: 2.66667vw; }
    @media screen and (min-width: 768px) {
      .fv .cv-btn02 {
        margin-top: 15px; } }

/* career-change
---------------------------------------------------- */
.career-change {
  padding: 7.33333vw 0 6vw 0;
  background: #fbe8e9;
  margin: -29.6vw 0 0 0; }
  @media screen and (min-width: 768px) {
    .career-change {
      padding: 72px 0 72px 0;
      margin: -155px 0 0 0; } }
  .career-change h2 {
    text-align: center; }
    .career-change h2 img {
      width: 88.53333vw; }
      @media screen and (min-width: 768px) {
        .career-change h2 img {
          width: 532px !important; } }
  .career-change ol {
    margin: 7.33333vw 0 0 0; }
    @media screen and (min-width: 768px) {
      .career-change ol {
        margin: 50px 0 0 0; } }
  .career-change li:not(:last-child) {
    margin: 0 0 13.86667vw 0; }
    @media screen and (min-width: 768px) {
      .career-change li:not(:last-child) {
        margin: 0 0 104px 0; } }
  .career-change h3 {
    text-align: center; }
    .career-change h3 img {
      width: 81.33333vw; }
      @media screen and (min-width: 768px) {
        .career-change h3 img {
          width: 427px !important; } }
  .career-change .box {
    width: 85.6vw;
    margin: 9.86667vw 0 0 5.33333vw; }
    @media screen and (min-width: 768px) {
      .career-change .box {
        width: 940px;
        margin: 47px auto 0 auto;
        display: flex;
        justify-content: space-between; }
        .career-change .box img {
          width: 100% !important; } }
  .career-change .before {
    width: 86.26667vw;
    margin: 0 0 3.86667vw -0.66667vw; }
    @media screen and (min-width: 768px) {
      .career-change .before {
        width: 453px;
        margin: 0 0 0 -5px; } }
  @media screen and (min-width: 768px) {
    .career-change .after {
      width: 448px; } }
  .career-change .notes {
    padding-left: 5.33333vw !important;
    padding-right: 5.33333vw !important;
    margin: 4vw 0 0 0;
    font-size: 2.4vw;
    color: #4b5368; }
    @media screen and (min-width: 768px) {
      .career-change .notes {
        padding-left: 0 !important;
        padding-right: 0 !important; } }
    @media screen and (min-width: 768px) {
      .career-change .notes {
        width: 940px;
        margin: 60px auto 0 auto;
        font-size: 16px;
        line-height: 1.875; } }
    .career-change .notes span {
      font-weight: bold; }

/* cv01
---------------------------------------------------- */
.cv01 {
  padding: 10.93333vw 0 8.66667vw 0; }
  @media screen and (min-width: 768px) {
    .cv01 {
      padding: 53px 0; } }

/* qa
---------------------------------------------------- */
.qa {
  background: #fbe8e9;
  padding: 8.66667vw 0 5.33333vw 0; }
  @media screen and (min-width: 768px) {
    .qa {
      padding: 63px 0 20px 0; } }
  .qa h2 {
    text-align: center; }
    .qa h2 img {
      width: 84.26667vw; }
      @media screen and (min-width: 768px) {
        .qa h2 img {
          width: 506px !important; } }
  .qa ul {
    margin: 8.66667vw 0 0 0;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .qa ul {
        width: 917px;
        margin: 20px auto 0 auto; } }
  .qa li {
    padding: 8.66667vw 0 0 0;
    background: url(../img/qa-line.png) no-repeat 50% 0;
    background-size: 89.33333vw auto; }
    @media screen and (min-width: 768px) {
      .qa li {
        display: flex;
        justify-content: space-between;
        padding: 33px 0 0 0;
        background: url(../img/qa-line-pc.png) no-repeat 50% 0; } }
    @media screen and (min-width: 768px) {
      .qa li:first-child {
        padding: 0;
        background: none; } }
  .qa .q {
    margin: 0 0 0 -3.46667vw;
    width: 98.26667vw; }
    @media screen and (min-width: 768px) {
      .qa .q {
        margin: 0;
        width: 442px; }
        .qa .q img {
          width: 100% !important; } }
  .qa .a {
    text-align: right;
    margin: 0 0 0 4.8vw;
    width: 97.2vw; }
    @media screen and (min-width: 768px) {
      .qa .a {
        width: 437px;
        margin: 67px 0 0 0; }
        .qa .a img {
          width: 100% !important; } }

/* job
---------------------------------------------------- */
.job {
  padding: 8.8vw 0 3.33333vw 0; }
  @media screen and (min-width: 768px) {
    .job {
      padding: 52px 0 32px 0; } }
  .job h2 {
    text-align: center; }
    .job h2 img {
      width: 83.6vw; }
      @media screen and (min-width: 768px) {
        .job h2 img {
          width: 501px !important; } }
  .job .img01 {
    text-align: center;
    margin: 0.66667vw 0 0 0; }
    @media screen and (min-width: 768px) {
      .job .img01 {
        margin: 5px 0 0 0; } }
    .job .img01 img {
      width: 88vw; }

/* example
---------------------------------------------------- */
.example {
  padding: 9.86667vw 0 12vw 0;
  background: #fbe8e9; }
  @media screen and (min-width: 768px) {
    .example {
      padding: 62px 0 20px 0; } }
  .example h2 {
    text-align: center; }
    .example h2 img {
      width: 82.66667vw; }
      @media screen and (min-width: 768px) {
        .example h2 img {
          width: 496px !important; } }
  .example ul {
    padding-left: 5.33333vw !important;
    padding-right: 5.33333vw !important;
    margin: 6.4vw 0 0 0; }
    @media screen and (min-width: 768px) {
      .example ul {
        padding-left: 0 !important;
        padding-right: 0 !important; } }
    @media screen and (min-width: 768px) {
      .example ul {
        margin: 45px auto 0 auto;
        width: 1079px;
        display: flex;
        justify-content: space-between; } }
  .example li {
    background: url(../img/example-bg01.png) no-repeat, url(../img/example-bg02.png) no-repeat 100% 100%, #fff;
    background-size: 12.8vw auto;
    border-radius: 0 3.46667vw 0 3.46667vw;
    padding: 5.33333vw;
    font-size: 4vw; }
    @media screen and (min-width: 768px) {
      .example li {
        width: 348px;
        background-size: 49px auto;
        border-radius: 0 16px 0 16px;
        padding: 20px;
        font-size: 15px; } }
    .example li:not(:last-child) {
      margin: 0 0 9.33333vw 0; }
      @media screen and (min-width: 768px) {
        .example li:not(:last-child) {
          margin: 0; } }
    .example li:nth-child(1) .catch {
      background: url(../img/example-img01.jpg) no-repeat 100% 50%;
      background-size: 30.66667vw auto; }
      @media screen and (min-width: 768px) {
        .example li:nth-child(1) .catch {
          background-size: 120px auto; } }
    .example li:nth-child(2) .catch {
      background: url(../img/example-img02.jpg) no-repeat 100% 50%;
      background-size: 30.66667vw auto; }
      @media screen and (min-width: 768px) {
        .example li:nth-child(2) .catch {
          background-size: 120px auto; } }
    .example li:nth-child(3) .catch {
      background: url(../img/example-img03.jpg) no-repeat 100% 50%;
      background-size: 30.66667vw auto; }
      @media screen and (min-width: 768px) {
        .example li:nth-child(3) .catch {
          background-size: 120px auto; } }
  .example h3 {
    font-size: 5.6vw;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .example h3 {
        font-size: 22px; } }
  .example h4 {
    font-size: 4.26667vw;
    text-align: center;
    margin: 6vw 0 0 0;
    position: relative; }
    @media screen and (min-width: 768px) {
      .example h4 {
        font-size: 16px;
        margin: 20px 0 0 0; } }
    .example h4::before {
      content: '';
      width: 100%;
      height: 2px;
      background-image: linear-gradient(to right, #a4a7b2, #a4a7b2 2px, transparent 2px, transparent 6px);
      background-size: 6px 2px;
      background-position: top;
      background-repeat: repeat-x;
      position: absolute;
      left: 0;
      top: 50%;
      margin: -1px 0 0 0; }
    .example h4 span {
      display: inline-block;
      background: #fff;
      padding: 0 2.66667vw;
      position: relative;
      z-index: 5; }
      @media screen and (min-width: 768px) {
        .example h4 span {
          padding: 0 10px; } }
  .example .catch {
    letter-spacing: 0.05em;
    border-left: 1px solid #e77277;
    padding: 0 0 0 4vw;
    margin: 4.66667vw 0 0 0;
    min-height: 33.33333vw;
    display: flex;
    align-items: center; }
    @media screen and (min-width: 768px) {
      .example .catch {
        padding: 0 0 0 15px;
        margin: 20px 0 0 0;
        min-height: 130px; } }
    .example .catch span {
      font-weight: bold;
      color: #e77277; }
  .example .detail {
    margin: 3.33333vw 0 0 0; }
    @media screen and (min-width: 768px) {
      .example .detail {
        margin: 15px 0 0 0; } }
    .example .detail span {
      font-weight: bold; }
  .example .hours {
    font-size: 3.2vw; }
    @media screen and (min-width: 768px) {
      .example .hours {
        font-size: 12px; } }
  .example .notes {
    padding-left: 5.33333vw !important;
    padding-right: 5.33333vw !important;
    font-size: 2.4vw;
    margin: 3.33333vw 0 0 0; }
    @media screen and (min-width: 768px) {
      .example .notes {
        padding-left: 0 !important;
        padding-right: 0 !important; } }
    @media screen and (min-width: 768px) {
      .example .notes {
        font-size: 16px;
        margin: 20px 0 0 0;
        text-align: center; }
        .example .notes p {
          display: inline; }
          .example .notes p:nth-child(2) {
            margin: 0 0 0 1.5em; } }

/* full-time
---------------------------------------------------- */
.full-time {
  padding: 8.8vw 0; }
  @media screen and (min-width: 768px) {
    .full-time {
      padding: 62px 0 50px 0; } }
  .full-time h2 {
    text-align: center; }
    .full-time h2 img {
      width: 84.8vw; }
      @media screen and (min-width: 768px) {
        .full-time h2 img {
          width: 508px !important; } }
  .full-time .text {
    line-height: 1.83;
    background: #fbe8e9 url(../img/full-time-bg.png) no-repeat 2vw 50%;
    background-size: 2.4vw auto;
    width: 94.66667vw;
    margin: 6vw auto 0 auto;
    padding: 5.33333vw 4vw 5.33333vw 8vw; }
    @media screen and (min-width: 768px) {
      .full-time .text {
        background: #fbe8e9 url(../img/full-time-bg-pc.png) no-repeat 11px 50%;
        width: 880px;
        margin: 29px auto 0 auto;
        padding: 20px 30px 20px 48px;
        line-height: 2.25; } }
    .full-time .text span {
      font-weight: bold; }
  .full-time .cv-btn02 {
    margin-top: 7.73333vw; }
    @media screen and (min-width: 768px) {
      .full-time .cv-btn02 {
        margin-top: 43px; } }

/* company
---------------------------------------------------- */
.company {
  padding-left: 5.33333vw !important;
  padding-right: 5.33333vw !important;
  padding-top: 8vw;
  padding-bottom: 12.26667vw;
  background: #fbe8e9; }
  @media screen and (min-width: 768px) {
    .company {
      padding-left: 0 !important;
      padding-right: 0 !important; } }
  @media screen and (min-width: 768px) {
    .company {
      padding: 64px 0 46px 0; } }
  .company h2 {
    text-align: center; }
    .company h2 img {
      width: 74.66667vw; }
      @media screen and (min-width: 768px) {
        .company h2 img {
          width: 448px !important; } }
  .company .img01 {
    margin: 9.6vw 0 0 0;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .company .img01 {
        margin: 45px 0 0 0; } }

/* flow
---------------------------------------------------- */
.flow {
  padding: 8.66667vw 0 9.06667vw 0; }
  @media screen and (min-width: 768px) {
    .flow {
      padding: 55px 0 60px 0; } }
  .flow h2 {
    text-align: center; }
    .flow h2 img {
      width: 53.06667vw; }
      @media screen and (min-width: 768px) {
        .flow h2 img {
          width: 318px !important; } }
  .flow ol {
    margin: 9.06667vw 0 0 0; }
    @media screen and (min-width: 768px) {
      .flow ol {
        margin: 75px 0 0 0; } }
  @media screen and (min-width: 768px) {
    .flow li {
      text-align: center; } }
/*  .flow li:not(:last-child) {
    margin: 0 0 10.66667vw 0; }*/
.flow li:nth-child(2){
margin: 0 0 10.66667vw 0; }
.flow li:nth-child(1){
	padding: 8vw 0 8vw 0;
background: #fbe8e9;}
    @media screen and (min-width: 768px) {
      .flow li:not(:last-child) {
        margin: 0 0 65px 0; }
.flow li:nth-child(1){
	padding: 0;
background: #ffffff;} }

/* search
---------------------------------------------------- */
.search {
  padding: 8.66667vw 0 9.73333vw 0;
  background: #f8f5f8; }
  @media screen and (min-width: 768px) {
    .search {
      padding: 50px 0 55px 0; } }
  .search h2 {
    text-align: center; }
    .search h2 img {
      width: 79.466vw; }
      @media screen and (min-width: 768px) {
        .search h2 img {
          width: 476px !important; } }
  .search .cv-btn02 {
    margin-top: 10vw; }
    @media screen and (min-width: 768px) {
      .search .cv-btn02 {
        margin-top: 60px; } }

/* footer
---------------------------------------------------- */
footer {
  padding-left: 5.33333vw !important;
  padding-right: 5.33333vw !important;
  padding-top: 2.93333vw;
  border-top: 3px solid #6dbae7;
  height: 15.73333vw; }
  @media screen and (min-width: 768px) {
    footer {
      padding-left: 0 !important;
      padding-right: 0 !important; } }
  @media screen and (min-width: 768px) {
    footer {
      padding-top: 18px;
      height: 79px; } }
  footer .logo {
    display: flex;
    align-items: flex-end;
    line-height: 1;
    font-size: 3.2vw;
    font-weight: bold;
    color: #435B67; }
    @media screen and (min-width: 768px) {
      footer .logo {
        font-size: 12px; } }
    footer .logo img {
      width: 27.73333vw; }
      @media screen and (min-width: 768px) {
        footer .logo img {
          width: 100px !important; } }
    footer .logo p:nth-child(2) {
      margin: 0 0 0 2vw; }
      @media screen and (min-width: 768px) {
        footer .logo p:nth-child(2) {
          margin: 0 0 0 10px; } }
  footer .inner {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (min-width: 768px) {
      footer .inner {
        width: 960px;
        margin: 0 auto; } }
  footer .link {
    display: none; }
    @media screen and (min-width: 768px) {
      footer .link {
        display: flex;
        align-items: center; }
        footer .link ul {
          display: flex;
          font-size: 12px;
          margin: 0 20px 0 0;
          line-height: 17px; }
        footer .link li:not(:last-child) {
          padding: 0 7px 0 0;
          margin: 0 7px 0 0;
          border-right: 1px solid #5f6e63; }
        footer .link a {
          color: #008ae5; }
        footer .link a:hover {
          text-decoration: underline; } }

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