/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4
}

*,
::after,
::before {
  background-repeat: no-repeat;
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

::after,
::before {
  text-decoration: inherit;
  vertical-align: inherit
}

* {
  padding: 0;
  margin: 0
}

hr {
  overflow: visible;
  height: 0
}

details,
main {
  display: block
}

summary {
  display: list-item
}

small {
  font-size: 80%
}

[hidden] {
  display: none
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

a {
  background-color: transparent;
  text-decoration: none;
  color: #000
}

a:active,
a:hover {
  outline-width: 0
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace
}

pre {
  font-size: 1em
}

b,
strong {
  font-weight: bolder
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

#formWrap>#contents {
  background: #fff
}

#formWrap>#contents>.inner>section {
  background: #fff
}

iframe {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  outline: 0;
  vertical-align: baseline;
  margin: 0;
  padding: 0
}

input {
  border-radius: 0
}

[disabled] {
  cursor: default
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

textarea {
  overflow: auto;
  resize: vertical
}

button,
input,
optgroup,
select,
textarea {
  font: inherit
}

optgroup {
  font-weight: 700
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
  cursor: pointer;
  color: inherit
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none
}

select {
  -moz-appearance: none;
  -webkit-appearance: none
}

select::-ms-expand {
  display: none
}

select::-ms-value {
  color: currentColor
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
  max-width: 100%
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit
}

img {
  border-style: none
}

progress {
  vertical-align: baseline
}

svg:not([fill]) {
  fill: currentColor
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: default
}

/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4
}

*,
::after,
::before {
  background-repeat: no-repeat;
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

::after,
::before {
  text-decoration: inherit;
  vertical-align: inherit
}

* {
  padding: 0;
  margin: 0
}

hr {
  overflow: visible;
  height: 0
}

details,
main {
  display: block
}

summary {
  display: list-item
}

small {
  font-size: 80%
}

[hidden] {
  display: none
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

a {
  background-color: transparent;
  text-decoration: none;
  color: #000
}

a:active,
a:hover {
  outline-width: 0
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace
}

pre {
  font-size: 1em
}

b,
strong {
  font-weight: bolder
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

input {
  border-radius: 0
}

[disabled] {
  cursor: default
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

textarea {
  overflow: auto;
  resize: vertical
}

button,
input,
optgroup,
select,
textarea {
  font: inherit
}

optgroup {
  font-weight: 700
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
  cursor: pointer;
  color: inherit
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none
}

select {
  -moz-appearance: none;
  -webkit-appearance: none
}

select::-ms-expand {
  display: none
}

select::-ms-value {
  color: currentColor
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
  max-width: 100%
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit
}

img {
  border-style: none
}

progress {
  vertical-align: baseline
}

svg:not([fill]) {
  fill: currentColor
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: default
}

.tab_br {
  display: none
}

.sp_br {
  display: none
}

.pc_br {
  display: block
}

.cta_btn a {
  -webkit-animation-name: updown;
  animation-name: updown;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

html {
  font-size: 1rem;
  font-family: HiraKakuStd-W7, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  color: #2c2c2c;
  letter-spacing: .025em;
  max-width: 750px;
  width: 100%;
  margin: 0 auto
}

html body img {
  vertical-align: top;
  height: auto
}

html body header {
  background-color: #fff;
  height: 135px
}

html body header .header_inner {
  max-width: 690px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 18px 0
}

html body header .header_inner .header_logo {
  max-width: 294px;
  max-height: 123px
}

html body header .header_inner .header_btn a {
  font-family: HiraKakuStd-W7, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  width: 397px;
  height: 91px;
  margin: auto;
  padding: 24px 20px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  -webkit-box-shadow: 0 10px 0 #c00;
  box-shadow: 0 10px 0 #c00;
  border-radius: 12px;
  display: block;
  background-image: url(../images/header_btn_bg@2x.png);
  background-size: cover
}

html body header .header_inner .header_btn a:hover {
  margin-top: 10px;
  -webkit-box-shadow: none;
  box-shadow: none
}

html body header .header_inner .header_btn a .btn_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 28px;
  color: #fff
}

html body header .header_inner .header_btn a .btn_text .emphasis_btn--text {
  color: #000;
  background-color: #fc3;
  padding: 0 20px;
  border-radius: 40px
}

html body header .header_inner .header_btn a .btn_text .btn_arrow {
  width: 40px;
  height: 40px;
  display: block
}

html body main .mainvisual {
  position: relative
}

html body main .mainvisual .mv_Img img {
  max-width: 100%
}

html body main .mainvisual .mvtexts {
  position: absolute;
  top: 12%;
  left: 4%;
  line-height: 1;
  transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg)
}

html body main .mainvisual .mvtexts h1 {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-family: HiraKakuStd-W7;
  font-weight: 700;
  color: #fff;
  font-size: 64px
}

html body main .mainvisual .mvtexts h1 .text_top {
  font-size: 40px
}

html body main .mainvisual .mvtexts h1 .red_text {
  font-size: 99px;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
  color: #c33;
  background-image: linear-gradient(70deg, #c33 45%, #fff 50%, #c33 55%);
  background-size: 500% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-animation: shine 1.8s infinite;
  animation: shine 1.8s infinite;
  font-family: sans-serif;
  line-height: 1.1
}

html body main .mainvisual .mvtexts .note_mv {
  font-size: 24px;
  margin-top: 5px;
  font-weight: 700;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif
}

html body main .mainvisual .komejirushi {
  position: absolute;
  top: 20.8%;
  right: 39.8%
}

html body main .mainvisual .komejirushi img {
  width: 30px
}

html body main .service {
  max-width: 690px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, .3);
  padding-bottom: 2px;
  margin-top: 140px
}

html body main .asap {
  margin-top: 20px;
  padding: 0 20px
}

html body main .asap a {
  display: block;
  transition: opacity .5s
}

html body main .asap a:hover {
  opacity: .6
}

html body main .asap img {
  max-width: 100%
}

html body main .service .service_inner .coupon {
  max-width: 686px;
  margin: 0 auto;
  padding: 75px 55px 50px;
  background-color: #deebd2
}

html body main .service .service_inner .coupon_inner {
  position: relative
}

html body main .service .service_inner .coupon_inner .float_coupon {
  position: absolute;
  top: -12%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 488px
}

html body main .service .service_inner .coupon_inner .float_phone {
  width: 152px;
  height: 152px;
  position: absolute;
  top: 50%;
  right: -1%;
  z-index: 0
}

html body main .service .service_inner .coupon_inner .img_wrap {
  text-align: center
}

html body main .service .service_inner .coupon_inner .img_wrap .coupon_image {
  max-width: 100%;
  width: 100%
}

html body main .service .service_inner .coupon_inner .img_wrap .plus_image {
  width: 68px;
  height: 68px;
  margin: 20px 0
}

html body main .service .service_inner .coupon_inner .text {
  font-size: 24px;
  margin-top: 25px;
  line-height: 1.4;
  letter-spacing: -.01px
}

html body main .service .service_inner .coupon_inner .coupon_under_text {
  font-size: 50px;
  text-align: center;
  font-weight: 700;
  color: #c33;
  line-height: 1.2;
  letter-spacing: -2px;
  z-index: 0;
  position: relative
}

html body main .service .service_inner .coupon_inner .coupon_appeal_box {
  margin-top: 20px
}

html body main .service .service_inner .coupon_inner .coupon_appeal_box img {
  max-width: 100%;
  width: 100%
}

html body main .intro .section_ttl {
  text-align: center;
  font-size: 50px;
  margin-bottom: 40px
}

html body main .intro .section_ttl .en_green_text {
  font-size: 60px;
  color: #9c3
}

html body main .intro .section_ttl .line_animation {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fc3), color-stop(50%, transparent));
  background: linear-gradient(left, #fc3 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 200% .8em;
  background-position: 100% .5em;
  -webkit-transition: 1.5s;
  transition: 1.5s
}

html body main .intro .section_ttl .line_animation.is-active {
  background-position: 0 .5em
}

html body main .intro .intro_appeal_text {
  text-align: center
}

html body main .intro .intro_appeal_text .intro_appeal_textimg {
  max-width: 460px;
  width: 100%
}

html body main .intro .slider_zone .slider_inner {
  padding: 32px 0
}

html body main .intro .slider_zone .slider_inner .slick-arrow {
  display: none !important
}

html body main .intro .slider_zone .slider_inner .slider_card {
  width: 625px;
  padding: 30px;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, .3);
  margin-right: 20px;
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative
}

html body main .intro .slider_zone .slider_inner .slider_card .stamp_image {
  width: 198px;
  height: 199px;
  position: absolute;
  top: 33%;
  right: 6%;
  z-index: 100
}

html body main .intro .slider_zone .slider_inner .slider_card .job-ttl {
  font-size: 38px;
  background-color: #9c3;
  padding: 45px 0;
  border-radius: 10px;
  line-height: 1.3;
  text-align: center;
  color: #fff
}

html body main .intro .slider_zone .slider_inner .slider_card .text-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-top: 30px
}

html body main .intro .slider_zone .slider_inner .slider_card .text-flex .work_place_image {
  max-width: 232px;
  width: 100%;
  height: 249px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 30px
}

html body main .intro .slider_zone .slider_inner .slider_card .text-flex .salary_image {
  max-width: 201px;
  width: 100%;
  margin-bottom: 0
}

html body main .intro .slider_zone .slider_inner .slider_card .text-flex .slider_texts .slider_text {
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: 700
}

html body main .intro .slider_zone .slider_inner .slider_card .text-flex .slider_texts .salary_image {
  max-width: 201px;
  width: 100%;
  height: auto
}

html body main .intro .slider_zone .slider_inner .socond_slider_card .job-ttl {
  padding: 20px 0
}

html body main .intro .slider_zone .slider_inner .slick-current .stamp_01 {
  visibility: hidden;
  opacity: 0;
  -webkit-animation: sample_anime01 5s paused both;
  animation: sample_anime01 5s paused both
}

html body main .intro .slider_zone .slider_inner .slick-current .fade_on01 {
  -webkit-animation-play-state: running;
  animation-play-state: running;
  visibility: hidden
}

html body main .intro .slider_zone .slider_inner .slick-current .stamp_02 {
  visibility: hidden;
  -webkit-animation: sample_anime02 5s paused both;
  animation: sample_anime02 5s paused both
}

html body main .intro .slider_zone .slider_inner .slick-current .fade_on02 {
  opacity: 1;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

html body main .intro .slider_zone .slider_inner .slick-current .stamp_03 {
  opacity: 0;
  visibility: hidden;
  -webkit-animation: sample_anime02 5s paused both;
  animation: sample_anime02 5s paused both
}

html body main .intro .slider_zone .slider_inner .slick-current .fade_on03 {
  -webkit-animation-play-state: running;
  animation-play-state: running;
  opacity: 1
}

html body main .intro .slider_zone .slider_inner .slick-current .stamp_04 {
  opacity: 0;
  visibility: hidden;
  -webkit-animation: sample_anime02 5s paused both;
  animation: sample_anime02 5s paused both
}

html body main .intro .slider_zone .slider_inner .slick-current .fade_on04 {
  opacity: 1;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

html body main .intro .slider_zone .slider_inner .slick-dots li {
  width: 30px
}

html body main .intro .slider_zone .slider_inner .slick-dots li button::before {
  font-size: 40px;
  color: #ccc;
  opacity: 1
}

html body main .intro .slider_zone .slider_inner .slick-dots .slick-active button::before {
  color: #9c3
}

html body main .intro .intro_footer {
  padding-top: 4px
}

html body main .intro .intro_footer img {
  max-width: 100%
}

html body main .intro .cta_btn {
  background-color: #ff9;
  padding: 50px 0
}

html body main .intro .cta_btn a {
  display: block;
  margin: 0 auto;
  max-width: 690px;
  width: 100%;
  padding: 20px 0
}

html body main .intro .cta_btn a:hover {
  opacity: .8
}

html body main .intro .cta_btn a .cta_texts {
  font-size: 41px;
  margin-right: 40px;
  position: relative
}

html body main .intro .cta_btn a .cta_texts .seconds_text {
  border-radius: 20px;
  background-color: #fc3;
  font-weight: 700;
  padding-left: 115px;
  line-height: 1.2
}

html body main .intro .cta_btn a .cta_texts .apply_text {
  color: #fff;
  font-weight: 700;
  line-height: 1;
  padding-top: 10px
}

html body main .intro .cta_btn a .cta_texts .watch_img {
  position: absolute;
  top: -30px;
  right: 25%;
  width: 71px;
  height: 78px
}

html body main .intro .cta_btn a .btn_arrow {
  width: 50px;
  height: 50px
}

html body main .recommend .recommend_top_section {
  position: relative
}

html body main .recommend .recommend_top_section .bg {
  max-width: 100%;
  position: relative
}

html body main .recommend .recommend_top_section .star01 {
  position: absolute;
  top: 119px;
  left: 145px;
  -webkit-animation: flash01 1.5s linear infinite;
  animation: flash01 1.5s linear infinite;
  width: 52px;
  height: 62px
}

html body main .recommend .recommend_top_section .star02 {
  position: absolute;
  top: 14%;
  right: 19%;
  -webkit-animation: flash 1.5s linear infinite;
  animation: flash 1.5s linear infinite;
  width: 52px;
  height: 62px
}

html body main .recommend .recommend_top_section .recommend_top__texts {
  position: absolute;
  top: 10%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

html body main .recommend .recommend_top_section .recommend_top__texts .tp_text {
  font-size: 50px;
  font-weight: 700;
  text-align: center;
  line-height: 1.4
}

html body main .recommend .recommend_top_section .recommend_top__texts .tp_text span {
  color: #9c3
}

html body main .recommend .recommend_top_section .recommend_top__texts .check_list {
  width: 595px;
  margin: 0 auto;
  padding-top: 35px
}

html body main .recommend .recommend_top_section .recommend_top__texts .check_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 35px;
  list-style: none;
  font-weight: 700;
  margin-bottom: 45px;
  line-height: 1;
  position: relative;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif
}

html body main .recommend .recommend_top_section .recommend_top__texts .check_list li .checkbox {
  width: 46px;
  height: 46px;
  margin-right: 15px
}

html body main .recommend .recommend_top_section .recommend_top__texts .check_list li .check {
  position: absolute;
  top: 0;
  left: 0;
  width: 46px;
  height: 46px;
  z-index: 10;
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: scale(.2);
  transform: scale(.2)
}

html body main .recommend .recommend_top_section .recommend_top__texts .check_list li .fade_on {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

html body main .recommend .recommend_contents {
  background-color: #deebd2;
  padding-top: 30px
}

html body main .recommend .recommend_contents .appeal_ttl {
  text-align: center;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.6
}

html body main .recommend .recommend_contents .appeal_ttl .ut_text {
  font-size: 60px;
  color: #9c3
}

html body main .recommend .recommend_contents .appeal_ttl .line_animation {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fc3), color-stop(50%, transparent));
  background: linear-gradient(left, #fc3 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 200% .8em;
  background-position: 100% .5em;
  -webkit-transition: 1.5s;
  transition: 1.5s
}

html body main .recommend .recommend_contents .appeal_ttl .line_animation.is-active {
  background-position: 0 .5em
}

html body main .recommend .recommend_contents .point_container .point_sigle_content {
  background-color: #fff;
  margin-bottom: 30px;
  position: relative
}

html body main .recommend .recommend_contents .point_container .point_sigle_content .point_texts {
  padding-top: 40px;
  padding-right: 10px;
  padding-left: 125px;
  padding-bottom: 40px;
  font-weight: 700
}

html body main .recommend .recommend_contents .point_container .point_sigle_content .point_texts .point_ttl {
  font-size: 40px;
  color: #9c3;
  line-height: 1.3;
  letter-spacing: -.5px
}

html body main .recommend .recommend_contents .point_container .point_sigle_content .point_texts .point_text {
  font-size: 26px;
  margin-top: 20px;
  line-height: 1.3
}

.slider_zone_text {
  font-size: 26px;
  margin-top: 20px;
  line-height: 1.3
}

html body main .recommend .recommend_contents .point_container .point_sigle_content .point_image {
  max-width: 100%
}

html body main .recommend .recommend_contents .point_container .point_sigle_content .second_point_image {
  padding: 0 20px 20px
}

html body main .recommend .recommend_contents .point_container .first_point_sigle_content {
  margin-bottom: 0
}

html body main .recommend .recommend_contents .point_container .note_text {
  margin-bottom: 30px;
  font-size: 24px;
  text-align: right
}

html body main .recommend .recommend_contents .img_inner {
  padding-top: 35px
}

html body main .recommend .recommend_contents .img_inner .question_Img {
  max-width: 100%
}

html body main .recommend .recommend_contents .feature {
  background-color: #9c3;
  padding: 30px 0
}

html body main .recommend .recommend_contents .feature .feature_tp__text {
  text-align: center;
  color: #fff;
  padding-bottom: 25px;
  font-size: 45px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -4px
}

html body main .recommend .recommend_contents .feature .feature_tp__text .line_animation {
  font-size: 70px;
  color: #333;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fc3), color-stop(50%, transparent));
  background: linear-gradient(left, #fc3 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 200% .3em;
  background-position: 100% .65em;
  -webkit-transition: 1.5s;
  transition: 1.5s
}

html body main .recommend .recommend_contents .feature .feature_tp__text .line_animation span {
  font-size: 50px
}

html body main .recommend .recommend_contents .feature .feature_tp__text .line_animation.is-active {
  background-position: 0 .65em
}

html body main .recommend .recommend_contents .feature .feature_tp__text .emphasize_text {
  font-size: 60px
}

html body main .recommend .recommend_contents .feature .feature_box {
  background-color: #fff;
  max-width: 690px;
  width: 100%;
  margin: 0 auto;
  padding: 30px;
  border-radius: 10px
}

html body main .recommend .recommend_contents .feature .feature_box .feature_text {
  font-weight: 700;
  font-size: 35px;
  letter-spacing: -1px;
  line-height: 1.4
}

html body main .work {
  background-color: #f2f2f2;
  padding: 50px 0
}

html body main .work .inner {
  max-width: 690px;
  width: 100%;
  margin: 0 auto
}

html body main .work .inner .work_ttl {
  padding: 20px 0;
  border-top: 4px solid #9c3;
  border-bottom: 4px solid #9c3;
  font-size: 50px;
  text-align: center;
  line-height: 1
}

html body main .work .inner .tp_text {
  text-align: center;
  font-weight: 600;
  font-size: 35px;
  margin: 45px 0;
  line-height: 1.2;
  letter-spacing: -2.5px
}

html body main .work .inner .work_container {
  margin-bottom: 20px
}

html body main .work .inner .work_container .work_single__title {
  background-color: #9c3;
  font-size: 32px;
  text-align: center;
  padding: 25px 0;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  color: #fff;
  line-height: 1
}

html body main .work .inner .work_container .content_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  padding: 20px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px
}

html body main .work .inner .work_container .content_inner .image {
  margin-right: 20px
}

html body main .work .inner .work_container .content_inner .image img {
  width: 314px;
  height: 290px
}

html body main .work .inner .work_container .content_inner .text {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.4
}

html body main .work .inner .last-work_container {
  margin-bottom: 30px
}

html body main .work .inner .cta_btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 140px;
  -webkit-box-shadow: 0 10px 0 #c00;
  box-shadow: 0 10px 0 #c00;
  border-radius: 12px;
  background-image: url(../images/header_btn_bg@2x.png);
  background-size: cover;
  padding: 20px 0
}

html body main .work .inner .cta_btn a:hover {
  opacity: .8
}

html body main .work .inner .cta_btn a .cta_texts {
  font-size: 41px;
  margin-right: 40px;
  position: relative
}

html body main .work .inner .cta_btn a .cta_texts .seconds_text {
  border-radius: 20px;
  background-color: #fc3;
  font-weight: 700;
  padding-left: 115px;
  line-height: 1.2
}

html body main .work .inner .cta_btn a .cta_texts .apply_text {
  color: #fff;
  font-weight: 700;
  line-height: 1;
  padding-top: 10px
}

html body main .work .inner .cta_btn a .cta_texts .watch_img {
  position: absolute;
  top: -30px;
  right: 25%;
  width: 71px;
  height: 78px
}

html body main .work .inner .cta_btn a .btn_arrow {
  width: 50px;
  height: 50px
}

html body main .step {
  padding-top: 100px
}

html body main .step .inner {
  max-width: 690px;
  width: 100%;
  margin: 0 auto
}

html body main .step .inner .step_ttl {
  padding: 20px 0;
  border-top: 4px solid #9c3;
  border-bottom: 4px solid #9c3;
  font-size: 50px;
  text-align: center;
  line-height: 1
}

html body main .step .inner .step_ttl span {
  font-size: 60px;
  color: #9c3
}

html body main .step .inner .step_container {
  margin-bottom: 100px
}

html body main .step .inner .step_container .step_container-single {
  list-style: none;
  border-bottom: 5px dotted #ccc;
  padding-bottom: 50px
}

html body main .step .inner .step_container .step_container-single .step_texts__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
  padding-top: 50px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

html body main .step .inner .step_container .step_container-single .step_texts__inner .step_number {
  width: 130px;
  height: 130px;
  text-align: center;
  background-image: url(../images/step_num_bg@2x.png);
  background-size: cover;
  margin-right: 30px;
  padding-top: 15px
}

html body main .step .inner .step_container .step_container-single .step_texts__inner .step_number .step_en {
  font-size: 30px;
  line-height: .9;
  font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
  font-weight: 700
}

html body main .step .inner .step_container .step_container-single .step_texts__inner .step_number .number {
  font-size: 90px;
  line-height: .8;
  font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
  font-weight: 700
}

html body main .step .inner .step_container .step_container-single .step_texts__inner .step_contents__text {
  width: 530px
}

html body main .step .inner .step_container .step_container-single .step_texts__inner .step_contents__text .step_flow__ttl {
  font-size: 30px;
  font-weight: 700;
  line-height: 1
}

html body main .step .inner .step_container .step_container-single .step_texts__inner .step_contents__text .step_content__text {
  font-size: 28px;
  margin-top: 25px;
  line-height: 1.4
}

html body main .step .inner .step_container .step_container-single .step_texts__inner .step_contents__text .step_content__text_green {
  font-size: 30px;
  color: #9c3;
  font-weight: 700;
  padding-top: 15px
}

html body main .step .inner .step_container .step_container-single .bottom_image img {
  max-width: 100%;
  width: 100%
}

html body main .step .inner .step_container .last-step_container {
  border-bottom: none;
  padding-bottom: 0
}

html body main .contact .contact_titles {
  position: relative
}

html body main .contact .contact_titles .img_bg img {
  width: 100%;
  height: 404px
}

html body main .contact .contact_titles .top_contact-texts {
  position: absolute;
  top: 42%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  width: 100%
}

html body main .contact .contact_titles .top_contact-texts .contact_ttl {
  font-size: 50px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 45px;
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: all 11.5s;
  transition: all 11.5s
}

html body main .contact .contact_titles .top_contact-texts .contact_ttl .emphasis_span {
  font-size: 60px
}

html body main .contact .contact_titles .top_contact-texts .animation {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 2s;
  transition: 2s;
  -webkit-transform: translateY(35px);
  transform: translateY(35px)
}

html body main .contact .contact_titles .top_contact-texts .active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

html body main .contact .contact_titles .top_contact-texts .contact_text {
  font-size: 30px;
  font-weight: 600
}

html body main .contact .form_inner {
  max-width: 690px;
  width: 100%;
  margin: 0 auto
}

html body main .contact .form_inner .form_tp__text {
  font-size: 30px;
  font-weight: 700;
  margin: 25px 0 30px
}

html body main .contact .form_inner form {
  padding-bottom: 40px
}

html body main .contact .form_inner form .form_container {
  background-color: #f2f2f2;
  padding: 35px 30px;
  border-radius: 10px
}

html body main .contact .form_inner form .form_container .form_item {
  margin-bottom: 30px
}

html body main .contact .form_inner form .form_container .form_item .form_category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px
}

html body main .contact .form_inner form .form_container .form_item .form_category .category {
  font-size: 30px;
  margin-right: 10px;
  font-weight: 700
}

html body main .contact .form_inner form .form_container .form_item .form_category .must {
  border-radius: 8px;
  background-color: #c00;
  font-size: 30px;
  display: inline-block;
  padding: 3px 20px;
  color: #fff;
  font-weight: 700
}

html body main .contact .form_inner form .form_container .form_item input {
  border: 2px solid #e5e5e5;
  width: 100%;
  height: 75px;
  border-radius: 5px;
  background-color: #fff;
  padding: 20px 20px 10px
}

html body main .contact .form_inner form .form_container .form_item input::-webkit-input-placeholder {
  font-size: 28px
}

html body main .contact .form_inner form .form_container .form_item input:-ms-input-placeholder {
  font-size: 28px
}

html body main .contact .form_inner form .form_container .form_item input::-ms-input-placeholder {
  font-size: 28px
}

html body main .contact .form_inner form .form_container .form_item input::placeholder {
  font-size: 28px
}

html body main .contact .form_inner form .form_container .form_item .textarea {
  height: 300px
}

html body main .contact .form_inner form .form_container .form_item select {
  border: 1px solid #e5e5e5;
  width: 280px;
  height: 75px;
  border-radius: 5px;
  padding: 20px;
  background-color: #fff;
  background-image: url(../images/down_arrow@2x.png);
  background-size: 20px auto;
  background-position: center right 10px;
  border-radius: 10px;
  font-size: 30px
}

html body main .contact .form_inner form .form_container .form_item .radio_button_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

html body main .contact .form_inner form .form_container .form_item .radio_button_inner .radio_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 30px;
  padding-right: 25px
}

