@charset "UTF-8";
/*!
Theme Name: theme_free_style_lp
Theme URI: http://underscores.me/
Author: Me

Author URI: http://underscores.me/
Description: Custom theme: theme_free_style_lp, developed by Me
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: theme_free_style_lp
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

haga is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Theme
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

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

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 1px;
  font-size: 0.1rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 0.9375px;
  font-size: 0.09375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 0.9375px;
  font-size: 0.09375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.75px;
  font-size: 0.075rem;
  line-height: 1;
  padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue;
}
a:visited {
  color: purple;
}
a:hover, a:focus, a:active {
  color: midnightblue;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875px;
  font-size: 0.0875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# themes
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box;
  /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  -moz-box-sizing: border-box;
  /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  box-sizing: border-box;
}

body {
  background: #101010;
  /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #101010;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif !important;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

b,
strong {
  font-weight: bold;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

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

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
a {
  color: #3d72ba;
  text-decoration: none;
  outline: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a:visited {
  color: #101010;
}

a:focus {
  outline: none;
}

a:hover,
a:focus,
a:active {
  color: #3d72ba;
}

/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/
.cf:after {
  content: " ";
  display: block;
  clear: both;
}

/*--------------------------------------------------------------
theme Layout
--------------------------------------------------------------*/
body {
  background: #fff;
  color: #101010;
}

