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

Author URI: http://underscores.me/
Description: Custom theme: theme_eimi, developed by Me
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: theme_eimi
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: #333;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 1px;
  font-size: 0.1rem;
  line-height: 1.7;
}

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

/*!
Theme Name: theme_eimi
Theme URI: http://underscores.me/
Author: Me

Author URI: http://underscores.me/
Description: Custom theme: theme_eimi, developed by Me
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: theme_eimi
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
--------------------------------------------------------------*/
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: 15px;
  font-size: 0.9375rem;
  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: 15px;
  font-size: 0.9375rem;
}

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
--------------------------------------------------------------*/
/*!
Theme Name: theme_eimi
Theme URI: http://underscores.me/
Author: Me

Author URI: http://underscores.me/
Description: Custom theme: theme_eimi, developed by Me
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: theme_eimi
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
--------------------------------------------------------------*/
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: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.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
--------------------------------------------------------------*/
/*!
Theme Name: theme_eimi
Theme URI: http://underscores.me/
Author: Me

Author URI: http://underscores.me/
Description: Custom theme: theme_eimi, developed by Me
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: theme_eimi
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
--------------------------------------------------------------*/
/* 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: 14px;
  font-size: 0.875rem;
  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
--------------------------------------------------------------*/
/*!
Theme Name: theme_eimi
Theme URI: http://underscores.me/
Author: Me

Author URI: http://underscores.me/
Description: Custom theme: theme_eimi, developed by Me
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: theme_eimi
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
--------------------------------------------------------------*/
.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
--------------------------------------------------------------*/
/*!
Theme Name: theme_eimi
Theme URI: http://underscores.me/
Author: Me

Author URI: http://underscores.me/
Description: Custom theme: theme_eimi, developed by Me
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: theme_eimi
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
--------------------------------------------------------------*/
.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
--------------------------------------------------------------*/
/*!
Theme Name: theme_eimi
Theme URI: http://underscores.me/
Author: Me

Author URI: http://underscores.me/
Description: Custom theme: theme_eimi, developed by Me
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: theme_eimi
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
--------------------------------------------------------------*/
.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
--------------------------------------------------------------*/
/*!
Theme Name: theme_eimi
Theme URI: http://underscores.me/
Author: Me

Author URI: http://underscores.me/
Description: Custom theme: theme_eimi, developed by Me
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: theme_eimi
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
--------------------------------------------------------------*/
/*--------------------------------------------------------------
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: #416459; /* 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: #416459;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ 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: 240px;
  font-size: 15rem;
  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: 0.5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
a {
  color: #4b92e4;
  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: #4b92e4;
}

a:focus {
  outline: none;
}

a:hover,
a:focus,
a:active {
  color: #4b92e4;
}

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

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

.font {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ 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%;
  scroll-behavior: auto;
  scroll-padding-top: 160px;
}
@media screen and (max-width: 1250px) {
  html {
    scroll-padding-top: 147px;
  }
}
@media screen and (max-width: 768px) {
  html {
    scroll-padding-top: 141px;
  }
}
@media screen and (max-width: 600px) {
  html {
    scroll-padding-top: 127px;
  }
}
@media screen and (max-width: 480px) {
  html {
    scroll-padding-top: 118px;
  }
}
@media screen and (max-width: 400px) {
  html {
    scroll-padding-top: 111px;
  }
}

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 1px;
  line-height: 1.8;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media screen and (max-width: 480px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

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

a:hover {
  opacity: 0.8;
}

.sp_none {
  display: block;
}

.pc_none {
  display: none;
}

.inline_block {
  display: inline-block;
}

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

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

.wrapper {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .sp_none {
    display: none;
  }
  .pc_none {
    display: block;
  }
  .section_inner {
    width: 100%;
  }
}
@keyframes hdfix {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* #header
------------------------------------------------------------- */
header {
  z-index: 10;
}
header.fixed {
  padding-top: 106px;
}
@media screen and (max-width: 600px) {
  header.fixed {
    padding-top: 82px;
  }
}
@media screen and (max-width: 480px) {
  header.fixed {
    padding-top: 73px;
  }
}
header.fixed .header_top {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  background: #fff;
}
header .header_top {
  transition: 0.5s;
}
header .header_top > .logo {
  width: 302px;
  text-align: center;
  background: #fff;
  padding: 22px;
  border-radius: 0 0 20px 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1250px) {
  header .header_top > .logo {
    width: 256px;
  }
}
@media screen and (max-width: 768px) {
  header .header_top > .logo {
    padding: 18px;
  }
}
@media screen and (max-width: 600px) {
  header .header_top > .logo {
    width: 226px;
    padding: 15px;
    border-radius: 0 0 15px 0;
  }
}
@media screen and (max-width: 480px) {
  header .header_top > .logo {
    width: 198px;
  }
}
@media screen and (max-width: 400px) {
  header .header_top > .logo {
    width: 180px;
  }
}
header .header_top > .logo .for_recruit {
  font-size: 12px;
  font-size: 1.2rem;
  color: #19197a;
  text-align: center;
  font-weight: 500;
  border: 1px solid #19197a;
  border-radius: 100px;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  header .header_top > .logo .for_recruit {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 400px) {
  header .header_top > .logo .for_recruit {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1250px) {
  header .header_top > .logo img {
    width: 236.8px;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  header .header_top > .logo img {
    width: 206px;
  }
}
@media screen and (max-width: 480px) {
  header .header_top > .logo img {
    width: 178px;
  }
}
@media screen and (max-width: 400px) {
  header .header_top > .logo img {
    width: 160px;
  }
}
header .header_top .site-ttl{
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
header .gnav {
  position: absolute;
  top: 70px;
  right: 30px;
  z-index: 10;
}
@media screen and (max-width: 1400px) {
  header .gnav {
    right: 20px;
  }
}
@media screen and (max-width: 1250px) {
  header .gnav {
    right: 0;
  }
}
@media screen and (max-width: 1000px) {
  header .gnav {
    display: none;
  }
}
header .gnav 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: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
header .gnav ul li {
  margin-right: 30px;
}
@media screen and (max-width: 1400px) {
  header .gnav ul li {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1400px) {
  header .gnav ul li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
header .gnav ul li.parent {
  position: relative;
}
header .gnav ul li.parent:hover .child {
  opacity: 1;
  z-index: 1;
  visibility: visible;
}
header .gnav ul li.parent.gnav_before_applying .child {
  left: initial;
  right: -20px;
}
@media screen and (max-width: 1250px) {
  header .gnav ul li.parent.gnav_before_applying .child {
    right: -10px;
  }
}
header .gnav ul li.parent > a {
  padding-right: 15px;
  position: relative;
}
header .gnav ul li.parent > a:after {
  content: "";
  width: 10px;
  height: 6px;
  background: url(images/img_icon_arrow_gnav.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 10px;
  right: 0;
}
header .gnav ul li.parent .child {
  display: block;
  background: #fef8e2;
  padding: 5px 20px;
  border-radius: 10px;
  position: absolute;
  top: 50px;
  left: -20px;
  width: 260px;
  overflow: hidden;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s;
  opacity: 0;
  visibility: hidden;
  z-index: -100;
}
header .gnav ul li.parent .child li {
  margin: 0;
  border-bottom: 1px solid #e3d5a8;
}
header .gnav ul li.parent .child li:last-child {
  border-bottom: none;
}
header .gnav ul li.parent .child li a {
  display: block;
  padding: 20px 5px;
}
header .gnav ul li.gnav_job_fair {
  width: 216px;
  margin-right: 0;
  position: absolute;
  top: -70px;
  right: 186px;
}
header .gnav ul li.gnav_job_fair a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  header .gnav ul li.gnav_job_fair a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  header .gnav ul li.gnav_job_fair a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
header .gnav ul li.gnav_job_fair a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  header .gnav ul li.gnav_job_fair a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  header .gnav ul li.gnav_job_fair a:after {
    right: 15px;
  }
}
header .gnav ul li.gnav_job_fair a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
header .gnav ul li.gnav_job_fair a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1250px) {
  header .gnav ul li.gnav_job_fair {
    right: 216px;
  }
}
header .gnav ul li.gnav_job_fair a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  background: #3a9d7e;
  padding: 13px 20px;
  border: none;
  border-radius: 0 0 0 10px;
}
header .gnav ul li.gnav_job_fair a:after {
  content: none;
}
header .gnav ul li.gnav_job_fair a:hover {
  background: #fbe553;
  color: #416459;
}
header .gnav ul li.gnav_entry {
  width: 216px;
  margin-right: 0;
  position: absolute;
  top: -70px;
  right: -30px;
}
header .gnav ul li.gnav_entry a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  header .gnav ul li.gnav_entry a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  header .gnav ul li.gnav_entry a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
header .gnav ul li.gnav_entry a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  header .gnav ul li.gnav_entry a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  header .gnav ul li.gnav_entry a:after {
    right: 15px;
  }
}
header .gnav ul li.gnav_entry a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
header .gnav ul li.gnav_entry a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1400px) {
  header .gnav ul li.gnav_entry {
    right: -20px;
  }
}
@media screen and (max-width: 1250px) {
  header .gnav ul li.gnav_entry {
    right: 0;
  }
}
header .gnav ul li.gnav_entry a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #416459;
  padding: 13px 20px;
  border: none;
  border-radius: 0;
}
header .gnav ul li.gnav_entry a:after {
  content: none;
}
header .gnav ul li.gnav_entry a:hover {
  background: #3a9d7e;
  color: #fff;
}
header .gnav a {
  font-size: 15px;
  font-size: 1.5rem;
  color: #416459;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1250px) {
  header .gnav a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
header .gnav a:hover {
  color: #04a273;
}

.drawer--top .drawer-hamburger {
  display: none;
  border: none;
  background: #04a273;
  box-shadow: none;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .drawer--top .drawer-hamburger {
    display: block;
  }
}
.drawer--top .drawer-hamburger:hover {
  opacity: 0.8;
}

.drawer-hamburger {
  width: 56px;
  padding: 49px 22px;
}
@media screen and (max-width: 600px) {
  .drawer-hamburger {
    width: 50px;
    padding: 40px 16px;
  }
}
@media screen and (max-width: 480px) {
  .drawer-hamburger {
    width: 44px;
    padding: 36px 16px;
  }
}
.drawer-hamburger .txt {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
}
.drawer-hamburger .txt:before {
  content: "MENU";
  width: 100%;
  font-family: "Lobster", serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 4px;
  color: #fff;
  font-style: italic;
}
@media screen and (max-width: 480px) {
  .drawer-hamburger .txt:before {
    font-size: 11px;
    font-size: 1.1rem;
    bottom: 12px;
  }
}
@media screen and (max-width: 400px) {
  .drawer-hamburger .txt:before {
    letter-spacing: 3px;
  }
}

.drawer--top .drawer-hamburger,
.drawer--top.drawer-close .drawer-hamburger {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100001;
  border-radius: 0;
}

.drawer--top.drawer-open .drawer-hamburger {
  border-radius: 0;
}

.drawer-hamburger-icon {
  background: #fff;
  margin-top: 0;
}

.drawer-hamburger-icon,
.drawer-open .drawer-hamburger-icon {
  width: 42px;
  height: 1px;
}
@media screen and (max-width: 600px) {
  .drawer-hamburger-icon,
  .drawer-open .drawer-hamburger-icon {
    width: 38px;
  }
}
@media screen and (max-width: 400px) {
  .drawer-hamburger-icon,
  .drawer-open .drawer-hamburger-icon {
    width: 30px;
  }
}
.drawer-hamburger-icon:before, .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  width: 56px;
  height: 1px;
}
@media screen and (max-width: 600px) {
  .drawer-hamburger-icon:before, .drawer-hamburger-icon:after,
  .drawer-open .drawer-hamburger-icon:before,
  .drawer-open .drawer-hamburger-icon:after {
    width: 48px;
  }
}
@media screen and (max-width: 400px) {
  .drawer-hamburger-icon:before, .drawer-hamburger-icon:after,
  .drawer-open .drawer-hamburger-icon:before,
  .drawer-open .drawer-hamburger-icon:after {
    width: 38px;
  }
}
.drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:before {
  top: -16px;
  background: #fff;
}
@media screen and (max-width: 600px) {
  .drawer-hamburger-icon:before,
  .drawer-open .drawer-hamburger-icon:before {
    top: -15px;
  }
}
@media screen and (max-width: 480px) {
  .drawer-hamburger-icon:before,
  .drawer-open .drawer-hamburger-icon:before {
    top: -12px;
  }
}
.drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:after {
  top: 16px;
  background: #fff;
}
@media screen and (max-width: 600px) {
  .drawer-hamburger-icon:after,
  .drawer-open .drawer-hamburger-icon:after {
    top: 15px;
  }
}
@media screen and (max-width: 480px) {
  .drawer-hamburger-icon:after,
  .drawer-open .drawer-hamburger-icon:after {
    top: 12px;
  }
}

.drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after {
  top: 0;
}

.drawer--top .drawer-nav {
  display: block;
  width: 100%;
  height: 100%;
  background: #f3f8de;
  z-index: 100000;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.drawer--top .drawer-nav .drawer-menu {
  padding: 150px 40px 40px;
}
@media screen and (max-width: 768px) {
  .drawer--top .drawer-nav .drawer-menu {
    padding: 130px 30px 45px;
  }
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu {
    padding-top: 110px;
  }
}
@media screen and (max-width: 400px) {
  .drawer--top .drawer-nav .drawer-menu {
    padding-top: 90px;
  }
}
.drawer--top .drawer-nav .drawer-menu .contact_tel {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  padding: 16px 28px;
  border-radius: 15px;
}
@media screen and (max-width: 1250px) {
  .drawer--top .drawer-nav .drawer-menu .contact_tel {
    border-radius: 12px;
  }
}
@media screen and (max-width: 600px) {
  .drawer--top .drawer-nav .drawer-menu .contact_tel {
    display: block;
  }
}
.drawer--top .drawer-nav .drawer-menu .contact_tel .txt {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  margin-right: 15px;
}
.drawer--top .drawer-nav .drawer-menu .contact_tel .tel_num {
  font-family: "Lobster", serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #04a273;
  text-align: center;
  letter-spacing: 2px;
}
.drawer--top .drawer-nav .drawer-menu .contact_tel .tel_num span {
  font-size: 14px;
  font-size: 1.4rem;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li {
  border-bottom: 1px solid #bedde8;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry {
  border-bottom: none;
  margin-top: 30px;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a:after {
    right: 15px;
  }
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a:hover:after {
  right: 20px;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li a {
  display: block;
  padding: 20px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #416459;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu .sp-menu > li a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px 15px;
  }
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li .sub-menu {
  padding-left: 30px;
  padding-bottom: 10px;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li .sub-menu li {
  border-bottom: none;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li .sub-menu li:first-child a {
  padding-top: 0;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li .sub-menu li:first-child a:before {
  top: 35%;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li .sub-menu li a {
  font-weight: 500;
  padding: 10px 20px;
  position: relative;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li .sub-menu li a:before {
  content: "";
  width: 12px;
  height: 1px;
  background: #416459;
  position: absolute;
  top: 50%;
  left: 0;
}

.btn_fixed_footer {
  display: none;
}
@media screen and (max-width: 768px) {
  .btn_fixed_footer {
    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;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
  }
  .btn_fixed_footer a {
    display: block;
    width: 50%;
    padding: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background: #00855d;
  }
}
@media screen and (max-width: 768px) and (max-width: 480px) {
  .btn_fixed_footer a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 400px) {
  .btn_fixed_footer a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .btn_fixed_footer a.btn_recruit {
    color: #416459;
    background: #fbe553;
  }
}

#btn_fixed_new_graduate {
  display: none;
  position: fixed;
  top: 70%;
  right: 0;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  #btn_fixed_new_graduate {
    top: 65%;
  }
}
@media screen and (max-width: 600px) {
  #btn_fixed_new_graduate {
    position: absolute;
    top: 41%;
  }
}
#btn_fixed_new_graduate #btn_close {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: #fff;
  color: black;
  border: none;
  padding: 0 6px;
  cursor: pointer;
  border-radius: 100%;
  transition: 0.3s;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 999;
}
#btn_fixed_new_graduate a {
  width: 262px;
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #f2e7d5;
  padding: 15px;
  border-radius: 10px 0 0 10px;
  position: relative;
}
@media screen and (max-width: 480px) {
  #btn_fixed_new_graduate a {
    width: 210px;
  }
}
#btn_fixed_new_graduate a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_black.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  #btn_fixed_new_graduate a:after {
    width: 16px;
    height: 16px;
  }
}
#btn_fixed_new_graduate a:hover {
  opacity: 1;
}
#btn_fixed_new_graduate a:hover:after {
  right: 8px;
}
#btn_fixed_new_graduate a .photo {
  width: 70px;
  position: relative;
}
@media screen and (max-width: 480px) {
  #btn_fixed_new_graduate a .photo {
    width: 50px;
  }
}
#btn_fixed_new_graduate a .photo:after {
  content: "";
  width: 19px;
  height: 28px;
  background: url(images/img_beginner_mark.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -3px;
  left: -4px;
}
@media screen and (max-width: 480px) {
  #btn_fixed_new_graduate a .photo:after {
    width: 13.3px;
    height: 19.6px;
  }
}
#btn_fixed_new_graduate a p {
  width: calc(100% - 70px);
  font-size: 12px;
  font-size: 1.2rem;
  color: #416459;
  line-height: 1.6;
  padding-left: 15px;
}
@media screen and (max-width: 480px) {
  #btn_fixed_new_graduate a p {
    width: calc(100% - 50px);
    font-size: 11px;
    font-size: 1.1rem;
    padding-left: 10px;
  }
}
#btn_fixed_new_graduate a p span {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 2px;
}
@media screen and (max-width: 480px) {
  #btn_fixed_new_graduate a p span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* 新卒バナー */
.fixed-btn-new-graduate {
  position: fixed;
  top: 70%;
  right: 0;
  z-index: 12;
  width: 252px;
  height: auto;
  opacity: 0;
  display: none;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  display: block;
}
@media screen and (max-width: 600px) {
  .fixed-btn-new-graduate {
    width: 180px;
  }
}
.fixed-btn-new-graduate a {
  width: 252px;
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fcf1e1;
  padding: 11px 11px 0;
  border-radius: 10px 0 0 10px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .fixed-btn-new-graduate a {
    width: 180px;
  }
}
.fixed-btn-new-graduate a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_gold_mini.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
@media screen and (max-width: 600px) {
  .fixed-btn-new-graduate a:after {
    width: 16px;
    height: 16px;
  }
}
.fixed-btn-new-graduate a:hover {
  opacity: 1;
}
.fixed-btn-new-graduate a:hover:after {
  right: 8px;
}
.fixed-btn-new-graduate a .photo {
  width: 80px;
  position: relative;
  /*&:after {
  	content: '';
  	width: 19px;
  	height: 28px;
  	background: url(images/img_beginner_mark.png) no-repeat 0 0;
  	background-size: cover;
  	position: absolute;
  	top: -3px;
  	right: -4px;
  	@include mq.mq(tab_600) {
  		width: 19px * .7;
  		height: 28px * .7;
  	}
  }*/
}
@media screen and (max-width: 600px) {
  .fixed-btn-new-graduate a .photo {
    width: 50px;
  }
}
.fixed-btn-new-graduate a p {
  width: calc(100% - 80px);
  font-size: 15px;
  font-size: 1.5rem;
  color: #416459;
  line-height: 1.6;
  padding-left: 12px;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .fixed-btn-new-graduate a p {
    width: calc(100% - 50px);
    font-size: 11px;
    font-size: 1.1rem;
    padding-left: 10px;
  }
}
.fixed-btn-new-graduate a p span {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 2px;
}
@media screen and (max-width: 600px) {
  .fixed-btn-new-graduate a p span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.fixed-btn-new-graduate.show {
  opacity: 1;
}

.new-graduate .fixed-btn-new-graduate {
  display: none;
}

#closeBanner {
  display: none;
}

#closeBanner:checked ~ .fixed-btn-new-graduate {
  transform: translateX(150px);
  opacity: 0;
  pointer-events: none;
}

#closeBanner:checked ~ .close-btn-label {
  display: none;
}

.close-btn-label {
  position: absolute;
  top: -10px;
  left: -10px;
  background: white;
  color: black;
  border: none;
  border-radius: 100%;
  padding: 0.2em 0.6em;
  cursor: pointer;
  font-size: 11px;
  text-align: center;
  z-index: 999;
  transition: background 0.3s;
}

.close-btn-label:hover {
  background: pink;
  color: white;
}

@media (max-width: 1200px) {
  body:not(.home) .fixed-btn-new-graduate {
    display: none;
  }
}
@media (max-width: 824px) {
  .fixed-btn-new-graduate {
    top: 77%;
  }
}
.mainvisual {
  height: 760px;
  margin-top: -37px;
  background: #ecf2f9 url(images/img_mainvisual_pc.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .mainvisual {
    height: 680px;
    margin-top: -27px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual {
    height: 520px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual {
    height: 420px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual {
    height: 340px;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual {
    height: 280px;
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual {
    height: 240px;
  }
}
.mainvisual .catch_area {
  padding: 294px 40px 0;
  text-align: center;
  margin-bottom: 100px;
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area {
    padding-top: 270px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area {
    padding-top: 170px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area {
    padding-top: 140px;
    margin-bottom: 114px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area {
    padding: 140px 25px 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area {
    padding-top: 114px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch_area {
    padding-top: 100px;
  }
}
.mainvisual .catch_area .catch_main p {
  display: inline-block;
  background: #fff;
  font-size: 48px;
  font-size: 4.8rem;
  color: #008414;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 6px;
  padding: 10px 20px 20px 40px;
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area .catch_main p {
    font-size: 44px;
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .catch_main p {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 4px;
    margin-bottom: 10px;
    padding: 10px 10px 15px 30px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .catch_main p {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_main p {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .catch_main p {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px 10px 12px 20px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch_area .catch_main p {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
    margin-bottom: 80px;
  }
}
.mainvisual .catch_area .catch_main em {
  font-size: 56px;
  font-size: 5.6rem;
  color: #416459;
  line-height: 1.2;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area .catch_main em {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .catch_main em {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .catch_main em {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_main em {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .catch_main em {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch_area .catch_main em {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.mainvisual .catch_area .catch_main em:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 100%;
  height: 0.4em;
  background-color: #f8e77a;
  z-index: -1;
}
.mainvisual .catch_area .catch_sub {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 3px;
  background: #fff;
  padding: 20px 20px 20px 40px;
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 2px;
    padding: 15px 10px 15px 20px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px 15px 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_sub {
    width: 100%;
    letter-spacing: 1px;
    padding: 15px 10px 15px 20px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 15px 15px 15px 20px;
  }
}
.mainvisual .catch_area .catch_sub span {
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .catch_sub span {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .catch_sub span {
    display: inline;
  }
}
.mainvisual .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .mainvisual .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.mainvisual .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .mainvisual .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .btn_more a:after {
    right: 15px;
  }
}
.mainvisual .btn_more a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.mainvisual .btn_more a:hover:after {
  right: 20px;
}
@media screen and (max-width: 768px) {
  .mainvisual .btn_more a {
    max-width: 360px;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 15px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .btn_more a {
    max-width: 320px;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 12px 15px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .btn_more a {
    max-width: 280px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 15px;
  }
}

/* content
------------------------------------------------------------- */
.content {
  width: 100%;
  position: relative;
}
.content .btn_contact {
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 10;
}
@media screen and (max-width: 600px) {
  .content .btn_contact {
    width: 100%;
    top: initial;
    bottom: 0;
  }
}
.content .btn_contact a {
  display: block;
  height: 232px;
  font-family: "Lobster", serif;
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  background: #416459;
  padding: 15px;
}
@media screen and (max-width: 600px) {
  .content .btn_contact a {
    width: 100%;
    height: auto;
    -ms-writing-mode: initial;
    writing-mode: initial;
  }
}
.content section {
  padding: 100px 40px;
}
@media screen and (max-width: 768px) {
  .content section {
    padding: 80px 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section {
    padding: 70px 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section {
    padding: 60px 25px;
  }
}
.content section .ttl_en {
  font-family: "Lobster", serif;
  font-size: 78px;
  font-size: 7.8rem;
  color: #00855d;
  text-align: center;
  line-height: 1;
  letter-spacing: 12px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .content section .ttl_en {
    font-size: 70px;
    font-size: 7rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section .ttl_en {
    font-size: 64px;
    font-size: 6.4rem;
  }
}
@media screen and (max-width: 768px) {
  .content section .ttl_en {
    font-size: 64px;
    font-size: 6.4rem;
    letter-spacing: 10px;
  }
}
@media screen and (max-width: 600px) {
  .content section .ttl_en {
    font-size: 56px;
    font-size: 5.6rem;
    letter-spacing: 8px;
  }
}
@media screen and (max-width: 480px) {
  .content section .ttl_en {
    font-size: 50px;
    font-size: 5rem;
    letter-spacing: 6px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .content section .ttl_en {
    font-size: 45px;
    font-size: 4.5rem;
  }
}
.content section h2 {
  font-size: 40px;
  font-size: 4rem;
  color: #04a273;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 4px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1250px) {
  .content section h2 {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 1000px) {
  .content section h2 {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section h2 {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 2px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .content section h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.content section.sec_news {
  padding-bottom: 0;
}
.content section.sec_news .section_inner {
  border: 1px solid #416459;
  padding: 40px 60px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_news .section_inner {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_news .section_inner {
    padding: 25px;
  }
}
.content section.sec_news h2 {
  font-size: 20px;
  font-size: 2rem;
  color: #416459;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_news h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_news h2 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_news h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_news h2 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_news h2 span {
  display: inline-block;
  border-bottom: 1px solid #416459;
  padding-bottom: 5px;
}
.content section.sec_news ul li {
  margin-bottom: 15px;
}
.content section.sec_news ul li:first-child a {
  position: relative;
}
.content section.sec_news ul li:first-child a:before {
  content: "NEW";
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.4;
  background: #f4164f;
  padding: 0 10px;
  position: absolute;
  top: 5px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .content section.sec_news ul li:first-child a:before {
    left: 8em;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_news ul li:first-child a:before {
    font-size: 12px;
    font-size: 1.2rem;
    top: 4px;
  }
}
.content section.sec_news ul li:last-child {
  margin-bottom: 0;
}
.content section.sec_news ul li 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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 4.2em;
}
@media screen and (max-width: 768px) {
  .content section.sec_news ul li a {
    padding-left: 0;
  }
}
.content section.sec_news ul li .date {
  width: 8em;
  color: #008414;
}
@media screen and (max-width: 768px) {
  .content section.sec_news ul li .date {
    display: block;
    width: 100%;
  }
}
.content section.sec_news ul li .ttl {
  color: #416459;
}
.content section.sec_news ul li .read_more {
  color: #4b92e4;
  text-decoration: underline;
}
.content section.sec_message {
  padding-bottom: 120px;
  position: relative;
}
.content section.sec_message h2 {
  font-size: 48px;
  font-size: 4.8rem;
  color: #04a273;
  text-align: center;
  letter-spacing: 8px;
  line-height: 1.4;
}
@media screen and (max-width: 1400px) {
  .content section.sec_message h2 {
    font-size: 44px;
    font-size: 4.4rem;
    letter-spacing: 6px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message h2 {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message h2 {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message h2 {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.content section.sec_message h2 em {
  background: linear-gradient(transparent 65%, #f8e77a 65%);
  /*position: relative;
  &:before {
  	content: '';
  	position: absolute;
  	left: 0;
  	bottom: 5px;
  	width: 100%;
  	height: 0.4em;
  	background-color: #f8e77a;
  	z-index: -1;
  }*/
}
.content section.sec_message .sp_photo {
  display: none;
}
@media screen and (max-width: 600px) {
  .content section.sec_message .sp_photo {
    display: block;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .sp_photo img {
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .sp_photo img {
    border-radius: 10px;
  }
}
.content section.sec_message .message > p {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2.2;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .content section.sec_message .message > p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .message > p {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    margin-bottom: 30px;
  }
}
.content section.sec_message .message > p:last-child {
  margin-bottom: 0;
}
.content section.sec_message .message > p em {
  font-weight: 600;
}
.content section.sec_message .message .signature {
  text-align: center;
  font-weight: 600;
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .content section.sec_message .message .signature {
    text-align: left;
  }
}
.content section.sec_message .message .signature .company_name {
  font-weight: 400;
}
.content section.sec_message .message .signature .name {
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 600px) {
  .content section.sec_message .message .signature .name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_message .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_message .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_message .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .content section.sec_message .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .btn_more a:after {
    right: 15px;
  }
}
.content section.sec_message .btn_more a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.content section.sec_message .btn_more a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .btn_more a {
    max-width: 380px;
  }
}
.content section.sec_message .photo {
  position: absolute;
  z-index: 3;
}
.content section.sec_message .photo.photo01 {
  top: 212px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo.photo01 {
    top: 270px;
    left: -40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .photo.photo01 {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  .content section.sec_message .photo.photo01 img {
    width: 279px;
    height: 234px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .photo.photo01 img {
    width: 217px;
    height: 182px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo.photo01 img {
    width: 186px;
    height: 156px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .photo.photo01 img {
    width: 124px;
    height: 104px;
  }
}
.content section.sec_message .photo.photo02 {
  top: 342px;
  right: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo.photo02 {
    top: 400px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .photo.photo02 {
    top: 540px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .photo.photo02 {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  .content section.sec_message .photo.photo02 img {
    width: 268.2px;
    height: 235.8px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .photo.photo02 img {
    width: 208.6px;
    height: 183.4px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo.photo02 img {
    width: 149px;
    height: 131px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .photo.photo02 img {
    width: 119.2px;
    height: 104.8px;
  }
}
.content section.sec_message .photo.photo03 {
  bottom: -50px;
  left: calc(50% - 480px);
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .photo.photo03 {
    left: calc(50% - 440px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo.photo03 {
    left: calc(50% - 360px);
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .photo.photo03 {
    left: calc(50% - 280px);
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .photo.photo03 {
    left: calc(50% - 220px);
    bottom: -70px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .photo.photo03 {
    left: calc(50% - 160px);
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .photo.photo03 {
    left: calc(50% - 150px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo.photo03 img {
    width: 153px;
    height: 221.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .photo.photo03 img {
    width: 119px;
    height: 172.2px;
  }
}
.content section.sec_message .photo.photo04 {
  bottom: -90px;
  left: calc(50% + 350px);
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .photo.photo04 {
    left: calc(50% + 300px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo.photo04 {
    left: calc(50% + 240px);
    bottom: -60px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .photo.photo04 {
    left: calc(50% + 200px);
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .photo.photo04 {
    left: calc(50% + 140px);
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .photo.photo04 {
    left: calc(50% + 100px);
    bottom: -70px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .photo.photo04 {
    left: calc(50% + 80px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo.photo04 img {
    width: 88.2px;
    height: 216px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .photo.photo04 img {
    width: 68.6px;
    height: 168px;
  }
}
.content section.sec_business {
  padding-top: 160px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .content section.sec_business {
    padding-top: 110px;
  }
}
.content section.sec_business:before {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #089067;
  clip-path: polygon(0 150px, 100% 0, 100% 100%, 0 100%);
  z-index: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_business:before {
    top: 30px;
    clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%);
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_business:before {
    top: 30px;
    clip-path: polygon(0 80px, 100% 0, 100% 100%, 0 100%);
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_business:before {
    top: 10px;
    clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 100%);
  }
}
.content section.sec_business:after {
  content: "";
  position: absolute;
  inset: 0;
  background: #f3f8de;
  clip-path: polygon(0 0, 100% 150px, 100% 100%, 0 100%);
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .content section.sec_business:after {
    clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%);
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_business:after {
    clip-path: polygon(0 0, 100% 80px, 100% 100%, 0 100%);
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_business:after {
    clip-path: polygon(0 0, 100% 40px, 100% 100%, 0 100%);
  }
}
.content section.sec_business > * {
  position: relative;
  z-index: 2;
}
.content section.sec_business .section_inner {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1250px) {
  .content section.sec_business .section_inner {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.content section.sec_business .section_inner .ttl_area {
  width: calc(100% - 660px);
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1250px) {
  .content section.sec_business .section_inner .ttl_area {
    width: calc(100% - 500px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_business .section_inner .ttl_area {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_business .section_inner .ttl_area {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_business .section_inner .ttl_area {
    margin-bottom: 20px;
  }
}
.content section.sec_business .section_inner .ttl_area .ttl_en {
  text-align: left;
  margin-bottom: 10px;
}
.content section.sec_business .section_inner .ttl_area h2 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 70px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_business .section_inner .ttl_area h2 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_business .section_inner .ttl_area h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_business .section_inner .ttl_area h2 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_business .section_inner .ttl_area h2 span {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 3px 28px;
  background: #00855d;
}
@media screen and (max-width: 768px) {
  .content section.sec_business .section_inner .ttl_area h2 span {
    padding: 2px 25px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_business .section_inner .ttl_area h2 span {
    padding: 1px 20px;
  }
}
.content section.sec_business .section_inner .ttl_area h3 {
  font-size: 34px;
  font-size: 3.4rem;
  color: #04a273;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_business .section_inner .ttl_area h3 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_business .section_inner .ttl_area h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_business .section_inner .ttl_area h3 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
}
.content section.sec_business .section_inner .ttl_area h3 span {
  background: linear-gradient(transparent 65%, #f8e77a 65%);
}
.content section.sec_business .section_inner .ttl_area .txt {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 600px) {
  .content section.sec_business .section_inner .ttl_area .txt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_business .section_inner .photo {
  width: 600px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_business .section_inner .photo {
    width: 460px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_business .section_inner .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.content section.sec_business .section_inner .photo:after {
  content: "";
  width: 236px;
  height: 180px;
  background: url(images/photo_top_business_staff.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -40px;
  right: -40px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_business .section_inner .photo:after {
    width: 212.4px;
    height: 162px;
    right: -20px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_business .section_inner .photo:after {
    right: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_business .section_inner .photo:after {
    width: 188.8px;
    height: 144px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_business .section_inner .photo:after {
    width: 165.2px;
    height: 126px;
    right: 10px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_business .section_inner .photo img {
    width: 100%;
    height: 400px;
    object-fit: cover;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_business .section_inner .photo img {
    height: auto;
  }
}
.content section.sec_business .section_inner .link_list {
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 40px;
  position: relative;
  z-index: 10;
}
.content section.sec_business .section_inner .link_list 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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 20px;
  padding: 40px 40px 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_business .section_inner .link_list ul {
    padding: 30px 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_business .section_inner .link_list ul {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_business .section_inner .link_list ul {
    padding: 25px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_business .section_inner .link_list ul {
    padding: 20px;
    border-radius: 12px;
  }
}
.content section.sec_business .section_inner .link_list ul li {
  width: 48.33%;
  margin: 0% 3.33% 3.33% 0%;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .content section.sec_business .section_inner .link_list ul li {
    width: 100%;
    margin: 0 0 30px 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_business .section_inner .link_list ul li {
    margin-bottom: 20px;
  }
}
.content section.sec_business .section_inner .link_list ul li:nth-child(even) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .content section.sec_business .section_inner .link_list ul li:last-child {
    margin-bottom: 0;
  }
}
.content section.sec_business .section_inner .link_list ul li a {
  display: block;
  width: 100%;
  background: #089067;
  border-radius: 10px;
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 22px 30px;
  box-shadow: 0 0 8px 3px #b3d3c9;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_business .section_inner .link_list ul li a {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_business .section_inner .link_list ul li a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_business .section_inner .link_list ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 18px 25px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_business .section_inner .link_list ul li a {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
    padding: 15px 25px;
  }
}
.content section.sec_business .section_inner .link_list ul li a:after {
  content: "";
  width: 24px;
  height: 24px;
  background: url(images/img_icon_arrow_green_yellow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 1000px) {
  .content section.sec_business .section_inner .link_list ul li a:after {
    right: 25px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_business .section_inner .link_list ul li a:after {
    width: 20px;
    height: 20px;
    right: 20px;
  }
}
.content section.sec_business .section_inner .link_list ul li a:hover:after {
  right: 25px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_business .section_inner .link_list ul li a:hover:after {
    right: 20px;
  }
}
.content section.sec_business .section_inner .link_list ul li .catch {
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_business .section_inner .link_list ul {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_business .section_inner .link_list ul {
    padding-bottom: 30px;
  }
}
.content section.sec_business .section_inner .link_list ul li {
  width: 31.66%;
  margin: 0% 2.5% 3.33% 0%;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_business .section_inner .link_list ul li {
    width: 48.33%;
    margin: 0% 3.33% 1.66% 0%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_business .section_inner .link_list ul li {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_business .section_inner .link_list ul li {
    margin-bottom: 10px;
  }
}
.content section.sec_business .section_inner .link_list ul li:nth-child(even) {
  margin: 0% 2.5% 3.33% 0%;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_business .section_inner .link_list ul li:nth-child(even) {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_business .section_inner .link_list ul li:nth-child(even) {
    margin-bottom: 10px;
  }
}
.content section.sec_business .section_inner .link_list ul li:nth-child(3n) {
  margin-right: 0;
}
.content section.sec_business .video-wrapper {
	width: 100%;
	max-width:900px;
	aspect-ratio: 16 / 9;
	padding-top:80px;
}
@media screen and (max-width: 768px) {
	.content section.sec_business .video-wrapper {
		padding-top:40px;
	}
}
.content section.sec_business .video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.content section.sec_president {
  background: #f6f5ee url(images/bg_top_president.png) repeat 0 0;
  position: relative;
}
.content section.sec_president:before {
  content: "";
  width: 180px;
  height: 328px;
  background: url(images/bg_top_palm01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -160px;
  left: 0;
  z-index: 5;
}
@media screen and (max-width: 1400px) {
  .content section.sec_president:before {
    width: 144px;
    height: 262.4px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_president:before {
    width: 126px;
    height: 229.6px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_president:before {
    width: 108px;
    height: 196.8px;
    top: -140px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_president:before {
    width: 90px;
    height: 164px;
    top: -100px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_president:before {
    width: 72px;
    height: 131.2px;
    top: -90px;
  }
}
.content section.sec_president:after {
  content: "";
  width: 166px;
  height: 286px;
  background: url(images/bg_top_palm02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .content section.sec_president:after {
    width: 149.4px;
    height: 257.4px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_president:after {
    width: 132.8px;
    height: 228.8px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_president:after {
    width: 116.2px;
    height: 200.2px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_president:after {
    width: 99.6px;
    height: 171.6px;
  }
}
.content section.sec_president .president_inner:before {
  content: "";
  width: 198px;
  height: 198px;
  background: url(images/bg_top_palm03.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .content section.sec_president .president_inner:before {
    width: 178.2px;
    height: 178.2px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_president .president_inner:before {
    width: 158.4px;
    height: 158.4px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_president .president_inner:before {
    width: 138.6px;
    height: 138.6px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_president .president_inner:before {
    width: 118.8px;
    height: 118.8px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_president .president_inner:before {
    width: 99px;
    height: 99px;
  }
}
.content section.sec_president .section_inner {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.content section.sec_president .section_inner .ttl_area {
  width: calc(100% - 426px);
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  position: relative;
  z-index: 5;
  /*h3 {
  	@include settings.font-size(34);
  	color: settings.$baseTitleFontColor;
  	font-weight: 700;
  	letter-spacing: 4px;
  	margin-bottom: 40px;
  	span {
  		position: relative;
  		&:before {
  			content: '';
  			position: absolute;
  			left: 0;
  			bottom: 5px;
  			width: 100%;
  			height: 0.4em;
  			background-color: #f8e77a;
  			z-index: -1;
  		}
  	}
  }*/
}
@media screen and (max-width: 1000px) {
  .content section.sec_president .section_inner .ttl_area {
    width: 100%;
    margin-bottom: 30px;
  }
}
.content section.sec_president .section_inner .ttl_area .ttl_en {
  text-align: left;
  margin-bottom: 10px;
}
.content section.sec_president .section_inner .ttl_area h2 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 70px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_president .section_inner .ttl_area h2 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_president .section_inner .ttl_area h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_president .section_inner .ttl_area h2 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_president .section_inner .ttl_area h2 span {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 3px 28px;
  background: #00855d;
}
@media screen and (max-width: 768px) {
  .content section.sec_president .section_inner .ttl_area h2 span {
    padding: 2px 25px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_president .section_inner .ttl_area h2 span {
    padding: 1px 20px;
  }
}
.content section.sec_president .section_inner .ttl_area .catch {
  font-size: 34px;
  font-size: 3.4rem;
  color: #04a273;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  text-indent: -0.5em;
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .content section.sec_president .section_inner .ttl_area .catch {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_president .section_inner .ttl_area .catch {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_president .section_inner .ttl_area .catch {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_president .section_inner .ttl_area .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_president .section_inner .ttl_area .catch em {
  position: relative;
}
.content section.sec_president .section_inner .ttl_area .catch em:before {
  content: "";
  position: absolute;
  left: 10px;
  bottom: 0;
  width: 100%;
  height: 0.5em;
  background-color: #f8e77a;
  z-index: -1;
}
.content section.sec_president .section_inner .ttl_area .txt p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .content section.sec_president .section_inner .ttl_area .txt p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_president .section_inner .photo {
  width: 386px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_president .section_inner .photo {
    width: 100%;
    max-width: 386px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_president .section_inner .photo {
    width: 90%;
  }
}
.content section.sec_president .section_inner .photo .president_name {
  width: 156px;
  position: absolute;
  top: -15px;
  left: -72px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_president .section_inner .photo .president_name {
    width: 140.4px;
    height: 139.5px;
    left: -42px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_president .section_inner .photo .president_name {
    width: 124.8px;
    height: 124px;
    top: -10px;
    left: -20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_president .section_inner .photo .president_name {
    width: 109.2px;
    height: 108.5px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_president .section_inner .photo .president_name {
    width: 93.6px;
    height: 93px;
    top: -20px;
    left: -10px;
  }
}
.content section.sec_president .section_inner .photo .object-fit-img {
  width: 100%;
}
.content section.sec_president .section_inner .link_list {
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 40px;
  position: relative;
  z-index: 10;
  margin-top: 0;
}
.content section.sec_president .section_inner .link_list 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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 20px;
  padding: 40px 40px 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_president .section_inner .link_list ul {
    padding: 30px 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_president .section_inner .link_list ul {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_president .section_inner .link_list ul {
    padding: 25px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_president .section_inner .link_list ul {
    padding: 20px;
    border-radius: 12px;
  }
}
.content section.sec_president .section_inner .link_list ul li {
  width: 48.33%;
  margin: 0% 3.33% 3.33% 0%;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .content section.sec_president .section_inner .link_list ul li {
    width: 100%;
    margin: 0 0 30px 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_president .section_inner .link_list ul li {
    margin-bottom: 20px;
  }
}
.content section.sec_president .section_inner .link_list ul li:nth-child(even) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .content section.sec_president .section_inner .link_list ul li:last-child {
    margin-bottom: 0;
  }
}
.content section.sec_president .section_inner .link_list ul li a {
  display: block;
  width: 100%;
  background: #089067;
  border-radius: 10px;
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 22px 30px;
  box-shadow: 0 0 8px 3px #b3d3c9;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_president .section_inner .link_list ul li a {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_president .section_inner .link_list ul li a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_president .section_inner .link_list ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 18px 25px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_president .section_inner .link_list ul li a {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
    padding: 15px 25px;
  }
}
.content section.sec_president .section_inner .link_list ul li a:after {
  content: "";
  width: 24px;
  height: 24px;
  background: url(images/img_icon_arrow_green_yellow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 1000px) {
  .content section.sec_president .section_inner .link_list ul li a:after {
    right: 25px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_president .section_inner .link_list ul li a:after {
    width: 20px;
    height: 20px;
    right: 20px;
  }
}
.content section.sec_president .section_inner .link_list ul li a:hover:after {
  right: 25px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_president .section_inner .link_list ul li a:hover:after {
    right: 20px;
  }
}
.content section.sec_president .section_inner .link_list ul li .catch {
  margin-top: 10px;
}
.content section.sec_office {
  margin-top: 132px;
  padding-top: 0;
  position: relative;
  overflow: visible;
}
@media screen and (max-width: 1000px) {
  .content section.sec_office {
    margin-top: 100px;
  }
}
.content section.sec_office:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fafbe6;
  clip-path: polygon(0 65px, 50% 0, 100% 65px, 100% 100%, 0 100%);
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .content section.sec_office:before {
    clip-path: polygon(0 45px, 50% 0, 100% 45px, 100% 100%, 0 100%);
  }
}
.content section.sec_office:after {
  content: "";
  width: 238px;
  height: 212px;
  background: url(images/bg_top_monstera01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
@media screen and (max-width: 1400px) {
  .content section.sec_office:after {
    width: 214.2px;
    height: 190.8px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_office:after {
    width: 190.4px;
    height: 169.6px;
    top: -50px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_office:after {
    width: 166.6px;
    height: 148.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_office:after {
    width: 142.8px;
    height: 127.2px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_office:after {
    width: 119px;
    height: 106px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_office:after {
    width: 95.2px;
    height: 84.8px;
  }
}
.content section.sec_office .ttl_en {
  letter-spacing: 6px;
  margin-bottom: 30px;
  position: relative;
  top: -40px;
  z-index: 5;
}
@media screen and (max-width: 1000px) {
  .content section.sec_office .ttl_en {
    top: -30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_office .ttl_en {
    top: -25px;
  }
}
.content section.sec_office h2 {
  font-size: 34px;
  font-size: 3.4rem;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .content section.sec_office h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_office h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_office h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_office h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_office .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 90px;
}
@media screen and (max-width: 600px) {
  .content section.sec_office .lead {
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left;
    margin-bottom: 70px;
  }
}
.content section.sec_office .office_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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.content section.sec_office .office_list li {
  width: 48.43%;
  margin: 0% 3.12% 7.81% 0%;
  margin-bottom: 100px;
  background: #fff;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_office .office_list li {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_office .office_list li {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_office .office_list li {
    border-radius: 15px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_office .office_list li {
    width: 100%;
    margin-right: 0;
  }
}
.content section.sec_office .office_list li:nth-child(even) {
  margin-right: 0;
}
.content section.sec_office .office_list li:nth-child(n+3) {
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .content section.sec_office .office_list li:nth-child(n+3) {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_office .office_list li:last-child {
    margin-bottom: 0;
  }
}
.content section.sec_office .office_list li.office_momoya .office_detail {
  background-image: url(images/photo_top_office_momoya.jpg);
}
.content section.sec_office .office_list li.office_bamboohat .office_detail {
  background-image: url(images/photo_top_office_bambohat.jpg);
}
.content section.sec_office .office_list li.office_bamboohat_kids .office_detail {
  background-image: url(images/photo_top_office_bambohat_kids.jpg);
}
.content section.sec_office .office_list li.office_lb_bamboohat .office_detail {
  background-image: url(images/photo_top_office_lb_bambohat.jpg);
}
.content section.sec_office .office_list li a {
  display: block;
  padding-top: 40px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_office .office_list li a {
    padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_office .office_list li a {
    padding-top: 25px;
  }
}
.content section.sec_office .office_list li a:hover h3 span:before {
  left: -30px;
}
.content section.sec_office .office_list li .num {
  width: 130px;
  height: 130px;
  background: #fff;
  border-radius: 100%;
  font-family: "Lobster", serif;
  font-size: 64px;
  font-size: 6.4rem;
  color: #094f3c;
  text-align: center;
  letter-spacing: 6px;
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1250px) {
  .content section.sec_office .office_list li .num {
    width: 110px;
    height: 110px;
    font-size: 56px;
    font-size: 5.6rem;
    top: -50px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_office .office_list li .num {
    width: 100px;
    height: 100px;
    font-size: 48px;
    font-size: 4.8rem;
    top: -45px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_office .office_list li .num {
    width: 90px;
    height: 90px;
    font-size: 38px;
    font-size: 3.8rem;
    top: -40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_office .office_list li .num {
    width: 100px;
    height: 100px;
    font-size: 42px;
    font-size: 4.2rem;
    top: -45px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_office .office_list li .num {
    width: 90px;
    height: 90px;
    font-size: 38px;
    font-size: 3.8rem;
    top: -40px;
  }
}
.content section.sec_office .office_list li h3 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #04a273;
  font-weight: 700;
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1250px) {
  .content section.sec_office .office_list li h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_office .office_list li h3 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 2px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_office .office_list li h3 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_office .office_list li h3 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 2px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_office .office_list li h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
}
.content section.sec_office .office_list li h3 span {
  position: relative;
}
.content section.sec_office .office_list li h3 span:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(images/img_icon_arrow_green_yellow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 8px;
  left: -34px;
  transition: 0.3s;
}
@media screen and (max-width: 1250px) {
  .content section.sec_office .office_list li h3 span:before {
    width: 20px;
    height: 20px;
    top: 9px;
    left: -28px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_office .office_list li h3 span:before {
    width: 18px;
    height: 18px;
    top: 6px;
    left: -24px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_office .office_list li h3 span:before {
    width: 16px;
    height: 16px;
    top: 4px;
    left: -22px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_office .office_list li h3 span:before {
    width: 18px;
    height: 18px;
    top: 6px;
    left: -24px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_office .office_list li h3 span:before {
    width: 16px;
    height: 16px;
    left: -22px;
  }
}
.content section.sec_office .office_list li .office_detail {
  height: 380px;
  border-radius: 0 0 20px 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_office .office_list li .office_detail {
    height: 340px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_office .office_list li .office_detail {
    height: 300px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_office .office_list li .office_detail {
    height: 240px;
    border-radius: 0 0 15px 15px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_office .office_list li .office_detail {
    height: 280px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_office .office_list li .office_detail {
    height: 240px;
  }
}
.content section.sec_office .office_list li .office_detail .office_logo {
  width: 100%;
  max-width: 376px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1250px) {
  .content section.sec_office .office_list li .office_detail .office_logo {
    max-width: 320px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_office .office_list li .office_detail .office_logo {
    max-width: 280px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_office .office_list li .office_detail .office_logo {
    max-width: 220px;
  }
}
.content section.sec_office .office_list li .office_detail .office_logo img {
  display: inline-block;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_office .office_list li .office_detail .office_logo img {
    margin-bottom: 10px;
  }
}
.content section.sec_office .office_list li .office_detail .office_logo img:last-child {
  margin-bottom: 0;
}
.content section.sec_interview {
  padding-right: 0;
  padding-left: 0;
}
.content section.sec_interview .ttl_en {
  margin-bottom: 20px;
}
.content section.sec_interview h2 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 70px;
  letter-spacing: 2px;
  text-align: center;
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview h2 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview h2 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_interview h2 span {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 3px 28px;
  background: #00855d;
}
@media screen and (max-width: 768px) {
  .content section.sec_interview h2 span {
    padding: 2px 25px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview h2 span {
    padding: 1px 20px;
  }
}
.content section.sec_interview .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 50px;
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .lead {
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left;
    padding: 0 30px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .lead {
    padding: 0 25px;
  }
}
.content section.sec_interview .interview_list {
  align-items: start !important;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .interview_list {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_list {
    margin-bottom: 40px;
  }
}
.content section.sec_interview .interview_list .interview_box {
  margin: 0 15px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .interview_list .interview_box {
    margin: 0 10px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_list .interview_box {
    margin: 0 5px;
  }
}
.content section.sec_interview .interview_list .interview_box:nth-child(even) {
  margin-top: 30px;
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_list .interview_box:nth-child(even) {
    margin-top: 20px;
  }
}
.content section.sec_interview .interview_list .interview_box .photo {
  width: 350px;
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .interview_list .interview_box .photo {
    width: 300px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_list .interview_box .photo {
    width: 260px;
  }
}
.content section.sec_interview .interview_list .interview_box .place {
  background: #fff;
  border-radius: 0 8px 8px 0;
  position: absolute;
  bottom: 72px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_list .interview_box .place {
    bottom: 54px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_list .interview_box .place img {
    width: 120px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_list .interview_box .place img {
    width: 100px;
  }
}
.content section.sec_interview .interview_list .interview_box .job_cat {
  display: inline-block;
  background: #00855d;
  border-radius: 0 100px 100px 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  padding: 3px 20px;
  position: absolute;
  bottom: 30px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_list .interview_box .job_cat {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
    bottom: 20px;
  }
}
.content section.sec_interview .interview_list .interview_box .job_cat span:before {
  content: "・";
}
.content section.sec_interview .interview_list .interview_box .job_cat span:first-child:before {
  content: none;
}
.content section.sec_interview .btn_more {
  padding: 0 40px;
}
.content section.sec_interview .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_interview .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .btn_more a:after {
    right: 15px;
  }
}
.content section.sec_interview .btn_more a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.content section.sec_interview .btn_more a:hover:after {
  right: 20px;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .btn_more {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .btn_more {
    padding: 0 25px;
  }
}
.content section.sec_environment {
  background: #f8f8f8 url(images/bg_top_environment.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}
.content section.sec_environment:before {
  content: "";
  width: 154px;
  height: 160px;
  background: url(images/bg_top_palm04.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -58px;
  left: 0;
}
@media screen and (max-width: 1400px) {
  .content section.sec_environment:before {
    width: 138.6px;
    height: 144px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment:before {
    width: 123.2px;
    height: 128px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment:before {
    width: 107.8px;
    height: 112px;
    top: -40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment:before {
    width: 92.4px;
    height: 96px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment:before {
    width: 77px;
    height: 80px;
  }
}
.content section.sec_environment:after {
  content: "";
  width: 278px;
  height: 216px;
  background: url(images/bg_top_palm05.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -35px;
  right: 0;
}
@media screen and (max-width: 1400px) {
  .content section.sec_environment:after {
    width: 250.2px;
    height: 194.4px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment:after {
    width: 222.4px;
    height: 172.8px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment:after {
    width: 194.6px;
    height: 151.2px;
    top: -15px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment:after {
    width: 166.8px;
    height: 129.6px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment:after {
    width: 139px;
    height: 108px;
    top: -25px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment:after {
    width: 111.2px;
    height: 86.4px;
  }
}
.content section.sec_environment .section_inner {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.content section.sec_environment .section_inner .photo {
  width: 600px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .section_inner .photo {
    width: 460px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .section_inner .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.content section.sec_environment .section_inner .photo img {
  width: 100%;
}
.content section.sec_environment .section_inner .ttl_area {
  width: calc(100% - 660px);
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .section_inner .ttl_area {
    width: calc(100% - 500px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .section_inner .ttl_area {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .section_inner .ttl_area {
    margin-bottom: 30px;
  }
}
.content section.sec_environment .section_inner .ttl_area .ttl_en {
  text-align: left;
  letter-spacing: 8px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .section_inner .ttl_area .ttl_en {
    letter-spacing: 6px;
  }
}
.content section.sec_environment .section_inner .ttl_area h2 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 70px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .section_inner .ttl_area h2 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .section_inner .ttl_area h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .section_inner .ttl_area h2 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_environment .section_inner .ttl_area h2 span {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 3px 28px;
  background: #00855d;
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .section_inner .ttl_area h2 span {
    padding: 2px 25px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .section_inner .ttl_area h2 span {
    padding: 1px 20px;
  }
}
.content section.sec_environment .section_inner .ttl_area .lead {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .section_inner .ttl_area .lead {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_environment .section_inner .link_list {
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 40px;
  position: relative;
  z-index: 10;
}
.content section.sec_environment .section_inner .link_list 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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 20px;
  padding: 40px 40px 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .section_inner .link_list ul {
    padding: 30px 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .section_inner .link_list ul {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .section_inner .link_list ul {
    padding: 25px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .section_inner .link_list ul {
    padding: 20px;
    border-radius: 12px;
  }
}
.content section.sec_environment .section_inner .link_list ul li {
  width: 48.33%;
  margin: 0% 3.33% 3.33% 0%;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .section_inner .link_list ul li {
    width: 100%;
    margin: 0 0 30px 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .section_inner .link_list ul li {
    margin-bottom: 20px;
  }
}
.content section.sec_environment .section_inner .link_list ul li:nth-child(even) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .section_inner .link_list ul li:last-child {
    margin-bottom: 0;
  }
}
.content section.sec_environment .section_inner .link_list ul li a {
  display: block;
  width: 100%;
  background: #089067;
  border-radius: 10px;
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 22px 30px;
  box-shadow: 0 0 8px 3px #b3d3c9;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .section_inner .link_list ul li a {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .section_inner .link_list ul li a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .section_inner .link_list ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 18px 25px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .section_inner .link_list ul li a {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
    padding: 15px 25px;
  }
}
.content section.sec_environment .section_inner .link_list ul li a:after {
  content: "";
  width: 24px;
  height: 24px;
  background: url(images/img_icon_arrow_green_yellow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .section_inner .link_list ul li a:after {
    right: 25px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .section_inner .link_list ul li a:after {
    width: 20px;
    height: 20px;
    right: 20px;
  }
}
.content section.sec_environment .section_inner .link_list ul li a:hover:after {
  right: 25px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .section_inner .link_list ul li a:hover:after {
    right: 20px;
  }
}
.content section.sec_environment .section_inner .link_list ul li .catch {
  margin-top: 10px;
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .section_inner .link_list {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .section_inner .link_list ul li {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .section_inner .link_list ul li a {
    letter-spacing: 1px;
  }
}
.content section.sec_new_graduate {
  background: #edfdfd url(images/bg_top_new_graduate.jpg) no-repeat 0 0;
  background-size: cover;
  position: relative;
}
.content section.sec_new_graduate:before {
  content: "";
  width: 154px;
  height: 178px;
  background: url(images/bg_top_monstera02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -92px;
  right: 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_new_graduate:before {
    width: 138.6px;
    height: 160.2px;
    top: -82px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_new_graduate:before {
    width: 123.2px;
    height: 142.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_new_graduate:before {
    width: 107.8px;
    height: 124.6px;
    top: -62px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_new_graduate:before {
    width: 92.4px;
    height: 106.8px;
    top: -40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_new_graduate:before {
    top: -30px;
  }
}
.content section.sec_new_graduate .section_inner {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 6px solid #416459;
  padding: 70px 60px;
  background: #fff;
}
@media screen and (max-width: 1250px) {
  .content section.sec_new_graduate .section_inner {
    padding: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_new_graduate .section_inner {
    padding: 50px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_new_graduate .section_inner {
    padding: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_new_graduate .section_inner {
    padding: 40px 30px 30px;
    border-width: 5px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_new_graduate .section_inner {
    padding: 35px 25px 30px;
  }
}
.content section.sec_new_graduate .section_inner .ttl_area {
  width: calc(100% - 630px);
}
@media screen and (max-width: 1250px) {
  .content section.sec_new_graduate .section_inner .ttl_area {
    width: calc(100% - 500px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_new_graduate .section_inner .ttl_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.content section.sec_new_graduate .section_inner .ttl_area h2 {
  font-size: 46px;
  font-size: 4.6rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1250px) {
  .content section.sec_new_graduate .section_inner .ttl_area h2 {
    font-size: 36px;
    font-size: 3.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_new_graduate .section_inner .ttl_area h2 {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_new_graduate .section_inner .ttl_area h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_new_graduate .section_inner .ttl_area h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_new_graduate .section_inner .ttl_area h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.content section.sec_new_graduate .section_inner .ttl_area h2 em {
  background: linear-gradient(transparent 65%, #f8e77a 65%);
}
.content section.sec_new_graduate .section_inner .ttl_area p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .content section.sec_new_graduate .section_inner .ttl_area p {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_new_graduate .section_inner .ttl_area p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}
.content section.sec_new_graduate .section_inner .ttl_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_new_graduate .section_inner .ttl_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_new_graduate .section_inner .ttl_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_new_graduate .section_inner .ttl_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .content section.sec_new_graduate .section_inner .ttl_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_new_graduate .section_inner .ttl_area .btn_more a:after {
    right: 15px;
  }
}
.content section.sec_new_graduate .section_inner .ttl_area .btn_more a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.content section.sec_new_graduate .section_inner .ttl_area .btn_more a:hover:after {
  right: 20px;
}
.content section.sec_new_graduate .section_inner .ttl_area .btn_more a {
  margin: 0 auto 0 0;
}
.content section.sec_new_graduate .section_inner .photo {
  width: 580px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_new_graduate .section_inner .photo {
    width: 460px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_new_graduate .section_inner .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_new_graduate .section_inner .photo {
    margin-bottom: 25px;
  }
}
.content section.sec_new_graduate .section_inner .photo img {
  width: 100%;
  height: 440px;
  object-fit: cover;
}
@media screen and (max-width: 1000px) {
  .content section.sec_new_graduate .section_inner .photo img {
    height: auto;
  }
}
.content section.sec_new_graduate .section_inner .photo:before {
  content: "For you";
  font-family: "Yellowtail", sans-serif;
  font-size: 78px;
  font-size: 7.8rem;
  color: #00855d;
  letter-spacing: 6px;
  line-height: 1;
  position: absolute;
  top: -35px;
  left: -55px;
  transform: rotate(-10deg);
}
@media screen and (max-width: 1250px) {
  .content section.sec_new_graduate .section_inner .photo:before {
    font-size: 68px;
    font-size: 6.8rem;
    top: -25px;
    left: -40px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_new_graduate .section_inner .photo:before {
    top: -35px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_new_graduate .section_inner .photo:before {
    font-size: 60px;
    font-size: 6rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_new_graduate .section_inner .photo:before {
    font-size: 48px;
    font-size: 4.8rem;
    top: -30px;
    left: -25px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_new_graduate .section_inner .photo:before {
    font-size: 42px;
    font-size: 4.2rem;
    letter-spacing: 4px;
    top: -25px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_new_graduate .section_inner .photo:before {
    font-size: 36px;
    font-size: 3.6rem;
    top: -25px;
    left: -20px;
  }
}
.content section.sec_before_entry {
  position: relative;
}
.content section.sec_before_entry:before {
  content: "";
  width: 228px;
  height: 220px;
  background: url(images/bg_illust_monstera01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 290px;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_entry:before {
    width: 205.2px;
    height: 198px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_entry:before {
    width: 182.4px;
    height: 176px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry:before {
    width: 159.6px;
    height: 154px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry:before {
    width: 136.8px;
    height: 132px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry:before {
    width: 114px;
    height: 110px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_before_entry:before {
    width: 91.2px;
    height: 88px;
  }
}
.content section.sec_before_entry:after {
  content: "";
  width: 192px;
  height: 256px;
  background: url(images/bg_illust_palm01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 84px;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_entry:after {
    width: 172.8px;
    height: 230.4px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_entry:after {
    width: 153.6px;
    height: 204.8px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry:after {
    width: 134.4px;
    height: 179.2px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry:after {
    width: 115.2px;
    height: 153.6px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry:after {
    width: 96px;
    height: 128px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_before_entry:after {
    width: 76.8px;
    height: 102.4px;
  }
}
.content section.sec_before_entry .before_entry_inner:before {
  content: "";
  width: 342px;
  height: 238px;
  background: url(images/bg_illust_monstera02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -40px;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_entry .before_entry_inner:before {
    width: 307.8px;
    height: 214.2px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_entry .before_entry_inner:before {
    width: 273.6px;
    height: 190.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .before_entry_inner:before {
    width: 239.4px;
    height: 166.6px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry .before_entry_inner:before {
    width: 205.2px;
    height: 142.8px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .before_entry_inner:before {
    width: 171px;
    height: 119px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_before_entry .before_entry_inner:before {
    width: 136.8px;
    height: 95.2px;
  }
}
.content section.sec_before_entry .before_entry_inner .ttl_en {
  text-align: left;
  letter-spacing: 8px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry .before_entry_inner .ttl_en {
    letter-spacing: 6px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .before_entry_inner .ttl_en {
    letter-spacing: 5px;
  }
}
.content section.sec_before_entry .before_entry_inner h2 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 70px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_entry .before_entry_inner h2 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .before_entry_inner h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry .before_entry_inner h2 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_before_entry .before_entry_inner h2 span {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 3px 28px;
  background: #00855d;
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .before_entry_inner h2 span {
    padding: 2px 25px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .before_entry_inner h2 span {
    padding: 1px 20px;
  }
}
.content section.sec_before_entry .bnr_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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.content section.sec_before_entry .bnr_box {
  width: 49.21%;
  margin: 0% 1.56% 1.56% 0%;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 15px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_entry .bnr_box {
    height: 360px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .bnr_box {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry .bnr_box {
    padding: 10px;
  }
}
.content section.sec_before_entry .bnr_box.bnr_flow {
  background-image: url(images/bg_before_entry_flow.jpg);
}
.content section.sec_before_entry .bnr_box.bnr_online {
  margin-right: 0;
  background-image: url(images/bg_before_entry_online.jpg);
}
.content section.sec_before_entry .bnr_box.bnr_job_fair {
  width: 100%;
  margin-right: 0;
  background-image: url(images/bg_before_entry_job_fair.jpg);
}
.content section.sec_before_entry .bnr_box .bnr_inner {
  width: 100%;
  height: 100%;
  padding: 70px 50px 30px;
  border: 1px solid rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_entry .bnr_box .bnr_inner {
    padding: 70px 30px 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry .bnr_box .bnr_inner {
    padding: 50px 25px 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .bnr_box .bnr_inner {
    padding: 40px 20px 30px;
  }
}
.content section.sec_before_entry .bnr_box h3 {
  font-size: 44px;
  font-size: 4.4rem;
  color: #fff;
  letter-spacing: 4px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 70px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_entry .bnr_box h3 {
    font-size: 38px;
    font-size: 3.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_entry .bnr_box h3 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry .bnr_box h3 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .bnr_box h3 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_before_entry .bnr_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.content section.sec_before_entry .bnr_box .txt {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .bnr_box .txt {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry .bnr_box .txt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .bnr_box .txt {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
}
.content section.sec_before_entry .bnr_box .btn_more {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-decoration: underline;
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry .bnr_box .btn_more {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .bnr_box .btn_more {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_recruit {
  background: #f1faf7;
  padding-top: 0;
  margin-top: 140px;
}
.content section.sec_recruit .ttl_en {
  text-align: center;
  margin-bottom: 0;
  position: relative;
  top: -45px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_recruit .ttl_en {
    top: -40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit .ttl_en {
    top: -38px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit .ttl_en {
    top: -32px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_recruit .ttl_en {
    top: -28px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_recruit .ttl_en {
    top: -26px;
  }
}
.content section.sec_recruit h2 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 70px;
  text-align: center;
  position: relative;
  top: -20px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_recruit h2 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit h2 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_recruit h2 span {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 3px 28px;
  background: #00855d;
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit h2 span {
    padding: 2px 25px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_recruit h2 span {
    padding: 1px 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit h2 {
    margin-bottom: 20px;
  }
}
.content section.sec_recruit .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit .lead {
    text-align: left;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit .lead {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
}
.content section.sec_recruit .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_recruit .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_recruit .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .content section.sec_recruit .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_recruit .btn_more a:after {
    right: 15px;
  }
}
.content section.sec_recruit .btn_more a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.content section.sec_recruit .btn_more a:hover:after {
  right: 20px;
}

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

/* #footer
------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 49px;
  }
}
footer .fnav {
  background: #00855d;
  padding: 50px 0;
}
@media screen and (max-width: 1000px) {
  footer .fnav {
    display: none;
  }
}
footer .fnav .fnav_inner {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto;
}
footer .fnav nav {
  width: 23%;
  padding-left: 40px;
}
@media screen and (max-width: 1000px) {
  footer .fnav nav {
    padding-left: 30px;
  }
}
footer .fnav nav:first-child {
  width: 31%;
}
footer .fnav nav .parent-menu > li {
  margin-bottom: 40px;
}
footer .fnav nav .parent-menu > li:last-child {
  margin-bottom: 0;
}
footer .fnav nav #menu-footer4 li:nth-child(n+3) {
  margin-bottom: 15px;
}
footer .fnav nav #menu-footer4 li {
  margin-bottom: 15px;
}
footer .fnav ul li a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 700;
}
footer .fnav ul li ul {
  padding-left: 15px;
}
footer .fnav ul li ul li a {
  font-size: 13px;
  font-size: 1.3rem;
  color: #d6f9ee;
  font-weight: 400;
}
footer .clinic_sns {
  background: #bae3d7;
  padding: 40px;
}
@media screen and (max-width: 1250px) {
  footer .clinic_sns {
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 600px) {
  footer .clinic_sns {
    padding: 30px 30px 25px;
  }
}
@media screen and (max-width: 480px) {
  footer .clinic_sns {
    padding: 30px 25px 25px;
  }
}
footer .clinic_sns 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: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
footer .clinic_sns ul li {
  width: 310px;
  margin: 0 15px;
}
@media screen and (max-width: 1250px) {
  footer .clinic_sns ul li {
    margin: 0 5px 5px;
  }
}
footer .clinic_sns ul li.sns_line a {
  border: 1px solid #06c755;
}
footer .clinic_sns ul li.sns_line a .txt_area .ttl {
  color: #06c755;
}
footer .clinic_sns ul li.sns_insta a {
  border: 1px solid #202020;
}
footer .clinic_sns ul li.sns_insta a .txt_area .ttl {
  color: #323259;
}
footer .clinic_sns ul li.sns_youtube a {
  border: 1px solid #5c5c5c;
}
footer .clinic_sns ul li.sns_youtube a .icon {
  width: 59px;
}
footer .clinic_sns ul li.sns_youtube a .txt_area {
  width: calc(100% - 69px);
}
footer .clinic_sns ul li.sns_youtube a .txt_area .ttl {
  color: #ee2f55;
}
footer .clinic_sns ul li 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: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  padding: 15px 20px;
}
footer .clinic_sns ul li a .icon {
  width: 48px;
}
footer .clinic_sns ul li a .txt_area {
  width: calc(100% - 58px);
}
footer .clinic_sns ul li a .txt_area .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 480px) {
  footer .clinic_sns ul li a .txt_area .ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
footer .clinic_sns ul li a .txt_area .comment {
  font-size: 13px;
  font-size: 1.3rem;
  color: #5e5e5e;
}
footer .company_info {
  padding: 50px 40px;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 768px) {
  footer .company_info {
    padding: 40px;
  }
}
footer .company_info .company_info_inner {
  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;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  footer .company_info .company_info_inner {
    display: block;
  }
}
footer .company_info .company_logo {
  width: 252px;
  margin-right: 60px;
}
@media screen and (max-width: 1000px) {
  footer .company_info .company_logo {
    margin-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  footer .company_info .company_logo {
    margin: 0 auto 30px;
  }
}
footer .company_info .company_logo .for_recruit {
  width: 252px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #19197a;
  text-align: center;
  font-weight: 500;
  border: 1px solid #19197a;
  border-radius: 100px;
  background: #fff;
  margin-bottom: 8px;
}
footer .company_info .company_basic_info {
  width: 340px;
  text-align: center;
  margin-left: 60px;
}
@media screen and (max-width: 1000px) {
  footer .company_info .company_basic_info {
    margin-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  footer .company_info .company_basic_info {
    width: auto;
    max-width: 340px;
    margin: 0 auto;
  }
}
footer .company_info .company_basic_info .company_addr {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  footer .company_info .company_basic_info .company_addr {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
footer .company_info .company_basic_info .company_addr .zipcode {
  display: block;
}
footer .company_info .company_basic_info .tel_num {
  font-family: "Montserrat", serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  color: #00855d;
  letter-spacing: 2px;
  line-height: 1.2;
}
@media screen and (max-width: 480px) {
  footer .company_info .company_basic_info .tel_num {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
footer .company_info .company_basic_info .tel_num .num {
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 480px) {
  footer .company_info .company_basic_info .tel_num .num {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
footer .company_info .company_basic_info .tel_num a {
  color: #00855d;
}
footer .company_info .company_basic_info .tel_note {
  font-size: 13px;
  font-size: 1.3rem;
  color: #00855d;
}
footer .company_info .company_basic_info .btn_official_site {
  margin-top: 20px;
}
footer .company_info .company_basic_info .btn_official_site a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  footer .company_info .company_basic_info .btn_official_site a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  footer .company_info .company_basic_info .btn_official_site a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
footer .company_info .company_basic_info .btn_official_site a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  footer .company_info .company_basic_info .btn_official_site a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  footer .company_info .company_basic_info .btn_official_site a:after {
    right: 15px;
  }
}
footer .company_info .company_basic_info .btn_official_site a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
footer .company_info .company_basic_info .btn_official_site a:hover:after {
  right: 20px;
}
footer .company_info .company_basic_info .btn_official_site a {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 9px 20px;
}
footer .copyright {
  background: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  color: #094f3c;
  text-align: center;
  letter-spacing: 2px;
  padding: 0 10px 30px;
}
@media screen and (max-width: 768px) {
  footer .copyright {
    padding-bottom: 20px;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  footer .copyright {
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0;
  }
}
footer .copyright a {
  color: #9ca6c0;
}

.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: #04a273;
  transition: transform 0.3s;
}
.btn_hover:hover {
  opacity: 0.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: #04a273 !important;
}

.bg_animation {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 101%;
  height: 100%;
  background-color: #04a273;
  -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;
}

/*--------------------------------------------------------------
 Page style
--------------------------------------------------------------*/
.page header .main_ttl,
.error404 header .main_ttl,
.archive header .main_ttl,
.single header .main_ttl,
.blog header .main_ttl {
  width: 100%;
  height: 440px;
  margin-top: -37px;
  background: #7baf9f url(images/bg_main_ttl_default.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .page header .main_ttl,
  .error404 header .main_ttl,
  .archive header .main_ttl,
  .single header .main_ttl,
  .blog header .main_ttl {
    margin-top: -27px;
  }
}
@media screen and (max-width: 1000px) {
  .page header .main_ttl,
  .error404 header .main_ttl,
  .archive header .main_ttl,
  .single header .main_ttl,
  .blog header .main_ttl {
    height: 360px;
  }
}
@media screen and (max-width: 768px) {
  .page header .main_ttl,
  .error404 header .main_ttl,
  .archive header .main_ttl,
  .single header .main_ttl,
  .blog header .main_ttl {
    height: 320px;
  }
}
@media screen and (max-width: 600px) {
  .page header .main_ttl,
  .error404 header .main_ttl,
  .archive header .main_ttl,
  .single header .main_ttl,
  .blog header .main_ttl {
    height: 260px;
  }
}
@media screen and (max-width: 480px) {
  .page header .main_ttl,
  .error404 header .main_ttl,
  .archive header .main_ttl,
  .single header .main_ttl,
  .blog header .main_ttl {
    height: 220px;
  }
}
@media screen and (max-width: 400px) {
  .page header .main_ttl,
  .error404 header .main_ttl,
  .archive header .main_ttl,
  .single header .main_ttl,
  .blog header .main_ttl {
    height: 200px;
  }
}
.page header .main_ttl:before,
.error404 header .main_ttl:before,
.archive header .main_ttl:before,
.single header .main_ttl:before,
.blog header .main_ttl:before {
  content: "";
  background: rgba(74, 147, 125, 0.7);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page header .main_ttl .ttl_en,
.error404 header .main_ttl .ttl_en,
.archive header .main_ttl .ttl_en,
.single header .main_ttl .ttl_en,
.blog header .main_ttl .ttl_en {
  font-family: "Cardo", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #00855d;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 4px;
  padding-top: 160px;
  margin-bottom: 10px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page header .main_ttl .ttl_en,
  .error404 header .main_ttl .ttl_en,
  .archive header .main_ttl .ttl_en,
  .single header .main_ttl .ttl_en,
  .blog header .main_ttl .ttl_en {
    padding-top: 150px;
  }
}
@media screen and (max-width: 768px) {
  .page header .main_ttl .ttl_en,
  .error404 header .main_ttl .ttl_en,
  .archive header .main_ttl .ttl_en,
  .single header .main_ttl .ttl_en,
  .blog header .main_ttl .ttl_en {
    font-size: 18px;
    font-size: 1.8rem;
    padding-top: 130px;
  }
}
@media screen and (max-width: 600px) {
  .page header .main_ttl .ttl_en,
  .error404 header .main_ttl .ttl_en,
  .archive header .main_ttl .ttl_en,
  .single header .main_ttl .ttl_en,
  .blog header .main_ttl .ttl_en {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 3px;
    padding-top: 100px;
  }
}
@media screen and (max-width: 480px) {
  .page header .main_ttl .ttl_en,
  .error404 header .main_ttl .ttl_en,
  .archive header .main_ttl .ttl_en,
  .single header .main_ttl .ttl_en,
  .blog header .main_ttl .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 80px;
  }
}
@media screen and (max-width: 400px) {
  .page header .main_ttl .ttl_en,
  .error404 header .main_ttl .ttl_en,
  .archive header .main_ttl .ttl_en,
  .single header .main_ttl .ttl_en,
  .blog header .main_ttl .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
    padding-top: 70px;
  }
}
.page header .main_ttl .ttl_en span,
.error404 header .main_ttl .ttl_en span,
.archive header .main_ttl .ttl_en span,
.single header .main_ttl .ttl_en span,
.blog header .main_ttl .ttl_en span {
  display: inline-block;
  background: #fff;
  padding: 6px 35px;
}
@media screen and (max-width: 1000px) {
  .page header .main_ttl .ttl_en span,
  .error404 header .main_ttl .ttl_en span,
  .archive header .main_ttl .ttl_en span,
  .single header .main_ttl .ttl_en span,
  .blog header .main_ttl .ttl_en span {
    padding: 4px 30px;
  }
}
@media screen and (max-width: 768px) {
  .page header .main_ttl .ttl_en span,
  .error404 header .main_ttl .ttl_en span,
  .archive header .main_ttl .ttl_en span,
  .single header .main_ttl .ttl_en span,
  .blog header .main_ttl .ttl_en span {
    padding: 3px 25px;
  }
}
@media screen and (max-width: 600px) {
  .page header .main_ttl .ttl_en span,
  .error404 header .main_ttl .ttl_en span,
  .archive header .main_ttl .ttl_en span,
  .single header .main_ttl .ttl_en span,
  .blog header .main_ttl .ttl_en span {
    padding: 2px 20px;
  }
}
@media screen and (max-width: 480px) {
  .page header .main_ttl .ttl_en span,
  .error404 header .main_ttl .ttl_en span,
  .archive header .main_ttl .ttl_en span,
  .single header .main_ttl .ttl_en span,
  .blog header .main_ttl .ttl_en span {
    padding: 2px 15px;
  }
}
.page header .main_ttl h1,
.error404 header .main_ttl h1,
.archive header .main_ttl h1,
.single header .main_ttl h1,
.blog header .main_ttl h1 {
  font-size: 50px;
  font-size: 5rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  letter-spacing: 12px;
  line-height: 1.4;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page header .main_ttl h1,
  .error404 header .main_ttl h1,
  .archive header .main_ttl h1,
  .single header .main_ttl h1,
  .blog header .main_ttl h1 {
    font-size: 44px;
    font-size: 4.4rem;
    letter-spacing: 8px;
  }
}
@media screen and (max-width: 768px) {
  .page header .main_ttl h1,
  .error404 header .main_ttl h1,
  .archive header .main_ttl h1,
  .single header .main_ttl h1,
  .blog header .main_ttl h1 {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 600px) {
  .page header .main_ttl h1,
  .error404 header .main_ttl h1,
  .archive header .main_ttl h1,
  .single header .main_ttl h1,
  .blog header .main_ttl h1 {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 6px;
  }
}
@media screen and (max-width: 480px) {
  .page header .main_ttl h1,
  .error404 header .main_ttl h1,
  .archive header .main_ttl h1,
  .single header .main_ttl h1,
  .blog header .main_ttl h1 {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 5px;
  }
}
@media screen and (max-width: 400px) {
  .page header .main_ttl h1,
  .error404 header .main_ttl h1,
  .archive header .main_ttl h1,
  .single header .main_ttl h1,
  .blog header .main_ttl h1 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.page header .main_ttl h1 span,
.error404 header .main_ttl h1 span,
.archive header .main_ttl h1 span,
.single header .main_ttl h1 span,
.blog header .main_ttl h1 span {
  display: inline-block;
}
.page .content .breadcrumb-list,
.error404 .content .breadcrumb-list,
.archive .content .breadcrumb-list,
.single .content .breadcrumb-list,
.blog .content .breadcrumb-list {
  max-width: 1360px;
  margin: 40px auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .page .content .breadcrumb-list,
  .error404 .content .breadcrumb-list,
  .archive .content .breadcrumb-list,
  .single .content .breadcrumb-list,
  .blog .content .breadcrumb-list {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .page .content .breadcrumb-list,
  .error404 .content .breadcrumb-list,
  .archive .content .breadcrumb-list,
  .single .content .breadcrumb-list,
  .blog .content .breadcrumb-list {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .page .content .breadcrumb-list,
  .error404 .content .breadcrumb-list,
  .archive .content .breadcrumb-list,
  .single .content .breadcrumb-list,
  .blog .content .breadcrumb-list {
    padding: 0 25px;
  }
}
.page .content .breadcrumb-list .breadcrumb-inner,
.error404 .content .breadcrumb-list .breadcrumb-inner,
.archive .content .breadcrumb-list .breadcrumb-inner,
.single .content .breadcrumb-list .breadcrumb-inner,
.blog .content .breadcrumb-list .breadcrumb-inner {
  background: #f9f9f9;
  padding: 15px 30px;
  border-radius: 10px;
}
@media screen and (max-width: 600px) {
  .page .content .breadcrumb-list .breadcrumb-inner,
  .error404 .content .breadcrumb-list .breadcrumb-inner,
  .archive .content .breadcrumb-list .breadcrumb-inner,
  .single .content .breadcrumb-list .breadcrumb-inner,
  .blog .content .breadcrumb-list .breadcrumb-inner {
    padding: 12px 20px;
    border-radius: 8px;
  }
}
@media screen and (max-width: 480px) {
  .page .content .breadcrumb-list .breadcrumb-inner,
  .error404 .content .breadcrumb-list .breadcrumb-inner,
  .archive .content .breadcrumb-list .breadcrumb-inner,
  .single .content .breadcrumb-list .breadcrumb-inner,
  .blog .content .breadcrumb-list .breadcrumb-inner {
    padding: 10px 20px;
  }
}
.page .content .breadcrumb-list .breadcrumb-inner > span,
.error404 .content .breadcrumb-list .breadcrumb-inner > span,
.archive .content .breadcrumb-list .breadcrumb-inner > span,
.single .content .breadcrumb-list .breadcrumb-inner > span,
.blog .content .breadcrumb-list .breadcrumb-inner > span {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 480px) {
  .page .content .breadcrumb-list .breadcrumb-inner > span,
  .error404 .content .breadcrumb-list .breadcrumb-inner > span,
  .archive .content .breadcrumb-list .breadcrumb-inner > span,
  .single .content .breadcrumb-list .breadcrumb-inner > span,
  .blog .content .breadcrumb-list .breadcrumb-inner > span {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 400px) {
  .page .content .breadcrumb-list .breadcrumb-inner > span,
  .error404 .content .breadcrumb-list .breadcrumb-inner > span,
  .archive .content .breadcrumb-list .breadcrumb-inner > span,
  .single .content .breadcrumb-list .breadcrumb-inner > span,
  .blog .content .breadcrumb-list .breadcrumb-inner > span {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.page .content .breadcrumb-list .breadcrumb-inner > span a,
.error404 .content .breadcrumb-list .breadcrumb-inner > span a,
.archive .content .breadcrumb-list .breadcrumb-inner > span a,
.single .content .breadcrumb-list .breadcrumb-inner > span a,
.blog .content .breadcrumb-list .breadcrumb-inner > span a {
  color: #416459;
}
.page .content .breadcrumb-list .breadcrumb-inner > span a:hover,
.error404 .content .breadcrumb-list .breadcrumb-inner > span a:hover,
.archive .content .breadcrumb-list .breadcrumb-inner > span a:hover,
.single .content .breadcrumb-list .breadcrumb-inner > span a:hover,
.blog .content .breadcrumb-list .breadcrumb-inner > span a:hover {
  text-decoration: underline;
}
.page .content .lnav,
.error404 .content .lnav,
.archive .content .lnav,
.single .content .lnav,
.blog .content .lnav {
  max-width: 1360px;
  padding: 80px 40px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page .content .lnav,
  .error404 .content .lnav,
  .archive .content .lnav,
  .single .content .lnav,
  .blog .content .lnav {
    padding: 60px 40px;
  }
}
@media screen and (max-width: 600px) {
  .page .content .lnav,
  .error404 .content .lnav,
  .archive .content .lnav,
  .single .content .lnav,
  .blog .content .lnav {
    padding: 60px 30px;
  }
}
@media screen and (max-width: 480px) {
  .page .content .lnav,
  .error404 .content .lnav,
  .archive .content .lnav,
  .single .content .lnav,
  .blog .content .lnav {
    padding: 50px 25px;
  }
}
.page .content .lnav ul,
.error404 .content .lnav ul,
.archive .content .lnav ul,
.single .content .lnav ul,
.blog .content .lnav 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: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  .page .content .lnav ul,
  .error404 .content .lnav ul,
  .archive .content .lnav ul,
  .single .content .lnav ul,
  .blog .content .lnav ul {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.page .content .lnav ul li,
.error404 .content .lnav ul li,
.archive .content .lnav ul li,
.single .content .lnav ul li,
.blog .content .lnav ul li {
  margin: 0 25px;
}
@media screen and (max-width: 600px) {
  .page .content .lnav ul li,
  .error404 .content .lnav ul li,
  .archive .content .lnav ul li,
  .single .content .lnav ul li,
  .blog .content .lnav ul li {
    width: 100%;
    margin: 0;
  }
}
.page .content .lnav ul li a,
.error404 .content .lnav ul li a,
.archive .content .lnav ul li a,
.single .content .lnav ul li a,
.blog .content .lnav ul li a {
  font-size: 16px;
  font-size: 1.6rem;
  color: #416459;
  letter-spacing: 1px;
  cursor: pointer;
  padding-left: 28px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .page .content .lnav ul li a,
  .error404 .content .lnav ul li a,
  .archive .content .lnav ul li a,
  .single .content .lnav ul li a,
  .blog .content .lnav ul li a {
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 24px;
  }
}
.page .content .lnav ul li a:before,
.error404 .content .lnav ul li a:before,
.archive .content .lnav ul li a:before,
.single .content .lnav ul li a:before,
.blog .content .lnav ul li a:before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(images/img_icon_arrow_green_yellow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 4px;
  left: 0;
  transform: rotate(90deg);
}
@media screen and (max-width: 480px) {
  .page .content .lnav ul li a:before,
  .error404 .content .lnav ul li a:before,
  .archive .content .lnav ul li a:before,
  .single .content .lnav ul li a:before,
  .blog .content .lnav ul li a:before {
    width: 16px;
    height: 16px;
    top: 2px;
  }
}
.page .content .wpcf7-form,
.error404 .content .wpcf7-form,
.archive .content .wpcf7-form,
.single .content .wpcf7-form,
.blog .content .wpcf7-form {
  max-width: 1360px;
  margin: 0 auto 80px;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .page .content .wpcf7-form,
  .error404 .content .wpcf7-form,
  .archive .content .wpcf7-form,
  .single .content .wpcf7-form,
  .blog .content .wpcf7-form {
    max-width: 100%;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .page .content .wpcf7-form,
  .error404 .content .wpcf7-form,
  .archive .content .wpcf7-form,
  .single .content .wpcf7-form,
  .blog .content .wpcf7-form {
    margin-bottom: 50px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .page .content .wpcf7-form,
  .error404 .content .wpcf7-form,
  .archive .content .wpcf7-form,
  .single .content .wpcf7-form,
  .blog .content .wpcf7-form {
    margin-bottom: 40px;
    padding: 0 20px;
  }
}
.page .content .wpcf7-form p,
.error404 .content .wpcf7-form p,
.archive .content .wpcf7-form p,
.single .content .wpcf7-form p,
.blog .content .wpcf7-form p {
  margin-bottom: 20px;
}
.page .content .wpcf7-form p .rec,
.error404 .content .wpcf7-form p .rec,
.archive .content .wpcf7-form p .rec,
.single .content .wpcf7-form p .rec,
.blog .content .wpcf7-form p .rec {
  color: #ea1b1b;
}
.page .content .wpcf7-form input[type=text],
.page .content .wpcf7-form input[type=email],
.page .content .wpcf7-form input[type=tel],
.page .content .wpcf7-form textarea,
.error404 .content .wpcf7-form input[type=text],
.error404 .content .wpcf7-form input[type=email],
.error404 .content .wpcf7-form input[type=tel],
.error404 .content .wpcf7-form textarea,
.archive .content .wpcf7-form input[type=text],
.archive .content .wpcf7-form input[type=email],
.archive .content .wpcf7-form input[type=tel],
.archive .content .wpcf7-form textarea,
.single .content .wpcf7-form input[type=text],
.single .content .wpcf7-form input[type=email],
.single .content .wpcf7-form input[type=tel],
.single .content .wpcf7-form textarea,
.blog .content .wpcf7-form input[type=text],
.blog .content .wpcf7-form input[type=email],
.blog .content .wpcf7-form input[type=tel],
.blog .content .wpcf7-form textarea {
  border-radius: 3px;
  background: #fff;
  padding: 5px;
}
.page .content .wpcf7-form input[type=text],
.page .content .wpcf7-form input[type=email],
.page .content .wpcf7-form input[type=tel],
.error404 .content .wpcf7-form input[type=text],
.error404 .content .wpcf7-form input[type=email],
.error404 .content .wpcf7-form input[type=tel],
.archive .content .wpcf7-form input[type=text],
.archive .content .wpcf7-form input[type=email],
.archive .content .wpcf7-form input[type=tel],
.single .content .wpcf7-form input[type=text],
.single .content .wpcf7-form input[type=email],
.single .content .wpcf7-form input[type=tel],
.blog .content .wpcf7-form input[type=text],
.blog .content .wpcf7-form input[type=email],
.blog .content .wpcf7-form input[type=tel] {
  width: 100%;
  max-width: 480px;
  height: 40px;
  padding: 10px;
}
@media screen and (max-width: 480px) {
  .page .content .wpcf7-form input[type=text],
  .page .content .wpcf7-form input[type=email],
  .page .content .wpcf7-form input[type=tel],
  .error404 .content .wpcf7-form input[type=text],
  .error404 .content .wpcf7-form input[type=email],
  .error404 .content .wpcf7-form input[type=tel],
  .archive .content .wpcf7-form input[type=text],
  .archive .content .wpcf7-form input[type=email],
  .archive .content .wpcf7-form input[type=tel],
  .single .content .wpcf7-form input[type=text],
  .single .content .wpcf7-form input[type=email],
  .single .content .wpcf7-form input[type=tel],
  .blog .content .wpcf7-form input[type=text],
  .blog .content .wpcf7-form input[type=email],
  .blog .content .wpcf7-form input[type=tel] {
    width: 100%;
  }
}
.page .content .wpcf7-form input[type=text]:focus,
.page .content .wpcf7-form input[type=email]:focus,
.page .content .wpcf7-form input[type=tel]:focus,
.page .content .wpcf7-form textarea:focus,
.error404 .content .wpcf7-form input[type=text]:focus,
.error404 .content .wpcf7-form input[type=email]:focus,
.error404 .content .wpcf7-form input[type=tel]:focus,
.error404 .content .wpcf7-form textarea:focus,
.archive .content .wpcf7-form input[type=text]:focus,
.archive .content .wpcf7-form input[type=email]:focus,
.archive .content .wpcf7-form input[type=tel]:focus,
.archive .content .wpcf7-form textarea:focus,
.single .content .wpcf7-form input[type=text]:focus,
.single .content .wpcf7-form input[type=email]:focus,
.single .content .wpcf7-form input[type=tel]:focus,
.single .content .wpcf7-form textarea:focus,
.blog .content .wpcf7-form input[type=text]:focus,
.blog .content .wpcf7-form input[type=email]:focus,
.blog .content .wpcf7-form input[type=tel]:focus,
.blog .content .wpcf7-form textarea:focus {
  color: #111;
}
.page .content .wpcf7-form textarea,
.error404 .content .wpcf7-form textarea,
.archive .content .wpcf7-form textarea,
.single .content .wpcf7-form textarea,
.blog .content .wpcf7-form textarea {
  width: 100%;
  line-height: 1.3;
}
.page .content .wpcf7-form .entry-submit,
.page .content .wpcf7-form .submit-btn,
.error404 .content .wpcf7-form .entry-submit,
.error404 .content .wpcf7-form .submit-btn,
.archive .content .wpcf7-form .entry-submit,
.archive .content .wpcf7-form .submit-btn,
.single .content .wpcf7-form .entry-submit,
.single .content .wpcf7-form .submit-btn,
.blog .content .wpcf7-form .entry-submit,
.blog .content .wpcf7-form .submit-btn {
  width: 100%;
  max-width: 320px;
  margin: 40px auto 0;
  position: relative;
}
@media screen and (max-width: 480px) {
  .page .content .wpcf7-form .entry-submit,
  .page .content .wpcf7-form .submit-btn,
  .error404 .content .wpcf7-form .entry-submit,
  .error404 .content .wpcf7-form .submit-btn,
  .archive .content .wpcf7-form .entry-submit,
  .archive .content .wpcf7-form .submit-btn,
  .single .content .wpcf7-form .entry-submit,
  .single .content .wpcf7-form .submit-btn,
  .blog .content .wpcf7-form .entry-submit,
  .blog .content .wpcf7-form .submit-btn {
    max-width: 100%;
  }
}
.page .content .wpcf7-form .entry-submit:after,
.page .content .wpcf7-form .submit-btn:after,
.error404 .content .wpcf7-form .entry-submit:after,
.error404 .content .wpcf7-form .submit-btn:after,
.archive .content .wpcf7-form .entry-submit:after,
.archive .content .wpcf7-form .submit-btn:after,
.single .content .wpcf7-form .entry-submit:after,
.single .content .wpcf7-form .submit-btn:after,
.blog .content .wpcf7-form .entry-submit:after,
.blog .content .wpcf7-form .submit-btn:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_green_yellow.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 22px;
  right: 20px;
}
@media screen and (max-width: 480px) {
  .page .content .wpcf7-form .entry-submit:after,
  .page .content .wpcf7-form .submit-btn:after,
  .error404 .content .wpcf7-form .entry-submit:after,
  .error404 .content .wpcf7-form .submit-btn:after,
  .archive .content .wpcf7-form .entry-submit:after,
  .archive .content .wpcf7-form .submit-btn:after,
  .single .content .wpcf7-form .entry-submit:after,
  .single .content .wpcf7-form .submit-btn:after,
  .blog .content .wpcf7-form .entry-submit:after,
  .blog .content .wpcf7-form .submit-btn:after {
    top: 20px;
  }
}
@media screen and (max-width: 400px) {
  .page .content .wpcf7-form .entry-submit:after,
  .page .content .wpcf7-form .submit-btn:after,
  .error404 .content .wpcf7-form .entry-submit:after,
  .error404 .content .wpcf7-form .submit-btn:after,
  .archive .content .wpcf7-form .entry-submit:after,
  .archive .content .wpcf7-form .submit-btn:after,
  .single .content .wpcf7-form .entry-submit:after,
  .single .content .wpcf7-form .submit-btn:after,
  .blog .content .wpcf7-form .entry-submit:after,
  .blog .content .wpcf7-form .submit-btn:after {
    top: 16px;
  }
}
.page .content .wpcf7-form .entry-submit:hover:after,
.page .content .wpcf7-form .submit-btn:hover:after,
.error404 .content .wpcf7-form .entry-submit:hover:after,
.error404 .content .wpcf7-form .submit-btn:hover:after,
.archive .content .wpcf7-form .entry-submit:hover:after,
.archive .content .wpcf7-form .submit-btn:hover:after,
.single .content .wpcf7-form .entry-submit:hover:after,
.single .content .wpcf7-form .submit-btn:hover:after,
.blog .content .wpcf7-form .entry-submit:hover:after,
.blog .content .wpcf7-form .submit-btn:hover:after {
  right: 15px;
}
.page .content .wpcf7-form .entry-submit:focus, .page .content .wpcf7-form .entry-submit:active,
.page .content .wpcf7-form .submit-btn:focus,
.page .content .wpcf7-form .submit-btn:active,
.error404 .content .wpcf7-form .entry-submit:focus,
.error404 .content .wpcf7-form .entry-submit:active,
.error404 .content .wpcf7-form .submit-btn:focus,
.error404 .content .wpcf7-form .submit-btn:active,
.archive .content .wpcf7-form .entry-submit:focus,
.archive .content .wpcf7-form .entry-submit:active,
.archive .content .wpcf7-form .submit-btn:focus,
.archive .content .wpcf7-form .submit-btn:active,
.single .content .wpcf7-form .entry-submit:focus,
.single .content .wpcf7-form .entry-submit:active,
.single .content .wpcf7-form .submit-btn:focus,
.single .content .wpcf7-form .submit-btn:active,
.blog .content .wpcf7-form .entry-submit:focus,
.blog .content .wpcf7-form .entry-submit:active,
.blog .content .wpcf7-form .submit-btn:focus,
.blog .content .wpcf7-form .submit-btn:active {
  outline: none;
}
.page .content .wpcf7-form .entry-submit i,
.page .content .wpcf7-form .submit-btn i,
.error404 .content .wpcf7-form .entry-submit i,
.error404 .content .wpcf7-form .submit-btn i,
.archive .content .wpcf7-form .entry-submit i,
.archive .content .wpcf7-form .submit-btn i,
.single .content .wpcf7-form .entry-submit i,
.single .content .wpcf7-form .submit-btn i,
.blog .content .wpcf7-form .entry-submit i,
.blog .content .wpcf7-form .submit-btn i {
  display: none;
}
.page .content .wpcf7-form input[type=submit],
.error404 .content .wpcf7-form input[type=submit],
.archive .content .wpcf7-form input[type=submit],
.single .content .wpcf7-form input[type=submit],
.blog .content .wpcf7-form input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 20px 10px;
  margin: 0 auto;
  font-size: 16px;
  font-size: 1.6rem;
  color: #416459;
  letter-spacing: 2px;
  line-height: 1.5;
  background: #fbe553;
  border: none;
  border-radius: 100px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .page .content .wpcf7-form input[type=submit],
  .error404 .content .wpcf7-form input[type=submit],
  .archive .content .wpcf7-form input[type=submit],
  .single .content .wpcf7-form input[type=submit],
  .blog .content .wpcf7-form input[type=submit] {
    line-height: 1.7;
  }
}
@media screen and (max-width: 600px) {
  .page .content .wpcf7-form input[type=submit],
  .error404 .content .wpcf7-form input[type=submit],
  .archive .content .wpcf7-form input[type=submit],
  .single .content .wpcf7-form input[type=submit],
  .blog .content .wpcf7-form input[type=submit] {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .page .content .wpcf7-form input[type=submit],
  .error404 .content .wpcf7-form input[type=submit],
  .archive .content .wpcf7-form input[type=submit],
  .single .content .wpcf7-form input[type=submit],
  .blog .content .wpcf7-form input[type=submit] {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 18px 10px;
  }
}
@media screen and (max-width: 400px) {
  .page .content .wpcf7-form input[type=submit],
  .error404 .content .wpcf7-form input[type=submit],
  .archive .content .wpcf7-form input[type=submit],
  .single .content .wpcf7-form input[type=submit],
  .blog .content .wpcf7-form input[type=submit] {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 15px 10px;
  }
}
.page .content .wpcf7-form input[type=submit]:hover,
.error404 .content .wpcf7-form input[type=submit]:hover,
.archive .content .wpcf7-form input[type=submit]:hover,
.single .content .wpcf7-form input[type=submit]:hover,
.blog .content .wpcf7-form input[type=submit]:hover {
  opacity: 0.8;
}
.page .content .page_link,
.error404 .content .page_link,
.archive .content .page_link,
.single .content .page_link,
.blog .content .page_link {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1180px;
  margin: 100px auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .page .content .page_link,
  .error404 .content .page_link,
  .archive .content .page_link,
  .single .content .page_link,
  .blog .content .page_link {
    margin: 60px auto;
  }
}
@media screen and (max-width: 600px) {
  .page .content .page_link,
  .error404 .content .page_link,
  .archive .content .page_link,
  .single .content .page_link,
  .blog .content .page_link {
    padding: 0 30px;
    margin: 40px auto;
  }
}
@media screen and (max-width: 480px) {
  .page .content .page_link,
  .error404 .content .page_link,
  .archive .content .page_link,
  .single .content .page_link,
  .blog .content .page_link {
    padding: 0 20px;
    margin: 30px auto;
  }
}
.page .content .page_link .prev_page_link,
.error404 .content .page_link .prev_page_link,
.archive .content .page_link .prev_page_link,
.single .content .page_link .prev_page_link,
.blog .content .page_link .prev_page_link {
  width: 50%;
  margin-right: auto;
}
.page .content .page_link .prev_page_link a,
.error404 .content .page_link .prev_page_link a,
.archive .content .page_link .prev_page_link a,
.single .content .page_link .prev_page_link a,
.blog .content .page_link .prev_page_link a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .page .content .page_link .prev_page_link a,
  .error404 .content .page_link .prev_page_link a,
  .archive .content .page_link .prev_page_link a,
  .single .content .page_link .prev_page_link a,
  .blog .content .page_link .prev_page_link a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .page .content .page_link .prev_page_link a,
  .error404 .content .page_link .prev_page_link a,
  .archive .content .page_link .prev_page_link a,
  .single .content .page_link .prev_page_link a,
  .blog .content .page_link .prev_page_link a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.page .content .page_link .prev_page_link a:after,
.error404 .content .page_link .prev_page_link a:after,
.archive .content .page_link .prev_page_link a:after,
.single .content .page_link .prev_page_link a:after,
.blog .content .page_link .prev_page_link a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .page .content .page_link .prev_page_link a:after,
  .error404 .content .page_link .prev_page_link a:after,
  .archive .content .page_link .prev_page_link a:after,
  .single .content .page_link .prev_page_link a:after,
  .blog .content .page_link .prev_page_link a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .page .content .page_link .prev_page_link a:after,
  .error404 .content .page_link .prev_page_link a:after,
  .archive .content .page_link .prev_page_link a:after,
  .single .content .page_link .prev_page_link a:after,
  .blog .content .page_link .prev_page_link a:after {
    right: 15px;
  }
}
.page .content .page_link .prev_page_link a:hover,
.error404 .content .page_link .prev_page_link a:hover,
.archive .content .page_link .prev_page_link a:hover,
.single .content .page_link .prev_page_link a:hover,
.blog .content .page_link .prev_page_link a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.page .content .page_link .prev_page_link a:hover:after,
.error404 .content .page_link .prev_page_link a:hover:after,
.archive .content .page_link .prev_page_link a:hover:after,
.single .content .page_link .prev_page_link a:hover:after,
.blog .content .page_link .prev_page_link a:hover:after {
  right: 20px;
}
@media screen and (max-width: 768px) {
  .page .content .page_link .prev_page_link,
  .error404 .content .page_link .prev_page_link,
  .archive .content .page_link .prev_page_link,
  .single .content .page_link .prev_page_link,
  .blog .content .page_link .prev_page_link {
    width: 100%;
    margin-bottom: 10px;
  }
}
.page .content .page_link .prev_page_link a,
.error404 .content .page_link .prev_page_link a,
.archive .content .page_link .prev_page_link a,
.single .content .page_link .prev_page_link a,
.blog .content .page_link .prev_page_link a {
  max-width: 280px;
  padding: 17px 10px 13px;
  margin-right: auto;
  letter-spacing: 1px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .page .content .page_link .prev_page_link a,
  .error404 .content .page_link .prev_page_link a,
  .archive .content .page_link .prev_page_link a,
  .single .content .page_link .prev_page_link a,
  .blog .content .page_link .prev_page_link a {
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .page .content .page_link .prev_page_link a,
  .error404 .content .page_link .prev_page_link a,
  .archive .content .page_link .prev_page_link a,
  .single .content .page_link .prev_page_link a,
  .blog .content .page_link .prev_page_link a {
    padding: 14px 10px 10px;
  }
}
.page .content .page_link .prev_page_link a:after,
.error404 .content .page_link .prev_page_link a:after,
.archive .content .page_link .prev_page_link a:after,
.single .content .page_link .prev_page_link a:after,
.blog .content .page_link .prev_page_link a:after {
  width: 5px;
  height: 8px;
  background-image: url(images/img_arrow_green_left.png);
  left: 20px;
  transform: translateY(-50%);
}
.page .content .page_link .prev_page_link a:hover:after,
.error404 .content .page_link .prev_page_link a:hover:after,
.archive .content .page_link .prev_page_link a:hover:after,
.single .content .page_link .prev_page_link a:hover:after,
.blog .content .page_link .prev_page_link a:hover:after {
  left: 15px;
}
.page .content .page_link .next_page_link,
.error404 .content .page_link .next_page_link,
.archive .content .page_link .next_page_link,
.single .content .page_link .next_page_link,
.blog .content .page_link .next_page_link {
  width: 50%;
  margin-left: auto;
}
.page .content .page_link .next_page_link a,
.error404 .content .page_link .next_page_link a,
.archive .content .page_link .next_page_link a,
.single .content .page_link .next_page_link a,
.blog .content .page_link .next_page_link a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .page .content .page_link .next_page_link a,
  .error404 .content .page_link .next_page_link a,
  .archive .content .page_link .next_page_link a,
  .single .content .page_link .next_page_link a,
  .blog .content .page_link .next_page_link a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .page .content .page_link .next_page_link a,
  .error404 .content .page_link .next_page_link a,
  .archive .content .page_link .next_page_link a,
  .single .content .page_link .next_page_link a,
  .blog .content .page_link .next_page_link a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.page .content .page_link .next_page_link a:after,
.error404 .content .page_link .next_page_link a:after,
.archive .content .page_link .next_page_link a:after,
.single .content .page_link .next_page_link a:after,
.blog .content .page_link .next_page_link a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .page .content .page_link .next_page_link a:after,
  .error404 .content .page_link .next_page_link a:after,
  .archive .content .page_link .next_page_link a:after,
  .single .content .page_link .next_page_link a:after,
  .blog .content .page_link .next_page_link a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .page .content .page_link .next_page_link a:after,
  .error404 .content .page_link .next_page_link a:after,
  .archive .content .page_link .next_page_link a:after,
  .single .content .page_link .next_page_link a:after,
  .blog .content .page_link .next_page_link a:after {
    right: 15px;
  }
}
.page .content .page_link .next_page_link a:hover,
.error404 .content .page_link .next_page_link a:hover,
.archive .content .page_link .next_page_link a:hover,
.single .content .page_link .next_page_link a:hover,
.blog .content .page_link .next_page_link a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.page .content .page_link .next_page_link a:hover:after,
.error404 .content .page_link .next_page_link a:hover:after,
.archive .content .page_link .next_page_link a:hover:after,
.single .content .page_link .next_page_link a:hover:after,
.blog .content .page_link .next_page_link a:hover:after {
  right: 20px;
}
@media screen and (max-width: 768px) {
  .page .content .page_link .next_page_link,
  .error404 .content .page_link .next_page_link,
  .archive .content .page_link .next_page_link,
  .single .content .page_link .next_page_link,
  .blog .content .page_link .next_page_link {
    width: 100%;
  }
}
.page .content .page_link .next_page_link a,
.error404 .content .page_link .next_page_link a,
.archive .content .page_link .next_page_link a,
.single .content .page_link .next_page_link a,
.blog .content .page_link .next_page_link a {
  max-width: 280px;
  padding: 17px 10px 13px;
  margin-left: auto;
  letter-spacing: 1px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .page .content .page_link .next_page_link a,
  .error404 .content .page_link .next_page_link a,
  .archive .content .page_link .next_page_link a,
  .single .content .page_link .next_page_link a,
  .blog .content .page_link .next_page_link a {
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .page .content .page_link .next_page_link a,
  .error404 .content .page_link .next_page_link a,
  .archive .content .page_link .next_page_link a,
  .single .content .page_link .next_page_link a,
  .blog .content .page_link .next_page_link a {
    padding: 14px 10px 10px;
  }
}
.page .content .page_link .next_page_link a:after,
.error404 .content .page_link .next_page_link a:after,
.archive .content .page_link .next_page_link a:after,
.single .content .page_link .next_page_link a:after,
.blog .content .page_link .next_page_link a:after {
  width: 5px;
  height: 8px;
  left: initial;
  right: 20px;
}
.page .content .page_link .next_page_link a:hover:after,
.error404 .content .page_link .next_page_link a:hover:after,
.archive .content .page_link .next_page_link a:hover:after,
.single .content .page_link .next_page_link a:hover:after,
.blog .content .page_link .next_page_link a:hover:after {
  left: initial;
  right: 15px;
}
.page .content section .ttl_en,
.error404 .content section .ttl_en,
.archive .content section .ttl_en,
.single .content section .ttl_en,
.blog .content section .ttl_en {
  margin-bottom: 5px;
}
.page .content section h2,
.error404 .content section h2,
.archive .content section h2,
.single .content section h2,
.blog .content section h2 {
  margin-bottom: 60px;
}
@media screen and (max-width: 1250px) {
  .page .content section h2,
  .error404 .content section h2,
  .archive .content section h2,
  .single .content section h2,
  .blog .content section h2 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .page .content section h2,
  .error404 .content section h2,
  .archive .content section h2,
  .single .content section h2,
  .blog .content section h2 {
    margin-bottom: 40px;
  }
}
.page .content section.sec_clinic_page_link,
.error404 .content section.sec_clinic_page_link,
.archive .content section.sec_clinic_page_link,
.single .content section.sec_clinic_page_link,
.blog .content section.sec_clinic_page_link {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 0;
}
.page .content section.sec_clinic_page_link .same_cat_page_link,
.error404 .content section.sec_clinic_page_link .same_cat_page_link,
.archive .content section.sec_clinic_page_link .same_cat_page_link,
.single .content section.sec_clinic_page_link .same_cat_page_link,
.blog .content section.sec_clinic_page_link .same_cat_page_link {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page .content section.sec_clinic_page_link .cat_page_link_box,
.error404 .content section.sec_clinic_page_link .cat_page_link_box,
.archive .content section.sec_clinic_page_link .cat_page_link_box,
.single .content section.sec_clinic_page_link .cat_page_link_box,
.blog .content section.sec_clinic_page_link .cat_page_link_box {
  width: 31.25%;
  margin: 0% 2.34% 0% 0%;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .page .content section.sec_clinic_page_link .cat_page_link_box,
  .error404 .content section.sec_clinic_page_link .cat_page_link_box,
  .archive .content section.sec_clinic_page_link .cat_page_link_box,
  .single .content section.sec_clinic_page_link .cat_page_link_box,
  .blog .content section.sec_clinic_page_link .cat_page_link_box {
    width: 48.5%;
    margin: 0 3% 60px 0;
  }
}
@media screen and (max-width: 480px) {
  .page .content section.sec_clinic_page_link .cat_page_link_box,
  .error404 .content section.sec_clinic_page_link .cat_page_link_box,
  .archive .content section.sec_clinic_page_link .cat_page_link_box,
  .single .content section.sec_clinic_page_link .cat_page_link_box,
  .blog .content section.sec_clinic_page_link .cat_page_link_box {
    width: 100%;
    margin-right: 0;
  }
}
.page .content section.sec_clinic_page_link .cat_page_link_box:nth-child(3n),
.error404 .content section.sec_clinic_page_link .cat_page_link_box:nth-child(3n),
.archive .content section.sec_clinic_page_link .cat_page_link_box:nth-child(3n),
.single .content section.sec_clinic_page_link .cat_page_link_box:nth-child(3n),
.blog .content section.sec_clinic_page_link .cat_page_link_box:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .page .content section.sec_clinic_page_link .cat_page_link_box:nth-child(3n),
  .error404 .content section.sec_clinic_page_link .cat_page_link_box:nth-child(3n),
  .archive .content section.sec_clinic_page_link .cat_page_link_box:nth-child(3n),
  .single .content section.sec_clinic_page_link .cat_page_link_box:nth-child(3n),
  .blog .content section.sec_clinic_page_link .cat_page_link_box:nth-child(3n) {
    margin-right: 3%;
  }
}
@media screen and (max-width: 480px) {
  .page .content section.sec_clinic_page_link .cat_page_link_box:nth-child(3n),
  .error404 .content section.sec_clinic_page_link .cat_page_link_box:nth-child(3n),
  .archive .content section.sec_clinic_page_link .cat_page_link_box:nth-child(3n),
  .single .content section.sec_clinic_page_link .cat_page_link_box:nth-child(3n),
  .blog .content section.sec_clinic_page_link .cat_page_link_box:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .page .content section.sec_clinic_page_link .cat_page_link_box:nth-child(even),
  .error404 .content section.sec_clinic_page_link .cat_page_link_box:nth-child(even),
  .archive .content section.sec_clinic_page_link .cat_page_link_box:nth-child(even),
  .single .content section.sec_clinic_page_link .cat_page_link_box:nth-child(even),
  .blog .content section.sec_clinic_page_link .cat_page_link_box:nth-child(even) {
    margin-right: 0;
  }
}
.page .content section.sec_clinic_page_link .cat_page_link_box:hover h2:before,
.error404 .content section.sec_clinic_page_link .cat_page_link_box:hover h2:before,
.archive .content section.sec_clinic_page_link .cat_page_link_box:hover h2:before,
.single .content section.sec_clinic_page_link .cat_page_link_box:hover h2:before,
.blog .content section.sec_clinic_page_link .cat_page_link_box:hover h2:before {
  left: 4px;
}
.page .content section.sec_clinic_page_link .cat_page_link_box .photo,
.error404 .content section.sec_clinic_page_link .cat_page_link_box .photo,
.archive .content section.sec_clinic_page_link .cat_page_link_box .photo,
.single .content section.sec_clinic_page_link .cat_page_link_box .photo,
.blog .content section.sec_clinic_page_link .cat_page_link_box .photo {
  margin-bottom: 20px;
}
.page .content section.sec_clinic_page_link .cat_page_link_box .photo img,
.error404 .content section.sec_clinic_page_link .cat_page_link_box .photo img,
.archive .content section.sec_clinic_page_link .cat_page_link_box .photo img,
.single .content section.sec_clinic_page_link .cat_page_link_box .photo img,
.blog .content section.sec_clinic_page_link .cat_page_link_box .photo img {
  width: 100%;
  border-radius: 15px;
}
@media screen and (max-width: 600px) {
  .page .content section.sec_clinic_page_link .cat_page_link_box .photo img,
  .error404 .content section.sec_clinic_page_link .cat_page_link_box .photo img,
  .archive .content section.sec_clinic_page_link .cat_page_link_box .photo img,
  .single .content section.sec_clinic_page_link .cat_page_link_box .photo img,
  .blog .content section.sec_clinic_page_link .cat_page_link_box .photo img {
    border-radius: 10px;
  }
}
.page .content section.sec_clinic_page_link .cat_page_link_box h2,
.error404 .content section.sec_clinic_page_link .cat_page_link_box h2,
.archive .content section.sec_clinic_page_link .cat_page_link_box h2,
.single .content section.sec_clinic_page_link .cat_page_link_box h2,
.blog .content section.sec_clinic_page_link .cat_page_link_box h2 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: left;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-left: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page .content section.sec_clinic_page_link .cat_page_link_box h2,
  .error404 .content section.sec_clinic_page_link .cat_page_link_box h2,
  .archive .content section.sec_clinic_page_link .cat_page_link_box h2,
  .single .content section.sec_clinic_page_link .cat_page_link_box h2,
  .blog .content section.sec_clinic_page_link .cat_page_link_box h2 {
    font-size: 15px;
    font-size: 1.5rem;
    padding-left: 20px;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_clinic_page_link .cat_page_link_box h2,
  .error404 .content section.sec_clinic_page_link .cat_page_link_box h2,
  .archive .content section.sec_clinic_page_link .cat_page_link_box h2,
  .single .content section.sec_clinic_page_link .cat_page_link_box h2,
  .blog .content section.sec_clinic_page_link .cat_page_link_box h2 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .page .content section.sec_clinic_page_link .cat_page_link_box h2,
  .error404 .content section.sec_clinic_page_link .cat_page_link_box h2,
  .archive .content section.sec_clinic_page_link .cat_page_link_box h2,
  .single .content section.sec_clinic_page_link .cat_page_link_box h2,
  .blog .content section.sec_clinic_page_link .cat_page_link_box h2 {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 25px;
  }
}
.page .content section.sec_clinic_page_link .cat_page_link_box h2:before,
.error404 .content section.sec_clinic_page_link .cat_page_link_box h2:before,
.archive .content section.sec_clinic_page_link .cat_page_link_box h2:before,
.single .content section.sec_clinic_page_link .cat_page_link_box h2:before,
.blog .content section.sec_clinic_page_link .cat_page_link_box h2:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_green_yellow.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 4px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .page .content section.sec_clinic_page_link .cat_page_link_box h2:before,
  .error404 .content section.sec_clinic_page_link .cat_page_link_box h2:before,
  .archive .content section.sec_clinic_page_link .cat_page_link_box h2:before,
  .single .content section.sec_clinic_page_link .cat_page_link_box h2:before,
  .blog .content section.sec_clinic_page_link .cat_page_link_box h2:before {
    width: 16px;
    height: 16px;
    top: 2px;
  }
}
@media screen and (max-width: 480px) {
  .page .content section.sec_clinic_page_link .cat_page_link_box h2:before,
  .error404 .content section.sec_clinic_page_link .cat_page_link_box h2:before,
  .archive .content section.sec_clinic_page_link .cat_page_link_box h2:before,
  .single .content section.sec_clinic_page_link .cat_page_link_box h2:before,
  .blog .content section.sec_clinic_page_link .cat_page_link_box h2:before {
    width: 20px;
    height: 20px;
    top: 2px;
  }
}
.page .content section.sec_clinic_page_link .cat_page_link_box p,
.error404 .content section.sec_clinic_page_link .cat_page_link_box p,
.archive .content section.sec_clinic_page_link .cat_page_link_box p,
.single .content section.sec_clinic_page_link .cat_page_link_box p,
.blog .content section.sec_clinic_page_link .cat_page_link_box p {
  color: #04a273;
}
@media screen and (max-width: 600px) {
  .page .content section.sec_clinic_page_link .cat_page_link_box p,
  .error404 .content section.sec_clinic_page_link .cat_page_link_box p,
  .archive .content section.sec_clinic_page_link .cat_page_link_box p,
  .single .content section.sec_clinic_page_link .cat_page_link_box p,
  .blog .content section.sec_clinic_page_link .cat_page_link_box p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.page .content section.sec_related_page,
.error404 .content section.sec_related_page,
.archive .content section.sec_related_page,
.single .content section.sec_related_page,
.blog .content section.sec_related_page {
  background: #fffbe3;
  padding-bottom: 70px;
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page,
  .error404 .content section.sec_related_page,
  .archive .content section.sec_related_page,
  .single .content section.sec_related_page,
  .blog .content section.sec_related_page {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .page .content section.sec_related_page,
  .error404 .content section.sec_related_page,
  .archive .content section.sec_related_page,
  .single .content section.sec_related_page,
  .blog .content section.sec_related_page {
    padding-top: 50px;
    padding-bottom: 30px;
  }
}
.page .content section.sec_related_page .sub_ttl,
.error404 .content section.sec_related_page .sub_ttl,
.archive .content section.sec_related_page .sub_ttl,
.single .content section.sec_related_page .sub_ttl,
.blog .content section.sec_related_page .sub_ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #07461f;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 5px;
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page .sub_ttl,
  .error404 .content section.sec_related_page .sub_ttl,
  .archive .content section.sec_related_page .sub_ttl,
  .single .content section.sec_related_page .sub_ttl,
  .blog .content section.sec_related_page .sub_ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .page .content section.sec_related_page .sub_ttl,
  .error404 .content section.sec_related_page .sub_ttl,
  .archive .content section.sec_related_page .sub_ttl,
  .single .content section.sec_related_page .sub_ttl,
  .blog .content section.sec_related_page .sub_ttl {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.page .content section.sec_related_page .main_ttl,
.error404 .content section.sec_related_page .main_ttl,
.archive .content section.sec_related_page .main_ttl,
.single .content section.sec_related_page .main_ttl,
.blog .content section.sec_related_page .main_ttl {
  font-size: 40px;
  font-size: 4rem;
  color: #04a273;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 6px;
  font-weight: 600;
  margin-bottom: 60px;
}
@media screen and (max-width: 1250px) {
  .page .content section.sec_related_page .main_ttl,
  .error404 .content section.sec_related_page .main_ttl,
  .archive .content section.sec_related_page .main_ttl,
  .single .content section.sec_related_page .main_ttl,
  .blog .content section.sec_related_page .main_ttl {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .page .content section.sec_related_page .main_ttl,
  .error404 .content section.sec_related_page .main_ttl,
  .archive .content section.sec_related_page .main_ttl,
  .single .content section.sec_related_page .main_ttl,
  .blog .content section.sec_related_page .main_ttl {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page .main_ttl,
  .error404 .content section.sec_related_page .main_ttl,
  .archive .content section.sec_related_page .main_ttl,
  .single .content section.sec_related_page .main_ttl,
  .blog .content section.sec_related_page .main_ttl {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .page .content section.sec_related_page .main_ttl,
  .error404 .content section.sec_related_page .main_ttl,
  .archive .content section.sec_related_page .main_ttl,
  .single .content section.sec_related_page .main_ttl,
  .blog .content section.sec_related_page .main_ttl {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .page .content section.sec_related_page .main_ttl,
  .error404 .content section.sec_related_page .main_ttl,
  .archive .content section.sec_related_page .main_ttl,
  .single .content section.sec_related_page .main_ttl,
  .blog .content section.sec_related_page .main_ttl {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.page .content section.sec_related_page .contents_list,
.error404 .content section.sec_related_page .contents_list,
.archive .content section.sec_related_page .contents_list,
.single .content section.sec_related_page .contents_list,
.blog .content section.sec_related_page .contents_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: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page .content section.sec_related_page .contents_box,
.error404 .content section.sec_related_page .contents_box,
.archive .content section.sec_related_page .contents_box,
.single .content section.sec_related_page .contents_box,
.blog .content section.sec_related_page .contents_box {
  width: 31.71%;
  margin: 0% 2.42% 2.42% 0%;
  background: #fff;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .page .content section.sec_related_page .contents_box,
  .error404 .content section.sec_related_page .contents_box,
  .archive .content section.sec_related_page .contents_box,
  .single .content section.sec_related_page .contents_box,
  .blog .content section.sec_related_page .contents_box {
    width: 48%;
    margin: 0 4% 40px 0;
  }
}
@media screen and (max-width: 768px) {
  .page .content section.sec_related_page .contents_box,
  .error404 .content section.sec_related_page .contents_box,
  .archive .content section.sec_related_page .contents_box,
  .single .content section.sec_related_page .contents_box,
  .blog .content section.sec_related_page .contents_box {
    border-radius: 15px;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page .contents_box,
  .error404 .content section.sec_related_page .contents_box,
  .archive .content section.sec_related_page .contents_box,
  .single .content section.sec_related_page .contents_box,
  .blog .content section.sec_related_page .contents_box {
    width: 100%;
    margin: 0 0 40px 0;
  }
}
@media screen and (max-width: 480px) {
  .page .content section.sec_related_page .contents_box,
  .error404 .content section.sec_related_page .contents_box,
  .archive .content section.sec_related_page .contents_box,
  .single .content section.sec_related_page .contents_box,
  .blog .content section.sec_related_page .contents_box {
    margin-bottom: 30px;
  }
}
.page .content section.sec_related_page .contents_box:nth-child(3n),
.error404 .content section.sec_related_page .contents_box:nth-child(3n),
.archive .content section.sec_related_page .contents_box:nth-child(3n),
.single .content section.sec_related_page .contents_box:nth-child(3n),
.blog .content section.sec_related_page .contents_box:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .page .content section.sec_related_page .contents_box:nth-child(3n),
  .error404 .content section.sec_related_page .contents_box:nth-child(3n),
  .archive .content section.sec_related_page .contents_box:nth-child(3n),
  .single .content section.sec_related_page .contents_box:nth-child(3n),
  .blog .content section.sec_related_page .contents_box:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page .contents_box:nth-child(3n),
  .error404 .content section.sec_related_page .contents_box:nth-child(3n),
  .archive .content section.sec_related_page .contents_box:nth-child(3n),
  .single .content section.sec_related_page .contents_box:nth-child(3n),
  .blog .content section.sec_related_page .contents_box:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .page .content section.sec_related_page .contents_box:nth-child(even),
  .error404 .content section.sec_related_page .contents_box:nth-child(even),
  .archive .content section.sec_related_page .contents_box:nth-child(even),
  .single .content section.sec_related_page .contents_box:nth-child(even),
  .blog .content section.sec_related_page .contents_box:nth-child(even) {
    margin-right: 0;
  }
}
.page .content section.sec_related_page .contents_box a,
.error404 .content section.sec_related_page .contents_box a,
.archive .content section.sec_related_page .contents_box a,
.single .content section.sec_related_page .contents_box a,
.blog .content section.sec_related_page .contents_box a {
  display: block;
}
.page .content section.sec_related_page .contents_box a:hover h3:before,
.error404 .content section.sec_related_page .contents_box a:hover h3:before,
.archive .content section.sec_related_page .contents_box a:hover h3:before,
.single .content section.sec_related_page .contents_box a:hover h3:before,
.blog .content section.sec_related_page .contents_box a:hover h3:before {
  left: 5px;
}
.page .content section.sec_related_page .contents_box .photo img,
.error404 .content section.sec_related_page .contents_box .photo img,
.archive .content section.sec_related_page .contents_box .photo img,
.single .content section.sec_related_page .contents_box .photo img,
.blog .content section.sec_related_page .contents_box .photo img {
  width: 100%;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 768px) {
  .page .content section.sec_related_page .contents_box .photo img,
  .error404 .content section.sec_related_page .contents_box .photo img,
  .archive .content section.sec_related_page .contents_box .photo img,
  .single .content section.sec_related_page .contents_box .photo img,
  .blog .content section.sec_related_page .contents_box .photo img {
    border-radius: 15px 15px 0 0;
  }
}
.page .content section.sec_related_page .contents_box .contents_info,
.error404 .content section.sec_related_page .contents_box .contents_info,
.archive .content section.sec_related_page .contents_box .contents_info,
.single .content section.sec_related_page .contents_box .contents_info,
.blog .content section.sec_related_page .contents_box .contents_info {
  padding: 40px;
}
@media screen and (max-width: 1250px) {
  .page .content section.sec_related_page .contents_box .contents_info,
  .error404 .content section.sec_related_page .contents_box .contents_info,
  .archive .content section.sec_related_page .contents_box .contents_info,
  .single .content section.sec_related_page .contents_box .contents_info,
  .blog .content section.sec_related_page .contents_box .contents_info {
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .page .content section.sec_related_page .contents_box .contents_info,
  .error404 .content section.sec_related_page .contents_box .contents_info,
  .archive .content section.sec_related_page .contents_box .contents_info,
  .single .content section.sec_related_page .contents_box .contents_info,
  .blog .content section.sec_related_page .contents_box .contents_info {
    padding: 25px;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page .contents_box .contents_info,
  .error404 .content section.sec_related_page .contents_box .contents_info,
  .archive .content section.sec_related_page .contents_box .contents_info,
  .single .content section.sec_related_page .contents_box .contents_info,
  .blog .content section.sec_related_page .contents_box .contents_info {
    padding: 30px;
  }
}
@media screen and (max-width: 400px) {
  .page .content section.sec_related_page .contents_box .contents_info,
  .error404 .content section.sec_related_page .contents_box .contents_info,
  .archive .content section.sec_related_page .contents_box .contents_info,
  .single .content section.sec_related_page .contents_box .contents_info,
  .blog .content section.sec_related_page .contents_box .contents_info {
    padding: 25px;
  }
}
.page .content section.sec_related_page .contents_box h3,
.error404 .content section.sec_related_page .contents_box h3,
.archive .content section.sec_related_page .contents_box h3,
.single .content section.sec_related_page .contents_box h3,
.blog .content section.sec_related_page .contents_box h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #07461f;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 20px;
  padding-left: 32px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .page .content section.sec_related_page .contents_box h3,
  .error404 .content section.sec_related_page .contents_box h3,
  .archive .content section.sec_related_page .contents_box h3,
  .single .content section.sec_related_page .contents_box h3,
  .blog .content section.sec_related_page .contents_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1000px) {
  .page .content section.sec_related_page .contents_box h3,
  .error404 .content section.sec_related_page .contents_box h3,
  .archive .content section.sec_related_page .contents_box h3,
  .single .content section.sec_related_page .contents_box h3,
  .blog .content section.sec_related_page .contents_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .page .content section.sec_related_page .contents_box h3,
  .error404 .content section.sec_related_page .contents_box h3,
  .archive .content section.sec_related_page .contents_box h3,
  .single .content section.sec_related_page .contents_box h3,
  .blog .content section.sec_related_page .contents_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page .contents_box h3,
  .error404 .content section.sec_related_page .contents_box h3,
  .archive .content section.sec_related_page .contents_box h3,
  .single .content section.sec_related_page .contents_box h3,
  .blog .content section.sec_related_page .contents_box h3 {
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .page .content section.sec_related_page .contents_box h3,
  .error404 .content section.sec_related_page .contents_box h3,
  .archive .content section.sec_related_page .contents_box h3,
  .single .content section.sec_related_page .contents_box h3,
  .blog .content section.sec_related_page .contents_box h3 {
    font-size: 15px;
    font-size: 1.5rem;
    padding-left: 28px;
    margin-bottom: 20px;
  }
}
.page .content section.sec_related_page .contents_box h3:before,
.error404 .content section.sec_related_page .contents_box h3:before,
.archive .content section.sec_related_page .contents_box h3:before,
.single .content section.sec_related_page .contents_box h3:before,
.blog .content section.sec_related_page .contents_box h3:before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(images/img_icon_arrow_green_yellow.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 6px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .page .content section.sec_related_page .contents_box h3:before,
  .error404 .content section.sec_related_page .contents_box h3:before,
  .archive .content section.sec_related_page .contents_box h3:before,
  .single .content section.sec_related_page .contents_box h3:before,
  .blog .content section.sec_related_page .contents_box h3:before {
    top: 4px;
  }
}
@media screen and (max-width: 400px) {
  .page .content section.sec_related_page .contents_box h3:before,
  .error404 .content section.sec_related_page .contents_box h3:before,
  .archive .content section.sec_related_page .contents_box h3:before,
  .single .content section.sec_related_page .contents_box h3:before,
  .blog .content section.sec_related_page .contents_box h3:before {
    width: 20px;
    height: 20px;
  }
}
.page .content section.sec_related_page .contents_box p,
.error404 .content section.sec_related_page .contents_box p,
.archive .content section.sec_related_page .contents_box p,
.single .content section.sec_related_page .contents_box p,
.blog .content section.sec_related_page .contents_box p {
  font-size: 14px;
  font-size: 1.4rem;
  color: #04a273;
}

.error404 .content section.error-404 {
  max-width: 1280px;
  margin: 0 auto;
}
.error404 .content section.error-404 h2 {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .error404 .content section.error-404 h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .error404 .content section.error-404 h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.error404 .content section.error-404 h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}
.error404 .content section.error-404 h3:before {
  content: "";
  width: 12px;
  height: 12px;
  background: #00855d;
  border-radius: 100%;
  position: absolute;
  top: 11px;
  left: 0;
}
.error404 .content section.error-404 .tcenter {
  text-align: center;
}
.error404 .content section.error-404 .notfound-ttl-text {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .error404 .content section.error-404 .notfound-ttl-text {
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  .error404 .content section.error-404 .notfound-ttl-text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.error404 .content section.error-404 .search-form-wrapper {
  margin-bottom: 30px;
}
.error404 .content section.error-404 .search-form-wrapper input[type=submit] {
  border: 1px solid #00b1e6;
  background: #00b1e6;
  color: #fff;
}
.error404 .content section.error-404 .notfound-ttl-text,
.error404 .content section.error-404 .notfound-list {
  line-height: 1.4;
}
.error404 .content section.error-404 .notfound-list {
  font-size: 16px;
  margin-bottom: 40px;
}
.error404 .content section.error-404 .notfound-list:last-child {
  margin-bottom: 0;
}
.error404 .content section.error-404 .notfound-list.list_interview, .error404 .content section.error-404 .notfound-list.list_recruit {
  padding-left: 20px;
}
.error404 .content section.error-404 .notfound-list.list_interview li, .error404 .content section.error-404 .notfound-list.list_recruit li {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 15px;
}
.error404 .content section.error-404 .notfound-list > li {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 800;
  margin-bottom: 40px;
}
.error404 .content section.error-404 .notfound-list > li ul {
  margin-top: 20px;
  padding-left: 20px;
}
.error404 .content section.error-404 .notfound-list > li ul li {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 15px;
}
.error404 .content section.error-404 .notfound-list > li ul li:last-child {
  margin-bottom: 0;
}
.error404 .content section.error-404 .notfound-list a {
  color: #416459;
  text-decoration: none;
}
.error404 .content section.error-404 .search-form-wrapper input[type=search] {
  width: 80%;
}
.error404 .content section.error-404 .search-form-wrapper input[type=submit] {
  display: inline-block;
  width: 60px;
  height: 25px;
}

.entry-thanks .content section.sec_entry_thanks {
  max-width: 1280px;
  margin: 0 auto;
}
.entry-thanks .content section.sec_entry_thanks h2 {
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 600px) {
  .entry-thanks .content section.sec_entry_thanks h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .entry-thanks .content section.sec_entry_thanks h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.entry-thanks .content section.sec_entry_thanks p {
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .entry-thanks .content section.sec_entry_thanks p {
    text-align: left;
  }
}
.entry-thanks .content section.sec_entry_thanks .btn_return {
  margin-top: 40px;
}
.entry-thanks .content section.sec_entry_thanks .btn_return a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .entry-thanks .content section.sec_entry_thanks .btn_return a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .entry-thanks .content section.sec_entry_thanks .btn_return a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.entry-thanks .content section.sec_entry_thanks .btn_return a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .entry-thanks .content section.sec_entry_thanks .btn_return a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .entry-thanks .content section.sec_entry_thanks .btn_return a:after {
    right: 15px;
  }
}
.entry-thanks .content section.sec_entry_thanks .btn_return a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.entry-thanks .content section.sec_entry_thanks .btn_return a:hover:after {
  right: 20px;
}

.message header .main_ttl {
  background-image: url(images/bg_main_ttl_message.jpg);
}
.message .content section p {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .message .content section p {
    margin-bottom: 30px;
  }
}
.message .content section p:last-child {
  margin-bottom: 0;
}
.message .content section p em {
  font-weight: 700;
}
.message .content section#sec_president_message {
  background: #f6f5ee url(images/bg_top_president.png) repeat 0 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  overflow: hidden;
}
.message .content section#sec_president_message:before {
  content: "";
  width: 180px;
  height: 328px;
  background: url(images/bg_top_palm01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -125px;
  left: 0;
  z-index: 5;
}
@media screen and (max-width: 1400px) {
  .message .content section#sec_president_message:before {
    width: 144px;
    height: 262.4px;
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_president_message:before {
    width: 126px;
    height: 229.6px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_president_message:before {
    width: 108px;
    height: 196.8px;
    top: -100px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_president_message:before {
    width: 90px;
    height: 164px;
    top: -80px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_president_message:before {
    width: 72px;
    height: 131.2px;
    top: -70px;
  }
}
.message .content section#sec_president_message:after {
  content: "";
  width: 166px;
  height: 286px;
  background: url(images/bg_top_palm02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 1250px) {
  .message .content section#sec_president_message:after {
    width: 149.4px;
    height: 257.4px;
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_president_message:after {
    width: 132.8px;
    height: 228.8px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_president_message:after {
    width: 116.2px;
    height: 200.2px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_president_message:after {
    width: 99.6px;
    height: 171.6px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_president_message:after {
    width: 83px;
    height: 143px;
  }
}
.message .content section#sec_president_message .ttl_en {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .message .content section#sec_president_message .ttl_en {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_president_message .ttl_en {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_president_message .ttl_en {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_president_message .ttl_en {
    margin-bottom: 20px;
  }
}
.message .content section#sec_president_message h2 {
  font-size: 48px;
  font-size: 4.8rem;
  text-align: center;
  letter-spacing: 8px;
  line-height: 1.5;
  margin-bottom: 100px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1250px) {
  .message .content section#sec_president_message h2 {
    font-size: 44px;
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_president_message h2 {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_president_message h2 {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 6px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_president_message h2 {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_president_message h2 {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 5px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_president_message h2 {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 3px;
  }
}
.message .content section#sec_president_message h2 em {
  background: linear-gradient(transparent 65%, #f8e77a 65%);
}
.message .content section#sec_president_message .message_box {
  position: relative;
}
.message .content section#sec_president_message .message_box .txt_area {
  width: 40.62%;
  margin: 0% 0% 0% 9.37%;
  font-size: 16px;
  font-size: 1.6rem;
  padding-bottom: 130px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1400px) {
  .message .content section#sec_president_message .message_box .txt_area {
    width: 48%;
    margin-left: 40px;
  }
}
@media screen and (max-width: 1250px) {
  .message .content section#sec_president_message .message_box .txt_area {
    width: 40%;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_president_message .message_box .txt_area {
    width: 100%;
    margin-left: 0;
    padding: 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_president_message .message_box .txt_area {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_president_message .message_box .txt_area {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_president_message .message_box .txt_area {
    padding: 0 25px;
  }
}
.message .content section#sec_president_message .message_box .txt_area .signature {
  font-weight: 600;
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .message .content section#sec_president_message .message_box .txt_area .signature {
    text-align: left;
  }
}
.message .content section#sec_president_message .message_box .txt_area .signature .company_name {
  color: #04a273;
  font-weight: 400;
  margin-bottom: 0;
}
.message .content section#sec_president_message .message_box .txt_area .signature .name {
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 600px) {
  .message .content section#sec_president_message .message_box .txt_area .signature .name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.message .content section#sec_president_message .message_box .photo {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_president_message .message_box .photo {
    position: static;
  }
}
.message .content section#sec_philosophy {
  background: #f3f8de;
  padding-right: 0;
  padding-left: 0;
}
.message .content section#sec_philosophy .philosophy_lead {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_philosophy .philosophy_lead {
    padding: 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_philosophy .philosophy_lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_philosophy .philosophy_lead {
    margin-bottom: 40px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_philosophy .philosophy_lead {
    margin-bottom: 30px;
    padding: 0 25px;
  }
}
.message .content section#sec_philosophy .philosophy_lead .photo {
  width: 47.5%;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_philosophy .philosophy_lead .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.message .content section#sec_philosophy .philosophy_lead .photo img {
  width: 100%;
  height: 520px;
  object-fit: cover;
}
@media screen and (max-width: 1250px) {
  .message .content section#sec_philosophy .philosophy_lead .photo img {
    height: 480px;
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_philosophy .philosophy_lead .photo img {
    height: auto;
  }
}
.message .content section#sec_philosophy .philosophy_lead .txt_area {
  width: 52.5%;
  max-width: 660px;
  padding: 0% 0% 0% 3.75%;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1400px) {
  .message .content section#sec_philosophy .philosophy_lead .txt_area {
    padding: 0% 2.5% 0% 3.75%;
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_philosophy .philosophy_lead .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 30px;
    padding: 0;
  }
}
.message .content section#sec_philosophy .philosophy_lead .txt_area h2 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #00855d;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .message .content section#sec_philosophy .philosophy_lead .txt_area h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_philosophy .philosophy_lead .txt_area h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_philosophy .philosophy_lead .txt_area h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_philosophy .philosophy_lead .txt_area h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.message .content section#sec_philosophy .philosophy_lead .txt_area .catch {
  font-size: 48px;
  font-size: 4.8rem;
  color: #04a273;
  font-weight: 700;
  letter-spacing: 6px;
  line-height: 1.4;
  margin-bottom: 80px;
}
@media screen and (max-width: 1400px) {
  .message .content section#sec_philosophy .philosophy_lead .txt_area .catch {
    font-size: 44px;
    font-size: 4.4rem;
    letter-spacing: 5px;
  }
}
@media screen and (max-width: 1250px) {
  .message .content section#sec_philosophy .philosophy_lead .txt_area .catch {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_philosophy .philosophy_lead .txt_area .catch {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_philosophy .philosophy_lead .txt_area .catch {
    font-size: 34px;
    font-size: 3.4rem;
    letter-spacing: 3px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_philosophy .philosophy_lead .txt_area .catch {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 2px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_philosophy .philosophy_lead .txt_area .catch {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 2px;
    margin-bottom: 40px;
  }
}
.message .content section#sec_philosophy .philosophy_lead .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  position: relative;
  z-index: 0;
}
.message .content section#sec_philosophy .philosophy_lead .txt_area p em {
  background: linear-gradient(transparent 65%, #f8e77a 65%);
}
.message .content section#sec_philosophy .point_list {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .message .content section#sec_philosophy .point_list {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_philosophy .point_list {
    padding: 0 25px;
  }
}
.message .content section#sec_philosophy .point_list .point_box {
  background: #fff;
  border-radius: 30px;
  padding: 60px;
  margin-bottom: 60px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .message .content section#sec_philosophy .point_list .point_box {
    padding: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_philosophy .point_list .point_box {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_philosophy .point_list .point_box {
    border-radius: 20px;
    padding: 40px 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_philosophy .point_list .point_box {
    border-radius: 15px;
    padding: 40px 25px 30px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_philosophy .point_list .point_box {
    margin-bottom: 40px;
  }
}
.message .content section#sec_philosophy .point_list .point_box:last-child {
  margin-bottom: 0;
}
.message .content section#sec_philosophy .point_list .point_box:nth-child(even) .icon {
  left: initial;
  right: -34px;
  transform: rotate(13deg);
}
@media screen and (max-width: 1250px) {
  .message .content section#sec_philosophy .point_list .point_box:nth-child(even) .icon {
    right: -25px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_philosophy .point_list .point_box:nth-child(even) .icon {
    right: -15px;
  }
}
.message .content section#sec_philosophy .point_list .point_box:nth-child(even) .txt {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.message .content section#sec_philosophy .point_list .point_box:nth-child(even) .photo {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.message .content section#sec_philosophy .point_list .icon {
  position: absolute;
  top: -26px;
  left: -34px;
}
@media screen and (max-width: 1250px) {
  .message .content section#sec_philosophy .point_list .icon {
    left: -25px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_philosophy .point_list .icon {
    top: -36px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_philosophy .point_list .icon {
    top: -26px;
    left: -15px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_philosophy .point_list .icon {
    top: -15px;
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_philosophy .point_list .icon img {
    width: 117px;
    height: 117px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_philosophy .point_list .icon img {
    width: 104px;
    height: 104px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_philosophy .point_list .icon img {
    width: 91px;
    height: 91px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_philosophy .point_list .icon img {
    width: 78px;
    height: 78px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_philosophy .point_list .icon img {
    width: 65px;
    height: 65px;
  }
}
.message .content section#sec_philosophy .point_list h3 {
  font-size: 30px;
  font-size: 3rem;
  color: #04a273;
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_philosophy .point_list h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_philosophy .point_list h3 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_philosophy .point_list h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_philosophy .point_list h3 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_philosophy .point_list h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_philosophy .point_list h3 span {
    display: block;
  }
}
.message .content section#sec_philosophy .point_list .point_box_inner {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1250px) {
  .message .content section#sec_philosophy .point_list .point_box_inner {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.message .content section#sec_philosophy .point_list .point_box_inner .txt {
  width: calc(100% - 580px);
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1250px) {
  .message .content section#sec_philosophy .point_list .point_box_inner .txt {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_philosophy .point_list .point_box_inner .txt {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_philosophy .point_list .point_box_inner .txt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.message .content section#sec_philosophy .point_list .point_box_inner .txt p {
  margin-bottom: 20px;
}
.message .content section#sec_philosophy .point_list .point_box_inner .txt p:last-child {
  margin-bottom: 0;
}
.message .content section#sec_philosophy .point_list .point_box_inner .txt em {
  color: #04a273;
  font-weight: 700;
}
.message .content section#sec_philosophy .point_list .point_box_inner .txt ul {
  margin: 0 0 20px 0;
}
.message .content section#sec_philosophy .point_list .point_box_inner .txt ul li {
  color: #04a273;
  font-weight: 700;
  padding-left: 1em;
  text-indent: -1em;
}
.message .content section#sec_philosophy .point_list .point_box_inner .photo {
  width: 540px;
}
@media screen and (max-width: 1250px) {
  .message .content section#sec_philosophy .point_list .point_box_inner .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_philosophy .point_list .point_box_inner .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_philosophy .point_list .point_box_inner .photo {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_philosophy .point_list .point_box_inner .photo img {
    width: 100%;
  }
}

.profile header .main_ttl {
  background-image: url(images/bg_main_ttl_profile.jpg);
}
.profile .content section#sec_profile {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 0;
}
.profile .content section#sec_profile .profile_inner {
  background: #f3f8de;
  padding: 60px 60px 40px;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_inner {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_inner {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_inner {
    border-radius: 15px;
    padding: 25px;
  }
}
.profile .content section#sec_profile .profile_header {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_header {
    background: transparent;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header {
    margin-bottom: 10px;
  }
}
.profile .content section#sec_profile .profile_header .photo {
  width: 450px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_header .photo {
    width: 360px;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header .photo {
    width: 300px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_header .photo {
    width: 100%;
    text-align: center;
  }
}
.profile .content section#sec_profile .profile_header .photo .msg_baloon {
  position: absolute;
  top: -50px;
  left: -30px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header .photo .msg_baloon {
    width: 164.7px;
    height: 117.9px;
    top: -60px;
    left: -40px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header .photo .msg_baloon {
    width: 146.4px;
    height: 104.8px;
    top: -50px;
    left: -30px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .photo .msg_baloon {
    width: 128.1px;
    height: 91.7px;
    left: 0;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_profile .profile_header .photo .msg_baloon {
    width: 109.8px;
    height: 78.6px;
    top: -40px;
    left: -5px;
  }
}
.profile .content section#sec_profile .profile_header .photo .object-fit-img {
  height: 500px;
  object-fit: cover;
  border-radius: 15px 0 0 15px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header .photo .object-fit-img {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_header .photo .object-fit-img {
    width: 100%;
    height: auto;
    border-radius: 12px 12px 0 0;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic {
  width: calc(100% - 450px);
  padding: 40px 70px;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_header .profile_basic {
    width: calc(100% - 360px);
    padding: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header .profile_basic {
    width: calc(100% - 300px);
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_header .profile_basic {
    width: 100%;
    background: #fff;
    padding: 40px;
    border-radius: 0 0 12px 12px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_header .profile_basic {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header .profile_basic {
    padding: 25px;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic .name {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_header .profile_basic .name {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header .profile_basic .name {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .profile_basic .name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic .name span {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header .profile_basic .name span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_header .profile_basic li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header .profile_basic li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header .profile_basic li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .profile_basic li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .profile_basic li {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic li:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_profile .profile_header .profile_basic li span {
  color: #04a273;
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .profile_basic li span {
    display: block;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic li span:after {
  content: "： ";
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .profile_basic li span:after {
    content: none;
  }
}
.profile .content section#sec_profile .profile_detail {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.profile .content section#sec_profile .profile_detail .profile_detail_box {
  width: 49.13%;
  margin: 0% 0% 1.72% 0%;
  background: #fff;
  border-radius: 12px;
  padding: 40px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box {
    padding: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box {
    padding: 25px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box {
    margin-bottom: 10px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_detail_box:nth-child(even) {
  margin: 0% 1.72% 1.72% 0%;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box:nth-child(even) {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box:nth-child(even) {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box:nth-child(even) {
    margin-bottom: 10px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_detail_box.box_wide {
  width: 100%;
  margin-right: 0;
}
.profile .content section#sec_profile .profile_detail .profile_detail_box dt {
  font-size: 18px;
  font-size: 1.8rem;
  color: #04a273;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box dt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box dt {
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box dt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box dt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.profile .content section#sec_profile .profile_detail .profile_detail_box dd {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.profile .content section#sec_profile .profile_detail .profile_detail_box dd em {
  display: inline-block;
  margin: 10px 0 20px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  background: linear-gradient(transparent 60%, #f9f468 40%);
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box dd em {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box dd em {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.profile .content section#sec_doctor_personality {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 0;
}
.profile .content section#sec_doctor_personality h2 {
  font-size: 38px;
  font-size: 3.8rem;
  color: #416459;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 0;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_doctor_personality h2 {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_doctor_personality h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_doctor_personality h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_doctor_personality h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_doctor_personality h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.profile .content section#sec_doctor_personality .sub_ttl {
  font-size: 21px;
  font-size: 2.1rem;
  color: #04a273;
  text-align: center;
  font-weight: 600;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_doctor_personality .sub_ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_doctor_personality .sub_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_doctor_personality .sub_ttl {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_doctor_personality .sub_ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.profile .content section#sec_doctor_personality .staff_voice_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: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 122px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_doctor_personality .staff_voice_list {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_doctor_personality .staff_voice_list {
    margin-top: 96px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_doctor_personality .staff_voice_list {
    margin-top: 86px;
  }
}
.profile .content section#sec_doctor_personality .staff_voice_list .staff_voice {
  width: 31.71%;
  margin: 0% 2.42% 0% 0%;
  margin-bottom: 100px;
  background: #faf9e6;
  border-radius: 15px;
  padding: 70px 40px 40px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .staff_voice {
    padding: 60px 30px 30px;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .staff_voice {
    width: 48%;
    margin: 0 1% 100px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .staff_voice {
    padding: 50px 25px 25px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .staff_voice {
    width: 100%;
    margin: 0 auto 70px;
  }
}
.profile .content section#sec_doctor_personality .staff_voice_list .staff_voice:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .staff_voice:nth-child(3n) {
    margin-right: 1%;
  }
}
.profile .content section#sec_doctor_personality .staff_voice_list .staff_thumb {
  position: absolute;
  top: -62px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .staff_thumb {
    top: -46px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .staff_thumb img {
    width: 80px;
    height: auto;
  }
}
.profile .content section#sec_doctor_personality .staff_voice_list .staff_name {
  font-size: 18px;
  font-size: 1.8rem;
  color: #04a273;
  letter-spacing: 2px;
  text-align: center;
  line-height: 1.6;
  font-weight: 500;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .staff_name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.profile .content section#sec_story {
  background: #f3f8de;
}
.profile .content section#sec_story h2 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #04a273;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_story h2 {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_story h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_story h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_story h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_story h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
}
.profile .content section#sec_story .story_box_wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 60px;
  background: #fff;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_story .story_box_wrapper {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_story .story_box_wrapper {
    padding: 30px;
  }
}
.profile .content section#sec_story .story_box {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d4deac;
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_story .story_box {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.profile .content section#sec_story .story_box:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.profile .content section#sec_story .story_box .txt_area {
  width: calc(100% - 440px);
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_story .story_box .txt_area {
    width: calc(100% - 360px);
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_story .story_box .txt_area {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_story .story_box .txt_area {
    margin-bottom: 20px;
  }
}
.profile .content section#sec_story .story_box .photo {
  width: 380px;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_story .story_box .photo {
    width: 320px;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_story .story_box .photo {
    width: 100%;
  }
}
.profile .content section#sec_story .story_box .photo img {
  width: 100%;
}
.profile .content section#sec_story .story_box h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #04a273;
  font-weight: 500;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_story .story_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_story .story_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.profile .content section#sec_story .story_box p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_story .story_box p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_story .story_box p {
    margin-bottom: 30px;
  }
}
.profile .content section#sec_story .story_box p:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_story .story_box p.year {
  font-size: 18px;
  font-size: 1.8rem;
  color: #04a273;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_story .story_box p.year {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 18px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_story .story_box p.year {
    font-size: 15px;
    font-size: 1.5rem;
    padding-left: 15px;
  }
}
.profile .content section#sec_story .story_box p.year:before {
  content: "";
  width: 14px;
  height: 14px;
  background: #04a273;
  border-radius: 100px;
  position: absolute;
  top: 6px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_story .story_box p.year:before {
    top: 5px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_story .story_box p.year:before {
    width: 12px;
    height: 12px;
    top: 6px;
  }
}
.profile .content section#sec_story .story_box p.launch {
  margin-bottom: 0;
}
.profile .content section#sec_story .story_box ul li {
  font-size: 16px;
  font-size: 1.6rem;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_story .story_box ul li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.profile .content section#sec_about_aba h2 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #04a273;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 2px;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_about_aba h2 {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_aba h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_aba h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_aba h2 {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_aba h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_aba h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.profile .content section#sec_about_aba h2 span {
  display: inline-block;
}
.profile .content section#sec_about_aba .aba_box_wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 60px;
  background: #fff;
  border: 1px solid #416459;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_aba .aba_box_wrapper {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_aba .aba_box_wrapper {
    padding: 30px;
  }
}
.profile .content section#sec_about_aba .aba_box {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #416459;
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_aba .aba_box {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.profile .content section#sec_about_aba .aba_box:nth-child(2) {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.profile .content section#sec_about_aba .aba_box:nth-child(2) .txt_area {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.profile .content section#sec_about_aba .aba_box:nth-child(2) .photo {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-top: 60px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_aba .aba_box:nth-child(2) .photo {
    margin-top: 0;
  }
}
.profile .content section#sec_about_aba .aba_box:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_aba .aba_box:last-child .txt_area {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_aba .aba_box:last-child .photo {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
.profile .content section#sec_about_aba .aba_box:last-child .txt {
  margin-top: 30px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_aba .aba_box:last-child .txt {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_aba .aba_box:last-child .txt {
    margin-bottom: 20px;
  }
}
.profile .content section#sec_about_aba .aba_box .txt_area {
  width: calc(100% - 440px);
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_about_aba .aba_box .txt_area {
    width: calc(100% - 360px);
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_aba .aba_box .txt_area {
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_aba .aba_box .txt_area {
    margin-bottom: 20px;
  }
}
.profile .content section#sec_about_aba .aba_box .txt_area ul {
  margin: 20px 0;
}
.profile .content section#sec_about_aba .aba_box .txt_area ul li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_aba .aba_box .txt_area ul li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.profile .content section#sec_about_aba .aba_box .photo {
  width: 380px;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_about_aba .aba_box .photo {
    width: 320px;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_aba .aba_box .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.profile .content section#sec_about_aba .aba_box .photo img {
  width: 100%;
}
.profile .content section#sec_about_aba .aba_box h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #04a273;
  font-weight: 500;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_aba .aba_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_aba .aba_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.profile .content section#sec_about_aba .aba_box p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_aba .aba_box p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.profile .content section#sec_about_aba .aba_box p:last-child {
  margin-bottom: 0;
}

.president header .main_ttl {
  background-image: url(images/bg_main_ttl_president.jpg);
}

.business header .main_ttl {
  background-image: url(images/bg_main_ttl_business.jpg);
}
.business .content section p {
  margin-bottom: 20px;
}
.business .content section p:last-child {
  margin-bottom: 0;
}
.business .content section#sec_business_intro {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.business .content section#sec_business_intro h2 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #00855d;
  text-align: center;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .business .content section#sec_business_intro h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .business .content section#sec_business_intro h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .business .content section#sec_business_intro h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .business .content section#sec_business_intro h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.business .content section#sec_business_intro .catch {
  font-size: 48px;
  font-size: 4.8rem;
  color: #04a273;
  text-align: center;
  font-weight: 700;
  letter-spacing: 6px;
  line-height: 1.4;
  margin-bottom: 80px;
}
@media screen and (max-width: 1400px) {
  .business .content section#sec_business_intro .catch {
    font-size: 44px;
    font-size: 4.4rem;
    letter-spacing: 5px;
  }
}
@media screen and (max-width: 1250px) {
  .business .content section#sec_business_intro .catch {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 768px) {
  .business .content section#sec_business_intro .catch {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 600px) {
  .business .content section#sec_business_intro .catch {
    font-size: 34px;
    font-size: 3.4rem;
    letter-spacing: 3px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .business .content section#sec_business_intro .catch {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 2px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .business .content section#sec_business_intro .catch {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 2px;
    margin-bottom: 40px;
  }
}
.business .content section#sec_business_intro .business_lead {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 100px;
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .business_lead {
    padding: 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .business .content section#sec_business_intro .business_lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .business .content section#sec_business_intro .business_lead {
    margin-bottom: 40px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 400px) {
  .business .content section#sec_business_intro .business_lead {
    margin-bottom: 30px;
    padding: 0 25px;
  }
}
.business .content section#sec_business_intro .business_lead .photo {
  width: 47.5%;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .business_lead .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.business .content section#sec_business_intro .business_lead .photo img {
  width: 100%;
  height: 520px;
  object-fit: cover;
}
@media screen and (max-width: 1250px) {
  .business .content section#sec_business_intro .business_lead .photo img {
    height: 480px;
  }
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .business_lead .photo img {
    height: auto;
  }
}
.business .content section#sec_business_intro .business_lead .txt_area {
  width: 52.5%;
  max-width: 660px;
  padding: 0% 0% 0% 3.75%;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1400px) {
  .business .content section#sec_business_intro .business_lead .txt_area {
    padding: 0% 2.5% 0% 3.75%;
  }
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .business_lead .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 30px;
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .business .content section#sec_business_intro .business_lead .txt_area {
    margin-bottom: 20px;
  }
}
.business .content section#sec_business_intro .business_lead .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .business .content section#sec_business_intro .business_lead .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.business .content section#sec_business_intro .business_lead .txt_area p em {
  background: linear-gradient(transparent 65%, #f8e77a 65%);
  font-weight: 700;
}
.business .content section#sec_business_intro .sec_business_list {
  background: #f3f8de;
}
.business .content section#sec_business_intro .sec_business_list .nav_business {
  max-width: 1280px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .business .content section#sec_business_intro .sec_business_list .nav_business {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .business .content section#sec_business_intro .sec_business_list .nav_business {
    margin-bottom: 20px;
  }
}
.business .content section#sec_business_intro .sec_business_list .nav_business 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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.business .content section#sec_business_intro .sec_business_list .nav_business ul li {
  width: 32.34%;
}
@media screen and (max-width: 768px) {
  .business .content section#sec_business_intro .sec_business_list .nav_business ul li {
    width: 100%;
    margin-bottom: 8px;
  }
}
.business .content section#sec_business_intro .sec_business_list .nav_business ul li a {
  display: block;
  padding: 15px 20px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .sec_business_list .nav_business ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 12px 15px;
  }
}
@media screen and (max-width: 480px) {
  .business .content section#sec_business_intro .sec_business_list .nav_business ul li a {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px 15px;
  }
}
.business .content section#sec_business_intro .sec_business_list .nav_business ul li a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .sec_business_list .nav_business ul li a:after {
    width: 18px;
    height: 18px;
    right: 15px;
  }
}
.business .content section#sec_business_intro .sec_business_list .nav_business ul li a:hover:after {
  right: 15px;
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .sec_business_list .nav_business ul li a:hover:after {
    right: 10px;
  }
}
.business .content section#sec_business_intro .sec_business_list .nav_business ul li.nav_senior {
  background: #17b9b1;
}
.business .content section#sec_business_intro .sec_business_list .nav_business ul li.nav_children {
  background: #ef8b3d;
}
.business .content section#sec_business_intro .sec_business_list .nav_business ul li.nav_children a:after {
  background-image: url(images/img_icon_arrow_white_orange.png);
}
.business .content section#sec_business_intro .sec_business_list .nav_business ul li.nav_disabilities {
  background: #04a273;
}
.business .content section#sec_business_intro .sec_business_list .nav_business ul li.nav_disabilities a:after {
  background-image: url(images/img_icon_arrow_white_green.png);
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box {
  max-width: 1280px;
  margin: 0 auto 60px;
  padding: 60px;
  border: 1px solid #191919;
  border-radius: 30px;
  background: #fff;
}
@media screen and (max-width: 1250px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box {
    padding: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box {
    padding: 40px;
    margin-bottom: 40px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 600px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box {
    padding: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box {
    padding: 30px 25px;
  }
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box:last-child {
  margin-bottom: 0;
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box#business_children h3 {
  color: #ee8122;
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box#business_children h4 {
  background-color: #ee8122;
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box#business_children .occupation_list li:before {
  background-color: #ee8122;
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box#business_children .place_list li a:after {
  background-image: url(images/img_icon_arrow_white_orange.png);
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box#business_disabilities h3 {
  color: #04a273;
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box#business_disabilities h4 {
  background-color: #04a273;
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box#business_disabilities .occupation_list li:before {
  background-color: #04a273;
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box#business_disabilities .place_list li a:after {
  background-image: url(images/img_icon_arrow_white_green.png);
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box h3 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #17b9b1;
  font-weight: 700;
  letter-spacing: 4px;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box h3 {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box h3 {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box h3 {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 600px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box h3 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 10px;
  }
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .business_header {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .business_header {
    margin-bottom: 30px;
  }
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .business_header .photo {
  width: 46.63%;
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .business_header .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .business_header .photo {
    margin-bottom: 20px;
  }
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .business_header .photo img {
  width: 100%;
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .business_header .txt_area {
  width: 50.08%;
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .business_header .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding: 0;
  }
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .business_header .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .business_header .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box h4 {
  background: #17b9b1;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 10px 30px;
  margin-bottom: 20px;
  border-radius: 12px;
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box h4 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 600px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box h4 {
    padding: 10px 20px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 480px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box h4 {
    padding: 8px 20px;
  }
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .occupation_list {
  column-count: 3;
  column-gap: 1em;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .occupation_list {
    column-count: 1;
  }
}
@media screen and (max-width: 600px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .occupation_list {
    margin-bottom: 30px;
  }
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .occupation_list li {
  break-inside: avoid;
  padding-right: 30px;
  padding: 0 30px 0 12px;
  margin-bottom: 10px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .occupation_list li {
    margin-bottom: 5px;
  }
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .occupation_list li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #17b9b1;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .occupation_list li:before {
    top: 10px;
  }
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .occupation_list li span {
  display: inline-block;
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .place_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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li {
  width: 48.35%;
}
@media screen and (max-width: 600px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li {
    width: 100%;
    margin-bottom: 20px;
  }
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li:last-child {
    margin-bottom: 0;
  }
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a {
  display: block;
  height: 380px;
  background: url(images/photo_top_office_momoya.jpg) no-repeat 0 0;
  background-size: cover;
  border-radius: 30px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a {
    height: 340px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a {
    height: 280px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 768px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a {
    height: 200px;
  }
}
@media screen and (max-width: 600px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a {
    height: 240px;
  }
}
@media screen and (max-width: 480px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a {
    height: 200px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 400px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a {
    height: 180px;
  }
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 25px;
  right: 25px;
  transition: 0.3s;
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a:after {
    bottom: 20px;
    right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a:after {
    bottom: 15px;
    right: 15px;
  }
}
@media screen and (max-width: 600px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a:after {
    bottom: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 400px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a:after {
    bottom: 15px;
    right: 15px;
  }
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a:hover:after {
  right: 20px;
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1250px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a img {
    width: 300.8px;
    height: 89.6px;
  }
}
@media screen and (max-width: 1000px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a img {
    width: 225.6px;
    height: 67.2px;
  }
}
@media screen and (max-width: 768px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a img {
    width: 150.4px;
    height: 44.8px;
  }
}
@media screen and (max-width: 600px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a img {
    width: 225.6px;
    height: 67.2px;
  }
}
@media screen and (max-width: 480px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a img {
    width: 188px;
    height: 56px;
  }
}
@media screen and (max-width: 400px) {
  .business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li a img {
    width: 150.4px;
    height: 44.8px;
  }
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li.momoya_bali a {
  background-image: url(images/photo_top_office_momoya_bali.jpg);
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li.bamboohat_kids a {
  background-image: url(images/photo_top_office_bambohat_kids.jpg);
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li.bamboohat a {
  background-image: url(images/photo_top_office_bambohat.jpg);
}
.business .content section#sec_business_intro .sec_business_list .sec_business_box .place_list li.lb_bamboohat a {
  background-image: url(images/photo_top_office_lb_bambohat.jpg);
}

.access header .main_ttl {
  background-image: url(images/bg_main_ttl_access.jpg);
}
.access .content section#sec_company_outline {
  max-width: 1180px;
  margin: 0 auto;
  padding-top: 0;
}
@media screen and (max-width: 1000px) {
  .access .content section#sec_company_outline {
    max-width: 100%;
  }
}
.access .content section#sec_company_outline table {
  border-top: 1px solid #416459;
  border-left: 1px solid #416459;
}
@media screen and (max-width: 768px) {
  .access .content section#sec_company_outline table {
    border-bottom: 1px solid #416459;
  }
}
.access .content section#sec_company_outline table th,
.access .content section#sec_company_outline table td {
  padding: 20px 25px;
  font-size: 16px;
  font-size: 1.6rem;
  border-right: 1px solid #416459;
  border-bottom: 1px solid #416459;
}
@media screen and (max-width: 768px) {
  .access .content section#sec_company_outline table th,
  .access .content section#sec_company_outline table td {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .access .content section#sec_company_outline table th,
  .access .content section#sec_company_outline table td {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .access .content section#sec_company_outline table th,
  .access .content section#sec_company_outline table td {
    padding: 15px 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.access .content section#sec_company_outline table th {
  width: 25%;
  font-weight: bold;
  text-align: center;
  background: #f3f8de;
}
@media screen and (max-width: 768px) {
  .access .content section#sec_company_outline table th {
    width: 100%;
    border-bottom: none;
  }
}
@media screen and (max-width: 480px) {
  .access .content section#sec_company_outline table th {
    text-align: left;
  }
}
.access .content section#sec_company_outline table td {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .access .content section#sec_company_outline table td {
    width: 100%;
    border-bottom: none;
  }
}
.access .content section#sec_company_outline table td span {
  display: inline-block;
}
.access .content section#sec_company_outline table td iframe {
  height: 300px;
}
.access .content section#sec_company_outline table td a {
  color: #4b92e4;
}
.access .content section#sec_company_history {
  background: #f3f8de;
}
@media screen and (max-width: 1000px) {
  .access .content section#sec_company_history {
    max-width: 100%;
  }
}
.access .content section#sec_company_history .section_inner {
  max-width: 1100px;
}
.access .content section#sec_company_history ul li {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 480px) {
  .access .content section#sec_company_history ul li {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.access .content section#sec_company_history ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.reason header .main_ttl {
  background-image: url(images/bg_main_ttl_reason.jpg);
}
.reason .content section#sec_reason_list {
  max-width: 1360px;
  margin: 0 auto;
}
.reason .content section#sec_reason_list h2 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #416459;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_reason_list h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_reason_list h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
.reason .content section#sec_reason_list h2 span {
  background: linear-gradient(transparent 65%, #f8e77a 65%);
}
.reason .content section#sec_reason_list .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list .lead {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list .lead {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 50px;
  }
}
.reason .content section#sec_reason_list .sec_point {
  background: #fff;
  border-radius: 30px;
  border: 1px solid #416459;
  padding: 60px;
  margin-bottom: 60px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_reason_list .sec_point {
    padding: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list .sec_point {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list .sec_point {
    border-radius: 20px;
    padding: 40px 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list .sec_point {
    border-radius: 15px;
    padding: 40px 25px 30px;
    margin-bottom: 50px;
  }
}
.reason .content section#sec_reason_list .sec_point:last-child {
  margin-bottom: 0;
}
.reason .content section#sec_reason_list .icon {
  position: absolute;
  top: -47px;
  left: -38px;
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_reason_list .icon {
    left: -25px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list .icon {
    top: -36px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list .icon {
    left: -20px;
  }
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list .icon img {
    width: 131.4px;
    height: 130.5px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list .icon img {
    width: 116.8px;
    height: 116px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list .icon img {
    width: 102.2px;
    height: 101.5px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list .icon img {
    width: 87.6px;
    height: 87px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_reason_list .icon img {
    width: 80px;
    height: auto;
  }
}
.reason .content section#sec_reason_list h3 {
  font-size: 30px;
  font-size: 3rem;
  color: #04a273;
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list h3 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list h3 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_reason_list h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list h3 span {
    display: block;
  }
}
.reason .content section#sec_reason_list .point_box_inner {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_reason_list .point_box_inner {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.reason .content section#sec_reason_list .point_box_inner .txt {
  width: calc(100% - 580px);
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_reason_list .point_box_inner .txt {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list .point_box_inner .txt {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list .point_box_inner .txt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.reason .content section#sec_reason_list .point_box_inner .txt p {
  margin-bottom: 20px;
}
.reason .content section#sec_reason_list .point_box_inner .txt p:last-child {
  margin-bottom: 0;
}
.reason .content section#sec_reason_list .point_box_inner .txt em {
  color: #04a273;
  font-weight: 700;
}
.reason .content section#sec_reason_list .point_box_inner .txt ul {
  margin: 0 0 20px 0;
}
.reason .content section#sec_reason_list .point_box_inner .txt ul li {
  color: #04a273;
  font-weight: 700;
  padding-left: 1em;
  text-indent: -1em;
}
.reason .content section#sec_reason_list .point_box_inner .photo {
  width: 540px;
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_reason_list .point_box_inner .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list .point_box_inner .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list .point_box_inner .photo {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list .point_box_inner .photo img {
    width: 100%;
  }
}
.reason .content section#sec_reason_list .staff_voice {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list .staff_voice {
    margin-bottom: 30px;
  }
}
.reason .content section#sec_reason_list .staff_voice .staff_photo {
  width: 100px;
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list .staff_voice .staff_photo {
    width: 100%;
    text-align: center;
  }
}
.reason .content section#sec_reason_list .staff_voice .txt {
  width: calc(100% - 140px);
  margin-left: 40px;
  letter-spacing: 2px;
  background: #fafbe6;
  border-radius: 15px;
  padding: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list .staff_voice .txt {
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list .staff_voice .txt {
    width: 100%;
    margin: 30px 0 0;
  }
}
.reason .content section#sec_reason_list .staff_voice .txt:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 13px solid #fafbe6;
  border-bottom: 6px solid transparent;
  border-left: 13px solid transparent;
  position: absolute;
  top: 20px;
  left: -26px;
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list .staff_voice .txt:before {
    border-top: 13px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 13px solid #fafbe6;
    border-left: 6px solid transparent;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.reason .content section#sec_reason_list .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.reason .content section#sec_reason_list .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_reason_list .btn_more a:after {
    right: 15px;
  }
}
.reason .content section#sec_reason_list .btn_more a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.reason .content section#sec_reason_list .btn_more a:hover:after {
  right: 20px;
}

.welfare header .main_ttl {
  background-image: url(images/bg_main_ttl_welfare.jpg);
}
.welfare .content section#sec_welfare {
  max-width: 1360px;
  margin: 0 auto;
}
.welfare .content section#sec_welfare h2 {
  font-size: 48px;
  font-size: 4.8rem;
  text-align: center;
  letter-spacing: 8px;
  line-height: 1.5;
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare h2 {
    font-size: 44px;
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare h2 {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: 6px;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare h2 {
    font-size: 34px;
    font-size: 3.4rem;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare h2 {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.welfare .content section#sec_welfare .staff_voice {
  text-align: center;
  margin-bottom: 40px;
}
.welfare .content section#sec_welfare .staff_voice .staff_photo {
  width: 100%;
}
.welfare .content section#sec_welfare .staff_voice .txt {
  display: inline-block;
  margin: 30px auto 0;
  letter-spacing: 2px;
  background: #fafbe6;
  border-radius: 15px;
  padding: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .staff_voice .txt {
    padding: 20px;
  }
}
.welfare .content section#sec_welfare .staff_voice .txt:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 13px solid #fafbe6;
  border-left: 6px solid transparent;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}
.welfare .content section#sec_welfare .welfare_box {
  padding: 60px 60px 36px;
  margin-bottom: 60px;
  border-radius: 20px;
  border: 1px solid #416459;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare .welfare_box {
    padding: 50px 40px 26px;
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box {
    padding: 40px 40px 16px;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_box {
    border-radius: 15px;
    margin-bottom: 30px;
    padding: 40px 30px 16px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box {
    padding: 30px 25px 6px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box {
    margin-bottom: 20px;
  }
}
.welfare .content section#sec_welfare .welfare_box:last-child {
  margin-bottom: 0;
}
.welfare .content section#sec_welfare .welfare_box.welfare_future h3 {
  text-align: center;
}
.welfare .content section#sec_welfare .welfare_box.welfare_future .future_box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: "";
  -moz-box-pack: "";
  -ms-flex-pack: "";
  -webkit-justify-content: "";
  justify-content: "";
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.welfare .content section#sec_welfare .welfare_box.welfare_future .future_box .photo {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_future .future_box .photo {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.welfare .content section#sec_welfare .welfare_box.welfare_future .future_box .photo .msg_baloon {
  position: absolute;
  top: -64px;
  left: -46px;
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_future .future_box .photo .msg_baloon {
    width: 133.2px;
    height: 108.9px;
    left: -36px;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_future .future_box .photo .msg_baloon {
    width: 118.4px;
    height: 96.8px;
    top: -50px;
    left: -26px;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_future .future_box .photo .msg_baloon {
    width: 103.6px;
    height: 84.7px;
    top: -45px;
    left: -16px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_future .future_box .photo .msg_baloon {
    width: 88.8px;
    height: 72.6px;
    top: -45px;
    left: -16px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_future .future_box .photo .msg_baloon {
    width: 74px;
    height: 60.5px;
    top: -35px;
    left: -16px;
  }
}
.welfare .content section#sec_welfare .welfare_box.welfare_future .future_box .txt_area {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_future .future_box .txt_area {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_future .future_box .txt_area {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_future .future_box .txt_area {
    margin-bottom: 50px;
  }
}
.welfare .content section#sec_welfare .welfare_box.welfare_future .future_box .txt_area ul {
  margin: 20px 0;
}
.welfare .content section#sec_welfare .welfare_box.welfare_future .future_box .txt_area ul li {
  font-size: 16px;
  font-size: 1.6rem;
  color: #04a273;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_future .future_box .txt_area ul li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.welfare .content section#sec_welfare .welfare_box h3 {
  font-size: 30px;
  font-size: 3rem;
  color: #04a273;
  text-align: left;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.4;
  margin-bottom: 80px;
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare .welfare_box h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box h3 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box h3 {
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_box h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box h3 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .welfare_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.welfare .content section#sec_welfare .welfare_box h3 .icon {
  margin-right: 0.5em;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box h3 .icon {
    display: block;
    margin-right: 0;
  }
}
.welfare .content section#sec_welfare .welfare_box .welfare_header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: "";
  -moz-box-pack: "";
  -ms-flex-pack: "";
  -webkit-justify-content: "";
  justify-content: "";
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_header {
    margin-bottom: 30px;
  }
}
.welfare .content section#sec_welfare .welfare_box .txt_area {
  width: calc(100% - 580px);
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare .welfare_box .txt_area {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box .txt_area {
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_box .txt_area {
    margin-bottom: 20px;
  }
}
.welfare .content section#sec_welfare .welfare_box .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.welfare .content section#sec_welfare .welfare_box .txt_area p:last-child {
  margin-bottom: 0;
}
.welfare .content section#sec_welfare .welfare_box .txt_area p a {
  text-decoration: underline;
}
.welfare .content section#sec_welfare .welfare_box .photo {
  width: 540px;
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare .welfare_box .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box .photo {
    width: 100%;
  }
}
.welfare .content section#sec_welfare .welfare_box .photo .object-fit-img {
  width: 100%;
}
.welfare .content section#sec_welfare .welfare_box .welfare_detail_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: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.welfare .content section#sec_welfare .welfare_box .welfare_detail_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: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 31.89%;
  min-height: 88px;
  margin: 0% 2.06% 2.06% 0%;
  background: #f3f8de;
  padding: 18px 15px;
  border-radius: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #04a273;
  text-align: center;
  line-height: 1.4;
  font-weight: 600;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_detail_list li {
    width: 49%;
    margin: 0 2% 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_detail_list li {
    font-size: 16px;
    font-size: 1.6rem;
    border-radius: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_detail_list li {
    width: 100%;
    min-height: 66px;
    margin-right: 0;
    padding: 12px 10px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_detail_list li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.welfare .content section#sec_welfare .welfare_box .welfare_detail_list li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_detail_list li:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_detail_list li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_detail_list li:nth-child(even) {
    margin-right: 0;
  }
}
.welfare .content section#sec_welfare .welfare_box .welfare_detail_list li .note {
  display: block;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_detail_list li .note {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.welfare .content section#sec_welfare .welfare_box .welfare_more_info {
  background: #fbf8e4;
  border-radius: 15px;
  padding: 40px;
  margin: 60px 0 24px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_more_info {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_more_info {
    padding: 30px 25px 25px;
  }
}
.welfare .content section#sec_welfare .welfare_box .welfare_more_info .icon_more_info {
  position: absolute;
  top: -42px;
  left: -25px;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_more_info .icon_more_info {
    top: -32px;
    left: -15px;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_more_info .icon_more_info {
    top: -40px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_more_info .icon_more_info {
    top: -35px;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_more_info .icon_more_info img {
    width: 82.8px;
    height: 68.4px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_more_info .icon_more_info img {
    width: 73.6px;
    height: 60.8px;
  }
}
.welfare .content section#sec_welfare .welfare_box .welfare_more_info .more_info_ttl {
  font-size: 18px;
  font-size: 1.8rem;
  color: #04a273;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box .welfare_more_info .more_info_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.matching header .main_ttl {
  background-image: url(images/bg_main_ttl_matching.jpg);
}
.matching .content section#sec_matching {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}
.matching .content section#sec_matching h2 {
  font-size: 34px;
  font-size: 3.4rem;
  color: #04a273;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .matching .content section#sec_matching h2 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_matching h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section#sec_matching h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
}
.matching .content section#sec_matching h2 span {
  display: inline-block;
}
.matching .content section#sec_matching .matching_lead {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_matching .matching_lead {
    padding: 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section#sec_matching .matching_lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_matching .matching_lead {
    margin-bottom: 40px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section#sec_matching .matching_lead {
    margin-bottom: 30px;
    padding: 0 25px;
  }
}
.matching .content section#sec_matching .matching_lead .photo {
  width: 47.5%;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_matching .matching_lead .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.matching .content section#sec_matching .matching_lead .photo img {
  width: 100%;
  height: 520px;
  object-fit: cover;
}
@media screen and (max-width: 1250px) {
  .matching .content section#sec_matching .matching_lead .photo img {
    height: 480px;
  }
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_matching .matching_lead .photo img {
    height: auto;
  }
}
.matching .content section#sec_matching .matching_lead .txt_area {
  width: 52.5%;
  max-width: 660px;
  padding: 0% 0% 0% 3.75%;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1400px) {
  .matching .content section#sec_matching .matching_lead .txt_area {
    padding: 0% 2.5% 0% 3.75%;
  }
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_matching .matching_lead .txt_area {
    width: 100%;
    max-width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 30px;
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_matching .matching_lead .txt_area {
    margin-bottom: 20px;
  }
}
.matching .content section#sec_matching .matching_lead .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  position: relative;
  z-index: 0;
}
.matching .content section#sec_matching .matching_lead .txt_area p em {
  background: linear-gradient(transparent 65%, #f8e77a 65%);
  font-weight: 700;
}
.matching .content section#sec_matching .staff_voice {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 40px;
}
.matching .content section#sec_matching .staff_voice .staff_photo {
  width: 100px;
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_matching .staff_voice .staff_photo {
    width: 100%;
    text-align: center;
  }
}
.matching .content section#sec_matching .staff_voice .txt {
  width: calc(100% - 140px);
  margin-left: 40px;
  letter-spacing: 2px;
  background: #fafbe6;
  border-radius: 15px;
  padding: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .matching .content section#sec_matching .staff_voice .txt {
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_matching .staff_voice .txt {
    width: 100%;
    margin: 30px 0 0;
  }
}
.matching .content section#sec_matching .staff_voice .txt:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 13px solid #fafbe6;
  border-bottom: 6px solid transparent;
  border-left: 13px solid transparent;
  position: absolute;
  top: 20px;
  left: -26px;
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_matching .staff_voice .txt:before {
    border-top: 13px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 13px solid #fafbe6;
    border-left: 6px solid transparent;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.matching .content section#sec_think {
  background: #f3f8de;
}
.matching .content section#sec_think h2 {
  font-size: 34px;
  font-size: 3.4rem;
  color: #04a273;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  margin-bottom: 40px;
  margin-bottom: 70px;
}
@media screen and (max-width: 1250px) {
  .matching .content section#sec_think h2 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_think h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section#sec_think h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
}
.matching .content section#sec_think h2 span {
  display: inline-block;
}
@media screen and (max-width: 1250px) {
  .matching .content section#sec_think h2 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_think h2 {
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_think h2 {
    margin-bottom: 40px;
  }
}
.matching .content section#sec_think h2 span {
  display: inline-block;
}
.matching .content section#sec_think .think_list .think_box {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 1280px;
  background: #fff;
  padding: 50px;
  border-radius: 30px;
  margin: 0 auto 50px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_think .think_list .think_box {
    border-radius: 20px;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section#sec_think .think_list .think_box {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_think .think_list .think_box {
    padding: 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_think .think_list .think_box {
    padding: 25px;
  }
}
.matching .content section#sec_think .think_list .think_box:last-child {
  margin-bottom: 0;
}
.matching .content section#sec_think .think_list .think_box:nth-child(even) .icon {
  left: initial;
  right: -22px;
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_think .think_list .think_box:nth-child(even) .icon {
    right: -15px;
  }
}
.matching .content section#sec_think .think_list .think_box:nth-child(even) .txt {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.matching .content section#sec_think .think_list .think_box:nth-child(even) .photo {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.matching .content section#sec_think .think_list .think_box .icon {
  position: absolute;
  top: -26px;
  left: -22px;
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_think .think_list .think_box .icon {
    left: -15px;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_think .think_list .think_box .icon img {
    width: 89.1px;
    height: 89.1px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_think .think_list .think_box .icon img {
    width: 79.2px;
    height: 79.2px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section#sec_think .think_list .think_box .icon img {
    width: 69.3px;
    height: 69.3px;
  }
}
.matching .content section#sec_think .think_list .think_box h3 {
  font-size: 30px;
  font-size: 3rem;
  color: #04a273;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .matching .content section#sec_think .think_list .think_box h3 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section#sec_think .think_list .think_box h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_think .think_list .think_box h3 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_think .think_list .think_box h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section#sec_think .think_list .think_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.matching .content section#sec_think .think_list .think_box .txt {
  width: calc(100% - 460px);
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1250px) {
  .matching .content section#sec_think .think_list .think_box .txt {
    width: calc(100% - 400px);
  }
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_think .think_list .think_box .txt {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section#sec_think .think_list .think_box .txt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.matching .content section#sec_think .think_list .think_box .txt p {
  margin-bottom: 20px;
}
.matching .content section#sec_think .think_list .think_box .txt p:last-child {
  margin-bottom: 0;
}
.matching .content section#sec_think .think_list .think_box .txt em {
  color: #04a273;
  font-weight: 700;
}
.matching .content section#sec_think .think_list .think_box .txt ul {
  margin: 0 0 20px 0;
}
.matching .content section#sec_think .think_list .think_box .txt ul li {
  color: #04a273;
  font-weight: 700;
  padding-left: 1em;
  text-indent: -1em;
}
.matching .content section#sec_think .think_list .think_box .photo {
  width: 420px;
}
@media screen and (max-width: 1250px) {
  .matching .content section#sec_think .think_list .think_box .photo {
    width: 360px;
  }
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_think .think_list .think_box .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_think .think_list .think_box .photo {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_think .think_list .think_box .photo img {
    width: 100%;
  }
}
.matching .content section.sec_matching_system {
  margin-bottom: 0;
}
.matching .content section.sec_matching_system h2 {
  font-size: 34px;
  font-size: 3.4rem;
  color: #04a273;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  margin-bottom: 40px;
  margin-bottom: 70px;
}
@media screen and (max-width: 1250px) {
  .matching .content section.sec_matching_system h2 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
}
.matching .content section.sec_matching_system h2 span {
  display: inline-block;
}
@media screen and (max-width: 1250px) {
  .matching .content section.sec_matching_system h2 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_system h2 {
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system h2 {
    margin-bottom: 40px;
  }
}
.matching .content section.sec_matching_system .matching-wrap {
  max-width: 1000px;
  margin: 0 auto;
}
.matching .content section.sec_matching_system .matching-wrap > p {
  margin: 0 0 2.5rem;
}
.matching .content section.sec_matching_system .matching-box + .matching-box {
  margin-top: 3.5rem;
}
.matching .content section.sec_matching_system .matching-box h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #04a273;
  text-align: left;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1px;
  margin-bottom: 30px;
  padding-left: 45px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .matching-box h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 40px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .matching-box h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}
.matching .content section.sec_matching_system .matching-box h3:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-family: "Montserrat", serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.5rem;
  letter-spacing: 0;
  background: #04a273;
  padding: 8px 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .matching-box h3:before {
    width: 28px;
    height: 28px;
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 6px;
  }
}
.matching .content section.sec_matching_system .matching-box:first-of-type h3::before {
  content: "1";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(2) h3::before {
  content: "2";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(3) h3::before {
  content: "3";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(4) h3::before {
  content: "4";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(5) h3::before {
  content: "5";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(6) h3::before {
  content: "6";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(7) h3::before {
  content: "7";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(8) h3::before {
  content: "8";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(9) h3::before {
  content: "9";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(10) h3::before {
  content: "10";
}
.matching .content section.sec_matching_system .q_wrap {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.matching .content section.sec_matching_system .q_wrap > div {
  width: 24%;
  margin-bottom: 0.5rem;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_system .q_wrap > div {
    width: 49%;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .q_wrap > div {
    width: 100%;
  }
}
.matching .content section.sec_matching_system .q_wrap label {
  display: block;
  width: 100%;
  padding: 10px 20px;
  line-height: 4rem;
  background: #f1f8fa;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_system .q_wrap label {
    padding: 10px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .q_wrap label {
    padding: 5px 20px;
  }
}
.matching .content section.sec_matching_system .q_wrap input[type=radio] {
  margin-right: 0.5rem;
  border: none;
}
.matching .content section.sec_matching_system .error_txt {
  display: none;
  color: #f00;
}
.matching .content section.sec_matching_system .mach_txt, .matching .content section.sec_matching_system .resource {
  display: none;
}
.matching .content section.sec_matching_system button#resultbtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: auto;
  max-width: 400px;
  margin: 60px auto 0;
  padding: 20px 10px;
  font-size: 20px;
  font-size: 2rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  border-radius: 100px;
  background: #fbe553;
  border: 1px solid #fbe553;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_system button#resultbtn {
    max-width: 320px;
    padding: 20px 10px;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system button#resultbtn {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system button#resultbtn {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system button#resultbtn {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system button#resultbtn {
    padding: 18px 10px;
    max-width: 100%;
  }
}
.matching .content section.sec_matching_system button#resultbtn:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
.matching .content section.sec_matching_system button#resultbtn:hover:after {
  right: 20px;
}
.matching .content section.sec_matching_system .resource {
  margin-top: 50px;
}
.matching .content section.sec_matching_system .resource .matching-txt {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #04a273;
  margin-bottom: 20px;
  line-height: 1.6;
}
.matching .content section.sec_matching_system .resource p#goukei {
  font-size: 24px;
  font-size: 2.4rem;
  color: #04a273;
  font-weight: bold;
  margin: 0;
  line-height: 1;
}
.matching .content section.sec_matching_system .resource p#goukei span {
  font-size: 40px;
  font-size: 4rem;
}
.matching .content section.sec_matching_system .resource .mach_txt {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.matching .content section.sec_matching_system .resource .mach_txt a {
  color: #4b92e4;
}
.matching .content section.sec_matching_system .linkbtn-wrap {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 40px;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .linkbtn-wrap {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .linkbtn-wrap {
    margin-top: 20px;
  }
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn {
  width: 350px;
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn {
    width: 49%;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn {
    width: 100%;
  }
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a:after {
    right: 15px;
  }
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a:hover:after {
  right: 20px;
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a {
  max-width: 350px;
  margin: 0;
  padding: 18px 10px;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a {
    max-width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a {
    letter-spacing: 1px;
  }
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a:after {
  right: 20px;
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn:first-child {
  margin-right: 30px;
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn:first-child {
    margin-right: 4%;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn:first-child {
    margin-right: 2%;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn:first-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .linkbtn-wrap:nth-child(n+2) a {
    margin-top: 10px;
  }
}

.about_job header .main_ttl {
  background-image: url(images/bg_main_ttl_about_job.jpg);
}
.about_job .content section p {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .about_job .content section p {
    margin-bottom: 30px;
  }
}
.about_job .content section p:last-child {
  margin-bottom: 0;
}
.about_job .content section#sec_about_job {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.about_job .content section#sec_about_job h2 {
  font-size: 48px;
  font-size: 4.8rem;
  text-align: center;
  letter-spacing: 8px;
  line-height: 1.5;
}
@media screen and (max-width: 1250px) {
  .about_job .content section#sec_about_job h2 {
    font-size: 44px;
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .about_job .content section#sec_about_job h2 {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: 6px;
  }
}
@media screen and (max-width: 768px) {
  .about_job .content section#sec_about_job h2 {
    font-size: 34px;
    font-size: 3.4rem;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 600px) {
  .about_job .content section#sec_about_job h2 {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 480px) {
  .about_job .content section#sec_about_job h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .about_job .content section#sec_about_job h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.about_job .content section#sec_about_job .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .about_job .content section#sec_about_job .lead {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .about_job .content section#sec_about_job .lead {
    padding: 0 25px;
  }
}
.about_job .content section#sec_about_job .job_nav {
  max-width: 1360px;
  margin: 0 auto 50px;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .about_job .content section#sec_about_job .job_nav {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .about_job .content section#sec_about_job .job_nav {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .about_job .content section#sec_about_job .job_nav {
    margin-bottom: 20px;
    padding: 0 25px;
  }
}
.about_job .content section#sec_about_job .job_nav 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: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.about_job .content section#sec_about_job .job_nav ul li {
  width: 32.34%;
  margin: 0% 1.48% 1.48% 0%;
}
@media screen and (max-width: 768px) {
  .about_job .content section#sec_about_job .job_nav ul li {
    width: 49%;
    margin-right: 2%;
  }
}
@media screen and (max-width: 600px) {
  .about_job .content section#sec_about_job .job_nav ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.about_job .content section#sec_about_job .job_nav ul li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .about_job .content section#sec_about_job .job_nav ul li:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 600px) {
  .about_job .content section#sec_about_job .job_nav ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .about_job .content section#sec_about_job .job_nav ul li:nth-child(even) {
    margin-right: 0;
  }
}
.about_job .content section#sec_about_job .job_nav ul li a {
  display: block;
  padding: 15px 20px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #04a273;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  border: 1px solid #416459;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .about_job .content section#sec_about_job .job_nav ul li a {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    padding: 12px 15px;
  }
}
@media screen and (max-width: 600px) {
  .about_job .content section#sec_about_job .job_nav ul li a {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px 15px;
  }
}
.about_job .content section#sec_about_job .job_nav ul li a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_green_yellow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 1000px) {
  .about_job .content section#sec_about_job .job_nav ul li a:after {
    width: 18px;
    height: 18px;
    right: 10px;
  }
}
.about_job .content section#sec_about_job .job_nav ul li a:hover:after {
  right: 15px;
}
@media screen and (max-width: 1000px) {
  .about_job .content section#sec_about_job .job_nav ul li a:hover:after {
    right: 10px;
  }
}
.about_job .content section#sec_about_job .job_list {
  background: #f3f8de;
}
.about_job .content section#sec_about_job .job_list .job_detail {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto 50px;
  padding: 60px 60px 10px;
  background: #fff;
  border: 1px solid #416459;
  border-radius: 30px;
}
@media screen and (max-width: 1250px) {
  .about_job .content section#sec_about_job .job_list .job_detail {
    padding: 50px 50px 0;
  }
}
@media screen and (max-width: 1000px) {
  .about_job .content section#sec_about_job .job_list .job_detail {
    padding: 40px 40px 0;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .about_job .content section#sec_about_job .job_list .job_detail {
    border-radius: 20px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .about_job .content section#sec_about_job .job_list .job_detail {
    padding: 30px 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .about_job .content section#sec_about_job .job_list .job_detail {
    border-radius: 15px;
    padding: 25px 25px 0;
  }
}
.about_job .content section#sec_about_job .job_list .job_detail:last-child {
  margin-bottom: 0;
}
.about_job .content section#sec_about_job .job_list h3 {
  width: 100%;
  font-size: 36px;
  font-size: 3.6rem;
  color: #04a273;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .about_job .content section#sec_about_job .job_list h3 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .about_job .content section#sec_about_job .job_list h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .about_job .content section#sec_about_job .job_list h3 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 400px) {
  .about_job .content section#sec_about_job .job_list h3 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
.about_job .content section#sec_about_job .job_list .sub_sec {
  padding: 0;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .about_job .content section#sec_about_job .job_list .sub_sec {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .about_job .content section#sec_about_job .job_list .sub_sec {
    margin-bottom: 30px;
  }
}
.about_job .content section#sec_about_job .job_list .sub_sec.sec_job_lead {
  width: 100%;
}
.about_job .content section#sec_about_job .job_list .sub_sec.sec_job_lead .job_detail_inner {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.about_job .content section#sec_about_job .job_list .sub_sec.sec_job_lead .job_detail_inner .photo {
  width: 540px;
}
@media screen and (max-width: 1250px) {
  .about_job .content section#sec_about_job .job_list .sub_sec.sec_job_lead .job_detail_inner .photo {
    width: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .about_job .content section#sec_about_job .job_list .sub_sec.sec_job_lead .job_detail_inner .photo {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .about_job .content section#sec_about_job .job_list .sub_sec.sec_job_lead .job_detail_inner .photo {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .about_job .content section#sec_about_job .job_list .sub_sec.sec_job_lead .job_detail_inner .photo img {
    width: 100%;
  }
}
.about_job .content section#sec_about_job .job_list .sub_sec.sec_job_lead .job_detail_inner .txt {
  width: calc(100% - 580px);
}
@media screen and (max-width: 1250px) {
  .about_job .content section#sec_about_job .job_list .sub_sec.sec_job_lead .job_detail_inner .txt {
    width: calc(100% - 440px);
  }
}
@media screen and (max-width: 1000px) {
  .about_job .content section#sec_about_job .job_list .sub_sec.sec_job_lead .job_detail_inner .txt {
    width: 100%;
  }
}
.about_job .content section#sec_about_job .job_list .sub_sec.sec_job_lead .job_detail_inner .txt p {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .about_job .content section#sec_about_job .job_list .sub_sec.sec_job_lead .job_detail_inner .txt p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.about_job .content section#sec_about_job .job_list .sub_sec.sec_job_content {
  width: 100%;
  margin-bottom: 0;
}
.about_job .content section#sec_about_job .job_list .sub_sec.sec_job_content .job_content_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: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 40px;
  /*column-count: 3;
  column-gap: 1em;
  margin-bottom: 40px;
  @include mq.mq(lg_1000) {
  	column-count: 1;
  }
  @include mq.mq(tab_600) {
  	margin-bottom: 30px;
  }
  li {
  	break-inside: avoid;
  	padding-right: 30px;
  	padding: 0 30px 0 12px;
  	margin-bottom:5px;
  	@include mq.mq(tab_600) {
  		margin-bottom: 5px;
  	}
  	span {
  		display: inline-block;
  	}
  }*/
}
@media screen and (max-width: 600px) {
  .about_job .content section#sec_about_job .job_list .sub_sec.sec_job_content .job_content_list {
    margin-bottom: 30px;
  }
}
.about_job .content section#sec_about_job .job_list .sub_sec.sec_job_content .job_content_list li {
  width: 33.3%;
  padding-right: 30px;
}
@media screen and (max-width: 1250px) {
  .about_job .content section#sec_about_job .job_list .sub_sec.sec_job_content .job_content_list li {
    width: 50%;
  }
}
@media screen and (max-width: 1000px) {
  .about_job .content section#sec_about_job .job_list .sub_sec.sec_job_content .job_content_list li {
    width: 100%;
  }
}
.about_job .content section#sec_about_job .job_list .sub_sec.sec_job_qualify {
  width: 48.7%;
  margin: 0% 2.59% 0% 0%;
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .about_job .content section#sec_about_job .job_list .sub_sec.sec_job_qualify {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.about_job .content section#sec_about_job .job_list .sub_sec.sec_job_related_place {
  width: 48.7%;
}
@media screen and (max-width: 1000px) {
  .about_job .content section#sec_about_job .job_list .sub_sec.sec_job_related_place {
    width: 100%;
  }
}
.about_job .content section#sec_about_job .job_list .sub_sec h4 {
  background: #089067;
  border-radius: 12px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 600;
  padding: 10px 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .about_job .content section#sec_about_job .job_list .sub_sec h4 {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 480px) {
  .about_job .content section#sec_about_job .job_list .sub_sec h4 {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 8px 20px;
  }
}
@media screen and (max-width: 400px) {
  .about_job .content section#sec_about_job .job_list .sub_sec h4 {
    padding: 6px 20px;
  }
}
.about_job .content section#sec_about_job .job_list .sub_sec ul li {
  padding-left: 12px;
  position: relative;
}
.about_job .content section#sec_about_job .job_list .sub_sec ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #04a273;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .about_job .content section#sec_about_job .job_list .sub_sec ul li:before {
    top: 10px;
  }
}

.online header .main_ttl {
  background-image: url(images/bg_main_ttl_online.jpg);
}
.online .content section#sec_online {
  position: relative;
}
.online .content section#sec_online:before {
  content: "";
  position: absolute;
  top: 360px;
  left: 0;
  width: 100%;
  height: calc(100% - 360px);
  background: #f3f8de;
  z-index: -1;
}
.online .content section#sec_online .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 1000px) {
  .online .content section#sec_online .lead {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  .online .content section#sec_online .lead {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .online .content section#sec_online .lead {
    margin-bottom: 50px;
  }
}
.online .content section#sec_online .point_list .point_box {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 1280px;
  background: #fff;
  padding: 50px;
  border-radius: 30px;
  border: 1px solid #416459;
  margin: 0 auto 80px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .online .content section#sec_online .point_list .point_box {
    border-radius: 20px;
  }
}
@media screen and (max-width: 768px) {
  .online .content section#sec_online .point_list .point_box {
    padding: 40px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .online .content section#sec_online .point_list .point_box {
    padding: 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .online .content section#sec_online .point_list .point_box {
    padding: 25px;
    margin-bottom: 50px;
  }
}
.online .content section#sec_online .point_list .point_box:last-child {
  margin-bottom: 50px;
}
@media screen and (max-width: 480px) {
  .online .content section#sec_online .point_list .point_box:last-child {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .online .content section#sec_online .point_list .point_box:last-child {
    margin-bottom: 30px;
  }
}
.online .content section#sec_online .point_list .point_box:nth-child(even) .icon {
  left: initial;
  right: -22px;
}
@media screen and (max-width: 600px) {
  .online .content section#sec_online .point_list .point_box:nth-child(even) .icon {
    right: -15px;
  }
}
.online .content section#sec_online .point_list .point_box:nth-child(even) .txt {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.online .content section#sec_online .point_list .point_box:nth-child(even) .photo {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.online .content section#sec_online .point_list .point_box .icon {
  position: absolute;
  top: -26px;
  left: -22px;
}
@media screen and (max-width: 600px) {
  .online .content section#sec_online .point_list .point_box .icon {
    left: -15px;
  }
}
@media screen and (max-width: 600px) {
  .online .content section#sec_online .point_list .point_box .icon img {
    width: 90px;
    height: 89.1px;
  }
}
@media screen and (max-width: 480px) {
  .online .content section#sec_online .point_list .point_box .icon img {
    width: 80px;
    height: 79.2px;
  }
}
@media screen and (max-width: 400px) {
  .online .content section#sec_online .point_list .point_box .icon img {
    width: 70px;
    height: 69.3px;
  }
}
.online .content section#sec_online .point_list .point_box h3 {
  font-size: 30px;
  font-size: 3rem;
  color: #04a273;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .online .content section#sec_online .point_list .point_box h3 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .online .content section#sec_online .point_list .point_box h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .online .content section#sec_online .point_list .point_box h3 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .online .content section#sec_online .point_list .point_box h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 400px) {
  .online .content section#sec_online .point_list .point_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.online .content section#sec_online .point_list .point_box .txt {
  width: calc(100% - 460px);
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1250px) {
  .online .content section#sec_online .point_list .point_box .txt {
    width: calc(100% - 400px);
  }
}
@media screen and (max-width: 1000px) {
  .online .content section#sec_online .point_list .point_box .txt {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (max-width: 768px) {
  .online .content section#sec_online .point_list .point_box .txt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.online .content section#sec_online .point_list .point_box .txt p {
  margin-bottom: 20px;
}
.online .content section#sec_online .point_list .point_box .txt p:last-child {
  margin-bottom: 0;
}
.online .content section#sec_online .point_list .point_box .txt em {
  color: #04a273;
  font-weight: 700;
}
.online .content section#sec_online .point_list .point_box .txt ul {
  margin: 0 0 20px 0;
}
.online .content section#sec_online .point_list .point_box .txt ul li {
  color: #04a273;
  font-weight: 700;
  padding-left: 1em;
  text-indent: -1em;
}
.online .content section#sec_online .point_list .point_box .photo {
  width: 420px;
}
@media screen and (max-width: 1250px) {
  .online .content section#sec_online .point_list .point_box .photo {
    width: 360px;
  }
}
@media screen and (max-width: 1000px) {
  .online .content section#sec_online .point_list .point_box .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .online .content section#sec_online .point_list .point_box .photo {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .online .content section#sec_online .point_list .point_box .photo img {
    width: 100%;
  }
}
.online .content section#sec_online .staff_voice {
  text-align: center;
}
.online .content section#sec_online .staff_voice .staff_photo {
  width: 100%;
}
.online .content section#sec_online .staff_voice .txt {
  max-width: 1000px;
  margin: 30px auto 0;
  letter-spacing: 2px;
  background: #fff;
  border-radius: 15px;
  padding: 20px 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .online .content section#sec_online .staff_voice .txt {
    padding: 20px;
    text-align: left;
  }
}
.online .content section#sec_online .staff_voice .txt:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 13px solid #fff;
  border-left: 6px solid transparent;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}
.online .content section#sec_entryform {
  max-width: 1080px;
  margin: 0 auto;
}
.online .content section#sec_entryform .ttl_en {
  font-family: "Cardo", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 4px;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .online .content section#sec_entryform .ttl_en {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .online .content section#sec_entryform .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .online .content section#sec_entryform .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.online .content section#sec_entryform .ttl_en span {
  display: inline-block;
  background: #00855d;
  padding: 4px 25px;
}
@media screen and (max-width: 1000px) {
  .online .content section#sec_entryform .ttl_en span {
    padding: 4px 30px;
  }
}
@media screen and (max-width: 768px) {
  .online .content section#sec_entryform .ttl_en span {
    padding: 3px 25px;
  }
}
@media screen and (max-width: 600px) {
  .online .content section#sec_entryform .ttl_en span {
    padding: 2px 20px;
  }
}
@media screen and (max-width: 480px) {
  .online .content section#sec_entryform .ttl_en span {
    padding: 2px 15px;
  }
}
.online .content section#sec_entryform h2 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #04a273;
  font-weight: 700;
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: 80px;
}
@media screen and (max-width: 1250px) {
  .online .content section#sec_entryform h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .online .content section#sec_entryform h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .online .content section#sec_entryform h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .online .content section#sec_entryform h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
.online .content section#sec_entryform .lead {
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .online .content section#sec_entryform .lead {
    margin-bottom: 20px;
  }
}
.online .content section#sec_entryform .lead a {
  color: #04a273;
  font-weight: 600;
}
.online .content section#sec_entryform .wpcf7-form {
  max-width: 100%;
  background: #fefaf1;
  padding: 60px 70px 40px;
  margin-bottom: 0;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .online .content section#sec_entryform .wpcf7-form {
    padding: 20px 40px 10px;
  }
}
@media screen and (max-width: 600px) {
  .online .content section#sec_entryform .wpcf7-form {
    padding: 20px 25px 0;
    border-radius: 10px;
  }
}
.online .content section#sec_entryform .wpcf7-form a {
  color: #04a273;
}
.online .content section#sec_entryform .wpcf7-form table {
  margin-bottom: 20px;
}
.online .content section#sec_entryform .wpcf7-form table th,
.online .content section#sec_entryform .wpcf7-form table td {
  padding: 12px;
}
@media screen and (max-width: 768px) {
  .online .content section#sec_entryform .wpcf7-form table th,
  .online .content section#sec_entryform .wpcf7-form table td {
    display: block;
    width: 100%;
  }
}
.online .content section#sec_entryform .wpcf7-form table th {
  font-weight: 500;
  vertical-align: top;
  padding-top: 15px;
}
@media screen and (max-width: 768px) {
  .online .content section#sec_entryform .wpcf7-form table th {
    padding: 12px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .online .content section#sec_entryform .wpcf7-form table th p {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .online .content section#sec_entryform .wpcf7-form table td {
    padding-top: 5px;
    padding-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .online .content section#sec_entryform .wpcf7-form table td {
    padding: 5px 0 12px;
  }
}
.online .content section#sec_entryform .wpcf7-form table td input[type=text],
.online .content section#sec_entryform .wpcf7-form table td input[type=tel],
.online .content section#sec_entryform .wpcf7-form table td input[type=email] {
  height: 50px;
  border: none;
  background: #fffefc;
  padding: 10px;
}
@media screen and (max-width: 480px) {
  .online .content section#sec_entryform .wpcf7-form table td input[type=text],
  .online .content section#sec_entryform .wpcf7-form table td input[type=tel],
  .online .content section#sec_entryform .wpcf7-form table td input[type=email] {
    height: 40px;
  }
}
.online .content section#sec_entryform .wpcf7-form table td p {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .online .content section#sec_entryform .wpcf7-form table td p {
    margin-bottom: 5px;
  }
}
.online .content section#sec_entryform .wpcf7-form table td input[type=tel] {
  max-width: 360px;
}
@media screen and (max-width: 600px) {
  .online .content section#sec_entryform .wpcf7-form table td input[type=tel] {
    max-width: 100%;
  }
}
.online .content section#sec_entryform .wpcf7-form table td.your_name input[type=text] {
  max-width: 360px;
}
@media screen and (max-width: 600px) {
  .online .content section#sec_entryform .wpcf7-form table td.your_name input[type=text] {
    max-width: 100%;
  }
}
.online .content section#sec_entryform .wpcf7-form table td .select_type,
.online .content section#sec_entryform .wpcf7-form table td .select_jobcat,
.online .content section#sec_entryform .wpcf7-form table td .select_business {
  width: 218px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .online .content section#sec_entryform .wpcf7-form table td .select_type,
  .online .content section#sec_entryform .wpcf7-form table td .select_jobcat,
  .online .content section#sec_entryform .wpcf7-form table td .select_business {
    width: 100%;
  }
}
.online .content section#sec_entryform .wpcf7-form table td .select_type:after,
.online .content section#sec_entryform .wpcf7-form table td .select_jobcat:after,
.online .content section#sec_entryform .wpcf7-form table td .select_business:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid #5772b5;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  top: 50%;
  right: 20px;
}
.online .content section#sec_entryform .wpcf7-form table td .select_type select,
.online .content section#sec_entryform .wpcf7-form table td .select_jobcat select,
.online .content section#sec_entryform .wpcf7-form table td .select_business select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 218px;
  padding: 15px 20px;
  border: none;
  border-radius: 4px;
}
@media screen and (max-width: 600px) {
  .online .content section#sec_entryform .wpcf7-form table td .select_type select,
  .online .content section#sec_entryform .wpcf7-form table td .select_jobcat select,
  .online .content section#sec_entryform .wpcf7-form table td .select_business select {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .online .content section#sec_entryform .wpcf7-form table td .select_type select,
  .online .content section#sec_entryform .wpcf7-form table td .select_jobcat select,
  .online .content section#sec_entryform .wpcf7-form table td .select_business select {
    padding: 10px 20px;
  }
}
.online .content section#sec_entryform .wpcf7-form .link_privacy {
  color: #4b92e4;
  text-align: center;
  text-decoration: underline;
}

.job_fair header .main_ttl {
  background-image: url(images/bg_main_ttl_job_fair.jpg);
}
@media screen and (max-width: 768px) {
  .job_fair header .main_ttl .ttl_en {
    padding-top: 100px;
  }
}
@media screen and (max-width: 600px) {
  .job_fair header .main_ttl .ttl_en {
    padding-top: 85px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair header .main_ttl .ttl_en {
    padding-top: 70px;
  }
}
@media screen and (max-width: 400px) {
  .job_fair header .main_ttl .ttl_en {
    padding-top: 60px;
  }
}
.job_fair header .main_ttl h1 {
  letter-spacing: 6px;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .job_fair header .main_ttl h1 {
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair header .main_ttl h1 {
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 768px) {
  .job_fair header .main_ttl h1 span {
    display: block;
  }
}
.job_fair .content section p {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .job_fair .content section p {
    margin-bottom: 30px;
  }
}
.job_fair .content section p:last-child {
  margin-bottom: 0;
}
.job_fair .content section > section h3 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #04a273;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .job_fair .content section > section h3 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .job_fair .content section > section h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section > section h3 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .job_fair .content section > section h3 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
.job_fair .content section > section .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .job_fair .content section > section .lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .job_fair .content section > section .lead {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section > section .lead {
    text-align: left;
    margin-bottom: 30px;
  }
}
.job_fair .content section#sec_job_fair {
  padding-right: 0;
  padding-left: 0;
}
.job_fair .content section#sec_job_fair h2 {
  font-size: 30px;
  font-size: 3rem;
  color: #416459;
  text-align: center;
  letter-spacing: 2px;
  padding: 0 40px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 1px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair h2 {
    font-size: 20px;
    font-size: 2rem;
    padding: 0 25px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .job_fair .content section#sec_job_fair h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
}
.job_fair .content section#sec_job_fair .job_fair_nav {
  max-width: 1360px;
  margin: 0 auto 80px;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair .job_fair_nav {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair .job_fair_nav {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair .job_fair_nav {
    margin-bottom: 50px;
    padding: 0 25px;
  }
}
.job_fair .content section#sec_job_fair .job_fair_nav 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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 848px;
  margin: 0 auto;
}
.job_fair .content section#sec_job_fair .job_fair_nav ul li {
  width: 48.82%;
  margin: 0% 2.35% 2.35% 0%;
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair .job_fair_nav ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.job_fair .content section#sec_job_fair .job_fair_nav ul li:nth-child(even) {
  margin-right: 0;
}
.job_fair .content section#sec_job_fair .job_fair_nav ul li a {
  display: block;
  padding: 15px 20px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #04a273;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  border: 1px solid #416459;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .job_fair .content section#sec_job_fair .job_fair_nav ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 12px 15px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair .job_fair_nav ul li a {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px 15px;
  }
}
.job_fair .content section#sec_job_fair .job_fair_nav ul li a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_green_yellow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 1000px) {
  .job_fair .content section#sec_job_fair .job_fair_nav ul li a:after {
    width: 18px;
    height: 18px;
    right: 15px;
  }
}
.job_fair .content section#sec_job_fair .job_fair_nav ul li a:hover:after {
  right: 15px;
}
@media screen and (max-width: 1000px) {
  .job_fair .content section#sec_job_fair .job_fair_nav ul li a:hover:after {
    right: 10px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_about {
  background: #f3f8de;
}
@media screen and (max-width: 1000px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .lead {
    text-align: left;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person {
  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;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend {
  width: 580px;
  background: #fff;
  padding: 30px 50px;
  margin-right: 65px;
  border-radius: 12px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin: 30px 0 0;
  }
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend {
    padding: 25px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 17px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 17px solid #fff;
  position: absolute;
  top: 50px;
  right: -34px;
}
@media screen and (max-width: 1000px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend:before {
    border-top: 17px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 17px solid #fff;
    border-left: 7px solid transparent;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend .recommend_ttl {
  font-size: 22px;
  font-size: 2.2rem;
  color: #04a273;
  text-align: center;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend .recommend_ttl {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend .recommend_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend .recommend_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend .recommend_ttl span {
  padding: 0 10px 0 12px;
  position: relative;
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend .recommend_ttl span:before {
  content: "";
  width: 1px;
  height: 36px;
  background: #04a273;
  position: absolute;
  top: 3px;
  left: 0;
  transform: rotate(-14.4deg);
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend .recommend_ttl span:before {
    height: 30px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend .recommend_ttl span:before {
    height: 26px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend .recommend_ttl span:after {
  content: "";
  width: 1px;
  height: 36px;
  background: #04a273;
  position: absolute;
  top: 3px;
  right: 0;
  transform: rotate(14.4deg);
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend .recommend_ttl span:after {
    height: 30px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend .recommend_ttl span:after {
    height: 26px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend ul {
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend ul {
    margin-bottom: 30px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend ul li {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 5px;
  padding-left: 1.4em;
  text-indent: -1.4em;
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend ul li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend ul li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend ul li:last-child {
  margin-bottom: 0;
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend p {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .recommend p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .photo {
  width: 226px;
}
@media screen and (max-width: 1000px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .recommend_person .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    text-align: center;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .job_fair_contents {
  max-width: 1280px;
  margin: 0 auto;
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .job_fair_contents .job_fair_contens_ttl {
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 500;
  text-align: center;
  padding: 10px 20px;
  background: #04a273;
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .job_fair_contents .job_fair_contens_ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .job_fair_contents .job_fair_contens_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .job_fair_contents .job_fair_contens_ttl {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .job_fair_contents .job_fair_contens_ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .job_fair_contents 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: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 0 0 10px 10px;
  border: 1px solid #04a273;
  padding: 40px 50px 35px;
}
@media screen and (max-width: 1250px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .job_fair_contents ul {
    padding: 30px 30px 25px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .job_fair_contents ul {
    padding: 25px 25px 20px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .job_fair_contents ul li {
  width: 50%;
  padding-right: 30px;
  padding-left: 12px;
  margin-bottom: 5px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .job_fair_contents ul li {
    width: 100%;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_about .job_fair_contents ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #04a273;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_about .job_fair_contents ul li:before {
    top: 10px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule {
  max-width: 1280px;
  margin: 0 auto;
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_nav {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_nav li {
  width: 266px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  padding: 10px;
  background: #9bd9c6;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (max-width: 1000px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_nav li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_nav li {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 8px 10px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_nav li {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
    padding: 6px 10px;
  }
}
@media screen and (max-width: 400px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_nav li {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 6px 5px;
  }
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_nav li {
    width: 220px;
  }
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_nav li {
    width: 190px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_nav li {
    width: 160px;
  }
}
@media screen and (max-width: 400px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_nav li {
    width: 145px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_nav li.nav_children {
  margin-right: 10px;
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_nav li.nav_children {
    margin-right: 5px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_nav li.active {
  background: #0f4637;
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_nav li:hover {
  background: #0f4637;
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list {
  border: 1px solid #0f4637;
  padding: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list {
    padding: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list {
    padding: 25px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list {
    padding: 20px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div {
  width: 48.16%;
  background: #f3f8de;
  padding: 40px;
}
@media screen and (max-width: 1250px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div {
    padding: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div {
    padding: 25px;
  }
}
@media screen and (max-width: 1000px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div:last-child {
    margin-bottom: 0;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div h4 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div h4 {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 15px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div dl {
  margin-bottom: 30px;
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div dl.date dd:before {
  content: "・";
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div dl.place dd .addr {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div dl.place dd .addr a {
  color: #416459;
  text-decoration: underline;
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div dl dt {
  font-size: 18px;
  font-size: 1.8rem;
  color: #04a273;
  font-weight: 500;
  margin-bottom: 5px;
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div dl dt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div dl dt span {
  font-size: 28px;
  font-size: 2.8rem;
  margin-right: 5px;
  position: relative;
  top: 6px;
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div dl dt span {
    font-size: 22px;
    font-size: 2.2rem;
    top: 4px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div dl dd {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div dl dd {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div .note li {
  font-size: 16px;
  font-size: 1.6rem;
  color: #e62641;
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list > div > div .note li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .schedule_list .schedule_senior {
  display: none;
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .attention {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .attention {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_schedule .btn_more a:after {
    right: 15px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .btn_more a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.job_fair .content section#sec_job_fair #sec_job_fair_schedule .btn_more a:hover:after {
  right: 20px;
}
.job_fair .content section#sec_job_fair #sec_job_fair_faq {
  background: #f3f8de;
}
.job_fair .content section#sec_job_fair #sec_job_fair_faq .faq_list {
  max-width: 1280px;
  margin: 0 auto;
}
.job_fair .content section#sec_job_fair #sec_job_fair_faq .faq_list dt {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  letter-spacing: 2px;
  line-height: 1.4;
  background: #04a273;
  padding: 15px 30px 15px 60px;
  margin-bottom: 15px;
  border-radius: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_faq .faq_list dt {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 15px 20px 15px 50px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_faq .faq_list dt {
    margin-bottom: 10px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_faq .faq_list dt:before {
  content: "Q.";
  font-family: "Montserrat", serif;
  font-size: 20px;
  font-size: 2rem;
  color: #fbe553;
  font-weight: 500;
  margin-right: 10px;
  position: absolute;
  top: 12px;
  left: 30px;
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_faq .faq_list dt:before {
    font-size: 18px;
    font-size: 1.8rem;
    top: 14px;
    left: 20px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_faq .faq_list dd {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_faq .faq_list dd {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_faq .faq_list dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_faq .faq_list dd:last-child {
  margin-bottom: 0;
}
.job_fair .content section#sec_job_fair #sec_job_fair_form {
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 0;
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form {
  max-width: 100%;
  background: #fefaf1;
  padding: 60px 70px 40px;
  margin-bottom: 0;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form {
    padding: 20px 40px 10px;
  }
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form {
    padding: 20px 25px 0;
    border-radius: 10px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form a {
  color: #04a273;
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table {
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table th,
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td {
  padding: 12px;
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table th,
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td {
    display: block;
    width: 100%;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table th {
  width: 25%;
  font-weight: 500;
  vertical-align: top;
  padding-top: 18px;
}
@media screen and (max-width: 1000px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table th {
    width: 30%;
  }
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table th {
    width: 100%;
    padding: 12px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table th p {
    margin-bottom: 0;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td {
  width: 75%;
}
@media screen and (max-width: 1000px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td {
    width: 100%;
    padding-top: 5px;
    padding-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td {
    padding: 5px 0 12px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td input[type=text],
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td input[type=tel],
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td input[type=email] {
  height: 50px;
  border: none;
  background: #fffefc;
  padding: 10px;
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td input[type=text],
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td input[type=tel],
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td input[type=email] {
    height: 40px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td p {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td p {
    margin-bottom: 5px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td p:last-child {
  margin-bottom: 0;
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td input[type=tel] {
  max-width: 360px;
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td input[type=tel] {
    width: 100%;
    max-width: 100%;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td.your_name input[type=text] {
  max-width: 360px;
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td.your_name input[type=text] {
    max-width: 100%;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_type,
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_jobcat,
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_business,
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_job_fair_children,
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_time_senior {
  width: 400px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_type,
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_jobcat,
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_business,
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_job_fair_children,
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_time_senior {
    width: 100%;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_type:after,
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_jobcat:after,
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_business:after,
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_job_fair_children:after,
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_time_senior:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid #5772b5;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  top: 50%;
  right: 20px;
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_type select,
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_jobcat select,
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_business select,
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_job_fair_children select,
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_time_senior select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 400px;
  padding: 15px 35px 15px 20px;
  border: none;
  border-radius: 4px;
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_type select,
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_jobcat select,
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_business select,
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_job_fair_children select,
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_time_senior select {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_type select,
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_jobcat select,
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_business select,
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_job_fair_children select,
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_time_senior select {
    padding: 10px 35px 10px 10px;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_business {
  width: 220px;
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_business select {
  width: 220px;
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_job_fair_children {
  width: 300px;
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_job_fair_children {
    width: 100%;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_job_fair_children select {
  width: 300px;
}
@media screen and (max-width: 600px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_job_fair_children select {
    width: 100%;
  }
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_time_senior {
  width: 180px;
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .select_time_senior select {
  width: 180px;
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td.hope-day-senior-schedule > p {
  display: inline-block;
  margin-right: 10px;
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td.hope-day-senior-schedule > div {
  display: inline-block;
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td.hope-day-senior-schedule > div:first-child {
  margin-right: 20px;
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form table td .wpcf7-radio .wpcf7-list-item.first {
  margin-left: 0;
}
.job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form .link_privacy {
  color: #4b92e4;
  text-align: center;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form .entry-submit {
    margin-top: 20px;
  }
}
@media screen and (max-width: 480px) {
  .job_fair .content section#sec_job_fair #sec_job_fair_form .wpcf7-form .entry-submit {
    margin-top: 0;
  }
}

.new-graduate #btn_fixed_new_graduate {
  display: none !important;
}
.new-graduate header .main_ttl {
  background-image: url(images/bg_main_ttl_new_graduate.jpg);
}
.new-graduate .content section#sec_lead {
  max-width: 1360px;
  margin: 0 auto;
}
.new-graduate .content section#sec_lead h2 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #416459;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_lead h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_lead h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_lead h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_lead h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
.new-graduate .content section#sec_lead h2 span {
  background: linear-gradient(transparent 65%, #f8e77a 65%);
}
.new-graduate .content section#sec_lead .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_lead .lead {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_lead .lead {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_lead .lead {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_lead .lead {
    margin-bottom: 30px;
  }
}
.new-graduate .content section#sec_lead .lead p {
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_lead .lead p {
    margin-bottom: 20px;
  }
}
.new-graduate .content section#sec_lead .lead p:last-child {
  margin-bottom: 0;
}
.new-graduate .content section#sec_lead .lead span {
  display: inline-block;
}
.new-graduate .content section#sec_feature {
  background: #f3f8de;
}
.new-graduate .content section#sec_feature .ttl_en {
  font-family: "Cardo", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 4px;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_feature .ttl_en {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_feature .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_feature .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.new-graduate .content section#sec_feature .ttl_en span {
  display: inline-block;
  background: #00855d;
  padding: 4px 25px;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_feature .ttl_en span {
    padding: 4px 30px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_feature .ttl_en span {
    padding: 3px 25px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_feature .ttl_en span {
    padding: 2px 20px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_feature .ttl_en span {
    padding: 2px 15px;
  }
}
.new-graduate .content section#sec_feature h2 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #04a273;
  font-weight: 700;
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: 80px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_feature h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_feature h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_feature h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_feature h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
.new-graduate .content section#sec_feature .feature_list {
  max-width: 1280px;
  margin: 0 auto;
}
.new-graduate .content section#sec_feature .feature_box {
  background: #fff;
  border-radius: 30px;
  border: 1px solid #416459;
  padding: 60px;
  margin-bottom: 60px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_feature .feature_box {
    padding: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_feature .feature_box {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_feature .feature_box {
    border-radius: 20px;
    padding: 40px 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_feature .feature_box {
    border-radius: 15px;
    padding: 40px 25px 30px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_feature .feature_box {
    padding-top: 30px;
    margin-bottom: 40px;
  }
}
.new-graduate .content section#sec_feature .feature_box.feature01 .icon {
  left: calc(50% - 230px);
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_feature .feature_box.feature01 .icon {
    left: calc(50% - 200px);
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_feature .feature_box.feature01 .icon {
    left: calc(50% - 180px);
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_feature .feature_box.feature01 .icon {
    left: calc(50% - 160px);
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_feature .feature_box.feature01 .icon {
    left: calc(50% - 140px);
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_feature .feature_box.feature01 .icon {
    left: calc(50% - 120px);
  }
}
.new-graduate .content section#sec_feature .feature_box.feature02 .icon {
  left: calc(50% - 190px);
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_feature .feature_box.feature02 .icon {
    left: calc(50% - 180px);
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_feature .feature_box.feature02 .icon {
    left: calc(50% - 150px);
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_feature .feature_box.feature02 .icon {
    left: calc(50% - 140px);
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_feature .feature_box.feature02 .icon {
    left: calc(50% - 120px);
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_feature .feature_box.feature02 .icon {
    left: calc(50% - 110px);
  }
}
.new-graduate .content section#sec_feature .feature_box.feature02 .feature_box_inner .txt_area {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.new-graduate .content section#sec_feature .feature_box.feature02 .feature_box_inner .photo {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.new-graduate .content section#sec_feature .feature_box.feature03 .icon {
  left: calc(50% - 230px);
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_feature .feature_box.feature03 .icon {
    left: calc(50% - 210px);
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_feature .feature_box.feature03 .icon {
    left: calc(50% - 180px);
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_feature .feature_box.feature03 .icon {
    left: calc(50% - 170px);
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_feature .feature_box.feature03 .icon {
    left: calc(50% - 140px);
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_feature .feature_box.feature03 .icon {
    left: calc(50% - 120px);
  }
}
.new-graduate .content section#sec_feature .feature_box:last-child {
  margin-bottom: 0;
}
.new-graduate .content section#sec_feature .feature_box .icon {
  position: absolute;
  top: -34px;
  transform: translateX(-50%);
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_feature .feature_box .icon {
    top: -24px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_feature .feature_box .icon {
    top: -20px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_feature .feature_box .icon img {
    width: 108px;
    height: 88.2px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_feature .feature_box .icon img {
    width: 96px;
    height: 78.4px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_feature .feature_box .icon img {
    width: 84px;
    height: 68.6px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_feature .feature_box .icon img {
    width: 72px;
    height: 58.8px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_feature .feature_box .icon img {
    width: 60px;
    height: 49px;
  }
}
.new-graduate .content section#sec_feature .feature_box h3 {
  font-size: 30px;
  font-size: 3rem;
  color: #04a273;
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_feature .feature_box h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_feature .feature_box h3 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_feature .feature_box h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_feature .feature_box h3 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_feature .feature_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_feature .feature_box h3 span {
    display: block;
  }
}
.new-graduate .content section#sec_feature .feature_box .feature_box_inner {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_feature .feature_box .feature_box_inner {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area {
  width: calc(100% - 580px);
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area p {
  margin-bottom: 20px;
}
.new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area p:last-child {
  margin-bottom: 0;
}
.new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area .btn_more a:after {
    right: 15px;
  }
}
.new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area .btn_more a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area .btn_more a:hover:after {
  right: 20px;
}
.new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area .btn_more a {
  margin: 40px auto 0 0;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area .btn_more a {
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area .btn_more a {
    margin-top: 30px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_feature .feature_box .feature_box_inner .txt_area .btn_more a {
    margin-top: 20px;
  }
}
.new-graduate .content section#sec_feature .feature_box .feature_box_inner .photo {
  width: 540px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_feature .feature_box .feature_box_inner .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_feature .feature_box .feature_box_inner .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_feature .feature_box .feature_box_inner .photo {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_feature .feature_box .feature_box_inner .photo img {
    width: 100%;
  }
}
.new-graduate .content section#sec_staff_interview .interview_inner {
  max-width: 1280px;
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_staff_interview .interview_inner {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.new-graduate .content section#sec_staff_interview .interview_inner .txt_area {
  width: calc(100% - 640px);
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area {
    margin-bottom: 30px;
  }
}
.new-graduate .content section#sec_staff_interview .interview_inner .txt_area .ttl_en {
  font-family: "Cardo", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 4px;
  margin-bottom: 10px;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area .ttl_en {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.new-graduate .content section#sec_staff_interview .interview_inner .txt_area .ttl_en span {
  display: inline-block;
  background: #00855d;
  padding: 4px 25px;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area .ttl_en span {
    padding: 4px 30px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area .ttl_en span {
    padding: 3px 25px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area .ttl_en span {
    padding: 2px 20px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area .ttl_en span {
    padding: 2px 15px;
  }
}
.new-graduate .content section#sec_staff_interview .interview_inner .txt_area h2 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #04a273;
  font-weight: 700;
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: 80px;
  text-align: left;
  margin-bottom: 60px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area h2 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area h2 {
    margin-bottom: 30px;
  }
}
.new-graduate .content section#sec_staff_interview .interview_inner .txt_area p {
  margin-bottom: 20px;
}
.new-graduate .content section#sec_staff_interview .interview_inner .txt_area p:last-child {
  margin-bottom: 0;
}
.new-graduate .content section#sec_staff_interview .interview_inner .txt_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.new-graduate .content section#sec_staff_interview .interview_inner .txt_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area .btn_more a:after {
    right: 15px;
  }
}
.new-graduate .content section#sec_staff_interview .interview_inner .txt_area .btn_more a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.new-graduate .content section#sec_staff_interview .interview_inner .txt_area .btn_more a:hover:after {
  right: 20px;
}
.new-graduate .content section#sec_staff_interview .interview_inner .txt_area .btn_more a {
  margin: 40px auto 0 0;
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .txt_area .btn_more a {
    margin-top: 30px;
  }
}
.new-graduate .content section#sec_staff_interview .interview_inner .photo {
  width: 600px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_staff_interview .interview_inner .photo img {
    width: 100%;
  }
}
.new-graduate .content section#sec_job_fair {
  padding-top: 0;
  position: relative;
}
.new-graduate .content section#sec_job_fair:before {
  content: "";
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
  height: calc(100% - 65px);
  background: #f3f8de;
  z-index: -1;
}
.new-graduate .content section#sec_job_fair .job_fair_box {
  max-width: 1280px;
  background: #fff;
  border: 1px solid #416459;
  border-radius: 30px;
  margin: 0 auto;
  padding: 60px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_job_fair .job_fair_box {
    padding: 50px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_job_fair .job_fair_box {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_job_fair .job_fair_box {
    border-radius: 20px;
    padding: 40px 30px 30px;
  }
}
.new-graduate .content section#sec_job_fair .job_fair_box .ttl_en {
  font-family: "Cardo", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 4px;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_job_fair .job_fair_box .ttl_en {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_job_fair .job_fair_box .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_job_fair .job_fair_box .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.new-graduate .content section#sec_job_fair .job_fair_box .ttl_en span {
  display: inline-block;
  background: #00855d;
  padding: 4px 25px;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_job_fair .job_fair_box .ttl_en span {
    padding: 4px 30px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_job_fair .job_fair_box .ttl_en span {
    padding: 3px 25px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_job_fair .job_fair_box .ttl_en span {
    padding: 2px 20px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_job_fair .job_fair_box .ttl_en span {
    padding: 2px 15px;
  }
}
.new-graduate .content section#sec_job_fair .job_fair_box h2 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #04a273;
  font-weight: 700;
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: 80px;
  letter-spacing: 4px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_job_fair .job_fair_box h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_job_fair .job_fair_box h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_job_fair .job_fair_box h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_job_fair .job_fair_box h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_job_fair .job_fair_box h2 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_job_fair .job_fair_box h2 {
    margin-bottom: 30px;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_job_fair .job_fair_box h2 {
    margin-bottom: 20px;
  }
}
.new-graduate .content section#sec_job_fair .job_fair_box_inner {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area {
  width: calc(100% - 580px);
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area {
    margin-bottom: 70px;
  }
}
.new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area p {
  margin-bottom: 20px;
}
.new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area p:last-child {
  margin-bottom: 0;
}
.new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area .btn_more a:after {
    right: 15px;
  }
}
.new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area .btn_more a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area .btn_more a:hover:after {
  right: 20px;
}
.new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area .btn_more a {
  margin: 40px auto 0 0;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area .btn_more a {
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .txt_area .btn_more a {
    margin-top: 30px;
  }
}
.new-graduate .content section#sec_job_fair .job_fair_box_inner .photo {
  width: 540px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.new-graduate .content section#sec_job_fair .job_fair_box_inner .photo .msg_baloon {
  position: absolute;
  top: -73px;
  left: -36px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .photo .msg_baloon {
    width: 134.1px;
    height: 108.9px;
    left: -36px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .photo .msg_baloon {
    width: 119.2px;
    height: 96.8px;
    top: -50px;
    left: -26px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .photo .msg_baloon {
    width: 104.3px;
    height: 84.7px;
    top: -45px;
    left: -16px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .photo .msg_baloon {
    width: 89.4px;
    height: 72.6px;
    top: -45px;
    left: -16px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_job_fair .job_fair_box_inner .photo .object-fit-img {
    width: 100%;
  }
}

.place header .main_ttl {
  background-image: url(images/bg_main_ttl_place.jpg);
}
.place .content section p {
  margin-bottom: 30px;
}
.place .content section p:last-child {
  margin-bottom: 0;
}
.place .content section#sec_place {
  max-width: 1360px;
  margin: 0 auto;
}
.place .content section#sec_place h2 {
  font-size: 40px;
  font-size: 4rem;
  color: #17b9b1;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place h2 {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 3px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .place .content section#sec_place h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
    margin-bottom: 40px;
  }
}
.place .content section#sec_place .place_nav {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.place .content section#sec_place .place_nav li {
  width: 414px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #17b9b1;
  text-align: center;
  font-weight: 500;
  padding: 15px 10px;
  margin-right: 10px;
  background: #fff;
  border: 1px solid #17b9b1;
  border-bottom: none;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_nav li {
    width: 320px;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_nav li {
    width: 240px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4;
    margin-right: 5px;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_nav li {
    width: 200px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
    padding: 8px 10px;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_nav li {
    width: 170px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 400px) {
  .place .content section#sec_place .place_nav li {
    width: 150px;
  }
}
.place .content section#sec_place .place_nav li:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_blue_white.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_nav li:after {
    right: 15px;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_nav li:after {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_nav li:after {
    width: 14px;
    height: 14px;
    right: 10px;
  }
}
@media screen and (max-width: 400px) {
  .place .content section#sec_place .place_nav li:after {
    width: 12px;
    height: 12px;
    right: 5px;
  }
}
.place .content section#sec_place .place_nav li:last-child {
  margin-right: 0;
}
.place .content section#sec_place .place_nav li.active {
  background: #17b9b1;
  color: #fff;
}
.place .content section#sec_place .place_nav li.active:after {
  background-image: url(images/img_icon_arrow_white_blue.png);
}
.place .content section#sec_place .place_nav li:hover {
  background: #17b9b1;
  color: #fff;
}
.place .content section#sec_place .place_nav li:hover:after {
  background-image: url(images/img_icon_arrow_white_blue.png);
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_nav li span {
    display: block;
  }
}
.place .content section#sec_place .place_box {
  background: #e5f8f7;
  border: 1px solid #17b9b1;
  padding: 60px;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box {
    padding: 30px 25px 25px;
  }
}
@media screen and (max-width: 400px) {
  .place .content section#sec_place .place_box {
    padding: 30px 20px 25px;
  }
}
.place .content section#sec_place .place_box .place_logo {
  width: 300px;
  text-align: center;
  margin: 0 auto 25px;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .place_logo {
    width: 260px;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .place_logo {
    width: 220px;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .place_logo {
    width: 200px;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .place_logo {
    width: 180px;
  }
}
@media screen and (max-width: 400px) {
  .place .content section#sec_place .place_box .place_logo {
    width: 160px;
  }
}
.place .content section#sec_place .place_box .place_name {
  font-size: 36px;
  font-size: 3.6rem;
  color: #17b9b1;
  letter-spacing: 4px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 70px;
}
@media screen and (max-width: 1250px) {
  .place .content section#sec_place .place_box .place_name {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .place_name {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .place_name {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .place_name {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .place_name {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .place .content section#sec_place .place_box .place_name {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.place .content section#sec_place .place_box .contents_nav {
  margin-bottom: 32px;
}
.place .content section#sec_place .place_box .contents_nav 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: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.place .content section#sec_place .place_box .contents_nav ul li {
  width: 32.29%;
  margin: 0% 1.55% 1.55% 0%;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .contents_nav ul li {
    width: 49%;
    margin: 0 2% 10px 0;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .contents_nav ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.place .content section#sec_place .place_box .contents_nav ul li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .contents_nav ul li:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .contents_nav ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .contents_nav ul li:nth-child(even) {
    margin-right: 0;
  }
}
.place .content section#sec_place .place_box .contents_nav ul li a {
  display: block;
  padding: 15px 20px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #17b9b1;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  background: #fff;
  border: 1px solid #17b9b1;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .contents_nav ul li a {
    padding: 12px 15px;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .contents_nav ul li a {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    padding: 10px 15px;
  }
}
.place .content section#sec_place .place_box .contents_nav ul li a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_blue_white.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: rotate(90deg) translateX(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .contents_nav ul li a:after {
    width: 18px;
    height: 18px;
    right: 15px;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .contents_nav ul li a:after {
    width: 16px;
    height: 16px;
  }
}
.place .content section#sec_place .place_box .contents_nav ul li a:hover {
  background: #17b9b1;
  color: #fff;
}
.place .content section#sec_place .place_box .contents_nav ul li a:hover:after {
  background-image: url(images/img_icon_arrow_white_blue.png);
}
.place .content section#sec_place .place_box .sub_sec {
  padding: 0;
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sub_sec {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sub_sec {
    margin-bottom: 30px;
  }
}
.place .content section#sec_place .place_box .sub_sec:last-child {
  margin-bottom: 0;
}
.place .content section#sec_place .place_box .sec01 .about_header {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec01 .about_header {
    margin-bottom: 30px;
  }
}
.place .content section#sec_place .place_box .sec01 .about_header .photo {
  width: 46.63%;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec01 .about_header .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec01 .about_header .photo {
    margin-bottom: 20px;
  }
}
.place .content section#sec_place .place_box .sec01 .about_header .photo img {
  width: 100%;
}
.place .content section#sec_place .place_box .sec01 .about_header .txt_area {
  width: 50.08%;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec01 .about_header .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding: 0;
  }
}
.place .content section#sec_place .place_box .sec01 .about_header .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec01 .about_header .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.place .content section#sec_place .place_box .sec01 .point_box {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 60px;
  background: #fff;
  padding: 50px;
  border-radius: 12px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .place .content section#sec_place .place_box .sec01 .point_box {
    padding: 50px 40px 40px;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec01 .point_box {
    margin-bottom: 50px;
    padding: 40px 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec01 .point_box {
    margin-bottom: 40px;
    padding: 40px 25px 25px;
  }
}
.place .content section#sec_place .place_box .sec01 .point_box:nth-child(even) .photo {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.place .content section#sec_place .place_box .sec01 .point_box:nth-child(even) .txt_area {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.place .content section#sec_place .place_box .sec01 .point_box:last-child {
  margin-bottom: 0;
}
.place .content section#sec_place .place_box .sec01 .point_box .point_num {
  font-size: 20px;
  font-size: 2rem;
  color: #118a84;
  font-weight: 600;
  letter-spacing: 2px;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.place .content section#sec_place .place_box .sec01 .point_box .point_num span {
  display: inline-block;
  padding: 0 12px 0 15px;
  position: relative;
}
.place .content section#sec_place .place_box .sec01 .point_box .point_num span:before {
  content: "";
  width: 1px;
  height: 36px;
  background: #118a84;
  position: absolute;
  top: 3px;
  left: 0;
  transform: rotate(-14.4deg);
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec01 .point_box .point_num span:before {
    height: 30px;
  }
}
@media screen and (max-width: 400px) {
  .place .content section#sec_place .place_box .sec01 .point_box .point_num span:before {
    height: 26px;
    top: 6px;
  }
}
.place .content section#sec_place .place_box .sec01 .point_box .point_num span:after {
  content: "";
  width: 1px;
  height: 36px;
  background: #118a84;
  position: absolute;
  top: 3px;
  right: 0;
  transform: rotate(14.4deg);
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec01 .point_box .point_num span:after {
    height: 30px;
  }
}
@media screen and (max-width: 400px) {
  .place .content section#sec_place .place_box .sec01 .point_box .point_num span:after {
    height: 26px;
    top: 6px;
  }
}
.place .content section#sec_place .place_box .sec01 .point_box .photo {
  width: 420px;
}
@media screen and (max-width: 1250px) {
  .place .content section#sec_place .place_box .sec01 .point_box .photo {
    width: 360px;
  }
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec01 .point_box .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec01 .point_box .photo {
    margin-bottom: 20px;
  }
}
.place .content section#sec_place .place_box .sec01 .point_box .photo img {
  width: 100%;
}
.place .content section#sec_place .place_box .sec01 .point_box .txt_area {
  width: calc(100% - 460px);
}
@media screen and (max-width: 1250px) {
  .place .content section#sec_place .place_box .sec01 .point_box .txt_area {
    width: calc(100% - 400px);
  }
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec01 .point_box .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.place .content section#sec_place .place_box .sec01 .point_box .txt_area .catch {
  font-size: 24px;
  font-size: 2.4rem;
  color: #17b9b1;
  letter-spacing: 2px;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 30px;
}
@media screen and (max-width: 1250px) {
  .place .content section#sec_place .place_box .sec01 .point_box .txt_area .catch {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec01 .point_box .txt_area .catch {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec01 .point_box .txt_area .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec01 .point_box .txt_area .catch {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 400px) {
  .place .content section#sec_place .place_box .sec01 .point_box .txt_area .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.place .content section#sec_place .place_box .sec01 .point_box .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec01 .point_box .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec01 .point_box .txt_area p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.place .content section#sec_place .place_box .sec02 .staff_voice {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec02 .staff_voice {
    margin-bottom: 30px;
  }
}
.place .content section#sec_place .place_box .sec02 .staff_voice .staff_photo {
  width: 100px;
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec02 .staff_voice .staff_photo {
    width: 100%;
    text-align: center;
  }
}
.place .content section#sec_place .place_box .sec02 .staff_voice .txt {
  width: calc(100% - 140px);
  margin-left: 40px;
  letter-spacing: 2px;
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec02 .staff_voice .txt {
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec02 .staff_voice .txt {
    width: 100%;
    margin: 30px 0 0;
  }
}
.place .content section#sec_place .place_box .sec02 .staff_voice .txt:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 13px solid #fff;
  border-bottom: 6px solid transparent;
  border-left: 13px solid transparent;
  position: absolute;
  top: 20px;
  left: -26px;
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec02 .staff_voice .txt:before {
    border-top: 13px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 13px solid #fff;
    border-left: 6px solid transparent;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.place .content section#sec_place .place_box .sec02 .staff_voice .txt p {
  margin-bottom: 20px;
}
.place .content section#sec_place .place_box .sec02 .staff_voice .txt p.staff_name {
  font-size: 16px;
  font-size: 1.6rem;
  color: #17b9b1;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec02 .staff_voice .txt p.staff_name {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.place .content section#sec_place .place_box .sec03 .numbers_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: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.place .content section#sec_place .place_box .sec03 .numbers_list li {
  width: 32.29%;
  margin: 0% 1.55% 1.55% 0%;
  background: #fff;
  border-radius: 20px;
  padding: 40px;
}
@media screen and (max-width: 1250px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li {
    padding: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li {
    padding: 30px 20px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li {
    padding: 25px 20px;
    border-radius: 12px;
  }
}
.place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(3) {
  margin-right: 0;
}
.place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) {
  width: 100%;
  margin-right: 0;
}
.place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_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: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list {
    margin-bottom: 20px;
  }
}
.place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div {
  width: 340px;
  text-align: center;
  border-right: 1px solid #17b9b1;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div {
    width: 50%;
  }
}
.place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div:last-child {
  border-right: none;
}
.place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .age_ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #118a84;
  font-weight: 600;
  letter-spacing: 2px;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .age_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .age_ttl {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .age_ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .age_ttl {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .detail_number {
  margin-bottom: 10px;
}
.place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .note {
  font-size: 20px;
  font-size: 2rem;
  color: #17b9b1;
  font-weight: 600;
  letter-spacing: 2px;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .note {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .note {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .note {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .note {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .txt {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .txt {
    text-align: left;
  }
}
.place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(6) {
  margin-right: 0;
}
.place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(n+5) {
  width: 49.22%;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(n+5) {
    width: 100%;
  }
}
.place .content section#sec_place .place_box .sec03 .numbers_list li h5 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #17b9b1;
  font-weight: 600;
  letter-spacing: 2px;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 30px;
}
@media screen and (max-width: 1250px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li h5 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li h5 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li h5 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li h5 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li h5 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.place .content section#sec_place .place_box .sec03 .numbers_list li .detail_number {
  font-size: 34px;
  font-size: 3.4rem;
  color: #17b9b1;
  text-align: center;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 30px;
}
@media screen and (max-width: 1250px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li .detail_number {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li .detail_number {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li .detail_number {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li .detail_number {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li .detail_number {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li .detail_number {
    font-size: 20px;
    font-size: 2rem;
  }
}
.place .content section#sec_place .place_box .sec03 .numbers_list li .detail_number p {
  display: inline-block;
  margin-bottom: 0;
}
.place .content section#sec_place .place_box .sec03 .numbers_list li .detail_number .num {
  font-family: "Montserrat", serif;
  font-size: 64px;
  font-size: 6.4rem;
  color: #17b9b1;
  letter-spacing: 4px;
  line-height: 1;
  margin: 0 5px;
  position: relative;
  top: 6px;
}
@media screen and (max-width: 1250px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li .detail_number .num {
    font-size: 56px;
    font-size: 5.6rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li .detail_number .num {
    font-size: 44px;
    font-size: 4.4rem;
    margin: 0 3px;
    top: 3px;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li .detail_number .num {
    font-size: 60px;
    font-size: 6rem;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li .detail_number .num {
    font-size: 56px;
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li .detail_number .num {
    font-size: 50px;
    font-size: 5rem;
    letter-spacing: 3px;
    top: 4px;
  }
}
@media screen and (max-width: 400px) {
  .place .content section#sec_place .place_box .sec03 .numbers_list li .detail_number .num {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: 2px;
  }
}
.place .content section#sec_place .place_box .sec03 .numbers_list li figure {
  text-align: center;
}
.place .content section#sec_place .place_box .sec03 .photo_gallery {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.place .content section#sec_place .place_box .sec03 .photo_gallery .facility_photo {
  width: 32.29%;
  margin: 0% 1.55% 0% 0%;
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec03 .photo_gallery .facility_photo {
    width: 100%;
    margin-bottom: 5px;
  }
}
.place .content section#sec_place .place_box .sec03 .photo_gallery .facility_photo:last-child {
  margin-right: 0;
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec03 .photo_gallery .facility_photo:last-child {
    margin-bottom: 0;
  }
}
.place .content section#sec_place .place_box .sec03 .photo_gallery .facility_photo img {
  width: 100%;
}
.place .content section#sec_place .place_box .sec04 .job_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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.place .content section#sec_place .place_box .sec04 .job_box {
  width: 32.29%;
  background: #fff;
  padding: 30px;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec04 .job_box {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec04 .job_box {
    padding: 25px;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec04 .job_box {
    border-radius: 12px;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec04 .job_box {
    padding: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec04 .job_box:last-child {
    margin-bottom: 0;
  }
}
.place .content section#sec_place .place_box .sec04 .job_box dt {
  font-size: 16px;
  font-size: 1.6rem;
  color: #17b9b1;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec04 .job_box dt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.place .content section#sec_place .place_box .sec04 .job_box dd {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 5px;
  padding-left: 12px;
  margin-bottom: 5px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec04 .job_box dd {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec04 .job_box dd {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.place .content section#sec_place .place_box .sec04 .job_box dd:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #17b9b1;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec04 .job_box dd:before {
    top: 10px;
  }
}
.place .content section#sec_place .place_box .sec04 .job_box dd:last-child {
  margin-bottom: 0;
}
.place .content section#sec_place .place_box .sec04 .note {
  margin-top: 20px;
}
.place .content section#sec_place .place_box .sec05 .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec05 .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec05 .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.place .content section#sec_place .place_box .sec05 .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec05 .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .place .content section#sec_place .place_box .sec05 .btn_more a:after {
    right: 15px;
  }
}
.place .content section#sec_place .place_box .sec05 .btn_more a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.place .content section#sec_place .place_box .sec05 .btn_more a:hover:after {
  right: 20px;
}
.place .content section#sec_place .place_box .sec05 .btn_more a {
  margin-right: auto;
  margin-left: 0;
}
.place .content section#sec_place .place_box .sec06 .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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.place .content section#sec_place .place_box .sec06 .btn_area .btn_more {
  width: 32%;
  margin-right: 2%;
}
.place .content section#sec_place .place_box .sec06 .btn_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec06 .btn_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec06 .btn_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.place .content section#sec_place .place_box .sec06 .btn_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec06 .btn_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .place .content section#sec_place .place_box .sec06 .btn_area .btn_more a:after {
    right: 15px;
  }
}
.place .content section#sec_place .place_box .sec06 .btn_area .btn_more a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.place .content section#sec_place .place_box .sec06 .btn_area .btn_more a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec06 .btn_area .btn_more {
    width: 49%;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec06 .btn_area .btn_more {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.place .content section#sec_place .place_box .sec06 .btn_area .btn_more:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec06 .btn_area .btn_more:last-child {
    margin-right: 2%;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec06 .btn_area .btn_more:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec06 .btn_area .btn_more:nth-child(even) {
    margin-right: 0;
  }
}
.place .content section#sec_place .place_box .sec06 .btn_area .btn_more a {
  margin-right: auto;
  margin-left: 0;
}
.place .content section#sec_place .place_box .sec07 .access_box {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.place .content section#sec_place .place_box .sec07 .access_box .gmap {
  width: 55.26%;
}
@media screen and (max-width: 1250px) {
  .place .content section#sec_place .place_box .sec07 .access_box .gmap {
    width: 45%;
  }
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec07 .access_box .gmap {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box .sec07 .access_box .gmap {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec07 .access_box .gmap iframe {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec07 .access_box .gmap iframe {
    height: 320px;
  }
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec07 .access_box .gmap iframe {
    height: 280px;
  }
}
@media screen and (max-width: 400px) {
  .place .content section#sec_place .place_box .sec07 .access_box .gmap iframe {
    height: 240px;
  }
}
.place .content section#sec_place .place_box .sec07 .access_box .basic_info {
  width: 44.73%;
  padding-left: 50px;
}
@media screen and (max-width: 1250px) {
  .place .content section#sec_place .place_box .sec07 .access_box .basic_info {
    width: 55%;
    padding-left: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box .sec07 .access_box .basic_info {
    width: 100%;
    padding-left: 0;
  }
}
.place .content section#sec_place .place_box .sec07 .access_box .basic_info li {
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box .sec07 .access_box .basic_info li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.place .content section#sec_place .place_box .sec07 .access_box .basic_info li:last-child {
  margin-bottom: 0;
}
.place .content section#sec_place .place_box .sec07 .access_box .basic_info .ttl {
  color: #17b9b1;
  font-weight: 500;
  margin-right: 1em;
}
@media screen and (max-width: 480px) {
  .place .content section#sec_place .place_box .sec07 .access_box .basic_info .ttl {
    display: block;
  }
}
.place .content section#sec_place .place_box h4 {
  background: #17b9b1;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 600;
  padding: 10px 30px;
  margin-bottom: 30px;
  border-radius: 12px;
}
@media screen and (max-width: 1000px) {
  .place .content section#sec_place .place_box h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .place .content section#sec_place .place_box h4 {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .place .content section#sec_place .place_box h4 {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    padding: 8px 20px;
    border-radius: 10px;
  }
}
.place .content section#sec_place .place_box .btn_back {
  text-align: center;
}
.place .content section#sec_place .place_box .btn_back a {
  color: #4b92e4;
}

.bamboohat .content section#sec_place h2,
.bamboohat_kids .content section#sec_place h2 {
  color: #ee8122;
}
.bamboohat .content section#sec_place .place_nav li,
.bamboohat_kids .content section#sec_place .place_nav li {
  width: 360px;
  border-color: #ee8122;
  color: #ee8122;
  line-height: 1.5;
}
@media screen and (max-width: 1250px) {
  .bamboohat .content section#sec_place .place_nav li,
  .bamboohat_kids .content section#sec_place .place_nav li {
    width: 280px;
  }
}
@media screen and (max-width: 1000px) {
  .bamboohat .content section#sec_place .place_nav li,
  .bamboohat_kids .content section#sec_place .place_nav li {
    width: 220px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .bamboohat .content section#sec_place .place_nav li,
  .bamboohat_kids .content section#sec_place .place_nav li {
    width: 170px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 600px) {
  .bamboohat .content section#sec_place .place_nav li,
  .bamboohat_kids .content section#sec_place .place_nav li {
    width: 135px;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 8px 5px;
  }
}
@media screen and (max-width: 480px) {
  .bamboohat .content section#sec_place .place_nav li,
  .bamboohat_kids .content section#sec_place .place_nav li {
    width: 115px;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: -1px;
    margin-right: 3px;
    padding: 8px 0;
  }
}
@media screen and (max-width: 400px) {
  .bamboohat .content section#sec_place .place_nav li,
  .bamboohat_kids .content section#sec_place .place_nav li {
    width: 102px;
    font-size: 10px;
    font-size: 1rem;
  }
}
.bamboohat .content section#sec_place .place_nav li:after,
.bamboohat_kids .content section#sec_place .place_nav li:after {
  background-image: url(images/img_icon_arrow_orange_white.png);
}
@media screen and (max-width: 1000px) {
  .bamboohat .content section#sec_place .place_nav li:after,
  .bamboohat_kids .content section#sec_place .place_nav li:after {
    width: 16px;
    height: 16px;
    right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .bamboohat .content section#sec_place .place_nav li:after,
  .bamboohat_kids .content section#sec_place .place_nav li:after {
    content: none;
  }
}
.bamboohat .content section#sec_place .place_nav li.active,
.bamboohat_kids .content section#sec_place .place_nav li.active {
  background: #ee8122;
}
.bamboohat .content section#sec_place .place_nav li.active:after,
.bamboohat_kids .content section#sec_place .place_nav li.active:after {
  background-image: url(images/img_icon_arrow_white_orange.png);
}
.bamboohat .content section#sec_place .place_nav li:hover,
.bamboohat_kids .content section#sec_place .place_nav li:hover {
  background: #ee8122;
}
.bamboohat .content section#sec_place .place_nav li:hover:after,
.bamboohat_kids .content section#sec_place .place_nav li:hover:after {
  background-image: url(images/img_icon_arrow_white_orange.png);
}
.bamboohat .content section#sec_place .place_nav li span,
.bamboohat_kids .content section#sec_place .place_nav li span {
  display: block;
}
.bamboohat .content section#sec_place .place_box,
.bamboohat_kids .content section#sec_place .place_box {
  border-color: #ee8122;
  background: #fff4ec;
}
.bamboohat .content section#sec_place .place_box .place_name,
.bamboohat_kids .content section#sec_place .place_box .place_name {
  color: #ee8122;
}
.bamboohat .content section#sec_place .place_box .contents_nav ul li a,
.bamboohat_kids .content section#sec_place .place_box .contents_nav ul li a {
  color: #ee8122;
  border-color: #ee8122;
}
.bamboohat .content section#sec_place .place_box .contents_nav ul li a:after,
.bamboohat_kids .content section#sec_place .place_box .contents_nav ul li a:after {
  background-image: url(images/img_icon_arrow_orange_white.png);
}
.bamboohat .content section#sec_place .place_box .contents_nav ul li a:hover,
.bamboohat_kids .content section#sec_place .place_box .contents_nav ul li a:hover {
  color: #fff;
  background-color: #ee8122;
}
.bamboohat .content section#sec_place .place_box .contents_nav ul li a:hover:after,
.bamboohat_kids .content section#sec_place .place_box .contents_nav ul li a:hover:after {
  background-image: url(images/img_icon_arrow_white_orange.png);
}
.bamboohat .content section#sec_place .place_box h4,
.bamboohat_kids .content section#sec_place .place_box h4 {
  background: #ee8122;
}
.bamboohat .content section#sec_place .place_box .sec01 .point_box .point_num,
.bamboohat_kids .content section#sec_place .place_box .sec01 .point_box .point_num {
  color: #eb7011;
}
.bamboohat .content section#sec_place .place_box .sec01 .point_box .point_num span:before, .bamboohat .content section#sec_place .place_box .sec01 .point_box .point_num span:after,
.bamboohat_kids .content section#sec_place .place_box .sec01 .point_box .point_num span:before,
.bamboohat_kids .content section#sec_place .place_box .sec01 .point_box .point_num span:after {
  background: #eb7011;
}
.bamboohat .content section#sec_place .place_box .sec01 .point_box .txt_area .catch,
.bamboohat_kids .content section#sec_place .place_box .sec01 .point_box .txt_area .catch {
  color: #ee8122;
}
.bamboohat .content section#sec_place .place_box .sec02 .staff_voice .txt p.staff_name,
.bamboohat_kids .content section#sec_place .place_box .sec02 .staff_voice .txt p.staff_name {
  color: #ee8122;
}
.bamboohat .content section#sec_place .place_box .sec03 .numbers_list li h5,
.bamboohat_kids .content section#sec_place .place_box .sec03 .numbers_list li h5 {
  color: #ee8122;
}
.bamboohat .content section#sec_place .place_box .sec03 .numbers_list li .detail_number,
.bamboohat_kids .content section#sec_place .place_box .sec03 .numbers_list li .detail_number {
  color: #ee8122;
}
.bamboohat .content section#sec_place .place_box .sec03 .numbers_list li .detail_number .num,
.bamboohat_kids .content section#sec_place .place_box .sec03 .numbers_list li .detail_number .num {
  color: #ee8122;
}
@media screen and (max-width: 1250px) {
  .bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list,
  .bamboohat_kids .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .age_ttl,
.bamboohat_kids .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .age_ttl {
  color: #9e4f11;
}
.bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .note,
.bamboohat_kids .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .note {
  color: #ee8122;
}
.bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div,
.bamboohat_kids .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div {
  width: 280px;
  border-right-color: #ee8122;
}
@media screen and (max-width: 1250px) {
  .bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div,
  .bamboohat_kids .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div {
    width: 30%;
  }
}
@media screen and (max-width: 1000px) {
  .bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div,
  .bamboohat_kids .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div {
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  .bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div,
  .bamboohat_kids .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div {
    width: 50%;
  }
}
@media screen and (max-width: 1250px) {
  .bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div:nth-child(2),
  .bamboohat_kids .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div:nth-child(2) {
    border-right: none;
  }
}
@media screen and (max-width: 1250px) {
  .bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div:last-child,
  .bamboohat_kids .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div:last-child {
    width: 100%;
    margin-top: 30px;
    padding-top: 30px;
    position: relative;
  }
  .bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div:last-child:before,
  .bamboohat_kids .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div:last-child:before {
    content: "";
    width: 60%;
    height: 1px;
    background: #ee8122;
    position: absolute;
    top: 0;
    left: 20%;
  }
}
@media screen and (max-width: 1250px) and (max-width: 768px) {
  .bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div:last-child:before,
  .bamboohat_kids .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div:last-child:before {
    width: 90%;
    left: 5%;
  }
}
.bamboohat .content section#sec_place .place_box .sec04 .job_box dt,
.bamboohat_kids .content section#sec_place .place_box .sec04 .job_box dt {
  color: #ee8122;
}
.bamboohat .content section#sec_place .place_box .sec04 .job_box dd:before,
.bamboohat_kids .content section#sec_place .place_box .sec04 .job_box dd:before {
  background: #ee8122;
}
.bamboohat .content section#sec_place .place_box .sec07 .access_box .basic_info .ttl,
.bamboohat_kids .content section#sec_place .place_box .sec07 .access_box .basic_info .ttl {
  color: #ee8122;
}

.bamboohat .content section#sec_place h2 {
  color: #f19c0a;
}
.bamboohat .content section#sec_place .place_nav li {
  color: #f19c0a;
  border-color: #f19c0a;
}
.bamboohat .content section#sec_place .place_nav li:after {
  background-image: url(images/img_icon_arrow_yellow_white.png);
}
.bamboohat .content section#sec_place .place_nav li.active {
  background: #f19c0a;
}
.bamboohat .content section#sec_place .place_box {
  background: #fff8ed;
  border-color: #f19c0a;
}
.bamboohat .content section#sec_place .place_box .place_name {
  color: #f19c0a;
}
.bamboohat .content section#sec_place .place_box .contents_nav ul li a {
  color: #f19c0a;
  border-color: #f19c0a;
}
.bamboohat .content section#sec_place .place_box .contents_nav ul li a:after {
  background-image: url(images/img_icon_arrow_yellow_white.png);
}
.bamboohat .content section#sec_place .place_box .contents_nav ul li a:hover {
  background-color: #f19c0a;
}
.bamboohat .content section#sec_place .place_box h4 {
  background-color: #f19c0a;
}
.bamboohat .content section#sec_place .place_box .sec01 .point_box .point_num {
  color: #f19c0a;
}
.bamboohat .content section#sec_place .place_box .sec01 .point_box .point_num span:before, .bamboohat .content section#sec_place .place_box .sec01 .point_box .point_num span:after {
  background-color: #f19c0a;
}
.bamboohat .content section#sec_place .place_box .sec01 .point_box .txt_area .catch {
  color: #f19c0a;
}
.bamboohat .content section#sec_place .place_box .sec02 .staff_voice .txt p.staff_name {
  color: #f19c0a;
}
.bamboohat .content section#sec_place .place_box .sec03 .numbers_list li h5 {
  color: #f19c0a;
}
.bamboohat .content section#sec_place .place_box .sec03 .numbers_list li .detail_number {
  color: #f19c0a;
}
.bamboohat .content section#sec_place .place_box .sec03 .numbers_list li .detail_number .num {
  color: #f19c0a;
}
.bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .age_ttl {
  color: #c36b00;
}
.bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .note {
  color: #f19c0a;
}
.bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div {
  border-right-color: #f19c0a;
}
@media screen and (max-width: 1250px) {
  .bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div:last-child:before {
    background: #f19c0a;
  }
}
.bamboohat .content section#sec_place .place_box .sec04 .job_box dt {
  color: #f19c0a;
}
.bamboohat .content section#sec_place .place_box .sec04 .job_box dd:before {
  background-color: #f19c0a;
}
.bamboohat .content section#sec_place .place_box .info_place01 .sec01 .about_header .txt_area {
  width: 100%;
}
.bamboohat .content section#sec_place .place_box .info_place01 .sec01 .point_box .txt_area {
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .bamboohat .content section#sec_place .place_box .info_place01 .sec03 .photo_gallery .facility_photo {
    width: 49%;
    margin-right: 2%;
  }
}
@media screen and (max-width: 600px) {
  .bamboohat .content section#sec_place .place_box .info_place01 .sec03 .photo_gallery .facility_photo {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 1000px) {
  .bamboohat .content section#sec_place .place_box .info_place01 .sec03 .photo_gallery .facility_photo:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .bamboohat .content section#sec_place .place_box .info_place01 .sec03 .photo_gallery .facility_photo:last-child {
    margin-bottom: 0;
  }
}

.lb_bamboohat .content section#sec_place h2 {
  color: #089067;
}
.lb_bamboohat .content section#sec_place .place_nav li {
  width: 360px;
  border-color: #089067;
  color: #089067;
  line-height: 1.5;
}
@media screen and (max-width: 1250px) {
  .lb_bamboohat .content section#sec_place .place_nav li {
    width: 280px;
  }
}
@media screen and (max-width: 1000px) {
  .lb_bamboohat .content section#sec_place .place_nav li {
    width: 220px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .lb_bamboohat .content section#sec_place .place_nav li {
    width: 170px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .lb_bamboohat .content section#sec_place .place_nav li {
    width: 130px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .lb_bamboohat .content section#sec_place .place_nav li {
    width: 110px;
    font-size: 11px;
    font-size: 1.1rem;
    margin-right: 3px;
  }
}
@media screen and (max-width: 400px) {
  .lb_bamboohat .content section#sec_place .place_nav li {
    width: 96px;
    font-size: 10px;
    font-size: 1rem;
  }
}
.lb_bamboohat .content section#sec_place .place_nav li:after {
  background-image: url(images/img_icon_arrow_orange_white.png);
}
@media screen and (max-width: 768px) {
  .lb_bamboohat .content section#sec_place .place_nav li:after {
    width: 16px;
    height: 16px;
    right: 10px;
  }
}
@media screen and (max-width: 600px) {
  .lb_bamboohat .content section#sec_place .place_nav li:after {
    content: none;
  }
}
.lb_bamboohat .content section#sec_place .place_nav li.active {
  background: #089067;
}
.lb_bamboohat .content section#sec_place .place_nav li.active:after {
  background-image: url(images/img_icon_arrow_white_orange.png);
}
.lb_bamboohat .content section#sec_place .place_nav li:hover {
  background: #089067;
}
.lb_bamboohat .content section#sec_place .place_nav li:hover:after {
  background-image: url(images/img_icon_arrow_white_orange.png);
}
.lb_bamboohat .content section#sec_place .place_nav li span {
  display: block;
}
.lb_bamboohat .content section#sec_place .place_box {
  border-color: #089067;
  background: #f3f8de;
}
.lb_bamboohat .content section#sec_place .place_box .place_name {
  color: #089067;
}
.lb_bamboohat .content section#sec_place .place_box .contents_nav ul li a {
  color: #089067;
  border-color: #089067;
}
.lb_bamboohat .content section#sec_place .place_box .contents_nav ul li a:after {
  background-image: url(images/img_icon_arrow_green_white.png);
}
.lb_bamboohat .content section#sec_place .place_box .contents_nav ul li a:hover {
  color: #fff;
  background-color: #089067;
}
.lb_bamboohat .content section#sec_place .place_box .contents_nav ul li a:hover:after {
  background-image: url(images/img_icon_arrow_white_green.png);
}
.lb_bamboohat .content section#sec_place .place_box h4 {
  background: #089067;
}
.lb_bamboohat .content section#sec_place .place_box .sec01 .point_box .point_num {
  color: #08664a;
}
.lb_bamboohat .content section#sec_place .place_box .sec01 .point_box .point_num span:before, .lb_bamboohat .content section#sec_place .place_box .sec01 .point_box .point_num span:after {
  background: #08664a;
}
.lb_bamboohat .content section#sec_place .place_box .sec01 .point_box .txt_area .catch {
  color: #089067;
}
.lb_bamboohat .content section#sec_place .place_box .sec02 .staff_voice .txt p.staff_name {
  color: #089067;
}
.lb_bamboohat .content section#sec_place .place_box .sec03 .numbers_list li h5 {
  color: #089067;
}
.lb_bamboohat .content section#sec_place .place_box .sec03 .numbers_list li .detail_number {
  color: #089067;
}
.lb_bamboohat .content section#sec_place .place_box .sec03 .numbers_list li .detail_number .num {
  color: #089067;
}
@media screen and (max-width: 1250px) {
  .lb_bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.lb_bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .age_ttl {
  color: #044e38;
}
.lb_bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list .note {
  color: #089067;
}
.lb_bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div {
  width: 280px;
  border-right-color: #089067;
}
@media screen and (max-width: 1250px) {
  .lb_bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div {
    width: 30%;
  }
}
@media screen and (max-width: 1000px) {
  .lb_bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div {
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  .lb_bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div {
    width: 50%;
  }
}
@media screen and (max-width: 1250px) {
  .lb_bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div:nth-child(2) {
    border-right: none;
  }
}
@media screen and (max-width: 1250px) {
  .lb_bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div:last-child {
    width: 100%;
    margin-top: 30px;
    padding-top: 30px;
    position: relative;
  }
  .lb_bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div:last-child:before {
    content: "";
    width: 60%;
    height: 1px;
    background: #089067;
    position: absolute;
    top: 0;
    left: 20%;
  }
}
@media screen and (max-width: 1250px) and (max-width: 768px) {
  .lb_bamboohat .content section#sec_place .place_box .sec03 .numbers_list li:nth-child(4) .average_age_list > div:last-child:before {
    width: 90%;
    left: 5%;
  }
}
.lb_bamboohat .content section#sec_place .place_box .sec04 .job_box dt {
  color: #089067;
}
.lb_bamboohat .content section#sec_place .place_box .sec04 .job_box dd:before {
  background: #089067;
}
.lb_bamboohat .content section#sec_place .place_box .sec07 .access_box .basic_info .ttl {
  color: #089067;
}

.faq .content section.page-layout,
.qa99 .content section.page-layout {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  max-width: 1360px;
  margin: 0 auto;
}
.faq .content section.page-layout .faq_lead,
.qa99 .content section.page-layout .faq_lead {
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout .faq_lead,
  .qa99 .content section.page-layout .faq_lead {
    text-align: left;
  }
}
.faq .content section.page-layout #faq_tob,
.qa99 .content section.page-layout #faq_tob {
  display: block;
  position: sticky;
  top: 173px;
  padding: 30px;
  background: #f3f8de;
  border-radius: 12px;
}
@media screen and (max-width: 1250px) {
  .faq .content section.page-layout #faq_tob,
  .qa99 .content section.page-layout #faq_tob {
    padding: 25px;
  }
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout #faq_tob,
  .qa99 .content section.page-layout #faq_tob {
    display: none;
  }
}
.faq .content section.page-layout #faq_tob li,
.qa99 .content section.page-layout #faq_tob li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 0 15px;
  padding-left: 28px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .faq .content section.page-layout #faq_tob li,
  .qa99 .content section.page-layout #faq_tob li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .faq .content section.page-layout #faq_tob li,
  .qa99 .content section.page-layout #faq_tob li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout #faq_tob li,
  .qa99 .content section.page-layout #faq_tob li {
    margin-bottom: 10px;
    padding-left: 25px;
  }
}
@media screen and (max-width: 400px) {
  .faq .content section.page-layout #faq_tob li,
  .qa99 .content section.page-layout #faq_tob li {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.faq .content section.page-layout #faq_tob li:after,
.qa99 .content section.page-layout #faq_tob li:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_green_yellow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 5px;
  left: 0;
  transform: rotate(90deg);
}
@media screen and (max-width: 1250px) {
  .faq .content section.page-layout #faq_tob li:after,
  .qa99 .content section.page-layout #faq_tob li:after {
    top: 4px;
  }
}
@media screen and (max-width: 600px) {
  .faq .content section.page-layout #faq_tob li:after,
  .qa99 .content section.page-layout #faq_tob li:after {
    width: 18px;
    height: 18px;
    top: 3px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout #faq_tob li:after,
  .qa99 .content section.page-layout #faq_tob li:after {
    width: 16px;
    height: 16px;
  }
}
.faq .content section.page-layout #faq_tob li:last-child,
.qa99 .content section.page-layout #faq_tob li:last-child {
  margin-bottom: 0;
}
.faq .content section.page-layout #faq_tob li a,
.qa99 .content section.page-layout #faq_tob li a {
  display: block;
  color: #416459;
}
.faq .content section.page-layout #faq_tob li.current a,
.qa99 .content section.page-layout #faq_tob li.current a {
  color: #04a273;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout #mokuji,
  .qa99 .content section.page-layout #mokuji {
    position: sticky;
    top: 159px;
    z-index: 10;
  }
}
@media screen and (max-width: 600px) {
  .faq .content section.page-layout #mokuji,
  .qa99 .content section.page-layout #mokuji {
    top: 152px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout #mokuji,
  .qa99 .content section.page-layout #mokuji {
    top: 120px;
  }
}
.faq .content section.page-layout #faq_tob_sp,
.qa99 .content section.page-layout #faq_tob_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout #faq_tob_sp,
  .qa99 .content section.page-layout #faq_tob_sp {
    display: block;
    z-index: 1;
  }
}
.faq .content section.page-layout #faq_tob_sp select,
.qa99 .content section.page-layout #faq_tob_sp select {
  padding: 10px;
  width: 100%;
}
.faq .content section.page-layout #faq_tob_sp select option,
.qa99 .content section.page-layout #faq_tob_sp select option {
  font-size: 14px;
  font-size: 1.4rem;
}
.faq .content section.page-layout .faq-menu,
.qa99 .content section.page-layout .faq-menu {
  width: 280px;
}
@media screen and (max-width: 1250px) {
  .faq .content section.page-layout .faq-menu,
  .qa99 .content section.page-layout .faq-menu {
    width: 220px;
  }
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout .faq-menu,
  .qa99 .content section.page-layout .faq-menu {
    width: 100%;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout .faq-menu,
  .qa99 .content section.page-layout .faq-menu {
    margin-bottom: 40px;
  }
}
.faq .content section.page-layout .faq_list,
.qa99 .content section.page-layout .faq_list {
  width: calc(100% - 340px);
  margin-left: 60px;
}
@media screen and (max-width: 1250px) {
  .faq .content section.page-layout .faq_list,
  .qa99 .content section.page-layout .faq_list {
    width: calc(100% - 280px);
  }
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout .faq_list,
  .qa99 .content section.page-layout .faq_list {
    width: 100%;
    margin-left: 0;
  }
}
.faq .content section.page-layout .faq_list section:last-child,
.qa99 .content section.page-layout .faq_list section:last-child {
  margin-bottom: 0;
}
.faq .content section.page-layout .faq_cat,
.qa99 .content section.page-layout .faq_cat {
  margin-bottom: 80px;
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout .faq_cat,
  .qa99 .content section.page-layout .faq_cat {
    margin-bottom: 60px;
  }
}
.faq .content section.page-layout .faq_item,
.qa99 .content section.page-layout .faq_item {
  margin-bottom: 30px;
}
.faq .content section.page-layout .faq_item:last-child,
.qa99 .content section.page-layout .faq_item:last-child {
  margin-bottom: 0;
}
.faq .content section.page-layout section,
.qa99 .content section.page-layout section {
  padding: 0;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout section,
  .qa99 .content section.page-layout section {
    margin: 0 auto 60px;
  }
}
@media screen and (max-width: 600px) {
  .faq .content section.page-layout section,
  .qa99 .content section.page-layout section {
    margin: 0 auto 50px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout section,
  .qa99 .content section.page-layout section {
    margin: 0 auto 40px;
  }
}
.faq .content section.page-layout h2,
.qa99 .content section.page-layout h2 {
  font-size: 20px;
  font-size: 2rem;
  color: #04a273;
  letter-spacing: 1px;
  text-align: left;
  font-weight: 700;
  padding-bottom: 10px;
  margin-bottom: 25px;
  border-bottom: 1px solid #04a273;
}
@media screen and (max-width: 1000px) {
  .faq .content section.page-layout h2,
  .qa99 .content section.page-layout h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout h2,
  .qa99 .content section.page-layout h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout h2,
  .qa99 .content section.page-layout h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .faq .content section.page-layout h2,
  .qa99 .content section.page-layout h2 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.faq .content section.page-layout .btn_return,
.qa99 .content section.page-layout .btn_return {
  border-top: 1px solid #416459;
  padding-top: 30px;
  text-align: right;
}
.faq .content section.page-layout .btn_return a,
.qa99 .content section.page-layout .btn_return a {
  text-decoration: underline;
  color: #04a273;
}

.faq header .main_ttl {
  background-image: url(images/bg_main_ttl_faq.jpg);
}
.faq .content section.page-layout h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f0be19;
  font-weight: 700;
  margin-bottom: 10px;
  padding-left: 22px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout h3 {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 20px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout h3 {
    font-size: 15px;
    font-size: 1.5rem;
    padding-left: 18px;
  }
}
.faq .content section.page-layout h3:before {
  content: "";
  width: 14px;
  height: 14px;
  background: #f0be19;
  border-radius: 100px;
  position: absolute;
  top: 52%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout h3:before {
    width: 12px;
    height: 12px;
  }
}
.faq .content section.page-layout h4 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 10px;
  padding-left: 30px;
  text-indent: -30px;
}
@media screen and (max-width: 1000px) {
  .faq .content section.page-layout h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout h4 {
    padding-left: 28px;
    text-indent: -28px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout h4 {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 26px;
    text-indent: -23px;
  }
}
@media screen and (max-width: 400px) {
  .faq .content section.page-layout h4 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.faq .content section.page-layout h4:before {
  font-family: "Montserrat", serif;
  content: "Q.";
  padding-right: 0.5em;
}
.faq .content section.page-layout .answer {
  font-size: 15px;
  font-size: 1.5rem;
  padding-left: 1.5em;
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout .answer {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.faq .content section.page-layout .answer a {
  color: #04a273;
}
.faq .content section.page-layout .answer p {
  margin-bottom: 20px;
}
.faq .content section.page-layout .answer p:last-child {
  margin-bottom: 0;
}
.faq .content section.page-layout .answer {
  padding-left: 35px;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout .answer {
    padding-left: 28px;
  }
}

.qa99 header .main_ttl {
  background-image: url(images/bg_main_ttl_qa99.jpg);
}
.qa99 .content section.page-layout h2 {
  color: #416459;
  border-bottom-color: #416459;
  margin-bottom: 25px;
}
.qa99 .content section.page-layout h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #00ab84;
  font-weight: 700;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .qa99 .content section.page-layout h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .qa99 .content section.page-layout h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .qa99 .content section.page-layout h3 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.flow header .main_ttl {
  background-image: url(images/bg_main_ttl_flow.jpg);
}
.flow header .main_ttl h1 {
  letter-spacing: 8px;
}
.flow .content section#sec_flow h2 {
  font-size: 34px;
  font-size: 3.4rem;
  color: #04a273;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .flow .content section#sec_flow h2 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
}
.flow .content section#sec_flow h2 span {
  display: inline-block;
}
.flow .content section#sec_flow .step_flow {
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .step_flow {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .step_flow {
    margin-bottom: 20px;
  }
}
.flow .content section#sec_flow .step_flow .flow_box {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  background: #fff;
  padding: 50px 50px 40px;
  border-radius: 20px;
  border: 1px solid #416459;
  margin-top: 110px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .flow .content section#sec_flow .step_flow .flow_box {
    margin-top: 90px;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .step_flow .flow_box {
    padding: 40px 30px 35px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .step_flow .flow_box {
    padding: 35px 25px 30px;
    margin-top: 80px;
  }
}
.flow .content section#sec_flow .step_flow .flow_box:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 34px solid #04a273;
  border-right: 108px solid transparent;
  border-bottom: 34px solid transparent;
  border-left: 108px solid transparent;
  position: absolute;
  bottom: -68px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .step_flow .flow_box:after {
    border-top: 30px solid #04a273;
    border-right: 88px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 88px solid transparent;
    position: absolute;
    bottom: -60px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .step_flow .flow_box:after {
    border-top: 26px solid #04a273;
    border-right: 78px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 78px solid transparent;
    position: absolute;
    bottom: -52px;
  }
}
.flow .content section#sec_flow .step_flow .flow_box:nth-child(2) dl {
  margin: 20px 0;
  font-weight: 600;
}
.flow .content section#sec_flow .step_flow .flow_box:nth-child(2) .photo {
  margin-top: 20px;
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .step_flow .flow_box:nth-child(2) .photo {
    margin-top: 0;
  }
}
.flow .content section#sec_flow .step_flow .flow_box:last-child {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.flow .content section#sec_flow .step_flow .flow_box:last-child:after {
  content: none;
}
.flow .content section#sec_flow .step_flow .flow_num {
  font-size: 56px;
  font-size: 5.6rem;
  letter-spacing: 2px;
  line-height: 1;
  font-weight: 600;
  position: absolute;
  top: -32px;
  left: 50px;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .step_flow .flow_num {
    font-size: 48px;
    font-size: 4.8rem;
    top: -28px;
    left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .step_flow .flow_num {
    font-size: 44px;
    font-size: 4.4rem;
    top: -26px;
    left: 25px;
  }
}
.flow .content section#sec_flow .step_flow .flow_num span {
  display: inline-block;
  background: #fff;
}
.flow .content section#sec_flow .step_flow .flow_detail {
  width: calc(100% - 400px);
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .step_flow .flow_detail {
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .step_flow .flow_detail {
    margin-bottom: 20px;
  }
}
.flow .content section#sec_flow .step_flow .flow_detail .ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #04a273;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .step_flow .flow_detail .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.flow .content section#sec_flow .step_flow .flow_detail p {
  font-weight: 500;
}
.flow .content section#sec_flow .step_flow .flow_detail .note {
  margin-top: 20px;
}
.flow .content section#sec_flow .step_flow .flow_detail .note li {
  color: #e62641;
  padding-left: 1em;
  text-indent: -1em;
}
.flow .content section#sec_flow .step_flow .flow_detail .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .step_flow .flow_detail .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .step_flow .flow_detail .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.flow .content section#sec_flow .step_flow .flow_detail .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .step_flow .flow_detail .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .step_flow .flow_detail .btn_more a:after {
    right: 15px;
  }
}
.flow .content section#sec_flow .step_flow .flow_detail .btn_more a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.flow .content section#sec_flow .step_flow .flow_detail .btn_more a:hover:after {
  right: 20px;
}
.flow .content section#sec_flow .step_flow .flow_detail .btn_more a {
  max-width: 352px;
  margin: 30px auto 0 0;
  padding: 18px 20px;
  line-height: 1.4;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .flow .content section#sec_flow .step_flow .flow_detail .btn_more a {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .step_flow .flow_detail .btn_more a {
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .step_flow .flow_detail .btn_more a {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .step_flow .flow_detail .btn_more a {
    padding: 12px 20px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .step_flow .flow_detail .btn_more a {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .step_flow .flow_detail .btn_more a:after {
    right: 15px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .step_flow .flow_detail .btn_more a span {
    display: block;
  }
}
.flow .content section#sec_flow .step_flow .photo {
  width: 360px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .step_flow .photo {
    width: 100%;
  }
}
.flow .content section#sec_flow .step_flow .photo img {
  width: 100%;
  border-radius: 15px;
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .step_flow .photo img {
    border-radius: 10px;
  }
}
.flow .content section#sec_flow .step_flow .staff_voice {
  width: 100%;
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin: 40px 0;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .step_flow .staff_voice {
    margin: 30px 0;
  }
}
.flow .content section#sec_flow .step_flow .staff_voice .staff_photo {
  width: 100px;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .step_flow .staff_voice .staff_photo {
    width: 100%;
    text-align: center;
  }
}
.flow .content section#sec_flow .step_flow .staff_voice .txt {
  width: calc(100% - 140px);
  margin-left: 40px;
  letter-spacing: 2px;
  background: #fafbe6;
  border-radius: 15px;
  padding: 25px 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .flow .content section#sec_flow .step_flow .staff_voice .txt {
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .step_flow .staff_voice .txt {
    width: 100%;
    margin: 30px 0 0;
  }
}
.flow .content section#sec_flow .step_flow .staff_voice .txt:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 13px solid #fafbe6;
  border-bottom: 6px solid transparent;
  border-left: 13px solid transparent;
  position: absolute;
  top: 20px;
  left: -26px;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .step_flow .staff_voice .txt:before {
    border-top: 13px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 13px solid #fafbe6;
    border-left: 6px solid transparent;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.flow .content section#sec_flow .step_flow .btn_more {
  width: 100%;
  -webkit-box-ordinal-group: 4;
  -moz-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
.flow .content section#sec_flow .step_flow .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .step_flow .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .step_flow .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.flow .content section#sec_flow .step_flow .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .step_flow .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .step_flow .btn_more a:after {
    right: 15px;
  }
}
.flow .content section#sec_flow .step_flow .btn_more a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.flow .content section#sec_flow .step_flow .btn_more a:hover:after {
  right: 20px;
}
.flow .content section#sec_flow .other_service p {
  margin-bottom: 20px;
}
.flow .content section#sec_flow .other_service p:last-child {
  margin-bottom: 0;
}
.flow .content section#sec_flow .other_service p a {
  color: #4b92e4;
}
.flow .content section#sec_flow .other_service ul {
  background: #f3f8de;
  padding: 30px;
  margin-bottom: 20px;
  border-radius: 15px;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .other_service ul {
    padding: 20px;
    border-radius: 12px;
  }
}

.contact header .main_ttl {
  background-image: url(images/bg_main_ttl_contact.jpg);
}
.contact header .main_ttl h1 {
  letter-spacing: 8px;
}
.contact .content section#contact_by_tel {
  padding-top: 0;
}
.contact .content section.page-layout {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .contact .content section.page-layout {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .contact .content section.page-layout {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .contact .content section.page-layout {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.contact .content section.page-layout h2 {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: left;
  font-weight: 700;
  letter-spacing: 2px;
  padding-bottom: 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid #416459;
}
@media screen and (max-width: 768px) {
  .contact .content section.page-layout h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .contact .content section.page-layout h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .contact .content section.page-layout h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.contact .content section.page-layout .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .contact .content section.page-layout .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .contact .content section.page-layout .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.contact .content section.page-layout .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .contact .content section.page-layout .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .contact .content section.page-layout .btn_more a:after {
    right: 15px;
  }
}
.contact .content section.page-layout .btn_more a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.contact .content section.page-layout .btn_more a:hover:after {
  right: 20px;
}
.contact .content section.page-layout .btn_more a {
  margin: 30px auto 0 0;
}
@media screen and (max-width: 480px) {
  .contact .content section.page-layout .btn_more a {
    margin-top: 20px;
  }
}

.privacy-policy header .main_ttl {
  background-image: url(images/bg_main_ttl_contact.jpg);
}
.privacy-policy header .main_ttl h1 {
  letter-spacing: 8px;
}
.privacy-policy .content section.page-layout {
  max-width: 1360px;
  margin: 80px auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .privacy-policy .content section.page-layout {
    margin: 60px auto;
  }
}
@media screen and (max-width: 600px) {
  .privacy-policy .content section.page-layout {
    margin: 50px auto;
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .privacy-policy .content section.page-layout {
    margin: 40px auto;
    padding: 0 25px;
  }
}
@media screen and (max-width: 768px) {
  .privacy-policy .content section.page-layout {
    max-width: 100%;
  }
}
.privacy-policy .content section.page-layout h2 {
  text-align: left;
  letter-spacing: 1px;
  margin-bottom: 40px;
}
.privacy-policy .content section.page-layout .headline {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  border-bottom: 1px solid #416459;
  padding-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .privacy-policy .content section.page-layout .headline {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .privacy-policy .content section.page-layout .headline {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.privacy-policy .content section.page-layout p {
  margin-bottom: 10px;
}
.privacy-policy .content section.page-layout a {
  color: #4b92e4;
  text-decoration: underline;
}

/*--------------------------------------------------------------
 Post style
--------------------------------------------------------------*/
.archive .content_wrapper,
.single .content_wrapper,
.blog .content_wrapper {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1360px;
  margin: 0 auto;
  padding: 80px 40px;
}
@media screen and (max-width: 768px) {
  .archive .content_wrapper,
  .single .content_wrapper,
  .blog .content_wrapper {
    padding: 70px 40px;
  }
}
@media screen and (max-width: 600px) {
  .archive .content_wrapper,
  .single .content_wrapper,
  .blog .content_wrapper {
    padding: 60px 30px;
  }
}
@media screen and (max-width: 480px) {
  .archive .content_wrapper,
  .single .content_wrapper,
  .blog .content_wrapper {
    padding: 50px 25px;
  }
}
.archive .content_wrapper .main,
.single .content_wrapper .main,
.blog .content_wrapper .main {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  width: 72.65%;
}
@media screen and (max-width: 1000px) {
  .archive .content_wrapper .main,
  .single .content_wrapper .main,
  .blog .content_wrapper .main {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 60px;
  }
}
.archive .content_wrapper .main .lnav,
.single .content_wrapper .main .lnav,
.blog .content_wrapper .main .lnav {
  margin-bottom: 75px;
}
@media screen and (max-width: 768px) {
  .archive .content_wrapper .main .lnav,
  .single .content_wrapper .main .lnav,
  .blog .content_wrapper .main .lnav {
    margin-bottom: 65px;
  }
}
@media screen and (max-width: 600px) {
  .archive .content_wrapper .main .lnav,
  .single .content_wrapper .main .lnav,
  .blog .content_wrapper .main .lnav {
    margin-bottom: 55px;
  }
}
@media screen and (max-width: 480px) {
  .archive .content_wrapper .main .lnav,
  .single .content_wrapper .main .lnav,
  .blog .content_wrapper .main .lnav {
    margin-bottom: 45px;
  }
}
.archive .content_wrapper .main .lnav li,
.single .content_wrapper .main .lnav li,
.blog .content_wrapper .main .lnav li {
  display: inline-block;
  margin-bottom: 5px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .archive .content_wrapper .main .lnav li,
  .single .content_wrapper .main .lnav li,
  .blog .content_wrapper .main .lnav li {
    display: inline;
  }
}
.archive .content_wrapper .main .lnav li:last-child:after,
.single .content_wrapper .main .lnav li:last-child:after,
.blog .content_wrapper .main .lnav li:last-child:after {
  content: none;
}
.archive .content_wrapper .main .lnav li:after,
.single .content_wrapper .main .lnav li:after,
.blog .content_wrapper .main .lnav li:after {
  content: "／";
  padding: 0 10px;
}
.archive .content_wrapper .main .lnav li a,
.single .content_wrapper .main .lnav li a,
.blog .content_wrapper .main .lnav li a {
  font-size: 15px;
  font-size: 1.5rem;
  color: #416459;
  font-weight: 500;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .archive .content_wrapper .main .lnav li a,
  .single .content_wrapper .main .lnav li a,
  .blog .content_wrapper .main .lnav li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 400px) {
  .archive .content_wrapper .main .lnav li a,
  .single .content_wrapper .main .lnav li a,
  .blog .content_wrapper .main .lnav li a {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.archive .content_wrapper .main .lnav li a:hover,
.single .content_wrapper .main .lnav li a:hover,
.blog .content_wrapper .main .lnav li a:hover {
  color: #04a273;
}
.archive .content_wrapper .main > section,
.single .content_wrapper .main > section,
.blog .content_wrapper .main > section {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .archive .content_wrapper .main > section,
  .single .content_wrapper .main > section,
  .blog .content_wrapper .main > section {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .archive .content_wrapper .main > section,
  .single .content_wrapper .main > section,
  .blog .content_wrapper .main > section {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .archive .content_wrapper .main > section,
  .single .content_wrapper .main > section,
  .blog .content_wrapper .main > section {
    margin-bottom: 40px;
  }
}
.archive .content_wrapper .main > section:last-child,
.single .content_wrapper .main > section:last-child,
.blog .content_wrapper .main > section:last-child {
  margin-bottom: 0;
}
.archive .content_wrapper .sidebar,
.single .content_wrapper .sidebar,
.blog .content_wrapper .sidebar {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 21.09%;
}
@media screen and (max-width: 1000px) {
  .archive .content_wrapper .sidebar,
  .single .content_wrapper .sidebar,
  .blog .content_wrapper .sidebar {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.archive .content_wrapper .sidebar h2,
.single .content_wrapper .sidebar h2,
.blog .content_wrapper .sidebar h2 {
  background: #04a273;
  border-radius: 8px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  font-weight: 500;
  padding: 10px;
}
@media screen and (max-width: 1000px) {
  .archive .content_wrapper .sidebar h2,
  .single .content_wrapper .sidebar h2,
  .blog .content_wrapper .sidebar h2 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 15px;
  }
}
@media screen and (max-width: 600px) {
  .archive .content_wrapper .sidebar h2,
  .single .content_wrapper .sidebar h2,
  .blog .content_wrapper .sidebar h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .archive .content_wrapper .sidebar h2,
  .single .content_wrapper .sidebar h2,
  .blog .content_wrapper .sidebar h2 {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px;
  }
}
.archive .content_wrapper .sidebar ul li,
.single .content_wrapper .sidebar ul li,
.blog .content_wrapper .sidebar ul li {
  border-bottom: 1px solid #d9d9d9;
}
.archive .content_wrapper .sidebar ul li a,
.single .content_wrapper .sidebar ul li a,
.blog .content_wrapper .sidebar ul li a {
  display: block;
  padding: 12px 15px;
  color: #416459;
  font-weight: 500;
  letter-spacing: 2px;
}
.archive .content_wrapper .sidebar ul li a:hover,
.single .content_wrapper .sidebar ul li a:hover,
.blog .content_wrapper .sidebar ul li a:hover {
  opacity: 1;
  color: #04a273;
}

.archive .content_wrapper .main .sec_news_list,
.blog .content_wrapper .main .sec_news_list {
  padding: 0;
}
.archive .content_wrapper .main .sec_news_list .news_list li,
.blog .content_wrapper .main .sec_news_list .news_list li {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #d4deac;
}
.archive .content_wrapper .main .sec_news_list .news_list .news_ttl,
.blog .content_wrapper .main .sec_news_list .news_list .news_ttl {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 1px;
}
@media screen and (max-width: 600px) {
  .archive .content_wrapper .main .sec_news_list .news_list .news_ttl,
  .blog .content_wrapper .main .sec_news_list .news_list .news_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.archive .content_wrapper .main .sec_news_list .news_list .news_ttl a,
.blog .content_wrapper .main .sec_news_list .news_list .news_ttl a {
  color: #416459;
}
.archive .content_wrapper .main .sec_news_list .news_list .news_date,
.blog .content_wrapper .main .sec_news_list .news_list .news_date {
  font-family: "Montserrat", serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #04a273;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  margin-right: 10px;
  padding-right: 15px;
  border-right: 1px solid #416459;
}
@media screen and (max-width: 480px) {
  .archive .content_wrapper .main .sec_news_list .news_list .news_date,
  .blog .content_wrapper .main .sec_news_list .news_list .news_date {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.archive .content_wrapper .main .sec_news_list .news_list .news_cat,
.blog .content_wrapper .main .sec_news_list .news_list .news_cat {
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 480px) {
  .archive .content_wrapper .main .sec_news_list .news_list .news_cat,
  .blog .content_wrapper .main .sec_news_list .news_list .news_cat {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.archive .content_wrapper .main .sec_news_list .news_list .news_cat a,
.blog .content_wrapper .main .sec_news_list .news_list .news_cat a {
  color: #416459;
}
.archive .content_wrapper .main .sec_news_list .wp-pagenavi,
.blog .content_wrapper .main .sec_news_list .wp-pagenavi {
  text-align: center;
  margin-top: 20px;
}
.archive .content_wrapper .main .sec_news_list .wp-pagenavi a,
.archive .content_wrapper .main .sec_news_list .wp-pagenavi span,
.blog .content_wrapper .main .sec_news_list .wp-pagenavi a,
.blog .content_wrapper .main .sec_news_list .wp-pagenavi span {
  display: inline-block;
  color: #303030;
  padding: 3px 8px;
  border-radius: 0;
  border-color: #5a5a5a;
}
.archive .content_wrapper .main .sec_news_list .wp-pagenavi a:hover,
.blog .content_wrapper .main .sec_news_list .wp-pagenavi a:hover {
  background: #04a273;
  color: #fff;
  border: 1px solid #04a273;
  opacity: 1;
}
.archive .content_wrapper .main .sec_news_list .wp-pagenavi span.current,
.blog .content_wrapper .main .sec_news_list .wp-pagenavi span.current {
  background: #04a273;
  color: #fff;
  border-color: #04a273;
}

.single .content_wrapper .main .news_ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 1px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #416459;
}
@media screen and (max-width: 600px) {
  .single .content_wrapper .main .news_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .single .content_wrapper .main .news_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.single .content_wrapper .main article p{
	margin-bottom:1.5em;
}
.single .content_wrapper .main header {
  margin-bottom: 30px;
}
.single .content_wrapper .main .news_date {
  font-family: "Montserrat", serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #04a273;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  margin-right: 10px;
  padding-right: 15px;
  border-right: 1px solid #416459;
}
@media screen and (max-width: 480px) {
  .single .content_wrapper .main .news_date {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.single .content_wrapper .main .news_cat {
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 480px) {
  .single .content_wrapper .main .news_cat {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single .content_wrapper .main .news_cat a {
  color: #416459;
}
.single .content_wrapper .main .news_content {
  margin-bottom: 60px;
}
.single .content_wrapper .main .page_nav {
  margin-top: 30px;
  padding-bottom: 50px;
  position: relative;
}
.single .content_wrapper .main .page_nav .screen-reader-text {
  display: none;
}
.single .content_wrapper .main .page_nav .nav-previous,
.single .content_wrapper .main .page_nav .nav-next,
.single .content_wrapper .main .page_nav .post_archive {
  position: absolute;
  top: 0;
  width: auto;
}
@media screen and (max-width: 768px) {
  .single .content_wrapper .main .page_nav .nav-previous,
  .single .content_wrapper .main .page_nav .nav-next,
  .single .content_wrapper .main .page_nav .post_archive {
    width: 32%;
  }
}
.single .content_wrapper .main .page_nav .nav-previous a,
.single .content_wrapper .main .page_nav .nav-next a,
.single .content_wrapper .main .page_nav .post_archive a {
  display: block;
  width: 180px;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  color: #416459;
  border: 1px solid #416459;
  padding: 6px 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .single .content_wrapper .main .page_nav .nav-previous a,
  .single .content_wrapper .main .page_nav .nav-next a,
  .single .content_wrapper .main .page_nav .post_archive a {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .single .content_wrapper .main .page_nav .nav-previous a,
  .single .content_wrapper .main .page_nav .nav-next a,
  .single .content_wrapper .main .page_nav .post_archive a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.single .content_wrapper .main .page_nav .nav-previous a:hover,
.single .content_wrapper .main .page_nav .nav-next a:hover,
.single .content_wrapper .main .page_nav .post_archive a:hover {
  background: #04a273;
  color: #fff;
  border-color: #04a273;
}
.single .content_wrapper .main .page_nav .nav-previous {
  left: 0;
}
@media screen and (max-width: 768px) {
  .single .content_wrapper .main .page_nav .nav-previous {
    margin-right: 2%;
  }
}
.single .content_wrapper .main .page_nav .nav-previous a {
  border-radius: 100px 0 0 100px;
}
.single .content_wrapper .main .page_nav .nav-next {
  right: 0;
}
@media screen and (max-width: 768px) {
  .single .content_wrapper .main .page_nav .nav-next {
    margin-left: 2%;
  }
}
.single .content_wrapper .main .page_nav .nav-next a {
  border-radius: 0 100px 100px 0;
}
.single .content_wrapper .main .page_nav .post_archive {
  left: 50%;
  margin-left: -90px;
}
@media screen and (max-width: 768px) {
  .single .content_wrapper .main .page_nav .post_archive {
    left: 34%;
    margin-left: 0;
  }
}
.single .content_wrapper .main .page_nav .post_archive a {
  width: 180px;
}
@media screen and (max-width: 768px) {
  .single .content_wrapper .main .page_nav .post_archive a {
    width: 100%;
  }
}

.post-type-archive-interview .content section.sec_interview,
.tax-office .content section.sec_interview {
  padding: 80px 40px 0;
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview,
  .tax-office .content section.sec_interview {
    padding: 60px 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview,
  .tax-office .content section.sec_interview {
    padding: 50px 25px 0;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list,
.tax-office .content section.sec_interview .interview_list {
  width: 90%;
  max-width: 1280px;
  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: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list,
  .tax-office .content section.sec_interview .interview_list {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list,
  .tax-office .content section.sec_interview .interview_list {
    margin-bottom: 0;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner,
.tax-office .content section.sec_interview .interview_list .interview_list_inner {
  width: 32%;
  margin: 0 2% 60px 0;
  background-size: cover;
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner,
  .tax-office .content section.sec_interview .interview_list .interview_list_inner {
    margin-right: 0;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner:nth-child(3n),
.tax-office .content section.sec_interview .interview_list .interview_list_inner:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner:nth-child(3n),
  .tax-office .content section.sec_interview .interview_list .interview_list_inner:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner:nth-child(3n),
  .tax-office .content section.sec_interview .interview_list .interview_list_inner:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner:nth-child(even),
  .tax-office .content section.sec_interview .interview_list .interview_list_inner:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner,
  .tax-office .content section.sec_interview .interview_list .interview_list_inner {
    width: 49%;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner,
  .tax-office .content section.sec_interview .interview_list .interview_list_inner {
    width: 100%;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .photo,
.tax-office .content section.sec_interview .interview_list .photo {
  position: relative;
  background: #f9f0f2;
  border-radius: 15px;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .photo,
  .tax-office .content section.sec_interview .interview_list .photo {
    width: 100%;
    height: auto;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .photo > img,
.tax-office .content section.sec_interview .interview_list .photo > img {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .photo > img,
  .tax-office .content section.sec_interview .interview_list .photo > img {
    border-radius: 15px 15px 0 0;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .photo .place,
.tax-office .content section.sec_interview .interview_list .photo .place {
  background: #fff;
  border-radius: 0 8px 8px 0;
  position: absolute;
  bottom: 30px;
  left: 0;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box,
.tax-office .content section.sec_interview .interview_list .interview_box {
  margin: 30px 0 0;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl,
.tax-office .content section.sec_interview .interview_list .interview_box .staff_job_ttl {
  display: inline-block;
  background: #04a273;
  padding: 2px 25px;
  margin-bottom: 15px;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl,
  .tax-office .content section.sec_interview .interview_list .interview_box .staff_job_ttl {
    padding: 0 20px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl,
  .tax-office .content section.sec_interview .interview_list .interview_box .staff_job_ttl {
    padding: 0 15px 1px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl,
  .tax-office .content section.sec_interview .interview_list .interview_box .staff_job_ttl {
    padding: 0 20px;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl span,
.tax-office .content section.sec_interview .interview_list .interview_box .staff_job_ttl span {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl span,
  .tax-office .content section.sec_interview .interview_list .interview_box .staff_job_ttl span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl span,
  .tax-office .content section.sec_interview .interview_list .interview_box .staff_job_ttl span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl span,
  .tax-office .content section.sec_interview .interview_list .interview_box .staff_job_ttl span {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl span,
  .tax-office .content section.sec_interview .interview_list .interview_box .staff_job_ttl span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl span.job_position:before,
.tax-office .content section.sec_interview .interview_list .interview_box .staff_job_ttl span.job_position:before {
  content: "・";
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl span.job_position:first-child:before,
.tax-office .content section.sec_interview .interview_list .interview_box .staff_job_ttl span.job_position:first-child:before {
  content: none;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl .job_status:before,
.tax-office .content section.sec_interview .interview_list .interview_box .staff_job_ttl .job_status:before {
  content: "/";
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch,
.tax-office .content section.sec_interview .interview_list .interview_box .catch {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  color: #416459;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch,
  .tax-office .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch,
  .tax-office .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch,
  .tax-office .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch,
  .tax-office .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch,
  .tax-office .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch,
  .tax-office .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_name,
.tax-office .content section.sec_interview .interview_list .interview_box .staff_name {
  margin-bottom: 10px;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .name,
.tax-office .content section.sec_interview .interview_list .interview_box .name {
  font-size: 16px;
  font-size: 1.6rem;
  color: #416459;
  font-weight: 700;
  letter-spacing: 1px;
  margin-right: 10px;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .name,
  .tax-office .content section.sec_interview .interview_list .interview_box .name {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .name,
  .tax-office .content section.sec_interview .interview_list .interview_box .name {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .join_year,
.tax-office .content section.sec_interview .interview_list .interview_box .join_year {
  font-size: 13px;
  font-size: 1.3rem;
  color: #04a273;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_qualify,
.tax-office .content section.sec_interview .interview_list .interview_box .staff_qualify {
  font-size: 14px;
  font-size: 1.4rem;
  color: #f0598c;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_tag,
.tax-office .content section.sec_interview .interview_list .interview_box .staff_tag {
  font-size: 13px;
  font-size: 1.3rem;
  color: #f0598c;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .btn_more,
.tax-office .content section.sec_interview .interview_list .interview_box .btn_more {
  color: #4b92e4;
  text-align: right;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .btn_more span,
.tax-office .content section.sec_interview .interview_list .interview_box .btn_more span {
  display: inline-block;
  border-bottom: 1px solid #4b92e4;
}
.post-type-archive-interview .content .archives-nav,
.tax-office .content .archives-nav {
  text-align: center;
  margin-top: 40px;
}
.post-type-archive-interview .content .archives-nav .page-numbers,
.tax-office .content .archives-nav .page-numbers {
  display: inline-block;
  width: 34px;
  padding: 5px;
  background: #fbe553;
  color: #fff;
  border-radius: 3px;
}
.post-type-archive-interview .content .archives-nav .page-numbers.current,
.tax-office .content .archives-nav .page-numbers.current {
  background: #f9f3f5;
  color: #416459;
  border: 1px solid #fbe553;
}

.single-interview .content .main_ttl {
  background-image: url(images/bg_main_ttl_interview.jpg);
}
.single-interview .content section.sec_interview_detail {
  margin-bottom: 0;
}
.single-interview .content section.sec_interview_detail .interview_main {
  max-width: 1280px;
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 0;
  margin: 0 auto 100px;
  padding: 40px;
  background: #f3f8de;
  border-radius: 12px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    padding: 30px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    max-width: 100%;
    padding: 40px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    padding: 20px;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .photo {
  width: 35%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main .photo {
    width: 100%;
    margin-bottom: 20px;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .photo > img {
  width: 100%;
  height: 410px;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 15px;
}
@media screen and (max-width: 1250px) {
  .single-interview .content section.sec_interview_detail .interview_main .photo > img {
    height: 360px;
  }
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .photo > img {
    height: 280px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main .photo > img {
    height: auto;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .photo .place {
  background: #fff;
  border-radius: 0 8px 8px 0;
  position: absolute;
  bottom: 30px;
  left: 0;
}
.single-interview .content section.sec_interview_detail .interview_main .interview_info {
  width: 60%;
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .interview_info {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main .interview_info {
    width: 100%;
    margin-top: 0;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl {
  display: inline-block;
  background: #04a273;
  padding: 2px 25px;
  margin-bottom: 15px;
  border-radius: 100px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl {
    padding: 0 20px;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl span {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl span.job_position:before {
  content: "・";
}
.single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl span.job_position:first-child:before {
  content: none;
}
.single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl .job_status:before {
  content: "/";
}
.single-interview .content section.sec_interview_detail .interview_main .staff_name {
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .single-interview .content section.sec_interview_detail .interview_main .staff_name {
    margin-bottom: 20px;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .name {
  font-size: 22px;
  font-size: 2.2rem;
  color: #416459;
  font-weight: 700;
  letter-spacing: 1px;
  margin-right: 10px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .name {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main .name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_main .name {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .join_year {
  font-size: 15px;
  font-size: 1.5rem;
  color: #04a273;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main .join_year {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .catch {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #416459;
  letter-spacing: 1px;
  line-height: 1.6;
  margin-bottom: 10px;
}
@media screen and (max-width: 1250px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .staff_qualify {
  font-size: 14px;
  font-size: 1.4rem;
  color: #f0598c;
}
.single-interview .content section.sec_interview_detail .interview_main .staff_tag {
  font-size: 14px;
  font-size: 1.4rem;
  color: #f0598c;
}
.single-interview .content section.sec_interview_detail .interview_main .qualification {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 1px;
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main .qualification {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .qualification span {
  display: inline-block;
  padding: 3px 15px;
  background: #f6f6f6;
  margin-right: 10px;
}
.single-interview .content section.sec_interview_detail .interview_qa {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa {
    margin-top: 50px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa {
    margin-top: 40px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa h2 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #04a273;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: left;
  text-indent: -0.5em;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa h2 {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont {
    margin-bottom: 70px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont:last-child {
  margin-bottom: 0;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont li {
  margin-bottom: 70px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont li {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont li {
    margin-bottom: 50px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont li:last-child {
  margin-bottom: 0;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_img {
  margin-bottom: 20px;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_img img {
  width: 100%;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: left;
  font-weight: 700;
  letter-spacing: 1px;
  padding-left: 35px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #416459;
  position: relative;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 40px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3:before {
  display: inline-block;
  font-family: "Montserrat", serif;
  content: "Q.";
  font-size: 20px;
  font-size: 2rem;
  color: #04a273;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 5px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3:before {
    top: 3px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 + p {
  padding-left: 35px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 + p {
    padding-left: 40px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 + p:before {
  display: inline-block;
  font-family: "Montserrat", serif;
  font-weight: 700;
  content: "A.";
  font-size: 20px;
  font-size: 2rem;
  color: #f7c911;
  position: absolute;
  top: -5px;
  left: 0;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p {
  padding-left: 35px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p {
    padding-left: 40px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p:last-child {
  margin-bottom: 0;
}
.single-interview .content section.sec_interview_detail .interview_qa .message_for_you {
  background: #f3f8de;
  padding: 30px 35px;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .message_for_you {
    padding: 25px 30px;
    border-radius: 15px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .message_for_you h2 {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: left;
  font-weight: 700;
  text-indent: 0;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .message_for_you h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .message_for_you h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.single-interview .content .navigation_wrapper {
  padding: 0 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .single-interview .content .navigation_wrapper {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content .navigation_wrapper {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .navigation_wrapper {
    padding: 0 25px;
  }
}
.single-interview .content .navigation_wrapper .btn_back {
  width: 200px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.single-interview .content .navigation_wrapper .btn_back a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.single-interview .content .navigation_wrapper .btn_back a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .single-interview .content .navigation_wrapper .btn_back a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content .navigation_wrapper .btn_back a:after {
    right: 15px;
  }
}
.single-interview .content .navigation_wrapper .btn_back a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.single-interview .content .navigation_wrapper .btn_back a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content .navigation_wrapper .btn_back {
    width: 160px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .navigation_wrapper .btn_back {
    width: 100%;
    position: static;
    transform: translateX(0);
  }
}
.single-interview .content .navigation_wrapper .btn_back a {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 15px 20px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    width: 100%;
    max-width: 100%;
    background: #fff;
    color: #416459;
    border-color: #416459;
    padding: 20px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    padding: 14px 10px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .navigation_wrapper .btn_back a:after {
    background-image: url(images/img_icon_arrow_green_yellow.png);
  }
}
.single-interview .content .post-navigation .nav-links {
  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;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  max-width: 1280px;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links {
    margin: 0 auto 10px;
  }
}
.single-interview .content .post-navigation .nav-links > div {
  width: 50%;
}
.single-interview .content .post-navigation .nav-links > div a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-interview .content .post-navigation .nav-links > div a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .post-navigation .nav-links > div a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.single-interview .content .post-navigation .nav-links > div a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .single-interview .content .post-navigation .nav-links > div a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content .post-navigation .nav-links > div a:after {
    right: 15px;
  }
}
.single-interview .content .post-navigation .nav-links > div a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.single-interview .content .post-navigation .nav-links > div a:hover:after {
  right: 20px;
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links > div {
    width: 100%;
  }
}
.single-interview .content .post-navigation .nav-links > div a {
  max-width: 300px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 15px 10px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .single-interview .content .post-navigation .nav-links > div a {
    max-width: 220px;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links > div a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .post-navigation .nav-links > div a {
    padding: 14px 10px;
  }
}
.single-interview .content .post-navigation .nav-links > div a span {
  display: inline-block;
  font-family: "Montserrat", serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #04a273;
  letter-spacing: 1px;
  background: #fff;
  padding: 0 10px;
  border-radius: 100px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content .post-navigation .nav-links > div a span {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links > div a span {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links .nav-previous {
    margin-bottom: 10px;
  }
}
.single-interview .content .post-navigation .nav-links .nav-previous a {
  margin: 0 0 0 auto;
}
.single-interview .content .post-navigation .nav-links .nav-previous a:after {
  right: 25px;
  left: initial;
  transform: translateY(-50%);
}
@media screen and (max-width: 1000px) {
  .single-interview .content .post-navigation .nav-links .nav-previous a:after {
    right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links .nav-previous a:after {
    right: 25px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links .nav-next {
    margin-bottom: 10px;
  }
}
.single-interview .content .post-navigation .nav-links .nav-next:first-child {
  width: 100%;
}
.single-interview .content .post-navigation .nav-links .nav-next a {
  margin: 0 auto 0 0;
}
.single-interview .content .post-navigation .nav-links .nav-next a:after {
  left: 25px;
  right: initial;
  transform: translateY(-50%) rotate(-180deg);
}
@media screen and (max-width: 1000px) {
  .single-interview .content .post-navigation .nav-links .nav-next a:after {
    left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links .nav-next a:after {
    left: 25px;
  }
}

@media screen and (max-width: 768px) {
  .post-type-archive-recruit .btn_fixed_footer,
  .tax-recruit_cat .btn_fixed_footer,
  .tax-recruit_office .btn_fixed_footer,
  .tax-recruit_status .btn_fixed_footer {
    display: none;
  }
}
.post-type-archive-recruit header .main_ttl,
.tax-recruit_cat header .main_ttl,
.tax-recruit_office header .main_ttl,
.tax-recruit_status header .main_ttl {
  background-image: url(images/bg_main_ttl_recruit.jpg);
}
.post-type-archive-recruit .content section#sec_recruit_condition,
.tax-recruit_cat .content section#sec_recruit_condition,
.tax-recruit_office .content section#sec_recruit_condition,
.tax-recruit_status .content section#sec_recruit_condition {
  padding-top: 0;
}
.post-type-archive-recruit .content section#sec_recruit_condition h2,
.tax-recruit_cat .content section#sec_recruit_condition h2,
.tax-recruit_office .content section#sec_recruit_condition h2,
.tax-recruit_status .content section#sec_recruit_condition h2 {
  font-size: 30px;
  font-size: 3rem;
  color: #416459;
  letter-spacing: 4px;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section#sec_recruit_condition h2,
  .tax-recruit_cat .content section#sec_recruit_condition h2,
  .tax-recruit_office .content section#sec_recruit_condition h2,
  .tax-recruit_status .content section#sec_recruit_condition h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_condition h2,
  .tax-recruit_cat .content section#sec_recruit_condition h2,
  .tax-recruit_office .content section#sec_recruit_condition h2,
  .tax-recruit_status .content section#sec_recruit_condition h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 3px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_condition h2,
  .tax-recruit_cat .content section#sec_recruit_condition h2,
  .tax-recruit_office .content section#sec_recruit_condition h2,
  .tax-recruit_status .content section#sec_recruit_condition h2 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section#sec_recruit_condition h2,
  .tax-recruit_cat .content section#sec_recruit_condition h2,
  .tax-recruit_office .content section#sec_recruit_condition h2,
  .tax-recruit_status .content section#sec_recruit_condition h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition,
.tax-recruit_office .content section#sec_recruit_condition .select_condition,
.tax-recruit_status .content section#sec_recruit_condition .select_condition {
  max-width: 1100px;
  margin: 0 auto;
  padding: 50px;
  background: #f3f8de;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition {
    padding: 25px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition h3,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition h3,
.tax-recruit_office .content section#sec_recruit_condition .select_condition h3,
.tax-recruit_status .content section#sec_recruit_condition .select_condition h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 30px;
  padding: 9px 30px;
  background: #416459;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition h3,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition h3,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition h3,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition h3 {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 9px 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition h3,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition h3,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition h3,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition h3 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition h3,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition h3,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition h3,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition h3 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition h4,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition h4,
.tax-recruit_office .content section#sec_recruit_condition .select_condition h4,
.tax-recruit_status .content section#sec_recruit_condition .select_condition h4 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition h4,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition h4,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition h4,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition h4 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition h4,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition h4,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition h4,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition h4 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .office_cat,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .office_cat,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .office_cat,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .office_cat {
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .office_cat,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .office_cat,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .office_cat,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .office_cat {
    margin-bottom: 20px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .select-inner,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .select-inner,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .select-inner,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .select-inner {
  margin-bottom: 30px;
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms {
    gap: 6px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat, .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1000px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat, .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat, .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids {
    grid-template-columns: repeat(1, 1fr);
  }
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat li label, .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids li label,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat li label,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids li label,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat li label,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids li label,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat li label,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids li label {
  padding: 10px;
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat li label, .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids li label,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat li label,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids li label,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat li label,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids li label,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat li label,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms.recruit_office_bamboohat_kids li label {
    padding: 5px 10px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li {
  display: flex;
  font-size: 16px;
  font-size: 1.6rem;
  color: #04a273;
  text-align: center;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li:nth-child(even),
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li:nth-child(even),
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li:nth-child(even),
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li:nth-child(even) {
  margin-right: 0;
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li .checkboxbutton,
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li .radiobutton,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li .checkboxbutton,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li .radiobutton,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li .checkboxbutton,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li .radiobutton,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li .checkboxbutton,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li .radiobutton {
  display: none;
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li label,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li label,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li label,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li label {
  display: block;
  width: 100%;
  background-color: #fff;
  padding: 20px 10px;
  border: solid 1px #416459;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li label,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li label,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li label,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li label {
    padding: 15px 10px;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li label,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li label,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li label,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li label {
    padding: 12px 10px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li label:after,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li label:after,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li label:after,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li label:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_check_plus.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li label:after,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li label:after,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li label:after,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li label:after {
    width: 18px;
    height: 18px;
    right: 15px;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li label:after,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li label:after,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li label:after,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li label:after {
    width: 16px;
    height: 16px;
    right: 10px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li label span,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li label span,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li label span,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li label span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #416459;
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li label span,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li label span,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li label span,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li label span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li label span.cat_description,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li label span.cat_description,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li label span.cat_description,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li label span.cat_description {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  margin-top: 3px;
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms li label span.cat_description,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms li label span.cat_description,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .terms li label span.cat_description,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .terms li label span.cat_description {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms .checkboxbutton:checked + label,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms .checkboxbutton:checked + label,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms .checkboxbutton:checked + label,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms .checkboxbutton:checked + label {
  background-color: #04a273;
  color: #fff;
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms .checkboxbutton:checked + label:after,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms .checkboxbutton:checked + label:after,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms .checkboxbutton:checked + label:after,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms .checkboxbutton:checked + label:after {
  background-image: url(images/img_icon_check_minus.png);
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms .checkboxbutton:checked + label span,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms .checkboxbutton:checked + label span,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms .checkboxbutton:checked + label span,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms .checkboxbutton:checked + label span {
  color: #fff;
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms .radiobutton:checked + label,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms .radiobutton:checked + label,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms .radiobutton:checked + label,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms .radiobutton:checked + label {
  background-color: #04a273;
  color: #fff;
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .terms .radiobutton:checked + label:after,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .terms .radiobutton:checked + label:after,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .terms .radiobutton:checked + label:after,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .terms .radiobutton:checked + label:after {
  background-image: url(images/img_icon_check_minus.png);
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .search-btn,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .search-btn,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .search-btn,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .search-btn {
  max-width: 400px;
  margin: 0 auto 20px;
  position: relative;
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .search-btn:after,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .search-btn:after,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .search-btn:after,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .search-btn:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .search-btn:after,
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .search-btn:after,
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .search-btn:after,
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .search-btn:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .search-btn:hover:after,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .search-btn:hover:after,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .search-btn:hover:after,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .search-btn:hover:after {
  right: 20px;
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .search-btn:hover input[type=submit],
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .search-btn:hover input[type=submit],
.tax-recruit_office .content section#sec_recruit_condition .select_condition .search-btn:hover input[type=submit],
.tax-recruit_status .content section#sec_recruit_condition .select_condition .search-btn:hover input[type=submit] {
  color: #fff;
  background: #416459;
  border-color: #416459;
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .search-btn input[type=submit],
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .search-btn input[type=submit],
.tax-recruit_office .content section#sec_recruit_condition .select_condition .search-btn input[type=submit],
.tax-recruit_status .content section#sec_recruit_condition .select_condition .search-btn input[type=submit] {
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #416459;
  line-height: 1;
  letter-spacing: 2px;
  padding: 25px 30px;
  margin-bottom: 20px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_condition .select_condition .search-btn input[type=submit],
  .tax-recruit_cat .content section#sec_recruit_condition .select_condition .search-btn input[type=submit],
  .tax-recruit_office .content section#sec_recruit_condition .select_condition .search-btn input[type=submit],
  .tax-recruit_status .content section#sec_recruit_condition .select_condition .search-btn input[type=submit] {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px 25px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition input[type=reset],
.tax-recruit_cat .content section#sec_recruit_condition .select_condition input[type=reset],
.tax-recruit_office .content section#sec_recruit_condition .select_condition input[type=reset],
.tax-recruit_status .content section#sec_recruit_condition .select_condition input[type=reset] {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #e45a50;
  background: none;
  border: none;
  text-decoration: underline;
  text-align: center;
  padding: 0;
  margin: 0 0 0 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .reset-btn,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .reset-btn,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .reset-btn,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .reset-btn {
  text-align: center;
}
.post-type-archive-recruit .content section#sec_recruit_condition .select_condition .reset-btn a,
.tax-recruit_cat .content section#sec_recruit_condition .select_condition .reset-btn a,
.tax-recruit_office .content section#sec_recruit_condition .select_condition .reset-btn a,
.tax-recruit_status .content section#sec_recruit_condition .select_condition .reset-btn a {
  text-decoration: underline;
}
.post-type-archive-recruit .content section#sec_recruit_list,
.tax-recruit_cat .content section#sec_recruit_list,
.tax-recruit_office .content section#sec_recruit_list,
.tax-recruit_status .content section#sec_recruit_list {
  margin-bottom: 0;
  padding: 0 0 80px;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_list,
  .tax-recruit_cat .content section#sec_recruit_list,
  .tax-recruit_office .content section#sec_recruit_list,
  .tax-recruit_status .content section#sec_recruit_list {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_list,
  .tax-recruit_cat .content section#sec_recruit_list,
  .tax-recruit_office .content section#sec_recruit_list,
  .tax-recruit_status .content section#sec_recruit_list {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section#sec_recruit_list,
  .tax-recruit_cat .content section#sec_recruit_list,
  .tax-recruit_office .content section#sec_recruit_list,
  .tax-recruit_status .content section#sec_recruit_list {
    padding-bottom: 40px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_list h2,
.tax-recruit_cat .content section#sec_recruit_list h2,
.tax-recruit_office .content section#sec_recruit_list h2,
.tax-recruit_status .content section#sec_recruit_list h2 {
  font-size: 30px;
  font-size: 3rem;
  color: #416459;
  letter-spacing: 4px;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section#sec_recruit_list h2,
  .tax-recruit_cat .content section#sec_recruit_list h2,
  .tax-recruit_office .content section#sec_recruit_list h2,
  .tax-recruit_status .content section#sec_recruit_list h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_list h2,
  .tax-recruit_cat .content section#sec_recruit_list h2,
  .tax-recruit_office .content section#sec_recruit_list h2,
  .tax-recruit_status .content section#sec_recruit_list h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 3px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_list h2,
  .tax-recruit_cat .content section#sec_recruit_list h2,
  .tax-recruit_office .content section#sec_recruit_list h2,
  .tax-recruit_status .content section#sec_recruit_list h2 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section#sec_recruit_list h2,
  .tax-recruit_cat .content section#sec_recruit_list h2,
  .tax-recruit_office .content section#sec_recruit_list h2,
  .tax-recruit_status .content section#sec_recruit_list h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_list h3,
.tax-recruit_cat .content section#sec_recruit_list h3,
.tax-recruit_office .content section#sec_recruit_list h3,
.tax-recruit_status .content section#sec_recruit_list h3 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #04a273;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_list h3,
  .tax-recruit_cat .content section#sec_recruit_list h3,
  .tax-recruit_office .content section#sec_recruit_list h3,
  .tax-recruit_status .content section#sec_recruit_list h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_list h3,
  .tax-recruit_cat .content section#sec_recruit_list h3,
  .tax-recruit_office .content section#sec_recruit_list h3,
  .tax-recruit_status .content section#sec_recruit_list h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section#sec_recruit_list h3,
  .tax-recruit_cat .content section#sec_recruit_list h3,
  .tax-recruit_office .content section#sec_recruit_list h3,
  .tax-recruit_status .content section#sec_recruit_list h3 {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.post-type-archive-recruit .content section#sec_recruit_list h3 span,
.tax-recruit_cat .content section#sec_recruit_list h3 span,
.tax-recruit_office .content section#sec_recruit_list h3 span,
.tax-recruit_status .content section#sec_recruit_list h3 span {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 2px;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_list h3 span,
  .tax-recruit_cat .content section#sec_recruit_list h3 span,
  .tax-recruit_office .content section#sec_recruit_list h3 span,
  .tax-recruit_status .content section#sec_recruit_list h3 span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_list h3 span,
  .tax-recruit_cat .content section#sec_recruit_list h3 span,
  .tax-recruit_office .content section#sec_recruit_list h3 span,
  .tax-recruit_status .content section#sec_recruit_list h3 span {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section#sec_recruit_list h3 span,
  .tax-recruit_cat .content section#sec_recruit_list h3 span,
  .tax-recruit_office .content section#sec_recruit_list h3 span,
  .tax-recruit_status .content section#sec_recruit_list h3 span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.post-type-archive-recruit .content section#sec_recruit_list .lead,
.tax-recruit_cat .content section#sec_recruit_list .lead,
.tax-recruit_office .content section#sec_recruit_list .lead,
.tax-recruit_status .content section#sec_recruit_list .lead {
  text-align: center;
  line-height: 2.2;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section#sec_recruit_list .lead,
  .tax-recruit_cat .content section#sec_recruit_list .lead,
  .tax-recruit_office .content section#sec_recruit_list .lead,
  .tax-recruit_status .content section#sec_recruit_list .lead {
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_list .lead,
  .tax-recruit_cat .content section#sec_recruit_list .lead,
  .tax-recruit_office .content section#sec_recruit_list .lead,
  .tax-recruit_status .content section#sec_recruit_list .lead {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_list .lead,
  .tax-recruit_cat .content section#sec_recruit_list .lead,
  .tax-recruit_office .content section#sec_recruit_list .lead,
  .tax-recruit_status .content section#sec_recruit_list .lead {
    padding: 0 25px;
    text-align: left;
    line-height: 2;
    margin-bottom: 30px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_list .no_recruit_post,
.tax-recruit_cat .content section#sec_recruit_list .no_recruit_post,
.tax-recruit_office .content section#sec_recruit_list .no_recruit_post,
.tax-recruit_status .content section#sec_recruit_list .no_recruit_post {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_list .no_recruit_post,
  .tax-recruit_cat .content section#sec_recruit_list .no_recruit_post,
  .tax-recruit_office .content section#sec_recruit_list .no_recruit_post,
  .tax-recruit_status .content section#sec_recruit_list .no_recruit_post {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_list .no_recruit_post,
  .tax-recruit_cat .content section#sec_recruit_list .no_recruit_post,
  .tax-recruit_office .content section#sec_recruit_list .no_recruit_post,
  .tax-recruit_status .content section#sec_recruit_list .no_recruit_post {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.post-type-archive-recruit .content section#sec_recruit_list .no_recruit_post a,
.tax-recruit_cat .content section#sec_recruit_list .no_recruit_post a,
.tax-recruit_office .content section#sec_recruit_list .no_recruit_post a,
.tax-recruit_status .content section#sec_recruit_list .no_recruit_post a {
  color: #4b92e4;
  text-decoration: underline;
}
.post-type-archive-recruit .content section#sec_recruit_list ul,
.tax-recruit_cat .content section#sec_recruit_list ul,
.tax-recruit_office .content section#sec_recruit_list ul,
.tax-recruit_status .content section#sec_recruit_list 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: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul,
  .tax-recruit_cat .content section#sec_recruit_list ul,
  .tax-recruit_office .content section#sec_recruit_list ul,
  .tax-recruit_status .content section#sec_recruit_list ul {
    max-width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul,
  .tax-recruit_cat .content section#sec_recruit_list ul,
  .tax-recruit_office .content section#sec_recruit_list ul,
  .tax-recruit_status .content section#sec_recruit_list ul {
    max-width: 100%;
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul,
  .tax-recruit_cat .content section#sec_recruit_list ul,
  .tax-recruit_office .content section#sec_recruit_list ul,
  .tax-recruit_status .content section#sec_recruit_list ul {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul,
  .tax-recruit_cat .content section#sec_recruit_list ul,
  .tax-recruit_office .content section#sec_recruit_list ul,
  .tax-recruit_status .content section#sec_recruit_list ul {
    padding: 0 25px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_list ul li,
.tax-recruit_cat .content section#sec_recruit_list ul li,
.tax-recruit_office .content section#sec_recruit_list ul li,
.tax-recruit_status .content section#sec_recruit_list ul li {
  width: 48%;
  max-width: 520px;
  margin: 0 1% 30px;
  background: #fff;
  border: 1px solid #416459;
  position: relative;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul li,
  .tax-recruit_cat .content section#sec_recruit_list ul li,
  .tax-recruit_office .content section#sec_recruit_list ul li,
  .tax-recruit_status .content section#sec_recruit_list ul li {
    width: 100%;
    margin: 0 auto 40px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul li,
  .tax-recruit_cat .content section#sec_recruit_list ul li,
  .tax-recruit_office .content section#sec_recruit_list ul li,
  .tax-recruit_status .content section#sec_recruit_list ul li {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul li,
  .tax-recruit_cat .content section#sec_recruit_list ul li,
  .tax-recruit_office .content section#sec_recruit_list ul li,
  .tax-recruit_status .content section#sec_recruit_list ul li {
    margin-bottom: 20px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_list ul li:nth-child(even),
.tax-recruit_cat .content section#sec_recruit_list ul li:nth-child(even),
.tax-recruit_office .content section#sec_recruit_list ul li:nth-child(even),
.tax-recruit_status .content section#sec_recruit_list ul li:nth-child(even) {
  margin-right: 0;
  margin-left: 2%;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul li:nth-child(even),
  .tax-recruit_cat .content section#sec_recruit_list ul li:nth-child(even),
  .tax-recruit_office .content section#sec_recruit_list ul li:nth-child(even),
  .tax-recruit_status .content section#sec_recruit_list ul li:nth-child(even) {
    margin-left: 0;
  }
}
.post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_momoya_oahu .company_name, .post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_momoya_bali .company_name,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_momoya_oahu .company_name,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_momoya_bali .company_name,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_momoya_oahu .company_name,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_momoya_bali .company_name,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_momoya_oahu .company_name,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_momoya_bali .company_name {
  background: #17b9b1;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_momoya_oahu a:after, .post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_momoya_bali a:after,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_momoya_oahu a:after,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_momoya_bali a:after,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_momoya_oahu a:after,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_momoya_bali a:after,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_momoya_oahu a:after,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_momoya_bali a:after {
  border-left-color: #17b9b1;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_momoya_oahu .recruit_cat, .post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_momoya_bali .recruit_cat,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_momoya_oahu .recruit_cat,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_momoya_bali .recruit_cat,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_momoya_oahu .recruit_cat,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_momoya_bali .recruit_cat,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_momoya_oahu .recruit_cat,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_momoya_bali .recruit_cat {
  color: #17b9b1;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_fukaya .company_name, .post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_kagohara .company_name, .post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_honjo .company_name,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_fukaya .company_name,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_kagohara .company_name,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_honjo .company_name,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_fukaya .company_name,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_kagohara .company_name,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_honjo .company_name,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_fukaya .company_name,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_kagohara .company_name,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_honjo .company_name {
  background: #ee8122;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_fukaya a:after, .post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_kagohara a:after, .post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_honjo a:after,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_fukaya a:after,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_kagohara a:after,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_honjo a:after,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_fukaya a:after,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_kagohara a:after,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_honjo a:after,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_fukaya a:after,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_kagohara a:after,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_honjo a:after {
  border-left-color: #ee8122;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_fukaya .recruit_cat, .post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_kagohara .recruit_cat, .post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_honjo .recruit_cat,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_fukaya .recruit_cat,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_kagohara .recruit_cat,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_honjo .recruit_cat,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_fukaya .recruit_cat,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_kagohara .recruit_cat,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_honjo .recruit_cat,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_fukaya .recruit_cat,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_kagohara .recruit_cat,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_kids_honjo .recruit_cat {
  color: #ee8122;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_origuchi .company_name, .post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_kamishiba .company_name, .post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_fukaya .company_name,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_origuchi .company_name,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_kamishiba .company_name,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_fukaya .company_name,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_origuchi .company_name,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_kamishiba .company_name,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_fukaya .company_name,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_origuchi .company_name,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_kamishiba .company_name,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_fukaya .company_name {
  background: #f19c0a;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_origuchi a:after, .post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_kamishiba a:after, .post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_fukaya a:after,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_origuchi a:after,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_kamishiba a:after,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_fukaya a:after,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_origuchi a:after,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_kamishiba a:after,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_fukaya a:after,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_origuchi a:after,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_kamishiba a:after,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_fukaya a:after {
  border-left-color: #f19c0a;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_origuchi .recruit_cat, .post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_kamishiba .recruit_cat, .post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_bamboohat_fukaya .recruit_cat,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_origuchi .recruit_cat,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_kamishiba .recruit_cat,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_bamboohat_fukaya .recruit_cat,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_origuchi .recruit_cat,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_kamishiba .recruit_cat,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_bamboohat_fukaya .recruit_cat,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_origuchi .recruit_cat,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_kamishiba .recruit_cat,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_bamboohat_fukaya .recruit_cat {
  color: #f19c0a;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_life_balance .company_name,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_life_balance .company_name,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_life_balance .company_name,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_life_balance .company_name {
  background: #089067;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_life_balance a:after,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_life_balance a:after,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_life_balance a:after,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_life_balance a:after {
  border-left-color: #089067;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li.recruit_office_life_balance .recruit_cat,
.tax-recruit_cat .content section#sec_recruit_list ul li.recruit_office_life_balance .recruit_cat,
.tax-recruit_office .content section#sec_recruit_list ul li.recruit_office_life_balance .recruit_cat,
.tax-recruit_status .content section#sec_recruit_list ul li.recruit_office_life_balance .recruit_cat {
  color: #089067;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li .company_name,
.tax-recruit_cat .content section#sec_recruit_list ul li .company_name,
.tax-recruit_office .content section#sec_recruit_list ul li .company_name,
.tax-recruit_status .content section#sec_recruit_list ul li .company_name {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: normal;
  background: #ef8b3d;
  padding: 10px;
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul li .company_name,
  .tax-recruit_cat .content section#sec_recruit_list ul li .company_name,
  .tax-recruit_office .content section#sec_recruit_list ul li .company_name,
  .tax-recruit_status .content section#sec_recruit_list ul li .company_name {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.post-type-archive-recruit .content section#sec_recruit_list ul li a,
.tax-recruit_cat .content section#sec_recruit_list ul li a,
.tax-recruit_office .content section#sec_recruit_list ul li a,
.tax-recruit_status .content section#sec_recruit_list ul li a {
  display: block;
  padding: 30px;
  color: #416459;
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul li a,
  .tax-recruit_cat .content section#sec_recruit_list ul li a,
  .tax-recruit_office .content section#sec_recruit_list ul li a,
  .tax-recruit_status .content section#sec_recruit_list ul li a {
    padding: 25px 20px 20px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_list ul li a:after,
.tax-recruit_cat .content section#sec_recruit_list ul li a:after,
.tax-recruit_office .content section#sec_recruit_list ul li a:after,
.tax-recruit_status .content section#sec_recruit_list ul li a:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #ef8b3d;
  position: absolute;
  top: initial;
  bottom: -15px;
  right: -15px;
  transform: rotate(45deg);
}
.post-type-archive-recruit .content section#sec_recruit_list ul li .recruit_cat,
.tax-recruit_cat .content section#sec_recruit_list ul li .recruit_cat,
.tax-recruit_office .content section#sec_recruit_list ul li .recruit_cat,
.tax-recruit_status .content section#sec_recruit_list ul li .recruit_cat {
  display: inline-block;
  width: auto;
  font-size: 15px;
  font-size: 1.5rem;
  color: #ef8b3d;
  font-weight: 700;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li .recruit_jobcat,
.tax-recruit_cat .content section#sec_recruit_list ul li .recruit_jobcat,
.tax-recruit_office .content section#sec_recruit_list ul li .recruit_jobcat,
.tax-recruit_status .content section#sec_recruit_list ul li .recruit_jobcat {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul li .recruit_jobcat,
  .tax-recruit_cat .content section#sec_recruit_list ul li .recruit_jobcat,
  .tax-recruit_office .content section#sec_recruit_list ul li .recruit_jobcat,
  .tax-recruit_status .content section#sec_recruit_list ul li .recruit_jobcat {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul li .recruit_jobcat,
  .tax-recruit_cat .content section#sec_recruit_list ul li .recruit_jobcat,
  .tax-recruit_office .content section#sec_recruit_list ul li .recruit_jobcat,
  .tax-recruit_status .content section#sec_recruit_list ul li .recruit_jobcat {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul li .recruit_jobcat,
  .tax-recruit_cat .content section#sec_recruit_list ul li .recruit_jobcat,
  .tax-recruit_office .content section#sec_recruit_list ul li .recruit_jobcat,
  .tax-recruit_status .content section#sec_recruit_list ul li .recruit_jobcat {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul li .recruit_jobcat,
  .tax-recruit_cat .content section#sec_recruit_list ul li .recruit_jobcat,
  .tax-recruit_office .content section#sec_recruit_list ul li .recruit_jobcat,
  .tax-recruit_status .content section#sec_recruit_list ul li .recruit_jobcat {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.post-type-archive-recruit .content section#sec_recruit_list ul li .clinic_place,
.tax-recruit_cat .content section#sec_recruit_list ul li .clinic_place,
.tax-recruit_office .content section#sec_recruit_list ul li .clinic_place,
.tax-recruit_status .content section#sec_recruit_list ul li .clinic_place {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  color: #416459;
  background: #f1d8ae;
  padding: 3px 8px;
  margin-bottom: 20px;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li .photo,
.tax-recruit_cat .content section#sec_recruit_list ul li .photo,
.tax-recruit_office .content section#sec_recruit_list ul li .photo,
.tax-recruit_status .content section#sec_recruit_list ul li .photo {
  margin-bottom: 25px;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li .photo img,
.tax-recruit_cat .content section#sec_recruit_list ul li .photo img,
.tax-recruit_office .content section#sec_recruit_list ul li .photo img,
.tax-recruit_status .content section#sec_recruit_list ul li .photo img {
  width: 100%;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li .recruit_excerpt,
.tax-recruit_cat .content section#sec_recruit_list ul li .recruit_excerpt,
.tax-recruit_office .content section#sec_recruit_list ul li .recruit_excerpt,
.tax-recruit_status .content section#sec_recruit_list ul li .recruit_excerpt {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #416459;
}
.post-type-archive-recruit .content section#sec_recruit_list ul li .recruit_excerpt dt,
.tax-recruit_cat .content section#sec_recruit_list ul li .recruit_excerpt dt,
.tax-recruit_office .content section#sec_recruit_list ul li .recruit_excerpt dt,
.tax-recruit_status .content section#sec_recruit_list ul li .recruit_excerpt dt {
  width: 8em;
  margin-bottom: 15px;
  font-weight: 700;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul li .recruit_excerpt dt,
  .tax-recruit_cat .content section#sec_recruit_list ul li .recruit_excerpt dt,
  .tax-recruit_office .content section#sec_recruit_list ul li .recruit_excerpt dt,
  .tax-recruit_status .content section#sec_recruit_list ul li .recruit_excerpt dt {
    width: 100%;
    margin-bottom: 5px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_list ul li .recruit_excerpt dd,
.tax-recruit_cat .content section#sec_recruit_list ul li .recruit_excerpt dd,
.tax-recruit_office .content section#sec_recruit_list ul li .recruit_excerpt dd,
.tax-recruit_status .content section#sec_recruit_list ul li .recruit_excerpt dd {
  width: calc(100% - 8em);
  margin-bottom: 15px;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul li .recruit_excerpt dd,
  .tax-recruit_cat .content section#sec_recruit_list ul li .recruit_excerpt dd,
  .tax-recruit_office .content section#sec_recruit_list ul li .recruit_excerpt dd,
  .tax-recruit_status .content section#sec_recruit_list ul li .recruit_excerpt dd {
    width: 100%;
    margin-bottom: 25px;
  }
}
.post-type-archive-recruit .content section#sec_recruit_list ul li .btn_more,
.tax-recruit_cat .content section#sec_recruit_list ul li .btn_more,
.tax-recruit_office .content section#sec_recruit_list ul li .btn_more,
.tax-recruit_status .content section#sec_recruit_list ul li .btn_more {
  width: 60px;
  height: 60px;
  background: #1e7bb9;
  text-align: center;
  padding-top: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul li .btn_more,
  .tax-recruit_cat .content section#sec_recruit_list ul li .btn_more,
  .tax-recruit_office .content section#sec_recruit_list ul li .btn_more,
  .tax-recruit_status .content section#sec_recruit_list ul li .btn_more {
    width: 50px;
    height: 50px;
    padding-top: 0;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul li .btn_more,
  .tax-recruit_cat .content section#sec_recruit_list ul li .btn_more,
  .tax-recruit_office .content section#sec_recruit_list ul li .btn_more,
  .tax-recruit_status .content section#sec_recruit_list ul li .btn_more {
    width: 60px;
    height: 60px;
    padding-top: 8px;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section#sec_recruit_list ul li .btn_more,
  .tax-recruit_cat .content section#sec_recruit_list ul li .btn_more,
  .tax-recruit_office .content section#sec_recruit_list ul li .btn_more,
  .tax-recruit_status .content section#sec_recruit_list ul li .btn_more {
    width: 50px;
    height: 50px;
    padding-top: 5px;
  }
}
.post-type-archive-recruit .content section.sec_recruit,
.tax-recruit_cat .content section.sec_recruit,
.tax-recruit_office .content section.sec_recruit,
.tax-recruit_status .content section.sec_recruit {
  display: none;
}
.post-type-archive-recruit footer,
.tax-recruit_cat footer,
.tax-recruit_office footer,
.tax-recruit_status footer {
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  .single-recruit .btn_fixed_footer {
    display: none;
  }
}
.single-recruit header .main_ttl {
  background-image: url(images/bg_main_ttl_recruit.jpg);
}
.single-recruit .content .fix_btn {
  width: 49px;
  position: fixed;
  z-index: 3;
  right: 0;
  top: 250px;
}
@media screen and (max-width: 768px) {
  .single-recruit .content .fix_btn {
    display: none;
  }
}
.single-recruit .content .fix_btn a {
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  letter-spacing: 1px;
  background: #e7b06f;
  padding: 1.5rem 1.2rem;
  border-radius: 5px 0 0 5px;
  height: 230px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.single-recruit .content .fix_btn a:hover {
  color: #212121;
  background: #fff;
}
.single-recruit .content .fix_btn a i {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
}
.single-recruit .content section.recruit_wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper {
    max-width: 100%;
    padding: 0 40px;
    margin: 60px auto;
  }
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper {
    padding: 0 30px;
    margin: 50px auto;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper {
    padding: 0 20px;
    margin: 40px auto;
  }
}
.single-recruit .content section.recruit_wrapper .job_status {
  font-size: 16px;
  font-size: 1.6rem;
  color: #04a273;
  font-weight: 800;
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .job_status {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .job_status {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single-recruit .content section.recruit_wrapper .job_status .career:before {
  content: "/";
}
.single-recruit .content section.recruit_wrapper .company_name {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
}
.single-recruit .content section.recruit_wrapper h2 {
  font-size: 34px;
  font-size: 3.4rem;
  text-align: left;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.single-recruit .content section.recruit_wrapper h2#entry_form {
  text-align: center;
}
.single-recruit .content section.recruit_wrapper h2#entry_form p {
  display: inline-block;
}
.single-recruit .content section.recruit_wrapper h2 span {
  font-size: 22px;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper h2 span {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper h2 span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper h2 span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper h2 span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single-recruit .content section.recruit_wrapper h2 span:before {
  content: " / ";
}
.single-recruit .content section.recruit_wrapper .contants_nav {
  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;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .contants_nav {
    margin-bottom: 40px;
  }
}
.single-recruit .content section.recruit_wrapper .contants_nav li {
  margin-right: 40px;
}
.single-recruit .content section.recruit_wrapper .contants_nav li.link_entry_form a {
  color: #04a273;
}
.single-recruit .content section.recruit_wrapper .contants_nav li a {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  color: #416459;
  font-weight: 700;
  padding-left: 28px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .contants_nav li a {
    padding-left: 25px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .contants_nav li a {
    font-size: 15px;
    font-size: 1.5rem;
    padding-left: 22px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .contants_nav li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single-recruit .content section.recruit_wrapper .contants_nav li a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_green_yellow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 4px;
  left: 0;
  transform: rotate(90deg);
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .contants_nav li a:after {
    width: 18px;
    height: 18px;
    top: 5px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .contants_nav li a:after {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .contants_nav li a:after {
    top: 4px;
  }
}
.single-recruit .content section.recruit_wrapper .btn_entry a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.single-recruit .content section.recruit_wrapper .btn_entry a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a:after {
    right: 15px;
  }
}
.single-recruit .content section.recruit_wrapper .btn_entry a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.single-recruit .content section.recruit_wrapper .btn_entry a:hover:after {
  right: 20px;
}
.single-recruit .content section.recruit_wrapper .btn_entry a {
  max-width: 320px;
  margin: 0 auto 40px;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 12px 30px;
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 30px;
  }
}
.single-recruit .content section.recruit_wrapper h3 {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-left: 36px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper h3 {
    font-size: 22px;
    font-size: 2.2rem;
    padding-left: 32px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper h3 {
    font-size: 20px;
    font-size: 2rem;
    padding-left: 30px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 26px;
  }
}
.single-recruit .content section.recruit_wrapper h3:before {
  content: "";
  width: 26px;
  height: 26px;
  border: 5px solid #04a273;
  border-radius: 100%;
  position: absolute;
  top: 8px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper h3:before {
    top: 6px;
  }
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper h3:before {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper h3:before {
    width: 22px;
    height: 22px;
    border-width: 4px;
    top: 4px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper h3:before {
    width: 20px;
    height: 20px;
  }
}
.single-recruit .content section.recruit_wrapper .recruit_table {
  border-top: 1px solid #416459;
  border-left: 1px solid #416459;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table {
    border-bottom: 1px solid #416459;
  }
}
.single-recruit .content section.recruit_wrapper .recruit_table th,
.single-recruit .content section.recruit_wrapper .recruit_table td {
  padding: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  border-right: 1px solid #416459;
  border-bottom: 1px solid #416459;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th,
  .single-recruit .content section.recruit_wrapper .recruit_table td {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th,
  .single-recruit .content section.recruit_wrapper .recruit_table td {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 25px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th,
  .single-recruit .content section.recruit_wrapper .recruit_table td {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single-recruit .content section.recruit_wrapper .recruit_table th {
  width: 25%;
  font-weight: 700;
  color: #416459;
  text-align: center;
  vertical-align: top;
  background: #f2f9fa;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th {
    width: 100%;
    border-bottom: none;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th {
    text-align: left;
  }
}
.single-recruit .content section.recruit_wrapper .recruit_table td {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table td {
    width: 100%;
    border-bottom: none;
  }
}
.single-recruit .content section.recruit_wrapper .recruit_table td.addr span {
  display: inline-block;
  margin-right: 10px;
}
.single-recruit .content section.recruit_wrapper .recruit_table td iframe {
  height: 300px;
}
.single-recruit .content section.recruit_wrapper .recruit_table td .link_visitor {
  margin-top: 20px;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form label {
  width: 100%;
  max-width: 480px;
  display: inline-block;
  text-align: left;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form label .rec {
  color: #ea1b1b;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form input[type=text],
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form input[type=tel],
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form input[type=email] {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 10px;
  max-width: 480px;
  width: 100%;
  height: 40px;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .check-web {
  margin-top: 30px;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .check-web .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .entry_form_area .check-web .sp {
    display: block;
  }
}
.single-recruit .content section.recruit_wrapper .btn_visitor {
  margin-bottom: 50px;
}
.single-recruit .content section.recruit_wrapper .btn_visitor a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #416459;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbe553;
  border: 1px solid #fbe553;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .btn_visitor a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_visitor a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.single-recruit .content section.recruit_wrapper .btn_visitor a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_green.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_visitor a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .btn_visitor a:after {
    right: 15px;
  }
}
.single-recruit .content section.recruit_wrapper .btn_visitor a:hover {
  opacity: 1;
  /*background: #fff;
  color: settings.$baseTitleFontColor;*/
}
.single-recruit .content section.recruit_wrapper .btn_visitor a:hover:after {
  right: 20px;
}
.single-recruit .content .fix_btn2 {
  position: static;
  display: none;
}
@media screen and (max-width: 768px) {
  .single-recruit .content .fix_btn2 {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
  }
}
.single-recruit .content .fix_btn2 a {
  display: block;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 12px 10px;
  margin: 0;
  width: 100%;
  text-align: center;
  position: relative;
  background: #04a273;
}
.single-recruit .content .fix_btn2 i.far.fa-envelope {
  margin-right: 10px;
}
.single-recruit footer {
  padding-bottom: 53px;
}

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

.grecaptcha-badge { visibility: hidden; }