html body main .contact .form_inner form .form_container .form_item .radio_button_inner .radio_wrapper input {
  width: 43px;
  height: 43px;
  margin-right: 7px
}

html body main .contact .form_inner form .form_container .form_item .radio_button_inner .job_radiobtn {
  width: 100%;
  margin-bottom: 15px;
  padding-right: 0
}

html body main .contact .form_inner form .form_container .form_item .radio_button_inner .job_radiobtn .radio_job_text {
  width: 100%
}

html body main .contact .form_inner form .form_container .form_item .job_radiobtn_inner {
  display: block
}

html body main .contact .form_inner form .form_container .form_item .select_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

html body main .contact .form_inner form .form_container .form_item .select_inner .select_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

html body main .contact .form_inner form .form_container .form_item .select_inner .select_block select {
  width: 140px;
  margin-right: 8px;
  border-radius: 10px
}

html body main .contact .form_inner form .form_container .form_item .select_inner .select_block .select_text {
  font-size: 30px;
  margin-right: 20px
}

html body main .contact .form_inner form .form_note {
  margin: 45px 0;
  font-size: 30px;
  text-align: center
}

html body main .contact .form_inner form .form_note span a {
  color: #39c;
  border-bottom: 1px solid #39c
}

html body main .contact .form_inner form .send_btn a {
  font-family: HiraKakuStd-W7, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  width: 100%;
  height: 140px;
  margin: auto;
  padding: 24px 20px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  -webkit-box-shadow: 0 10px 0 #c60;
  box-shadow: 0 10px 0 #c60;
  border-radius: 12px;
  display: block;
  background-image: url(../images/send_btn_bg.png);
  background-size: cover;
  text-align: center;
  font-size: 41px;
  color: #fff;
  height: 100%
}