.font {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}

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, ol, 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;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 900;
  letter-spacing: 2px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  position: relative;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 18px;
    font-size: 1.8rem;
    min-width: initial;
  }
}
@media screen and (max-width: 600px) {
  body {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  body {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

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

a:hover {
  opacity: .8;
}

.sp_none {
  display: block;
}

.pc_none {
  display: none;
}

.inline_block {
  display: inline-block;
}

.section_inner {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}

.object-fit-img {
  object-fit: cover;
  font-family: "object-fit: cover;";
}

@media screen and (max-width: 768px) {
  .sp_none {
    display: none;
  }

  .pc_none {
    display: block;
  }

  .section_inner {
    width: 100%;
  }
}
/* #header
------------------------------------------------------------- */
header {
  height: 860px;
  background: url(images/bg_mainvisual.jpg) no-repeat center center;
  background-size: cover;
  padding: 160px 0 0 30px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  header {
    height: 760px;
  }
}
@media screen and (max-width: 1000px) {
  header {
    height: 680px;
    padding-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  header {
    height: 560px;
    padding: 100px 25px 0 25px;
  }
}
@media screen and (max-width: 600px) {
  header {
    height: 520px;
  }
}
@media screen and (max-width: 480px) {
  header {
    height: 480px;
    padding: 80px 20px 0 20px;
  }
}
@media screen and (max-width: 400px) {
  header {
    height: 420px;
    padding-top: 60px;
  }
}
header h1 {
  font-size: 54px;
  font-size: 5.4rem;
  color: #fff;
  font-weight: 900;
  letter-spacing: 3px;
  line-height: 1.2;
  font-feature-settings: "palt";
  text-shadow: 0 0 10px #000;
  transform: rotate(-4deg);
  margin: 0 0 80px 50px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1250px) {
  header h1 {
    font-size: 48px;
    font-size: 4.8rem;
    margin-left: 20px;
  }
}
@media screen and (max-width: 1000px) {
  header h1 {
    font-size: 43px;
    font-size: 4.3rem;
  }
}
@media screen and (max-width: 768px) {
  header h1 {
    font-size: 32px;
    font-size: 3.2rem;
    margin: 0 0 50px 10px;
  }
}
@media screen and (max-width: 600px) {
  header h1 {
    font-size: 27px;
    font-size: 2.7rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  header h1 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  header h1 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
header h1:before {
  content: '';
  width: 264px;
  height: 103px;
  background: url(images/img_txt_training.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -80px;
  left: -60px;
  z-index: -1;
}
@media screen and (max-width: 1250px) {
  header h1:before {
    width: 211.2px;
    height: 82.4px;
    top: -64px;
    left: -48px;
  }
}
@media screen and (max-width: 1000px) {
  header h1:before {
    width: 184.8px;
    height: 72.1px;
    top: -58px;
    left: -42px;
  }
}
@media screen and (max-width: 768px) {
  header h1:before {
    width: 158.4px;
    height: 61.8px;
    top: -48px;
    left: -34px;
  }
}
@media screen and (max-width: 600px) {
  header h1:before {
    width: 132px;
    height: 51.5px;
    top: -42px;
    left: -28px;
  }
}
@media screen and (max-width: 480px) {
  header h1:before {
    width: 105.6px;
    height: 41.2px;
    top: -34px;
    left: -22px;
  }
}
header .sns_line {
  position: absolute;
  top: 7px;
  right: 393px;
}
@media screen and (max-width: 1000px) {
  header .sns_line {
    top: 8px;
    right: 331px;
  }
}
@media screen and (max-width: 768px) {
  header .sns_line {
    top: 6px;
    right: 287px;
  }
}
@media screen and (max-width: 600px) {
  header .sns_line {
    top: 4px;
    right: 237px;
  }
}
@media screen and (max-width: 480px) {
  header .sns_line {
    right: 224px;
  }
}
@media screen and (max-width: 400px) {
  header .sns_line {
    top: 4px;
    right: 189px;
  }
}
@media screen and (max-width: 1000px) {
  header .sns_line img {
    width: 53.6px;
    height: 52.8px;
  }
}
@media screen and (max-width: 768px) {
  header .sns_line img {
    width: 46.9px;
    height: 46.2px;
  }
}
@media screen and (max-width: 600px) {
  header .sns_line img {
    width: 40.2px;
    height: 39.6px;
  }
}
@media screen and (max-width: 400px) {
  header .sns_line img {
    width: 33.5px;
    height: 33px;
  }
}
header .contact_tel {
  position: absolute;
  top: 0;
  right: 0;
  background: #a0daa0;
  background: linear-gradient(180deg, #a0daa0 0%, #5ebd5e 100%);
  font-family: "Roboto", serif;
  font-size: 40px;
  font-size: 4rem;
  color: #fff;
  letter-spacing: 2px;
}
@media screen and (max-width: 1000px) {
  header .contact_tel {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  header .contact_tel {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 600px) {
  header .contact_tel {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  header .contact_tel {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  header .contact_tel {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
header .contact_tel a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 15px 21px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  header .contact_tel a {
    padding: 12px 15px;
  }
}
@media screen and (max-width: 400px) {
  header .contact_tel a {
    padding: 8px 10px;
  }
}
header .contact_tel .icon {
  margin-right: 10px;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  header .contact_tel .icon img {
    width: 38.4px;
    height: 38.4px;
  }
}
@media screen and (max-width: 768px) {
  header .contact_tel .icon img {
    width: 33.6px;
    height: 33.6px;
  }
}
@media screen and (max-width: 600px) {
  header .contact_tel .icon img {
    width: 24px;
    height: 24px;
  }
}
header .contact_tel .tel_num {
  line-height: 1;
}
header .catch {
  margin-bottom: 20px;
}
@media screen and (max-width: 1250px) {
  header .catch img {
    width: 761.4px;
    /* height: 105.3px; */
  }
}
@media screen and (max-width: 1000px) {
  header .catch img {
    width: 676.8px;
    /* height: 93.6px; */
  }
}
@media screen and (max-width: 768px) {
  header .catch img {
    width: 95%;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  header .catch img {
    width: 100%;
  }
}
header .sub_catch {
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff2de;
  text-shadow: 0 0 5px #000;
  letter-spacing: 1px;
  margin: 0 0 50px 5px;
}
@media screen and (max-width: 1250px) {
  header .sub_catch {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 1000px) {
  header .sub_catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  header .sub_catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  header .sub_catch {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  header .sub_catch {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  header .sub_catch span {
    display: block;
  }
}
header .btn_area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  header .btn_area {
    max-width: 100%;
  }
}
header .btn_area > div {
  width: 360px;
}
@media screen and (max-width: 1000px) {
  header .btn_area > div {
    width: 300px;
  }
}
@media screen and (max-width: 768px) {
  header .btn_area > div {
    width: 48%;
  }
}
@media screen and (max-width: 600px) {
  header .btn_area > div {
    width: 48.5%;
  }
}
@media screen and (max-width: 480px) {
  header .btn_area > div {
    width: 100%;
  }
}
header .btn_area > div a {
  display: block;
  width: 100%;
  max-width: 360px;
  background: #f7a831;
  background: linear-gradient(180deg, #f7a831 0%, #f77731 100%);
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 900;
  font-weight: bold;
  padding: 20px 10px;
  position: relative;
}
@media screen and (max-width: 480px) {
  header .btn_area > div a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  header .btn_area > div a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1000px) {
  header .btn_area > div a {
    max-width: 300px;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  header .btn_area > div a {
    max-width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  header .btn_area > div a {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 15px 5px;
  }
}
header .btn_area .btn_recruit {
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  header .btn_area .btn_recruit {
    margin-right: 4%;
  }
}
@media screen and (max-width: 600px) {
  header .btn_area .btn_recruit {
    margin-right: 3%;
  }
}
@media screen and (max-width: 480px) {
  header .btn_area .btn_recruit {
    margin: 0 0 8px 0;
  }
}
header .btn_area .btn_online a {
  background: #53c855;
  background: linear-gradient(180deg, #53c855 0%, #40b542 100%);
}
header .btn_area .btn_online a::before {
  content: "";
  display: block;
  width: 100px;
  height: 40px;
  background: url(images/img_balloon.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -15px;
  left: 30px;
}
@media screen and (max-width: 600px) {
  header .btn_area .btn_online a::before {
	  content: "";
	  width: 80px;
	  height: 32px;
	}
}
@media screen and (max-width: 480px) {
	header .btn_area .btn_online a::before {
	  content: "";
	  left: calc(50% - 100px);
	  top: -12px;
	}
}

/* content
------------------------------------------------------------- */
.content {
  width: 100%;
}
.content section.sec_intro {
  background: url(images/bg_intro.jpg) no-repeat 0 0;
  background-size: cover;
  padding: 100px 40px 60px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .content section.sec_intro {
    padding: 80px 40px 120px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_intro {
    padding: 60px 40px 350px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_intro {
    padding: 60px 30px 320px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_intro {
    padding: 50px 25px 300px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_intro {
    padding-bottom: 260px;
  }
}
.content section.sec_intro h2 {
  font-size: 56px;
  font-size: 5.6rem;
  font-weight: 900;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_intro h2 {
    font-size: 45px;
    font-size: 4.5rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_intro h2 {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_intro h2 {
    font-size: 36px;
    font-size: 3.6rem;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_intro h2 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_intro h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
.content section.sec_intro h2 p,
.content section.sec_intro h2 span {
  display: inline-block;
}
.content section.sec_intro h2 strong {
  font-size: 70px;
  font-size: 7rem;
  color: #ee4410;
  background: linear-gradient(transparent 60%, #ffde39 60%);
}
@media screen and (max-width: 1250px) {
  .content section.sec_intro h2 strong {
    font-size: 56px;
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_intro h2 strong {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_intro h2 strong {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_intro h2 strong {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_intro h2 strong {
    font-size: 30px;
    font-size: 3rem;
  }
}
.content section.sec_intro .worry_list {
  max-width: 80%;
  margin: 0 auto 120px;
  background: rgba(255, 255, 255, 0.6);
  padding: 40px 60px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_intro .worry_list {
    max-width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_intro .worry_list {
    padding: 30px 40px;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_intro .worry_list {
    padding: 25px 30px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_intro .worry_list {
    padding: 25px;
  }
}
.content section.sec_intro .worry_list li {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 900;
  letter-spacing: 2px;
  margin-bottom: 10px;
  padding-left: 55px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_intro .worry_list li {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_intro .worry_list li {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_intro .worry_list li {
    font-size: 22px;
    font-size: 2.2rem;
    padding-left: 45px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_intro .worry_list li {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_intro .worry_list li {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 38px;
  }
}
.content section.sec_intro .worry_list li:last-child {
  margin-bottom: 0;
  padding-right: 150px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_intro .worry_list li:last-child {
    padding-right: 80px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_intro .worry_list li:last-child {
    padding-right: 0;
  }
}
.content section.sec_intro .worry_list li:before {
  content: '';
  width: 39px;
  height: 45px;
  background: url(images/img_checkbox.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 8px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_intro .worry_list li:before {
    top: 3px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_intro .worry_list li:before {
    top: -2px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_intro .worry_list li:before {
    width: 31.2px;
    height: 36px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_intro .worry_list li:before {
    width: 27.3px;
    height: 31.5px;
  }
}
.content section.sec_intro .worry_list li strong {
  font-size: 40px;
  font-size: 4rem;
  color: #ec8e03;
}
@media screen and (max-width: 1000px) {
  .content section.sec_intro .worry_list li strong {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_intro .worry_list li strong {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_intro .worry_list li strong {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_intro .worry_list li strong {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_intro .worry_list li strong {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_intro .txt_difficult {
  max-width: 90%;
  margin: 0 auto;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 900;
  letter-spacing: 2px;
  line-height: 1.4;
  transform: rotate(6deg);
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1250px) {
  .content section.sec_intro .txt_difficult {
    max-width: 100%;
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_intro .txt_difficult {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_intro .txt_difficult {
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_intro .txt_difficult {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_intro .txt_difficult {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_intro .txt_difficult {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_intro .txt_difficult strong {
  display: block;
  font-size: 78px;
  font-size: 7.8rem;
}
@media screen and (max-width: 1250px) {
  .content section.sec_intro .txt_difficult strong {
    font-size: 62px;
    font-size: 6.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_intro .txt_difficult strong {
    font-size: 54px;
    font-size: 5.4rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_intro .txt_difficult strong {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_intro .txt_difficult strong {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_intro .txt_difficult strong {
    font-size: 31px;
    font-size: 3.1rem;
  }
}
.content section.sec_intro .photo {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_intro .photo {
    right: -100px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_intro .photo {
    right: -80px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_intro .photo {
    right: 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_intro .photo {
    right: -60px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_intro .photo img {
    width: 582.4px;
    height: 377.6px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_intro .photo img {
    width: 509.6px;
    height: 330.4px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_intro .photo img {
    width: 436.8px;
    height: 283.2px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_intro .photo img {
    width: 364px;
    height: 236px;
  }
}
.content section.sec_joinus .separate_txt {
  background: #333333;
  background: linear-gradient(180deg, #333333 0%, black 100%);
  font-size: 56px;
  font-size: 5.6rem;
  color: #f19d21;
  text-align: center;
  font-weight: 900;
  letter-spacing: 4px;
  font-style: italic;
  padding: 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_joinus .separate_txt {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_joinus .separate_txt {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_joinus .separate_txt {
    font-size: 34px;
    font-size: 3.4rem;
    padding: 15px 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_joinus .separate_txt {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_joinus .separate_txt {
    font-size: 26px;
    font-size: 2.6rem;
    padding: 12px 20px;
  }
}
.content section.sec_joinus .separate_txt:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 28px solid #010101;
  border-right: 94px solid transparent;
  border-bottom: 28px solid transparent;
  border-left: 94px solid transparent;
  position: absolute;
  bottom: -55px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .content section.sec_joinus .separate_txt:after {
    border-top-width: 24px;
    border-right-width: 50px;
    border-bottom-width: 24px;
    border-left-width: 50px;
    bottom: -47px;
  }
}
.content section.sec_joinus .joinus_inner {
  background: url(images/bg_joinus.jpg) no-repeat center center;
  background-size: cover;
  padding-top: 30px;
  height: 458px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_joinus .joinus_inner {
    height: 425px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_joinus .joinus_inner {
    height: 338px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_joinus .joinus_inner {
    height: 250px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_joinus .joinus_inner {
    height: auto;
  }
}
.content section.sec_joinus .joinus_inner .joinus_box {
  max-width: 1350px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.content section.sec_joinus .joinus_inner h2 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
  width: calc(100% - 395px);
  font-size: 54px;
  font-size: 5.4rem;
  font-style: italic;
  line-height: 1.4;
  padding-top: 140px;
  padding: 140px 20px 0 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_joinus .joinus_inner h2 {
    width: calc(100% - 395px * .9);
    font-size: 44px;
    font-size: 4.4rem;
    padding-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_joinus .joinus_inner h2 {
    width: calc(100% - 395px * .7);
    font-size: 36px;
    font-size: 3.6rem;
    padding-top: 72px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_joinus .joinus_inner h2 {
    width: calc(100% - 395px * .5);
    font-size: 26px;
    font-size: 2.6rem;
    padding: 54px 0 0 10px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_joinus .joinus_inner h2 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
    width: 100%;
    padding: 20px 20px 30px;
    font-size: 34px;
    font-size: 3.4rem;
    text-align: center;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_joinus .joinus_inner h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
.content section.sec_joinus .joinus_inner h2 p:first-child {
  display: inline-block;
  font-size: 36px;
  font-size: 3.6rem;
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
  padding: 5px 20px;
  margin: 0 0 10px 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_joinus .joinus_inner h2 p:first-child {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_joinus .joinus_inner h2 p:first-child {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_joinus .joinus_inner h2 p:first-child {
    font-size: 18px;
    font-size: 1.8rem;
    margin-left: 10px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_joinus .joinus_inner h2 p:first-child {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_joinus .joinus_inner h2 p:first-child:before {
  content: '';
  width: 100%;
  height: 100%;
  background: #003265;
  transform: skew(-15deg);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.content section.sec_joinus .joinus_inner h2 p:last-child {
  display: block;
  line-height: 1.2;
}
.content section.sec_joinus .joinus_inner h2 p:last-child span {
  display: inline-block;
}
.content section.sec_joinus .joinus_inner h2 p span {
  position: relative;
  z-index: 10;
}
.content section.sec_joinus .joinus_inner .photo {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
  width: 395px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_joinus .joinus_inner .photo {
    width: 355.5px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_joinus .joinus_inner .photo {
    width: 276.5px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_joinus .joinus_inner .photo {
    width: 197.5px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_joinus .joinus_inner .photo {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_joinus .joinus_inner .photo img {
    width: 355.5px;
    height: 393.3px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_joinus .joinus_inner .photo img {
    width: 276.5px;
    height: 305.9px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_joinus .joinus_inner .photo img {
    width: 197.5px;
    height: 218.5px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_joinus .joinus_inner .photo img {
    width: 276.5px;
    height: 305.9px;
  }
}
.content section.sec_question {
  height: 460px;
  background: url(images/bg_why01.png) no-repeat center center;
  background-size: cover;
  position: relative;
  z-index: 10px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_question {
    height: 340px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_question {
    height: 280px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_question {
    height: 220px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_question {
    height: 400px;
    background: url(images/bg_why01_sp.png) no-repeat center bottom;
    background-size: cover;
  }
}
.content section.sec_question p {
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 140px;
  font-size: 44px;
  font-size: 4.4rem;
  font-weight: 900;
  letter-spacing: 4px;
  line-height: 1.5;
}
@media screen and (max-width: 1250px) {
  .content section.sec_question p {
    padding-left: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_question p {
    padding: 100px 0 0 80px;
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_question p {
    padding: 100px 0 0 50px;
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_question p {
    padding: 80px 0 0 50px;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_question p {
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
    padding: 50px 0 0 0;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_question p {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.content section.sec_job_contents {
  background: url(images/bg_job_contents.jpg) no-repeat center center;
  background-size: cover;
  padding: 140px 40px 0;
  margin-top: -90px;
}
@media screen and (max-width: 600px) {
  .content section.sec_job_contents {
    padding: 140px 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_contents {
    padding: 120px 25px 0;
  }
}
.content section.sec_job_contents h2 {
  font-size: 48px;
  font-size: 4.8rem;
  text-align: center;
  font-weight: 900;
  letter-spacing: 3px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_job_contents h2 {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_job_contents h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_contents h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_contents h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_job_contents h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
.content section.sec_job_contents h2 br {
  display: none;
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_contents h2 br {
    display: block;
  }
}
.content section.sec_job_contents h2 strong {
  font-size: 70px;
  font-size: 7rem;
}
@media screen and (max-width: 1250px) {
  .content section.sec_job_contents h2 strong {
    font-size: 60px;
    font-size: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_job_contents h2 strong {
    font-size: 54px;
    font-size: 5.4rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_contents h2 strong {
    font-size: 44px;
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_contents h2 strong {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_job_contents h2 strong {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.content section.sec_job_contents h2 strong:nth-child(2) {
  color: #f78731;
}
.content section.sec_job_contents h2 strong:nth-child(3) {
  color: #f75e2f;
}
.content section.sec_job_contents h2 strong:nth-child(3) span:before {
  background: #f75e2f;
}
.content section.sec_job_contents h2 strong span {
  position: relative;
}
.content section.sec_job_contents h2 strong span:before {
  content: '';
  width: 12px;
  height: 12px;
  background: #f78731;
  border-radius: 100px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
@media screen and (max-width: 768px) {
  .content section.sec_job_contents h2 strong span:before {
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_contents h2 strong span:before {
    width: 8px;
    height: 8px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_contents h2 strong span:before {
    width: 6px;
    height: 6px;
  }
}
.content section.sec_job_contents .job_contents {
  max-width: 920px;
  margin: 0 auto;
  border: 5px solid #101010;
}
@media screen and (max-width: 600px) {
  .content section.sec_job_contents .job_contents {
    border-width: 4px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_contents .job_contents {
    border-width: 3px;
  }
}
.content section.sec_job_contents .job_contents h3 {
  background: #ffc775;
  background: linear-gradient(180deg, #ffc775 0%, #d58309 100%);
  font-size: 50px;
  font-size: 5rem;
  color: #fff;
  text-align: center;
  font-weight: 900;
  letter-spacing: 8px;
  padding: 20px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_contents .job_contents h3 {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_job_contents .job_contents h3 {
    font-size: 38px;
    font-size: 3.8rem;
    letter-spacing: 6px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_contents .job_contents h3 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_contents .job_contents h3 {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 4px;
    padding: 15px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_job_contents .job_contents h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.content section.sec_job_contents .job_contents p {
  background: #fff;
  padding: 40px 50px;
  font-size: 46px;
  font-size: 4.6rem;
  font-weight: 900;
  letter-spacing: 4px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .content section.sec_job_contents .job_contents p {
    padding: 40px 25px;
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_contents .job_contents p {
    padding: 30px 25px;
    font-size: 34px;
    font-size: 3.4rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_contents .job_contents p {
    padding: 30px 15px;
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_job_contents .job_contents p {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 0;
  }
}
.content section.sec_job_contents .job_contents p span {
  display: inline-block;
}
.content section.sec_job_contents .job_contents p strong {
  color: #eb9b23;
}
.content section.sec_job_contents .staff_photo {
  text-align: center;
  margin-top: -50px;
  padding-left: 100px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_contents .staff_photo {
    margin-top: -30px;
    padding-left: 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_contents .staff_photo {
    margin-top: -15px;
  }
}
.content section.sec_black_company {
  height: 381px;
  background: url(images/bg_black_company.jpg) no-repeat center bottom;
  background-size: cover;
}
@media screen and (max-width: 1000px) {
  .content section.sec_black_company {
    height: 300px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_black_company {
    height: 240px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_black_company {
    height: 200px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_black_company {
    height: 420px;
    background-image: url(images/bg_black_company_sp.jpg);
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_black_company {
    height: 380px;
  }
}
.content section.sec_black_company p {
  max-width: 1000px;
  margin: 0 auto;
  padding: 150px 0 0 500px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_black_company p {
    padding: 150px 0 0 440px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_black_company p {
    padding: 120px 0 0 45%;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_black_company p {
    padding: 90px 0 0 40%;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_black_company p {
    padding: 80px 0 0 40%;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_black_company p {
    padding: 50px 0 0 0;
    text-align: center;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_black_company p img {
    width: 381.6px;
    height: 108.8px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_black_company p img {
    width: 333.9px;
    height: 95.2px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_black_company p img {
    width: 238.5px;
    height: 68px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_black_company p img {
    width: 286.2px;
    height: 81.6px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_black_company p img {
    width: 238.5px;
    height: 68px;
  }
}
.content section.sec_job_conditions {
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .content section.sec_job_conditions {
    padding: 80px 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_conditions {
    padding: 60px 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_conditions {
    padding: 50px 0;
  }
}
.content section.sec_job_conditions:before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(images/bg_job_conditions.png) repeat 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.content section.sec_job_conditions h2 {
  font-size: 90px;
  font-size: 9rem;
  text-align: center;
  font-weight: 900;
  letter-spacing: 4px;
  margin-bottom: 100px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_job_conditions h2 {
    font-size: 80px;
    font-size: 8rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_conditions h2 {
    font-size: 66px;
    font-size: 6.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_job_conditions h2 {
    font-size: 50px;
    font-size: 5rem;
    letter-spacing: 3px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_conditions h2 {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_conditions h2 {
    font-size: 34px;
    font-size: 3.4rem;
    letter-spacing: 2px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_job_conditions h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.content section.sec_job_conditions h2 span {
  position: relative;
}
.content section.sec_job_conditions h2 span:before {
  content: '';
  width: 2px;
  height: 180px;
  background: #101010;
  position: absolute;
  top: 0;
  left: -40px;
  transform: rotate(-15deg);
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_conditions h2 span:before {
    height: 150px;
    left: -35px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_job_conditions h2 span:before {
    height: 100px;
    left: -25px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_conditions h2 span:before {
    height: 80px;
    left: -20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_conditions h2 span:before {
    height: 70px;
    left: -15px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_job_conditions h2 span:before {
    height: 60px;
  }
}
.content section.sec_job_conditions h2 span:after {
  content: '';
  width: 2px;
  height: 180px;
  background: #101010;
  position: absolute;
  top: 0;
  right: -40px;
  transform: rotate(15deg);
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_conditions h2 span:after {
    height: 150px;
    right: -35px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_job_conditions h2 span:after {
    height: 100px;
    right: -25px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_conditions h2 span:after {
    height: 80px;
    right: -20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_conditions h2 span:after {
    height: 70px;
    right: -15px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_job_conditions h2 span:after {
    height: 60px;
  }
}
.content section.sec_job_conditions .conditions_detail {
  max-width: 980px;
  margin: 0 auto 80px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_job_conditions .conditions_detail {
    max-width: 820px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_conditions .conditions_detail {
    max-width: 700px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_job_conditions .conditions_detail {
    max-width: 80%;
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_job_conditions .conditions_detail {
    margin-bottom: 100px;
  }
}
.content section.sec_job_conditions .conditions_detail .ttl {
  display: inline-block;
  background: #003265;
  font-size: 38px;
  font-size: 3.8rem;
  color: #fff;
  font-weight: 900;
  letter-spacing: 4px;
  padding: 10px 30px;
  position: relative;
  bottom: -20px;
  left: -40px;
  z-index: 10;
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_conditions .conditions_detail .ttl {
    font-size: 30px;
    font-size: 3rem;
    left: -20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_job_conditions .conditions_detail .ttl {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_conditions .conditions_detail .ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_conditions .conditions_detail .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_job_conditions .conditions_detail .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_job_conditions .conditions_detail .ttl:before {
  content: '';
  width: 51px;
  height: 42px;
  background: url(images/img_icon_star01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -35px;
  left: -33px;
}
@media screen and (max-width: 480px) {
  .content section.sec_job_conditions .conditions_detail .ttl:before {
    width: 40.8px;
    height: 33.6px;
    left: -20px;
  }
}
.content section.sec_job_conditions .conditions_detail .ttl:after {
  content: '';
  width: 70px;
  height: 85px;
  background: url(images/img_icon_star02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 15px;
  right: -240px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_job_conditions .conditions_detail .ttl:after {
    top: -15px;
    right: -160px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_job_conditions .conditions_detail .ttl:after {
    right: -90px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_conditions .conditions_detail .ttl:after {
    width: 56px;
    height: 68px;
    right: -70px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_conditions .conditions_detail .ttl:after {
    width: 42px;
    height: 51px;
    right: -50px;
  }
}
.content section.sec_job_conditions .conditions_detail ul {
  border: 4px solid #101010;
  padding: 50px 80px 60px;
  background: #ffe6c1;
  background: linear-gradient(180deg, #ffe6c1 0%, white 100%);
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_job_conditions .conditions_detail ul {
    padding: 50px 20px;
  }
}
.content section.sec_job_conditions .conditions_detail ul:before {
  content: '';
  width: 100%;
  height: 100%;
  background: #101010;
  position: absolute;
  bottom: -12px;
  right: -12px;
  z-index: -1;
}
.content section.sec_job_conditions .conditions_detail ul:after {
  content: '';
  width: 274px;
  height: 110px;
  background: url(images/img_txt_treatment.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -58px;
  right: -82px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_conditions .conditions_detail ul:after {
    width: 246.6px;
    height: 99px;
    bottom: -44px;
    right: -48px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_job_conditions .conditions_detail ul:after {
    width: 191.8px;
    height: 77px;
    bottom: -35px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_conditions .conditions_detail ul:after {
    width: 164.4px;
    height: 66px;
    bottom: -25px;
    right: -35px;
  }
}
.content section.sec_job_conditions .conditions_detail ul li {
  font-size: 52px;
  font-size: 5.2rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_job_conditions .conditions_detail ul li {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_conditions .conditions_detail ul li {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_job_conditions .conditions_detail ul li {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_conditions .conditions_detail ul li {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_conditions .conditions_detail ul li {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_job_conditions .conditions_detail ul li {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_job_conditions .conditions_detail ul li strong {
  color: #e33e18;
  background: linear-gradient(transparent 60%, #ffde39 60%);
}
.content section.sec_job_conditions .image_discard {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: start;
  -moz-align-items: start;
  align-items: start;
}
@media screen and (max-width: 768px) {
  .content section.sec_job_conditions .image_discard {
    display: block;
  }
}
.content section.sec_job_conditions .image_discard .txt_area {
  width: 52.83%;
  margin: 6.66% 4.16% 0% 0%;
  margin-top: 80px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_job_conditions .image_discard .txt_area {
    text-align: center;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_conditions .image_discard .txt_area {
    margin-top: 4%;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_job_conditions .image_discard .txt_area {
    width: 100%;
    max-width: 540px;
    margin: 0 auto 100px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_conditions .image_discard .txt_area {
    max-width: 100%;
    max-width: 440px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_conditions .image_discard .txt_area {
    max-width: 360px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_job_conditions .image_discard .txt_area {
    max-width: 280px;
  }
}
.content section.sec_job_conditions .image_discard .txt_area:before {
  content: '';
  width: 100%;
  height: 32px;
  background: url(images/bg_discard_line.png) repeat-x 0 0;
  position: absolute;
  top: -50px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_conditions .image_discard .txt_area:before {
    height: 24px;
    top: -45px;
  }
}
.content section.sec_job_conditions .image_discard .txt_area:after {
  content: '';
  width: 100%;
  height: 32px;
  background: url(images/bg_discard_line.png) repeat-x 0 0;
  position: absolute;
  bottom: -60px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_conditions .image_discard .txt_area:after {
    height: 24px;
    bottom: -55px;
  }
}
.content section.sec_job_conditions .image_discard .txt_area p {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 900;
  letter-spacing: 3px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_job_conditions .image_discard .txt_area p {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_conditions .image_discard .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_job_conditions .image_discard .txt_area p {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_conditions .image_discard .txt_area p {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_conditions .image_discard .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_job_conditions .image_discard .txt_area p {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
.content section.sec_job_conditions .image_discard .txt_area p strong {
  display: block;
  font-size: 74px;
  font-size: 7.4rem;
  line-height: 1.2;
  letter-spacing: 2px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_job_conditions .image_discard .txt_area p strong {
    font-size: 60px;
    font-size: 6rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_conditions .image_discard .txt_area p strong {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_job_conditions .image_discard .txt_area p strong {
    font-size: 58px;
    font-size: 5.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_job_conditions .image_discard .txt_area p strong {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_job_conditions .image_discard .txt_area p strong {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_job_conditions .image_discard .txt_area p strong {
    font-size: 34px;
    font-size: 3.4rem;
    letter-spacing: 1px;
  }
}
.content section.sec_job_conditions .image_discard .photo {
  width: 43%;
}
@media screen and (max-width: 1000px) {
  .content section.sec_job_conditions .image_discard .photo {
    width: 36%;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_job_conditions .image_discard .photo {
    width: 100%;
    text-align: center;
  }
}
.content section.sec_good_conditions h2 {
  background: #333333;
  background: linear-gradient(180deg, #333333 0%, black 100%);
  font-size: 46px;
  font-size: 4.6rem;
  color: #fff;
  text-align: center;
  font-weight: 900;
  letter-spacing: 4px;
  padding: 18px 15px 25px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions h2 {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions h2 {
    font-size: 34px;
    font-size: 3.4rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions h2 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
    padding: 12px 15px 15px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_good_conditions h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
.content section.sec_good_conditions h2:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 28px solid #010101;
  border-right: 94px solid transparent;
  border-bottom: 28px solid transparent;
  border-left: 94px solid transparent;
  position: absolute;
  bottom: -55px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions h2:after {
    border-top-width: 24px;
    border-right-width: 50px;
    border-bottom-width: 24px;
    border-left-width: 50px;
    bottom: -47px;
  }
}
.content section.sec_good_conditions h2 strong {
  font-size: 56px;
  font-size: 5.6rem;
  color: #f19d21;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions h2 strong {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions h2 strong {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions h2 strong {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions h2 strong {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_good_conditions h2 strong {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.content section.sec_good_conditions h2 strong:after {
  content: '';
  width: 50px;
  height: 58px;
  background: url(images/img_icon_arm.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -47px;
  right: -30px;
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions h2 strong:after {
    width: 40px;
    height: 46.4px;
    top: -40px;
    right: -24px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions h2 strong:after {
    width: 35px;
    height: 40.6px;
    top: -38px;
    right: -22px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_good_conditions h2 strong:after {
    width: 30px;
    height: 34.8px;
    top: -28px;
    right: -22px;
  }
}
.content section.sec_good_conditions .good_conditions_inner {
  background: url(images/bg_good_conditions.jpg) no-repeat 0 0;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.content section.sec_good_conditions .good_conditions_inner:before {
  content: '';
  width: 208px;
  height: 412px;
  background: url(images/img_illust_ink01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 280px;
  left: 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_good_conditions .good_conditions_inner:before {
    width: 166.4px;
    height: 329.6px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions .good_conditions_inner:before {
    width: 124.8px;
    height: 247.2px;
    left: -10px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions .good_conditions_inner:before {
    width: 83.2px;
    height: 164.8px;
    left: 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner:before {
    width: 62.4px;
    height: 123.6px;
    left: 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner:before {
    width: 41.6px;
    height: 82.4px;
    top: 220px;
    left: 0;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_good_conditions .good_conditions_inner:before {
    top: 180px;
  }
}
.content section.sec_good_conditions .good_conditions_inner:after {
  content: '';
  width: 322px;
  height: 858px;
  background: url(images/img_illust_ink02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50px;
  right: 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_good_conditions .good_conditions_inner:after {
    width: 257.6px;
    height: 686.4px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions .good_conditions_inner:after {
    width: 225.4px;
    height: 600.6px;
    right: -50px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions .good_conditions_inner:after {
    width: 161px;
    height: 429px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner:after {
    width: 128.8px;
    height: 343.2px;
    right: -40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner:after {
    width: 96.6px;
    height: 257.4px;
    right: -30px;
  }
}
.content section.sec_good_conditions .good_conditions_inner .job_good_point {
  max-width: 1100px;
  margin: 0 auto 80px;
  padding-top: 100px;
  text-align: center;
  background: url(images/bg_glow.png) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions .good_conditions_inner .job_good_point {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner .job_good_point {
    padding-top: 80px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_good_conditions .good_conditions_inner .job_good_point {
    padding-top: 60px;
    margin-bottom: 0;
  }
}
.content section.sec_good_conditions .good_conditions_inner .job_good_point li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: inline-block;
  margin-bottom: 60px;
  transform: rotate(-3deg);
  position: relative;
  z-index: 10;
}
.content section.sec_good_conditions .good_conditions_inner .job_good_point li:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #101010;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.content section.sec_good_conditions .good_conditions_inner .job_good_point li .num {
  display: inline-block;
  font-family: "Roboto", serif;
  font-size: 164px;
  font-size: 16.4rem;
  font-weight: 700;
  color: #f19d21;
  text-align: left;
  line-height: 1;
  margin-right: 30px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_good_conditions .good_conditions_inner .job_good_point li .num {
    font-size: 148px;
    font-size: 14.8rem;
    margin-right: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions .good_conditions_inner .job_good_point li .num {
    font-size: 120px;
    font-size: 12rem;
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions .good_conditions_inner .job_good_point li .num {
    font-size: 90px;
    font-size: 9rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner .job_good_point li .num {
    font-size: 78px;
    font-size: 7.8rem;
    margin-right: 5px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner .job_good_point li .num {
    font-size: 58px;
    font-size: 5.8rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_good_conditions .good_conditions_inner .job_good_point li .num {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
.content section.sec_good_conditions .good_conditions_inner .job_good_point li .txt {
  display: inline-block;
  font-size: 56px;
  font-size: 5.6rem;
  font-weight: 900;
  text-align: left;
  letter-spacing: 2px;
  line-height: 1.2;
}
@media screen and (max-width: 1250px) {
  .content section.sec_good_conditions .good_conditions_inner .job_good_point li .txt {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions .good_conditions_inner .job_good_point li .txt {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions .good_conditions_inner .job_good_point li .txt {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner .job_good_point li .txt {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner .job_good_point li .txt {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_good_conditions .good_conditions_inner .job_good_point li .txt {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
.content section.sec_good_conditions .good_conditions_inner .job_good_point li .txt strong {
  color: #f19d21;
}
.content section.sec_good_conditions .good_conditions_inner .job_good_point li:nth-child(2) .num {
  color: #fd8318;
}
.content section.sec_good_conditions .good_conditions_inner .job_good_point li:nth-child(2) .txt strong {
  color: #fd8318;
}
.content section.sec_good_conditions .good_conditions_inner .job_good_point li:nth-child(3) .num {
  color: #ff681c;
}
.content section.sec_good_conditions .good_conditions_inner .job_good_point li:nth-child(3) .txt strong {
  color: #ff681c;
}
.content section.sec_good_conditions .good_conditions_inner .conditions_detail {
  max-width: 1180px;
  margin: 0 auto;
  padding: 40px 40px 0;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail {
    padding: 40px 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail {
    padding: 40px 25px 0;
  }
}
.content section.sec_good_conditions .good_conditions_inner .conditions_detail h3 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail h3 {
    top: 7px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail h3 {
    top: 10px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail h3 {
    top: 14px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail h3 {
    top: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail h3 {
    top: 24px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail h3 img {
    width: 264px;
    height: 68.8px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail h3 img {
    width: 231px;
    height: 60.2px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail h3 img {
    width: 198px;
    height: 51.6px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail h3 img {
    width: 165px;
    height: 43px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail h3 img {
    width: 132px;
    height: 34.4px;
  }
}
.content section.sec_good_conditions .good_conditions_inner .conditions_detail ul {
  border: 5px solid #101010;
  padding: 80px 100px 60px;
  background: #fff url(images/bg_good_conditions_list.png) repeat 0 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul {
    padding: 80px 50px 60px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul {
    padding: 80px 40px 60px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul {
    padding: 60px 30px 50px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul {
    padding: 50px 20px 40px;
  }
}
.content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li {
    margin-bottom: 30px;
  }
}
.content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li:last-child {
  margin-bottom: 0;
}
.content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li .icon {
  width: 50px;
  height: 50px;
  background: #e6a039;
  border-radius: 6px;
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1;
  padding-top: 7px;
  margin-right: 20px;
  position: relative;
  top: 14px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li .icon {
    top: 7px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li .icon {
    width: 46px;
    height: 46px;
    font-size: 12px;
    font-size: 1.2rem;
    margin-right: 15px;
    top: 1px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li .icon {
    width: 42px;
    height: 42px;
    border-radius: 4px;
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li .icon {
    width: 40px;
    height: 40px;
    top: -2px;
    margin-right: 10px;
  }
}
.content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li .icon .num {
  display: block;
  font-family: "Roboto", serif;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li .icon .num {
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: 3px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li .icon .num {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 1px;
  }
}
.content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li .ttl {
  width: calc(100% - 70px);
  font-size: 50px;
  font-size: 5rem;
  font-weight: 900;
  letter-spacing: 2px;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li .ttl {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li .ttl {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li .ttl {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li .ttl {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li .ttl {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.content section.sec_good_conditions .good_conditions_inner .conditions_detail ul li .ttl strong {
  color: #f19409;
}
.content section.sec_good_conditions .good_conditions_inner .outro {
  position: relative;
  padding: 80px 0 100px;
  overflow: hidden;
}
@media screen and (max-width: 1250px) {
  .content section.sec_good_conditions .good_conditions_inner .outro {
    padding: 40px 40px 180px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions .good_conditions_inner .outro {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner .outro {
    padding: 40px 30px 50px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner .outro {
    padding: 40px 25px 50px;
  }
}
.content section.sec_good_conditions .good_conditions_inner .outro p {
  font-size: 44px;
  font-size: 4.4rem;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 2px;
  font-weight: 900;
  margin-bottom: 60px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1250px) {
  .content section.sec_good_conditions .good_conditions_inner .outro p {
    font-size: 36px;
    font-size: 3.6rem;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions .good_conditions_inner .outro p {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 130px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions .good_conditions_inner .outro p {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 160px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner .outro p {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner .outro p {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_good_conditions .good_conditions_inner .outro .btn_recruit {
  margin-bottom: 20px;
  position: relative;
  z-index: 10;
}
.content section.sec_good_conditions .good_conditions_inner .outro .btn_recruit a {
  display: block;
  width: 100%;
  max-width: 360px;
  background: #f7a831;
  background: linear-gradient(180deg, #f7a831 0%, #f77731 100%);
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 900;
  font-weight: bold;
  padding: 20px 10px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_recruit a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_recruit a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_recruit {
    margin-bottom: 10px;
  }
}
.content section.sec_good_conditions .good_conditions_inner .outro .btn_recruit a {
  max-width: 690px;
  margin: 0 auto;
  padding: 30px 20px;
  font-size: 36px;
  font-size: 3.6rem;
  border-radius: 14px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_recruit a {
    max-width: 560px;
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_recruit a {
    max-width: 480px;
    font-size: 26px;
    font-size: 2.6rem;
    padding: 25px 20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_recruit a {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 22px 5px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_recruit a {
    max-width: 95%;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_recruit a {
    font-size: 19px;
    font-size: 1.9rem;
    border-radius: 10px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_recruit a {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0;
  }
}
.content section.sec_good_conditions .good_conditions_inner .outro .btn_online {
  position: relative;
  z-index: 10;
}
.content section.sec_good_conditions .good_conditions_inner .outro .btn_online a {
  display: block;
  width: 100%;
  max-width: 360px;
  background: #f7a831;
  background: linear-gradient(180deg, #f7a831 0%, #f77731 100%);
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 900;
  font-weight: bold;
  padding: 20px 10px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_online a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_online a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_good_conditions .good_conditions_inner .outro .btn_online a {
  max-width: 690px;
  margin: 0 auto;
  padding: 30px 20px;
  font-size: 36px;
  font-size: 3.6rem;
  border-radius: 14px;
  background: #53c855;
  background: linear-gradient(180deg, #53c855 0%, #40b542 100%);
}
.content section.sec_good_conditions .good_conditions_inner .outro .btn_online a::before {
  content: "";
  display: block;
  width: 120px;
  height: 50px;
  background: url(images/img_balloon.png) no-repeat;
  background-size: auto;
  background-size: contain;
  position: absolute;
  top: -8px;
  left: calc(50% - 180px);
}
@media screen and (max-width: 1250px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_online a {
    max-width: 560px;
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_online a {
    max-width: 480px;
    font-size: 26px;
    font-size: 2.6rem;
    padding: 25px 20px;
  }
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_online a::before {
	  content: "";
	  width: 90px;
	  height: 38px;
	  top: -8px;
	  left: calc(50% - 140px);
	}
}
@media screen and (max-width: 768px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_online a {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 22px 5px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_online a {
    max-width: 95%;
    font-size: 22px;
    font-size: 2.2rem;
    padding: 22px 5px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_online a {
    font-size: 19px;
    font-size: 1.9rem;
    border-radius: 10px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .btn_online a {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0;
  }
}
.content section.sec_good_conditions .good_conditions_inner .outro .photo {
  position: absolute;
  bottom: 0;
  right: -50px;
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .photo {
    display: none;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .photo img {
    width: 345.6px;
    height: 352px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .photo img {
    width: 302.4px;
    height: 308px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_good_conditions .good_conditions_inner .outro .photo img {
    width: 259.2px;
    height: 264px;
  }
}
.content section.staff_photo_gallery ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.content section.staff_photo_gallery ul li {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .content section.staff_photo_gallery ul li {
    width: 50%;
  }
}
@media screen and (max-width: 1000px) {
  .content section.staff_photo_gallery ul li img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: 50% 50%;
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
  .content section.staff_photo_gallery ul li img {
    height: auto;
  }
}

.content section.sec_change {
  overflow: hidden;
}
.content section.sec_change .change_question {
  max-width: 960px;
  height: 416px;
  margin: 0 auto;
  background: url(images/bg_question_staff.png) no-repeat right bottom;
}
@media screen and (max-width: 1000px) {
  .content section.sec_change .change_question {
    height: 300px;
    background-position: 90% bottom;
    background-size: auto 300px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change .change_question {
    height: 240px;
    background-position: 90% bottom;
    background-size: auto 240px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .change_question {
    background-position: right bottom;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_change .change_question {
    height: 220px;
    background-size: auto 220px;
  }
}
.content section.sec_change .change_question p {
  font-size: 44px;
  font-size: 4.4rem;
  font-weight: 900;
  letter-spacing: 4px;
  line-height: 1.4;
  padding-top: 180px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_change .change_question p {
    padding: 150px 0 0 50px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_change .change_question p {
    padding: 100px 0 0 80px;
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_change .change_question p {
    padding: 120px 0 0 50px;
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change .change_question p {
    padding: 100px 0 0 30px;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .change_question p {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_change .change_question p {
    padding-left: 15px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.content section.sec_change .separate_txt {
  background: #fcba59;
  background: linear-gradient(180deg, #fcba59 0%, #f19d21 100%);
  font-size: 46px;
  font-size: 4.6rem;
  text-align: center;
  font-weight: 900;
  letter-spacing: 4px;
  padding: 20px;
  margin-bottom: 80px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_change .separate_txt {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_change .separate_txt {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change .separate_txt {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .separate_txt {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
    padding: 12px 5px 15px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_change .separate_txt {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
.content section.sec_change .separate_txt:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 28px solid #f19d21;
  border-right: 94px solid transparent;
  border-bottom: 28px solid transparent;
  border-left: 94px solid transparent;
  position: absolute;
  bottom: -55px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 480px) {
  .content section.sec_change .separate_txt:after {
    border-top-width: 24px;
    border-right-width: 50px;
    border-bottom-width: 24px;
    border-left-width: 50px;
    bottom: -47px;
  }
}
.content section.sec_change h2 {
  text-align: center;
  margin-bottom: 60px;
  position: relative;
  left: -50px;
}
@media screen and (max-width: 600px) {
  .content section.sec_change h2 {
    left: -40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change h2 {
    left: -35px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_change h2 {
    left: -30px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_change h2 img {
    width: 405.9px;
    height: 126.9px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change h2 img {
    width: 360.8px;
    height: 112.8px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change h2 img {
    width: 315.7px;
    height: 98.7px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_change h2 img {
    width: 270.6px;
    height: 84.6px;
  }
}
.content section.sec_change .lead {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 900;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .content section.sec_change .lead {
    font-size: 30px;
    font-size: 3rem;
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change .lead {
    font-size: 26px;
    font-size: 2.6rem;
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .lead {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 0 25px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_change .lead {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.content section.sec_change .lead span {
  display: inline-block;
}
.content section.sec_change .president_change {
  padding: 80px 0 100px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_change .president_change {
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .president_change {
    padding-top: 60px;
  }
}
.content section.sec_change .president_change:after {
  content: '';
  width: 100%;
  height: 100%;
  background: #1c1c1c;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: skewY(5deg);
}
.content section.sec_change .president_change .change_inner {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_change .president_change .change_inner {
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change .president_change .change_inner {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .president_change .change_inner {
    padding: 0 25px;
  }
}
.content section.sec_change .president_change .photo {
  position: absolute;
  bottom: -190px;
  right: -50px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_change .president_change .photo {
    right: 15px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_change .president_change .photo img {
    width: 274.4px;
    height: 379.2px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_change .president_change .photo img {
    width: 240.1px;
    height: 331.8px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change .president_change .photo img {
    width: 205.8px;
    height: 284.4px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .president_change .photo img {
    width: 171.5px;
    height: 237px;
  }
}
.content section.sec_change .president_change p {
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 2px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_change .president_change p {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_change .president_change p {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_change .president_change p {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change .president_change p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .president_change p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_change .president_change p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_change .president_change p strong {
  display: block;
  font-size: 64px;
  font-size: 6.4rem;
  color: #f19d21;
  line-height: 1.2;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_change .president_change p strong {
    font-size: 58px;
    font-size: 5.8rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_change .president_change p strong {
    font-size: 54px;
    font-size: 5.4rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_change .president_change p strong {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change .president_change p strong {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .president_change p strong {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_change .president_change p strong {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_change .president_change p br {
    display: none;
  }
}
.content section.sec_change .president_change p.president_voice {
  padding-right: 140px;
}
@media screen and (max-width: 480px) {
  .content section.sec_change .president_change p.president_voice {
    padding-right: 110px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_change .president_change p.president_voice {
    padding-right: 100px;
  }
}
.content section.sec_change .president_change_now {
  padding: 120px 0 230px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_change .president_change_now {
    padding: 100px 0 230px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .president_change_now {
    padding: 80px 0 200px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_change .president_change_now {
    padding: 80px 0 160px;
  }
}
.content section.sec_change .president_change_now:after {
  content: '';
  width: 100%;
  height: 100%;
  background: #f19d21;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  transform: skewY(-5deg);
}
.content section.sec_change .president_change_now .change_inner {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_change .president_change_now .change_inner {
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change .president_change_now .change_inner {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .president_change_now .change_inner {
    padding: 0 25px;
  }
}
.content section.sec_change .president_change_now .photo {
  position: absolute;
  bottom: -315px;
  left: -20px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_change .president_change_now .photo {
    left: 0;
    padding-right: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change .president_change_now .photo {
    bottom: -285px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .president_change_now .photo {
    bottom: -245px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_change .president_change_now .photo {
    bottom: -200px;
  }
}
.content section.sec_change .president_change_now p {
  font-size: 28px;
  font-size: 2.8rem;
  text-align: center;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .content section.sec_change .president_change_now p {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change .president_change_now p {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .president_change_now p {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_change .president_change_now p strong {
  display: block;
  font-size: 64px;
  font-size: 6.4rem;
  margin-bottom: 30px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_change .president_change_now p strong {
    font-size: 58px;
    font-size: 5.8rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_change .president_change_now p strong {
    font-size: 54px;
    font-size: 5.4rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_change .president_change_now p strong {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change .president_change_now p strong {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .president_change_now p strong {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_change .president_change_now p strong {
    font-size: 30px;
    font-size: 3rem;
  }
}
.content section.sec_change .president_change_now p span {
  display: inline-block;
}
.content section.sec_change .question_about_job {
  margin-top: -80px;
  position: relative;
}
.content section.sec_change .question_about_job:after {
  content: '';
  width: 100%;
  height: 100%;
  background: #e5e5e5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -3;
}
.content section.sec_change .question_about_job .question_inner {
  max-width: 1100px;
  height: 460px;
  margin: 0 auto;
  padding: 240px 0 0 100px;
  background: url(images/bg_why03.png) no-repeat 90% bottom;
}
@media screen and (max-width: 1000px) {
  .content section.sec_change .question_about_job .question_inner {
    height: 400px;
    padding: 220px 0 0 60px;
    background-size: auto 315px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_change .question_about_job .question_inner {
    height: 370px;
    padding: 210px 0 0 40px;
    background-size: auto 270px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change .question_about_job .question_inner {
    height: 330px;
    padding: 190px 0 0 30px;
    background-size: auto 220px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .question_about_job .question_inner {
    height: 310px;
    padding: 190px 0 0 30px;
    background-position: 95% bottom;
    background-size: auto 190px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_change .question_about_job .question_inner {
    height: 290px;
    padding: 190px 0 0 15px;
    background-size: auto 170px;
  }
}
.content section.sec_change .question_about_job p {
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .content section.sec_change .question_about_job p {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_change .question_about_job p {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change .question_about_job p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .question_about_job p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_change .question_about_job p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_change .question_about_job p strong {
  display: block;
  font-size: 52px;
  font-size: 5.2rem;
}
@media screen and (max-width: 1000px) {
  .content section.sec_change .question_about_job p strong {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_change .question_about_job p strong {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_change .question_about_job p strong {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_change .question_about_job p strong {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_change .question_about_job p strong {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_feature .separate_txt {
  background: #333333;
  background: linear-gradient(180deg, #333333 0%, black 100%);
  font-size: 26px;
  font-size: 2.6rem;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  padding: 50px 20px 0;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_feature .separate_txt {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_feature .separate_txt {
    padding-top: 40px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_feature .separate_txt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_feature .separate_txt {
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_feature .separate_txt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_feature .separate_txt:after {
  content: '';
  width: 100%;
  height: 108px;
  background: url(images/bg_separate_reason.png) center bottom;
  position: absolute;
  bottom: -103px;
  left: 0;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .content section.sec_feature .separate_txt:after {
    height: 80px;
    bottom: -78px;
  }
}
.content section.sec_feature .separate_txt strong {
  display: block;
  font-size: 38px;
  font-size: 3.8rem;
  color: #f19d21;
  line-height: 1.2;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_feature .separate_txt strong {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_feature .separate_txt strong {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_feature .separate_txt strong {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_feature .separate_txt strong {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_feature .separate_txt strong br {
    display: none;
  }
}
.content section.sec_feature .feature_inner {
  background: url(images/bg_feature.jpg) no-repeat 0 0;
  background-size: cover;
  padding: 180px 40px 120px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_feature .feature_inner {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_feature .feature_inner {
    padding: 150px 40px 180px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_feature .feature_inner {
    padding: 120px 30px 180px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_feature .feature_inner {
    padding: 120px 25px 180px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_feature .feature_inner {
    padding-bottom: 160px;
  }
}
.content section.sec_feature .feature_inner h2 {
  text-align: center;
}
.content section.sec_feature .feature_inner h2 .lead {
  display: inline-block;
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  text-align: center;
  padding: 5px 20px;
  background: url(images/bg_ttl_feature.png) no-repeat 0 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_feature .feature_inner h2 .lead {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_feature .feature_inner h2 .lead {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_feature .feature_inner h2 .lead {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_feature .feature_inner h2 .lead {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_feature .feature_inner h2 .lead {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 5px 10px;
  }
}
.content section.sec_feature .feature_inner h2 p {
  font-size: 80px;
  font-size: 8rem;
}
@media screen and (max-width: 1000px) {
  .content section.sec_feature .feature_inner h2 p {
    font-size: 72px;
    font-size: 7.2rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_feature .feature_inner h2 p {
    font-size: 56px;
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_feature .feature_inner h2 p {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_feature .feature_inner h2 p {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_feature .feature_inner h2 p {
    font-size: 30px;
    font-size: 3rem;
  }
}
.content section.sec_feature .feature_inner h2 p strong {
  font-size: 98px;
  font-size: 9.8rem;
}
@media screen and (max-width: 1000px) {
  .content section.sec_feature .feature_inner h2 p strong {
    font-size: 88px;
    font-size: 8.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_feature .feature_inner h2 p strong {
    font-size: 70px;
    font-size: 7rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_feature .feature_inner h2 p strong {
    font-size: 60px;
    font-size: 6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_feature .feature_inner h2 p strong {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_feature .feature_inner h2 p strong {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
.content section.sec_feature .feature_inner h2 p strong:first-child {
  font-size: 108px;
  font-size: 10.8rem;
}
@media screen and (max-width: 1000px) {
  .content section.sec_feature .feature_inner h2 p strong:first-child {
    font-size: 100px;
    font-size: 10rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_feature .feature_inner h2 p strong:first-child {
    font-size: 80px;
    font-size: 8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_feature .feature_inner h2 p strong:first-child {
    font-size: 70px;
    font-size: 7rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_feature .feature_inner h2 p strong:first-child {
    font-size: 60px;
    font-size: 6rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_feature .feature_inner h2 p strong:first-child {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
.content section.sec_feature .feature_inner h2 p .color_red {
  color: #f75e2f;
}
.content section.sec_feature .feature_inner .feature_list {
  max-width: 1100px;
  margin: -66px auto 0;
  background: rgba(255, 255, 255, 0.7);
  padding: 100px 60px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_feature .feature_inner .feature_list {
    padding: 100px 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_feature .feature_inner .feature_list {
    margin-top: -50px;
    padding: 80px 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_feature .feature_inner .feature_list {
    margin-top: -45px;
    padding: 80px 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_feature .feature_inner .feature_list {
    margin-top: -40px;
    padding: 70px 25px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_feature .feature_inner .feature_list {
    margin-top: -30px;
    padding: 60px 25px;
  }
}
.content section.sec_feature .feature_inner .feature_list li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 50px;
}
.content section.sec_feature .feature_inner .feature_list li:last-child {
  margin-bottom: 0;
}
.content section.sec_feature .feature_inner .feature_list li .num {
  width: 102px;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .content section.sec_feature .feature_inner .feature_list li .num {
    width: 84px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_feature .feature_inner .feature_list li .num {
    width: 72px;
    margin-right: 15px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_feature .feature_inner .feature_list li .num {
    width: 64px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_feature .feature_inner .feature_list li .num img {
    width: 84px;
    height: 84px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_feature .feature_inner .feature_list li .num img {
    width: 72px;
    height: 72px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_feature .feature_inner .feature_list li .num img {
    width: 64px;
    height: 64px;
  }
}
.content section.sec_feature .feature_inner .feature_list li p {
  width: calc(100% - 122px);
  font-size: 38px;
  font-size: 3.8rem;
  letter-spacing: 1px;
  line-height: 1.2;
}
@media screen and (max-width: 1000px) {
  .content section.sec_feature .feature_inner .feature_list li p {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_feature .feature_inner .feature_list li p {
    width: calc(100% - 104px);
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_feature .feature_inner .feature_list li p {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_feature .feature_inner .feature_list li p {
    width: calc(100% - 87px);
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_feature .feature_inner .feature_list li p {
    width: calc(100% - 79px);
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.content section.sec_feature .feature_inner .feature_list li p strong {
  color: #f75e2f;
}
.content section.sec_feature .feature_inner .photo {
  position: absolute;
  bottom: 0;
  right: 3%;
}
@media screen and (max-width: 1250px) {
  .content section.sec_feature .feature_inner .photo {
    right: 5px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_feature .feature_inner .photo img {
    width: 278.4px;
    height: 368px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_feature .feature_inner .photo img {
    width: 243.6px;
    height: 322px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_feature .feature_inner .photo img {
    width: 208.8px;
    height: 276px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_feature .feature_inner .photo img {
    width: 174px;
    height: 230px;
  }
}
.content section.sec_staff_comment {
  background: url(images/bg_staff_comment.jpg) no-repeat 0 0;
  background-size: cover;
  padding: 80px 40px;
}
@media screen and (max-width: 768px) {
  .content section.sec_staff_comment {
    padding: 70px 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_staff_comment {
    padding: 60px 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_staff_comment {
    padding: 50px 25px;
  }
}
.content section.sec_staff_comment h2 {
  font-size: 40px;
  font-size: 4rem;
  color: #f19d21;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_staff_comment h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_staff_comment h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_staff_comment h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_staff_comment h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_staff_comment h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.content section.sec_staff_comment .comment_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1160px;
  margin: 0 auto;
}
.content section.sec_staff_comment .comment_list li {
  width: 44.82%;
  margin: 0% 2.58% 0% 2.58%;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .content section.sec_staff_comment .comment_list li {
    width: 48.5%;
    margin: 0 3% 0 0;
  }
  .content section.sec_staff_comment .comment_list li:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_staff_comment .comment_list li {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
.content section.sec_staff_comment .comment_list li .comment_info {
  padding: 35px 30px;
}
@media screen and (max-width: 600px) {
  .content section.sec_staff_comment .comment_list li .comment_info {
    padding: 30px 20px;
  }
}
.content section.sec_staff_comment .comment_list li .name {
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .content section.sec_staff_comment .comment_list li .name {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_staff_comment .comment_list li .name {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.content section.sec_staff_comment .comment_list li .name span {
  font-size: 18px;
  font-size: 1.8rem;
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .content section.sec_staff_comment .comment_list li .name span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_staff_comment .comment_list li .name span {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_staff_comment .comment_list li .comment {
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .content section.sec_staff_comment .comment_list li .comment {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_staff_comment .comment_list li .comment {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_staff_comment .comment_list li .comment strong {
  color: #ea9312;
}
.content section.sec_muscle {
  background: url(images/bg_muscle.jpg) no-repeat center center;
  background-size: cover;
  padding: 180px 40px 100px;
  overflow: hidden;
}
@media screen and (max-width: 1250px) {
  .content section.sec_muscle {
    padding: 65px 30px 100px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_muscle {
    padding: 60px 30px 100px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_muscle {
    padding: 50px 25px 100px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_muscle {
    padding: 40px 25px 100px;
  }
}
.content section.sec_muscle .muscle_inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.content section.sec_muscle h2 {
  margin-bottom: 100px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .content section.sec_muscle h2 {
    text-align: center;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_muscle h2 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_muscle h2 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_muscle h2 img {
    width: 635.4px;
    height: 228.6px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_muscle h2 img {
    width: 100%;
    height: auto;
  }
}
.content section.sec_muscle p {
  font-size: 32px;
  font-size: 3.2rem;
  margin-bottom: 100px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1250px) {
  .content section.sec_muscle p {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 180px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_muscle p {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_muscle p {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_muscle p {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_muscle p {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_muscle p {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.content section.sec_muscle .photo {
  position: absolute;
  top: -100px;
  right: -180px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_muscle .photo {
    top: 90px;
    right: -40px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_muscle .photo {
    top: 160px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_muscle .photo {
    position: static;
    text-align: center;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_muscle .photo img {
    width: 496px;
    height: 471.2px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_muscle .photo img {
    width: 372px;
    height: 353.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_muscle .photo img {
    width: 90%;
    height: auto;
  }
}
.content section.sec_muscle .btn_recruit a {
  display: block;
  width: 100%;
  max-width: 360px;
  background: #f7a831;
  background: linear-gradient(180deg, #f7a831 0%, #f77731 100%);
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 900;
  font-weight: bold;
  padding: 20px 10px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .content section.sec_muscle .btn_recruit a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_muscle .btn_recruit a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_muscle .btn_recruit a {
  max-width: 690px;
  margin: 0 auto;
  padding: 30px 20px;
  font-size: 36px;
  font-size: 3.6rem;
  border-radius: 14px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_muscle .btn_recruit a {
    max-width: 560px;
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_muscle .btn_recruit a {
    max-width: 480px;
    font-size: 26px;
    font-size: 2.6rem;
    padding: 25px 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_muscle .btn_recruit a {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 22px 5px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_muscle .btn_recruit a {
    font-size: 22px;
    font-size: 2.2rem;
    border-radius: 10px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_muscle .btn_recruit a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.content section.sec_waiting {
  background: url(images/bg_message.jpg) no-repeat center bottom;
  background-size: cover;
  padding: 150px 40px 0;
  box-shadow: 0 0 46px 16px rgba(77, 77, 77, 0.17);
}
@media screen and (max-width: 600px) {
  .content section.sec_waiting {
    padding: 150px 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_waiting {
    padding: 120px 25px 0;
  }
}
.content section.sec_waiting .waiting_inner {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
.content section.sec_waiting h2 {
  position: absolute;
  top: -180px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .content section.sec_waiting h2 {
    top: -150px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_waiting h2 img {
    width: 161.6px;
    height: 161.6px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_waiting h2 img {
    width: 141.4px;
    height: 141.4px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_waiting h2 img {
    width: 121.2px;
    height: 121.2px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_waiting h2 img {
    width: 101px;
    height: 101px;
  }
}
.content section.sec_waiting p {
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  line-height: 2.2;
  letter-spacing: 2px;
  margin-bottom: 100px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_waiting p {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_waiting p {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_waiting p {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_waiting p {
    font-size: 17px;
    font-size: 1.7rem;
    margin-bottom: 50px;
  }
}
.content section.sec_waiting .photo {
  position: relative;
  left: 40px;
}
@media screen and (max-width: 768px) {
  .content section.sec_waiting .photo {
    left: 0;
  }
}
.content section.sec_outro {
  padding: 100px 40px;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .content section.sec_outro {
    padding: 80px 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_outro {
    padding: 60px 25px;
  }
}
.content section.sec_outro .message {
  display: inline-block;
  text-align: center;
  margin-bottom: 80px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_outro .message {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_outro .message {
    margin-bottom: 50px;
  }
}
.content section.sec_outro .message:before {
  content: '';
  width: 2px;
  height: 180px;
  background: #101010;
  position: absolute;
  top: 0;
  left: -40px;
  transform: rotate(-15deg);
}
@media screen and (max-width: 1000px) {
  .content section.sec_outro .message:before {
    height: 150px;
    left: -20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_outro .message:before {
    height: 120px;
    left: -15px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_outro .message:before {
    height: 100px;
    left: -10px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_outro .message:before {
    height: 80px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_outro .message:before {
    height: 60px;
  }
}
.content section.sec_outro .message:after {
  content: '';
  width: 2px;
  height: 180px;
  background: #101010;
  position: absolute;
  top: 0;
  right: -40px;
  transform: rotate(15deg);
}
@media screen and (max-width: 1000px) {
  .content section.sec_outro .message:after {
    height: 150px;
    right: -20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_outro .message:after {
    height: 120px;
    right: -15px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_outro .message:after {
    height: 100px;
    right: -10px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_outro .message:after {
    height: 80px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_outro .message:after {
    height: 60px;
  }
}
.content section.sec_outro .message p {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 900;
  letter-spacing: 3px;
  line-height: 1.5;
}
@media screen and (max-width: 1250px) {
  .content section.sec_outro .message p {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_outro .message p {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_outro .message p {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_outro .message p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_outro .message p {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_outro .message p {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.content section.sec_outro .message .main_msg {
  font-size: 60px;
  font-size: 6rem;
}
@media screen and (max-width: 1250px) {
  .content section.sec_outro .message .main_msg {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_outro .message .main_msg {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_outro .message .main_msg {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_outro .message .main_msg {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_outro .message .main_msg {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_outro .message .main_msg {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.content section.sec_outro .message .main_msg strong {
  font-size: 70px;
  font-size: 7rem;
  color: #f19409;
}
@media screen and (max-width: 1250px) {
  .content section.sec_outro .message .main_msg strong {
    font-size: 56px;
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_outro .message .main_msg strong {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_outro .message .main_msg strong {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_outro .message .main_msg strong {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_outro .message .main_msg strong {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_outro .message .main_msg strong {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_outro .message span {
  font-size: 70px;
  font-size: 7rem;
}
@media screen and (max-width: 1250px) {
  .content section.sec_outro .message span {
    font-size: 56px;
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_outro .message span {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_outro .message span {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_outro .message span {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_outro .message span {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_outro .message span {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_outro .btn_recruit {
  margin-bottom: 20px;
}
.content section.sec_outro .btn_recruit a {
  display: block;
  width: 100%;
  max-width: 360px;
  background: #f7a831;
  background: linear-gradient(180deg, #f7a831 0%, #f77731 100%);
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 900;
  font-weight: bold;
  padding: 20px 10px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .content section.sec_outro .btn_recruit a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_outro .btn_recruit a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_outro .btn_recruit {
    margin-bottom: 10px;
  }
}
.content section.sec_outro .btn_recruit a {
  max-width: 690px;
  margin: 0 auto;
  padding: 30px 20px;
  font-size: 42px;
  font-size: 4.2rem;
  border-radius: 14px;
}
@media screen and (max-width: 768px) {
  .content section.sec_outro .btn_recruit a {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_outro .btn_recruit a {
    font-size: 30px;
    font-size: 3rem;
    padding: 22px 5px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_outro .btn_recruit a {
    font-size: 24px;
    font-size: 2.4rem;
    border-radius: 10px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_outro .btn_recruit a {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.content section.sec_outro .btn_online a {
  display: block;
  width: 100%;
  max-width: 360px;
  background: #f7a831;
  background: linear-gradient(180deg, #f7a831 0%, #f77731 100%);
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 900;
  font-weight: bold;
  padding: 20px 10px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .content section.sec_outro .btn_online a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_outro .btn_online a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_outro .btn_online a {
  max-width: 690px;
  margin: 0 auto;
  padding: 30px 20px;
  font-size: 42px;
  font-size: 4.2rem;
  border-radius: 14px;
  background: #53c855;
  background: linear-gradient(180deg, #53c855 0%, #40b542 100%);
}
.content section.sec_outro .btn_online a::before {
  content: "";
  display: block;
  width: 120px;
  height: 50px;
  background: url(images/img_balloon.png) no-repeat;
  background-size: auto;
  background-size: contain;
  position: absolute;
  top: -8px;
  left: calc(50% - 200px);
}
@media screen and (max-width: 768px) {
  .content section.sec_outro .btn_online a {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_outro .btn_online a {
    font-size: 30px;
    font-size: 3rem;
    padding: 22px 5px;
  }
  .content section.sec_outro .btn_online a::before {
	  content: "";
	  width: 90px;
	  height: 38px;
	  left: calc(50% - 150px);
	}
}
@media screen and (max-width: 480px) {
  .content section.sec_outro .btn_online a {
    font-size: 24px;
    font-size: 2.4rem;
    border-radius: 10px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_outro .btn_online a {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

.pagetop-wrapper {
  position: fixed;
  right: 10%;
  bottom: 30px;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .pagetop-wrapper {
    right: 5%;
  }
}
.pagetop-wrapper a {
  font-size: 40px;
  font-size: 4rem;
  color: #107ea0;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.pagetop-wrapper a:hover {
  color: #f19d21 !important;
}

/* #footer
------------------------------------------------------------- */
footer {
  background: #343434;
}
footer .footer_inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  footer .footer_inner {
    display: none;
  }
}
footer .copyright {
  background: #1e1e1e;
  font-size: 12px;
  font-size: 1.2rem;
  color: #7d7d7d;
  text-align: center;
  letter-spacing: 1px;
  padding: 20px 30px;
}
@media screen and (max-width: 480px) {
  footer .copyright {
    font-size: 11px;
    font-size: 1.1rem;
  }
}

.fade_in {
  opacity: 0;
  -webkit-transition: 3s;
  -moz-transition: 3s;
  -ms-transition: 3s;
  -o-transition: 3s;
  transition: 3s;
}
.fade_in.from_left {
  transform: translate(-50px, 0);
}
.fade_in.from_right {
  transform: translate(50px, 0);
}
.fade_in.from_top {
  transform: translate(0, -50px);
}
.fade_in.from_bottom {
  transform: translate(0, 50px);
}

.fade_in.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.btn_hover {
  position: relative;
}
.btn_hover.from_left:before {
  transform-origin: right top;
  transform: scale(0, 1);
}
.btn_hover.from_top:before {
  transform-origin: left bottom;
  transform: scale(1, 0);
}
.btn_hover:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #f19d21;
  transition: transform .3s;
}
.btn_hover:hover {
  opacity: .99;
  color: #fff;
}
.btn_hover:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.btn_hover.hover_white:before {
  background: #fff;
}
.btn_hover.hover_white:hover {
  color: #f19d21 !important;
}

.bg_animation {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 101%;
  height: 100%;
  background-color: #f19d21;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  z-index: 2;
  visibility: hidden;
  margin-left: -1px;
}
.bg_animation.is-animated {
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: translateX(0) scaleX(0) !important;
  transform: translateX(0) scaleX(0) !important;
}

.animation_inner {
  visibility: hidden;
  z-index: 1;
}
.animation_inner.is-animated {
  visibility: visible;
}

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