html body main .contact .form_inner form .send_btn a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translateY(5px);
  transform: translateY(5px)
}

html body .fixedbtn_inner {
  max-width: 750px;
  width: 100%;
  background-color: rgba(255, 255, 255, .8);
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  padding:  0;
  display: none
}

html body .fixedbtn_inner .fixed_btn a {
  display:block;
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
  padding: 20px 0;
  -webkit-animation-name: updown;
  animation-name: updown;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

html body .fixedbtn_inner .fixed_btn a img {
  max-width: 100%;
}

html body .fixedbtn_inner .fixed_btn a .cta_texts {
  font-size: 30px;
  margin-right: 30px;
  position: relative
}

html body .fixedbtn_inner .fixed_btn a .cta_texts .seconds_text {
  border-radius: 20px;
  background-color: #fc3;
  font-weight: 700;
  padding-left: 115px;
  line-height: 1.2
}

html body .fixedbtn_inner .fixed_btn a .cta_texts .apply_text {
  color: #fff;
  font-weight: 700;
  line-height: 1;
  padding-top: 10px
}

html body .fixedbtn_inner .fixed_btn a .cta_texts .watch_img {
  position: absolute;
  top: -26px;
  right: 16%;
  width: 51px;
  height: 58px
}

html body .fixedbtn_inner .fixed_btn a .btn_arrow {
  width: 35px;
  height: 35px
}

html body footer {
  height: 200px
}

.service .coupon_title01_wrap {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 100%;
  left: 0;
  margin: 0 auto -15px;
  text-align: center;
  transform: translateY(-50%)
}

.service .coupon_title01 {
  position: relative;
  display: inline-block;
  text-align: center
}

.service .coupon_title01::after,
.service .coupon_title01::before {
  content: '';
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: calc(100% + .5em);
  width: 65px;
  height: 80px;
  background: url(../images/parts01.svg) no-repeat center/contain;
  transform: translateY(-50%)
}

.service .coupon_title01::before {
  right: calc(100% + .5em);
  left: auto;
  transform: translateY(-50%) rotateY(180deg)
}

.service .coupon_title01 span {
  position: relative;
  z-index: 0;
  display: inline-block;
  font-size: 60px;
  color: #c33
}

.service .coupon_title01 span::after {
  content: '入社即日で!';
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  z-index: -1;
  display: block;
  width: 100%;
  font-size: 60px;
  color: #fff;
  -webkit-text-stroke: 12px #fff;
  text-stroke: 12px #fff;
  text-align: center;
  transform: translate(-50%, -50%)
}

.mainvisual .flaot_Imgs {
  position: absolute;
  bottom: 10px;
  left: 30px;
  z-index: 5;
  animation: updown 2s ease-in-out infinite;
  display: flex;
}

/* .intro{padding-top:60px} */
@media screen {
  [hidden~=screen] {
    display: inherit
  }

  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important
  }

  [hidden~=screen] {
    display: inherit
  }

  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important
  }
}

@media (max-width:750px) {
  .tab_br {
    display: block
  }

  .pc_br {
    display: none
  }

  html body header {
    height: 17.87vw
  }

  html body img {
    height: auto
  }

  html body header .header_inner {
    padding: 0 15px
  }

  html body header .header_inner .header_logo {
    width: 39.2vw;
    height: 16.4vw
  }

  html body header .header_inner .header_btn a {
    width: 100%;
    height: 12.13vw;
    padding: 3.2vw 2.67vw;
    border-radius: 1.6vw;
    -webkit-box-shadow: 0 1.33vw 0 #c00;
    box-shadow: 0 1.33vw 0 #c00
  }

  html body header .header_inner .header_btn a .btn_text {
    font-size: 3.73vw
  }

  html body header .header_inner .header_btn a .btn_text .emphasis_btn--text {
    padding: 0 2.67vw;
    margin-right: 1.33vw
  }

  html body header .header_inner .header_btn a .btn_text .btn_arrow {
    width: 5.33vw;
    height: 5.33vw;
    margin-left: 1.33vw
  }

  html body main .mainvisual .mvtexts h1 {
    font-size: 8.53vw
  }

  html body main .mainvisual .mvtexts h1 .text_top {
    font-size: 5.33vw
  }

  html body main .mainvisual .mvtexts h1 .red_text {
    font-size: 13.2vw;
    font-family: sans-serif !important
  }

  html body main .mainvisual .mvtexts .note_mv {
    font-size: 3.2vw
  }

  html body main .mainvisual .komejirushi img {
    width: 4vw
  }

  html body main .service {
    width: 90%;
    margin-top: 18.67vw
  }

  html body main .asap {
    margin-top: 15px;
    padding: 0 15px
  }

  html body main .asap img {
    width: 100%
  }

  html body main .service .service_inner .coupon {
    padding: 10vw 7.33vw 6.67vw
  }

  html body main .service .service_inner .coupon_inner .float_coupon {
    width: 65.07vw
  }

  html body main .service .service_inner .coupon_inner .float_phone {
    width: 20.27vw;
    height: 20.27vw
  }

  html body main .service .service_inner .coupon_inner .img_wrap .plus_image {
    width: 9.07vw;
    height: 9.07vw;
    margin: 3vw 0
  }

  html body main .service .service_inner .coupon_inner .text {
    font-size: 3.2vw;
    margin-top: 3.33vw
  }

  html body main .service .service_inner .coupon_inner .coupon_under_text {
    font-size: 6.67vw
  }

  html body main .service .service_inner .coupon_inner .coupon_appeal_box {
    margin-top: 2.67vw
  }

  html body main .intro .section_ttl {
    margin-bottom: 5.33vw;
    font-size: 6.67vw
  }

  html body main .intro .section_ttl .en_green_text {
    font-size: 8vw
  }

  html body main .intro .intro_appeal_text .intro_appeal_textimg {
    width: 61.33vw
  }

  html body main .intro .slider_zone .slider_inner {
    padding: 4.27vw 0
  }

  html body main .intro .slider_zone .slider_inner .slider_card {
    padding: 4vw;
    margin-right: 2.67vw;
    margin-left: 2.67vw;
    margin-top: 2.67vw;
    margin-bottom: 2.67vw
  }

  html body main .intro .slider_zone .slider_inner .slider_card .stamp_image {
    width: 25.13vw;
    height: 25.27vw
  }

  html body main .intro .slider_zone .slider_inner .slider_card .job-ttl {
    font-size: 4.8vw;
    padding: 5.5vw 3vw
  }

  html body main .intro .slider_zone .slider_inner .slider_card .text-flex {
    padding-top: 4vw
  }

  html body main .intro .slider_zone .slider_inner .slider_card .text-flex .work_place_image {
    width: 36.4vw;
    height: 33.2vw;
    margin-right: 35px
  }

  html body main .intro .slider_zone .slider_inner .slider_card .text-flex .salary_image {
    width: 23vw
  }

  html body main .intro .slider_zone .slider_inner .slider_card .text-flex .slider_texts .slider_text {
    font-size: 3.5vw;
    margin-bottom: 5.33vw
  }

  html body main .intro .slider_zone .slider_inner .slider_card .text-flex .slider_texts .salary_image {
    width: 23vw
  }

  html body main .intro .slider_zone .slider_inner .socond_slider_card .job-ttl {
    padding: 2.6vw 0
  }

  html body main .intro .slider_zone .slider_inner .slick-current .stamp_01 {
    width: 25.13vw;
    height: 25.27vw
  }

  html body main .intro .slider_zone .slider_inner .slick-current .stamp_02 {
    width: 25.13vw;
    height: 25.27vw
  }

  html body main .intro .slider_zone .slider_inner .slick-current .stamp_03 {
    width: 25.13vw;
    height: 25.27vw
  }

  html body main .intro .slider_zone .slider_inner .slick-current .stamp_04 {
    width: 25.13vw;
    height: 25.27vw
  }

  html body main .intro .slider_zone .slider_inner .slick-dots li {
    width: 4vw
  }

  html body main .intro .slider_zone .slider_inner .slick-dots li button::before {
    font-size: 5.33vw
  }

  html body main .intro .cta_btn {
    padding: 6.67vw 0
  }

  html body main .intro .cta_btn a {
    width: 100%;
    padding: 2.67vw 2.67vw;
  }

  html body main .intro .cta_btn a img {
    max-width: 100%;
  }
  html body main .intro .cta_btn a .cta_texts {
    margin-right: 5.33vw;
    font-size: 5.47vw
  }

  html body main .intro .cta_btn a .cta_texts .seconds_text {
    padding-left: 15.33vw
  }

  html body main .intro .cta_btn a .cta_texts .watch_img {
    width: 9.47vw;
    height: 10.4vw;
    top: -4vw;
    right: 24.33%
  }

  html body main .intro .cta_btn a .btn_arrow {
    width: 6.67vw;
    height: 6.67vw
  }

  html body main .recommend .recommend_top_section .star01 {
    width: 6.93vw;
    height: 8.27vw;
    top: 16vw;
    left: 19.33vw
  }

  html body main .recommend .recommend_top_section .star02 {
    width: 6.93vw;
    height: 8.27vw;
    top: 16vw;
    right: 19.33vw
  }

  html body main .recommend .recommend_top_section .recommend_top__texts .tp_text {
    font-size: 6.67vw
  }

  html body main .recommend .recommend_top_section .recommend_top__texts .check_list {
    width: 82vw;
    padding-top: 4.67vw
  }

  html body main .recommend .recommend_top_section .recommend_top__texts .check_list li {
    font-size: 4.67vw;
    margin-bottom: 6vw
  }

  html body main .recommend .recommend_top_section .recommend_top__texts .check_list li .checkbox {
    width: 6.13vw;
    height: 6.13vw;
    margin-right: 2vw
  }

  html body main .recommend .recommend_top_section .recommend_top__texts .check_list li .check {
    width: 6.13vw;
    height: 6.13vw
  }

  html body main .recommend .recommend_contents {
    padding-top: 8vw;
  }

  html body main .recommend .recommend_contents .appeal_ttl {
    font-size: 6.67vw
  }

  html body main .recommend .recommend_contents .appeal_ttl .ut_text {
    font-size: 8vw
  }

  html body main .recommend .recommend_contents .point_container {
    width: 90%;
    padding-top: 6.67vw
  }

  html body main .recommend .recommend_contents .point_container .point_sigle_content .step_number {
    width: 17.33vw;
    height: 17.33vw;
    margin-right: 4vw;
    padding-top: 2vw;
    left: -4vw;
    top: 5.33vw
  }

  html body main .recommend .recommend_contents .point_container .point_sigle_content .step_number .step_en {
    font-size: 4vw
  }

  html body main .recommend .recommend_contents .point_container .point_sigle_content .step_number .number {
    font-size: 12vw
  }

  html body main .recommend .recommend_contents .point_container .point_sigle_content .point_texts {
    padding-top: 5.33vw;
    padding-left: 17vw;
    padding-bottom: 5.33vw
  }

  html body main .recommend .recommend_contents .point_container .point_sigle_content .point_texts .point_ttl {
    font-size: 5.33vw
  }

  html body main .recommend .recommend_contents .point_container .point_sigle_content .point_texts .point_text {
    font-size: 3.47vw;
    margin-top: 2.67vw
  }

  .slider_zone_text {
    font-size: 3.47vw;
    margin-top: 2.67vw
  }

  html body main .recommend .recommend_contents .point_container .note_text {
    font-size: 3.2vw;
    margin-bottom: 4vw
  }

  html body main .recommend .recommend_contents .img_inner {
    padding-top: 4.67vw
  }

  html body main .recommend .recommend_contents .feature {
    padding: 4vw 0
  }

  html body main .recommend .recommend_contents .feature .feature_tp__text {
    font-size: 6vw;
    padding-bottom: 3.33vw;
    letter-spacing: 0
  }

  html body main .recommend .recommend_contents .feature .feature_tp__text .line_animation {
    font-size: 9.33vw
  }

  html body main .recommend .recommend_contents .feature .feature_tp__text .line_animation span {
    font-size: 6.67vw
  }

  html body main .recommend .recommend_contents .feature .feature_tp__text .emphasize_text {
    font-size: 8vw
  }

  html body main .recommend .recommend_contents .feature .feature_box {
    width: 90%;
    padding: 4vw
  }

  html body main .recommend .recommend_contents .feature .feature_box .feature_text {
    font-size: 4.67vw
  }

  html body main .work .inner {
    width: 90%
  }

  html body main .work .inner .work_ttl {
    font-size: 6.67vw;
    padding: 2.67vw 0
  }

  html body main .work .inner .tp_text {
    font-size: 4.67vw;
    margin: 6vw 0;
    letter-spacing: -1.5px
  }

  html body main .work .inner .work_container .work_single__title {
    font-size: 4.27vw;
    padding: 3.33vw 0
  }

  html body main .work .inner .work_container .content_inner {
    padding: 2.67gw
  }

  html body main .work .inner .work_container .content_inner .image {
    margin-right: 3.2vw
  }

  html body main .work .inner .work_container .content_inner .image img {
    width: 41.87vw;
    height: 38.67vw
  }

  html body main .work .inner .work_container .content_inner .text {
    font-size: 4.67vw
  }

  html body main .work .inner .cta_btn a {
    width: 100%;
    height: 18.67vw;
    padding: 2.67vw 2.67vw;
    border-radius: 1.6vw;
    -webkit-box-shadow: 0 1.33vw 0 #c00;
    box-shadow: 0 1.33vw 0 #c00
  }

  html body main .work .inner .cta_btn a .cta_texts {
    margin-right: 5.33vw;
    font-size: 5.47vw
  }

  html body main .work .inner .cta_btn a .cta_texts .seconds_text {
    padding-left: 15.33vw
  }

  html body main .work .inner .cta_btn a .cta_texts .watch_img {
    width: 9.47vw;
    height: 10.4vw;
    top: -4vw;
    right: 24.33%
  }

  html body main .work .inner .cta_btn a .btn_arrow {
    width: 6.67vw;
    height: 6.67vw
  }

  html body main .step {
    padding-top: 13.33vw
  }

  html body main .step .inner {
    width: 90%
  }

  html body main .step .inner .step_ttl {
    font-size: 6.67vw;
    padding: 2.67vw 0
  }

  html body main .step .inner .step_ttl span {
    font-size: 8vw
  }

  html body main .step .inner .step_container {
    margin-bottom: 13.33vw
  }

  html body main .step .inner .step_container .step_container-single {
    padding-bottom: 6.67vw
  }

  html body main .step .inner .step_container .step_container-single .step_texts__inner {
    padding-bottom: 4vw;
    padding-top: 6.67vw
  }

  html body main .step .inner .step_container .step_container-single .step_texts__inner .step_number {
    width: 17.33vw;
    height: 17.33vw;
    margin-right: 4vw;
    padding-top: 2vw
  }

  html body main .step .inner .step_container .step_container-single .step_texts__inner .step_number .step_en {
    font-size: 4vw
  }

  html body main .step .inner .step_container .step_container-single .step_texts__inner .step_number .number {
    font-size: 12vw
  }

  html body main .step .inner .step_container .step_container-single .step_texts__inner .step_contents__text {
    width: 70.67vw
  }

  html body main .step .inner .step_container .step_container-single .step_texts__inner .step_contents__text .step_flow__ttl {
    font-size: 4vw
  }

  html body main .step .inner .step_container .step_container-single .step_texts__inner .step_contents__text .step_content__text {
    font-size: 3.73vw;
    margin-top: 3.6vw
  }

  html body main .step .inner .step_container .step_container-single .step_texts__inner .step_contents__text .step_content__text_green {
    font-size: 4vw;
    padding-top: 2vw
  }

  html body main .contact .contact_titles .img_bg img {
    height: 53.87vw
  }

  html body main .contact .contact_titles .top_contact-texts .contact_ttl {
    font-size: 6.67vw;
    margin-bottom: 6vw
  }

  html body main .contact .contact_titles .top_contact-texts .contact_ttl .emphasis_span {
    font-size: 8vw
  }

  html body main .contact .contact_titles .top_contact-texts .contact_text {
    font-size: 4vw
  }

  html body main .contact .form_inner {
    width: 90%
  }

  html body main .contact .form_inner .form_tp__text {
    font-size: 4vw;
    margin: 0 auto;
    margin-top: 3.33vw;
    margin-bottom: 3.33vw
  }

  html body main .contact .form_inner form .form_container {
    padding: 4.67vw 4vw;
    margin: 0 auto
  }

  html body main .contact .form_inner form .form_container .form_item {
    margin-bottom: 4vw
  }

  html body main .contact .form_inner form .form_container .form_item .form_category {
    margin-bottom: 1.6vw
  }

  html body main .contact .form_inner form .form_container .form_item .form_category .category {
    font-size: 4vw
  }

  html body main .contact .form_inner form .form_container .form_item .form_category .must {
    font-size: 4vw;
    padding: .4vw 2.67vw
  }

  html body main .contact .form_inner form .form_container .form_item input {
    height: 10vw;
    padding: 2.67vw 1.33vw
  }

  html body main .contact .form_inner form .form_container .form_item input::-webkit-input-placeholder {
    font-size: 3.73vw
  }

  html body main .contact .form_inner form .form_container .form_item input:-ms-input-placeholder {
    font-size: 3.73vw
  }

  html body main .contact .form_inner form .form_container .form_item input::-ms-input-placeholder {
    font-size: 3.73vw
  }

  html body main .contact .form_inner form .form_container .form_item input::placeholder {
    font-size: 3.73vw
  }

  html body main .contact .form_inner form .form_container .form_item .textarea {
    height: 40vw
  }

  html body main .contact .form_inner form .form_container .form_item select {
    height: 10vw;
    width: 100%;
    padding: 2.67vw;
    background-size: 8px auto;
    border-radius: 1.33vw;
    font-size: 4vw
  }

  html body main .contact .form_inner form .form_container .form_item .radio_button_inner .radio_wrapper {
    font-size: 4vw;
    padding-right: 3.33vw
  }

  html body main .contact .form_inner form .form_container .form_item .radio_button_inner .radio_wrapper input {
    width: 5.73vw;
    height: 5.73vw
  }

  html body main .contact .form_inner form .form_container .form_item .radio_button_inner .job_radiobtn {
    margin-bottom: 2.63vw
  }

  html body main .contact .form_inner form .form_container .form_item .select_inner .select_block select {
    width: 19.67vw;
    margin-right: 2vw;
    border-radius: 1.33vw
  }

  html body main .contact .form_inner form .form_container .form_item .select_inner .select_block .select_text {
    font-size: 4vw;
    margin-right: 2.67vw
  }

  html body main .contact .form_inner form .form_note {
    font-size: 3.7vw;
    margin: 6vw 0
  }

  html body main .contact .form_inner form .send_btn a {
    height: 12.13vw;
    padding: 2.2vw 2.67vw;
    border-radius: 1.6vw;
    -webkit-box-shadow: 0 1.33vw 0 #c00;
    box-shadow: 0 1.33vw 0 #c00;
    font-size: 5.47vw
  }

  html body .fixedbtn_inner {
    padding: 2vw 0
  }

  html body .fixedbtn_inner .fixed_btn a {
    width: 100%;
    padding: 1.67vw;
  }

  html body .fixedbtn_inner .fixed_btn a .cta_texts {
    margin-right: 4vw;
    font-size: 4vw
  }

  html body .fixedbtn_inner .fixed_btn a .cta_texts .seconds_text {
    padding-left: 15.33vw
  }

  html body .fixedbtn_inner .fixed_btn a .cta_texts .watch_img {
    width: 7.47vw;
    height: 8.4vw;
    top: -4vw;
    right: 14.33%
  }

  html body .fixedbtn_inner .fixed_btn a .btn_arrow {
    width: 4.67vw;
    height: 4.67vw
  }

  html body footer {
    height: 100px
  }

  .service .coupon_title01_wrap {
    margin-bottom: -1.8666666667vw
  }

  .service .coupon_title01::after,
  .service .coupon_title01::before {
    width: 8.6666666667vw;
    height: 10.6666666667vw
  }

  .service .coupon_title01 span {
    font-size: 8vw
  }

  .service .coupon_title01 span::after {
    font-size: 8vw;
    -webkit-text-stroke: 1.6vw #fff;
    text-stroke: 1.6vw #fff
  }

  .mainvisual .flaot_Imgs {
    bottom: 1vw;
    left: 1.6666666667vw
  }

  .mainvisual .flaot_Imgs img {
    width: 32.3333333333vw
  }
}

@media (max-width:560px) {
  .sp_br {
    display: block
  }

  html body main .intro .slider_zone .slider_inner .slider_card .text-flex .work_place_image {
    margin-right: 15px
  }
}

@-webkit-keyframes shine {
  0% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0 50%
  }
}

@keyframes shine {
  0% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0 50%
  }
}

@-webkit-keyframes sample_anime01 {
  0% {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: rotate(-30deg) scale(2.5);
    transform: rotate(-30deg) scale(2.5)
  }

  30% {
    visibility: visible;
    opacity: .8;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }

  100% {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@keyframes sample_anime01 {
  0% {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: rotate(-30deg) scale(2.5);
    transform: rotate(-30deg) scale(2.5)
  }

  30% {
    visibility: visible;
    opacity: .8;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }

  100% {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@-webkit-keyframes sample_anime02 {
  0% {
    visibility: visible;
    opacity: 0;
    -webkit-transform: rotate(-30deg) scale(2.5);
    transform: rotate(-30deg) scale(2.5)
  }

  30% {
    visibility: visible;
    opacity: .8;
    -webkit-transform: rotate(0) scale(1.04);
    transform: rotate(0) scale(1.04)
  }

  100% {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@keyframes sample_anime02 {
  0% {
    visibility: visible;
    opacity: 0;
    -webkit-transform: rotate(-30deg) scale(2.5);
    transform: rotate(-30deg) scale(2.5)
  }

  30% {
    visibility: visible;
    opacity: .8;
    -webkit-transform: rotate(0) scale(1.04);
    transform: rotate(0) scale(1.04)
  }

  100% {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@-webkit-keyframes flash01 {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes flash01 {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@-webkit-keyframes flash {

  0%,
  100% {
    opacity: 1
  }

  50% {
    opacity: 0
  }
}

@keyframes flash {

  0%,
  100% {
    opacity: 1
  }

  50% {
    opacity: 0
  }
}

@keyframes updown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

/* 241113 add */
html body main .cont01 img {
  width: 100%;
}

html body main .cont01 .illust {
  padding: 30px;
}

html body main .cont01 .illust img+img {
  padding-top: 30px;
}

html body main .contact .title02 img {
  width: 100%;
}

html body main .recommend .recommend_contents .point_container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
  max-width: 690px;
  width: 100%;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

html body main .recommend .recommend_contents .point_container .point_sigle_content {
  width: calc((100% - 20px) / 2);
  margin-bottom: 0;
}

html body main .recommend .recommend_contents .point_container .point_sigle_content .work_bg {
  width: 100%;
}

html body main .recommend .recommend_contents .point_container .point_sigle_content .work_anno {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  margin-left: auto;
  margin-right: auto;
}

html body main .recommend .recommend_contents .point_container .point_sigle_content .work_anno span {
  color: #dc2927;
  font-size: 40px;
}

html body main .recommend .recommend_contents .point_container .point_sigle_content .step_number {
  width: 88px;
  height: 88px;
  text-align: center;
  background-image: url(../images/step_num_bg@2x.png);
  background-size: cover;
  padding-top: 15px;
  position: absolute;
  top: 0;
  left: 0;
}

html body main .recommend .recommend_contents .point_container .point_sigle_content .step_number .step_en {
  font-size: 22px;
  line-height: .9;
  font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
  font-weight: 700
}

html body main .recommend .recommend_contents .point_container .point_sigle_content .step_number .number {
  font-size: 60px;
  line-height: .8;
  font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
  font-weight: 700
}

html body main .recommend .work_info {
  font-size: 24px;
  text-align: center;
  padding: 30px 0;
}

@media (max-width:750px) {
  html body main .recommend .recommend_contents .point_container {
    padding: 5vw 4vw;
  }

  html body main .recommend .recommend_contents .point_container .point_sigle_content .step_number {
    width: 12vw;
    height: 12vw;
    padding-top: 2.5vw;
  }

  html body main .recommend .recommend_contents .point_container .point_sigle_content .step_number .step_en {
    font-size: 3vw;
  }

  html body main .recommend .recommend_contents .point_container .point_sigle_content .step_number .number {
    font-size: 6vw;
  }

  html body main .recommend .recommend_contents .point_container .point_sigle_content .work_anno {
    font-size: 4vw;
  }

  html body main .recommend .recommend_contents .point_container .point_sigle_content .work_anno span {
    font-size: 5vw;
  }

  html body main .recommend .work_info {
    font-size: 3.5vw;
    padding: 5vw 3vw;
  }
  iframe {
    height: 1900px;
  }
}

.work_contents  {
  background: repeating-linear-gradient(-45deg, #deead2, #deead2 10px, #e8f0e0 10px, #e8f0e0 20px);
  padding-bottom: min(calc(40 / 750 * 100vw), 40px);
}
.work_contents img {
  max-width: 100%;
}

.work_contents .work_box {
  background: #fff;
  width: min(calc(690 / 750 * 100vw), 690px);
  border: min(calc(4 / 750 * 100vw), 4px) solid #deead2;
  padding-bottom: min(calc(40 / 750 * 100vw), 40px);
  margin: 0 auto min(calc(20 / 750 * 100vw), 20px);
}
.work_contents summary {
  display: block;
}

.work_contents summary::-webkit-details-marker {
  display: none;
}

.work_contents details[open] summary {
  display: none;
}

.work_contents .work_box02:has(details[open]) h2  {
  display: none;
}


#formWrap iframe{
    height: 1900px;
    border:none;
}
@media screen and (max-width: 769px){
#formWrap iframe{
    height: 2100px;
    border:none;
}
}