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

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

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

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

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

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

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

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

Author URI: http://underscores.me/
Description: Custom theme: theme_ichiro_dc, developed by Me
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: theme_ichiro_dc
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: #675044; /* 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: #675044;
  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: #f29600;
}

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: #675044;
}

.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: 140px;
}
@media screen and (max-width: 1400px) {
  html {
    scroll-padding-top: 129px;
  }
}
@media screen and (max-width: 1250px) {
  html {
    scroll-padding-top: 114px;
  }
}
@media screen and (max-width: 600px) {
  html {
    scroll-padding-top: 93px;
  }
}
@media screen and (max-width: 480px) {
  html {
    scroll-padding-top: 88px;
  }
}
@media screen and (max-width: 400px) {
  html {
    scroll-padding-top: 86px;
  }
}

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: 10;
  background: #fff;
}
header .header_top {
  padding: 20px 30px 25px 40px;
  transition: 0.5s;
}
@media screen and (max-width: 1400px) {
  header .header_top {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1250px) {
  header .header_top {
    padding: 10px 30px 20px 20px;
  }
}
@media screen and (max-width: 600px) {
  header .header_top {
    padding: 10px 20px;
  }
}
header .header_top > .logo .for_recruit {
  width: 342px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #675044;
  text-align: center;
  font-weight: 500;
  border: 1px solid #675044;
  border-radius: 100px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1400px) {
  header .header_top > .logo .for_recruit {
    width: 273.6px;
  }
}
@media screen and (max-width: 600px) {
  header .header_top > .logo .for_recruit {
    width: 239px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  header .header_top > .logo .for_recruit {
    width: 205px;
  }
}
@media screen and (max-width: 400px) {
  header .header_top > .logo .for_recruit {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1400px) {
  header .header_top > .logo img {
    width: 273.6px;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  header .header_top > .logo img {
    width: 239.4px;
  }
}
@media screen and (max-width: 480px) {
  header .header_top > .logo img {
    width: 205.2px;
  }
}
header .gnav {
  position: absolute;
  top: 46px;
  right: 30px;
  z-index: 10;
}
@media screen and (max-width: 1400px) {
  header .gnav {
    right: 20px;
  }
}
@media screen and (max-width: 1250px) {
  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: 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 > 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: #fff7de;
  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 #f5e8bf;
}
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_entry {
  width: 216px;
  margin-right: 0;
}
header .gnav ul li.gnav_entry a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  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_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@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: #f29600;
}
header .gnav ul li.gnav_entry a {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 15px 20px;
}
header .gnav ul li.gnav_entry a:after {
  content: none;
}
header .gnav a {
  font-size: 15px;
  font-size: 1.5rem;
  color: #675044;
  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: #f29600;
}

.drawer--top .drawer-hamburger {
  display: none;
  border: none;
  background: #f29600;
  box-shadow: none;
  cursor: pointer;
}
@media screen and (max-width: 1250px) {
  .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: "Montserrat", 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: #fff7de;
  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: "Montserrat", serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #f29600;
  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 #dec884;
}
.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: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  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_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@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: #f29600;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li a {
  display: block;
  padding: 20px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #675044;
  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: #675044;
  position: absolute;
  top: 50%;
  left: 0;
}

.btn_fixed_footer {
  display: none;
}
@media screen and (max-width: 768px) {
  .btn_fixed_footer {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
  }
  .btn_fixed_footer a {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 800;
    text-align: center;
    background: #e0ba81;
  }
}

#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: #675044;
  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: 80%;
  right: 0;
  z-index: 2;
  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;
}
@media screen and (max-width: 600px) {
  .fixed-btn-new-graduate a .photo {
    width: 50px;
  }
}
.fixed-btn-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;
  right: -4px;
}
@media screen and (max-width: 600px) {
  .fixed-btn-new-graduate a .photo:after {
    width: 13.3px;
    height: 19.6px;
  }
}
.fixed-btn-new-graduate a p {
  width: calc(100% - 80px);
  font-size: 15px;
  font-size: 1.5rem;
  color: #675044;
  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 {
    bottom: 110px;
  }
}
.mainvisual {
  height: 660px;
  padding: 250px 20px 0;
  background: #ecf2f9 url(images/img_mainvisual.jpg) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 1250px) {
  .mainvisual {
    height: 600px;
    padding-top: 220px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual {
    height: 560px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual {
    height: 540px;
    padding-top: 220px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual {
    height: 500px;
    padding-top: 200px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual {
    height: 460px;
    padding-top: 180px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual {
    height: 420px;
    padding-top: 165px;
  }
}
.mainvisual .catch_area .catch_main {
  font-size: 68px;
  font-size: 6.8rem;
  color: #fff;
  font-weight: 900;
  text-align: center;
  text-shadow: 0 0 10px #6b3b30;
  line-height: 1.4;
  letter-spacing: 10px;
  margin-bottom: 35px;
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area .catch_main {
    font-size: 60px;
    font-size: 6rem;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .catch_main {
    font-size: 54px;
    font-size: 5.4rem;
    letter-spacing: 8px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .catch_main {
    font-size: 46px;
    font-size: 4.6rem;
    letter-spacing: 6px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_main {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 5px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .catch_main {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 3px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch_area .catch_main {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 1px;
  }
}
.mainvisual .catch_area .catch_main span {
  position: relative;
}
.mainvisual .catch_area .catch_main span img {
  position: absolute;
  top: -42px;
  left: -94px;
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .catch_main span img {
    width: 153px;
    height: 64.8px;
    top: -60px;
    left: -40px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .catch_main span img {
    width: 136px;
    height: 57.6px;
    top: -50px;
    left: -10px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_main span img {
    width: 119px;
    height: 50.4px;
    left: 0;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .catch_main span img {
    width: 102px;
    height: 43.2px;
    top: -40px;
  }
}
.mainvisual .catch_area .catch_sub {
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  letter-spacing: 4px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.mainvisual .catch_area .catch_sub br {
  display: none;
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_sub br {
    display: block;
  }
}
.mainvisual .catch_area .catch_sub span {
  font-size: 26px;
  font-size: 2.6rem;
  color: #ffdd44;
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .catch_sub span {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .catch_sub span {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_sub span {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .catch_sub span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch_area .catch_sub span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.mainvisual .catch_area .catch_sub span:last-child {
  font-size: 22px;
  font-size: 2.2rem;
  color: #b6e652;
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .catch_sub span:last-child {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .catch_sub span:last-child {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_sub span:last-child {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .catch_sub span:last-child {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.mainvisual .catch_area .catch_sub span:last-child em {
  font-size: 26px;
  font-size: 2.6rem;
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .catch_sub span:last-child em {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .catch_sub span:last-child em {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_sub span:last-child em {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .catch_sub span:last-child em {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch_area .catch_sub span:last-child em {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.mainvisual .catch_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.mainvisual .catch_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch_area .btn_more a:after {
    right: 15px;
  }
}
.mainvisual .catch_area .btn_more a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .btn_more a {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .btn_more a {
    padding: 13px 20px;
  }
}
.mainvisual .mv_photo {
  width: calc(100% - 680px);
}
@media screen and (max-width: 1400px) {
  .mainvisual .mv_photo {
    width: calc(100% - 620px);
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual .mv_photo {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .mv_photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
.mainvisual .mv_photo img {
  width: 100%;
  height: 660px;
  object-fit: cover;
  border-radius: 0 30px 30px 0;
}
@media screen and (max-width: 1400px) {
  .mainvisual .mv_photo img {
    height: 580px;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual .mv_photo img {
    height: 460px;
    border-radius: 0 20px 20px 0;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .mv_photo img {
    height: 540px;
    border-radius: 20px 20px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .mv_photo img {
    height: 420px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .mv_photo img {
    height: 320px;
    border-radius: 15px 15px 0 0;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .mv_photo img {
    height: 240px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .mv_photo img {
    height: 220px;
  }
}

/* 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: "Montserrat", 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: #675044;
  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: "Montserrat", serif;
  font-size: 60px;
  font-size: 6rem;
  color: #f7ee88;
  text-align: center;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 10px;
  text-shadow: -1px -1px 0 #675044, 1px -1px 0 #675044, -1px 1px 0 #675044, 1px 1px 0 #675044;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .content section .ttl_en {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media screen and (max-width: 600px) {
  .content section .ttl_en {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section .ttl_en {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: 8px;
  }
}
@media screen and (max-width: 400px) {
  .content section .ttl_en {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
.content section h2 {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 4px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1250px) {
  .content section h2 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .content section h2 {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 768px) {
  .content section h2 {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 600px) {
  .content section h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }
}
.content section.sec_message {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  overflow: hidden;
  position: relative;
}
.content section.sec_message:before {
  content: "";
  width: 136px;
  height: 132px;
  background: url(images/bg_top_lead_ink01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 92px;
  left: -40px;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .content section.sec_message:before {
    left: -60px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message:before {
    width: 108.8px;
    height: 105.6px;
    top: 112px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message:before {
    width: 95.2px;
    height: 92.4px;
    left: initial;
    right: -40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message:before {
    width: 81.6px;
    height: 79.2px;
  }
}
.content section.sec_message:after {
  content: "";
  width: 122px;
  height: 116px;
  background: url(images/bg_top_lead_ink02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 864px;
  left: -54px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .content section.sec_message:after {
    width: 97.6px;
    height: 92.8px;
    top: 780px;
  }
}
.content section.sec_message .message_inner {
  position: relative;
}
.content section.sec_message .message_inner:before {
  content: "";
  width: 148px;
  height: 150px;
  background: url(images/bg_top_lead_ink03.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 800px;
  right: -78px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .content section.sec_message .message_inner:before {
    width: 133.2px;
    height: 135px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .message_inner:before {
    width: 118.4px;
    height: 120px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .message_inner:before {
    width: 103.6px;
    height: 105px;
  }
}
.content section.sec_message .message_inner:after {
  content: "";
  width: 150px;
  height: 142px;
  background: url(images/bg_top_lead_ink04.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 1140px;
  right: 84px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .content section.sec_message .message_inner:after {
    width: 120px;
    height: 113.6px;
  }
}
.content section.sec_message .ttl_en {
  margin-bottom: 40px;
}
.content section.sec_message h2 {
  font-size: 36px;
  font-size: 3.6rem;
  letter-spacing: 8px;
  padding-bottom: 66px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_message h2 {
    font-size: 32px;
    font-size: 3.2rem;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message h2 {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 6px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 4px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.content section.sec_message h2:after {
  content: "";
  width: 220px;
  height: 26px;
  background: url(images/img_icon_smile.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 600px) {
  .content section.sec_message h2:after {
    width: 198px;
    height: 23.4px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message h2:after {
    width: 176px;
    height: 20.8px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message h2:after {
    width: 154px;
    height: 18.2px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message h2 {
    margin-bottom: 40px;
  }
}
.content section.sec_message h2 span {
  position: relative;
}
.content section.sec_message h2 span:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.5em;
  background-color: #f9f468;
  z-index: -1;
}
.content section.sec_message h2 span:after {
  content: "";
  width: 23px;
  height: 23px;
  background: url(images/img_icon_star.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -12px;
  right: -4px;
}
@media screen and (max-width: 600px) {
  .content section.sec_message h2 span:after {
    width: 20.7px;
    height: 20.7px;
  }
}
.content section.sec_message .catch {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 40px;
  padding: 0 40px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .catch {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .catch {
    text-align: left;
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .catch {
    padding: 0 25px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_message .catch em {
  color: #f29600;
}
.content section.sec_message .msg_area {
  width: 100%;
  max-width: 880px;
  margin: 0 auto 60px;
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .content section.sec_message .msg_area {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_area {
    padding: 0 25px;
  }
}
.content section.sec_message .msg_area .msg_area_inner {
  background: url(images/bg_top_lead.png) no-repeat 0 0;
  background-size: cover;
  padding: 60px 40px;
  border-radius: 20px;
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_area .msg_area_inner {
    padding: 50px 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .msg_area .msg_area_inner {
    padding: 40px 30px;
  }
}
.content section.sec_message .msg_area p {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  line-height: 2.2;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .content section.sec_message .msg_area p {
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_area p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.9;
  }
}
.content section.sec_message .msg_area p:last-child {
  margin-bottom: 0;
}
.content section.sec_message .msg_area p.ttl {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_area p.ttl {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .msg_area p.ttl {
    margin-bottom: 20px;
  }
}
.content section.sec_message .msg_area p.ttl span {
  display: inline-block;
}
.content section.sec_message .msg_area .signature {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
}
.content section.sec_message .msg_area .signature .name {
  font-size: 16px;
  font-size: 1.6rem;
}
.content section.sec_message .btn_more a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  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_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@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: #f29600;
}
.content section.sec_message .staff_smile_photo {
  position: absolute;
}
.content section.sec_message .staff_smile_photo.staff01 {
  top: 200px;
  left: 250px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_message .staff_smile_photo.staff01 {
    left: 70px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .staff_smile_photo.staff01 {
    left: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .staff_smile_photo.staff01 {
    left: -10px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .staff_smile_photo.staff01 {
    top: 140px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .staff_smile_photo.staff01 {
    top: 120px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .staff_smile_photo.staff01 {
    top: 100px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .staff_smile_photo.staff01 img {
    width: 110.4px;
    height: 130.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .staff_smile_photo.staff01 img {
    width: 96.6px;
    height: 114.1px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .staff_smile_photo.staff01 img {
    width: 82.8px;
    height: 97.8px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .staff_smile_photo.staff01 img {
    width: 69px;
    height: 81.5px;
  }
}
.content section.sec_message .staff_smile_photo.staff02 {
  top: 160px;
  right: 84px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .staff_smile_photo.staff02 {
    right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .staff_smile_photo.staff02 {
    right: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .staff_smile_photo.staff02 {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .staff_smile_photo.staff02 img {
    width: 116.8px;
    height: 138.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .staff_smile_photo.staff02 img {
    width: 102.2px;
    height: 121.1px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .staff_smile_photo.staff02 img {
    width: 87.6px;
    height: 103.8px;
  }
}
.content section.sec_message .staff_smile_photo.staff03 {
  top: 560px;
  left: 75px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .staff_smile_photo.staff03 {
    top: 500px;
    left: 35px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .staff_smile_photo.staff03 {
    top: 440px;
    left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .staff_smile_photo.staff03 {
    top: 400px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .staff_smile_photo.staff03 {
    top: 420px;
    left: initial;
    right: 10px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .staff_smile_photo.staff03 {
    top: 385px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .staff_smile_photo.staff03 img {
    width: 110.4px;
    height: 130.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .staff_smile_photo.staff03 img {
    width: 96.6px;
    height: 114.1px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .staff_smile_photo.staff03 img {
    width: 82.8px;
    height: 97.8px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .staff_smile_photo.staff03 img {
    width: 69px;
    height: 81.5px;
  }
}
.content section.sec_message .staff_smile_photo.staff04 {
  top: 552px;
  right: 145px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .staff_smile_photo.staff04 {
    right: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .staff_smile_photo.staff04 {
    top: 460px;
    right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .staff_smile_photo.staff04 {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .staff_smile_photo.staff04 img {
    width: 110.4px;
    height: 130.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .staff_smile_photo.staff04 img {
    width: 96.6px;
    height: 114.1px;
  }
}
.content section.sec_message .staff_smile_photo.staff05 {
  top: 980px;
  left: 280px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_message .staff_smile_photo.staff05 {
    left: 110px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .staff_smile_photo.staff05 {
    top: 1000px;
    left: 90px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .staff_smile_photo.staff05 {
    left: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .staff_smile_photo.staff05 {
    top: 1100px;
    left: -20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .staff_smile_photo.staff05 {
    top: 1050px;
    left: -10px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .staff_smile_photo.staff05 {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .staff_smile_photo.staff05 img {
    width: 110.4px;
    height: 130.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .staff_smile_photo.staff05 img {
    width: 96.6px;
    height: 114.1px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .staff_smile_photo.staff05 img {
    width: 82.8px;
    height: 97.8px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .staff_smile_photo.staff05 img {
    width: 69px;
    height: 81.5px;
  }
}
.content section.sec_message .staff_smile_photo.doctor {
  top: 975px;
  right: 296px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_message .staff_smile_photo.doctor {
    right: 200px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .staff_smile_photo.doctor {
    top: 900px;
    right: 80px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .staff_smile_photo.doctor {
    right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .staff_smile_photo.doctor {
    top: 960px;
    right: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .staff_smile_photo.doctor {
    top: 1100px;
    right: -10px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .staff_smile_photo.doctor {
    top: 920px;
    right: 5px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .staff_smile_photo.doctor {
    top: 940px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .staff_smile_photo.doctor img {
    width: 140.8px;
    height: 162.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .staff_smile_photo.doctor img {
    width: 123.2px;
    height: 142.1px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .staff_smile_photo.doctor img {
    width: 88px;
    height: 101.5px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .staff_smile_photo.doctor img {
    width: 79.2px;
    height: 91.35px;
  }
}
.content section.sec_message .photo_gallery {
  position: relative;
}
.content section.sec_message .photo_gallery:after {
  content: "Smile";
  font-family: "adobe-handwriting-ernie", sans-serif;
  font-size: 44px;
  font-size: 4.4rem;
  color: #f2c89d;
  font-weight: 400;
  letter-spacing: 8px;
  position: absolute;
  top: -40px;
  left: 30%;
  transform: rotate(-7.4deg);
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo_gallery:after {
    font-size: 40px;
    font-size: 4rem;
    top: -35px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .photo_gallery:after {
    font-size: 36px;
    font-size: 3.6rem;
    top: -30px;
    left: 10%;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .photo_gallery:after {
    font-size: 32px;
    font-size: 3.2rem;
    top: -25px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .photo_gallery:after {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.content section.sec_message .photo_gallery img {
  width: 580px;
  margin: 0 10px;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo_gallery img {
    width: 480px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .photo_gallery img {
    width: 400px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .photo_gallery img {
    width: 360px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .photo_gallery img {
    width: 300px;
    border-radius: 10px;
    margin: 0 5px;
  }
}
.content section.sec_about {
  padding-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_about {
    padding-bottom: 0;
  }
}
.content section.sec_about .ttl_en {
  text-align: left;
  margin-bottom: 60px;
  margin-left: -140px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_about .ttl_en {
    margin-bottom: 10px;
    margin-left: 0;
  }
}
.content section.sec_about h2 {
  font-size: 32px;
  font-size: 3.2rem;
  text-align: left;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .content section.sec_about h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_about h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_about h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_about .lead {
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_about .lead {
    margin-bottom: 0;
  }
}
.content section.sec_about .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;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .content section.sec_about .about_header {
    margin-bottom: 30px;
  }
}
.content section.sec_about .about_header .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;
  margin: 60px 0 0 60px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_about .about_header .ttl_area {
    width: calc(100% - 540px);
    margin: 40px 0 0 40px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_about .about_header .ttl_area {
    width: 100%;
    margin-left: 0;
  }
}
.content section.sec_about .about_header .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_about .about_header .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_about .about_header .photo {
    width: 100%;
  }
}
.content section.sec_about .about_header .photo img {
  height: 490px;
  object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_about .about_header .photo img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_about .about_header .photo img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about .about_header .photo img {
    border-radius: 15px;
  }
}
.content section.sec_about .about_box {
  background: #fff7de;
  border-radius: 20px;
  padding: 50px;
}
@media screen and (max-width: 600px) {
  .content section.sec_about .about_box {
    padding: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about .about_box {
    padding: 25px;
    border-radius: 15px;
  }
}
.content section.sec_about .about_box .link_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_about .about_box .link_list ul {
  width: 46.61%;
}
@media screen and (max-width: 1000px) {
  .content section.sec_about .about_box .link_list ul {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_about .about_box .link_list ul:first-child {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #decfb9;
  }
}
.content section.sec_about .about_box .link_list ul li {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #decfb9;
}
@media screen and (max-width: 480px) {
  .content section.sec_about .about_box .link_list ul li {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.content section.sec_about .about_box .link_list ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.content section.sec_about .about_box .link_list ul li a {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #675044;
  letter-spacing: 2px;
  line-height: 1.5;
  padding-right: 40px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_about .about_box .link_list ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about .about_box .link_list ul li a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_about .about_box .link_list ul li a:before {
  content: "";
  width: 28px;
  height: 28px;
  background: url(images/img_icon_arrow_brown.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 600px) {
  .content section.sec_about .about_box .link_list ul li a:before {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about .about_box .link_list ul li a:before {
    width: 20px;
    height: 20px;
  }
}
.content section.sec_about .about_box .link_list ul li a:hover:before {
  right: -5px;
}
.content section.sec_about .about_box .link_list ul li .ttl {
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .content section.sec_about .about_box .link_list ul li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about .about_box .link_list ul li .ttl {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_about .about_box .link_list ul li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_about .about_box .link_list ul li .catch {
  font-size: 15px;
  font-size: 1.5rem;
  color: #f29600;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .content section.sec_about .about_box .link_list ul li .catch {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about .about_box .link_list ul li .catch {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
.content section.sec_doctor {
  max-width: 1360px;
  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: 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;
  overflow: hidden;
}
.content section.sec_doctor .txt_area {
  width: 54.68%;
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .txt_area {
    width: 100%;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area {
    margin-bottom: 120px;
  }
}
.content section.sec_doctor .txt_area .ttl_en {
  text-align: left;
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .txt_area .ttl_en {
    letter-spacing: 8px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area .ttl_en {
    letter-spacing: 6px;
  }
}
.content section.sec_doctor .txt_area h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  /*@include settings.font-size(20);
  text-align: left;
  @include mq.mq(tab_600) {
  	@include settings.font-size(18);
  	letter-spacing: 3px;
  }
  @include mq.mq(sms_480) {
  	@include settings.font-size(16);
  }
  @include mq.mq(sm_400) {
  	@include settings.font-size(15);
  	letter-spacing: 2px;
  }*/
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .txt_area h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .txt_area h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
.content section.sec_doctor .txt_area .message {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor .txt_area .message {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .txt_area .message {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .txt_area .message {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .txt_area .message {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area .message {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .txt_area .message {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_doctor .txt_area .message span {
  display: inline-block;
  text-indent: -0.5em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .txt_area .message span {
    display: inline;
  }
}
.content section.sec_doctor .txt_area .message span:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.5em;
  background-color: #f9f468;
  z-index: -1;
}
.content section.sec_doctor .txt_area .link_list {
  padding: 50px;
  background: #fff7de;
  border-radius: 20px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor .txt_area .link_list {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .txt_area .link_list {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area .link_list {
    border-radius: 15px;
    padding: 25px;
  }
}
.content section.sec_doctor .txt_area .link_list ul li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #decfb9;
}
.content section.sec_doctor .txt_area .link_list ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.content section.sec_doctor .txt_area .link_list ul li a {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #675044;
  letter-spacing: 2px;
  line-height: 1.5;
  padding-right: 40px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .txt_area .link_list ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area .link_list ul li a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_doctor .txt_area .link_list ul li a:before {
  content: "";
  width: 28px;
  height: 28px;
  background: url(images/img_icon_arrow_brown.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .txt_area .link_list ul li a:before {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area .link_list ul li a:before {
    width: 20px;
    height: 20px;
  }
}
.content section.sec_doctor .txt_area .link_list ul li a:hover:before {
  right: -5px;
}
.content section.sec_doctor .txt_area .link_list ul li .ttl {
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .txt_area .link_list ul li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area .link_list ul li .ttl {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .txt_area .link_list ul li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_doctor .txt_area .link_list ul li .catch {
  font-size: 15px;
  font-size: 1.5rem;
  color: #f29600;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .txt_area .link_list ul li .catch {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area .link_list ul li .catch {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
.content section.sec_doctor .photo_area {
  width: 40.62%;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .photo_area {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .photo_area {
    max-width: 480px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .photo_area {
    max-width: 380px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .photo_area {
    max-width: 100%;
  }
}
.content section.sec_doctor .photo_area .message_box {
  position: absolute;
  top: -47px;
  left: -100px;
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .photo_area .message_box {
    top: -70px;
    left: -70px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .photo_area .message_box {
    left: -55px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .photo_area .message_box {
    top: -82px;
    left: -20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .photo_area .message_box {
    left: -30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .photo_area .message_box img {
    width: 214.4px;
    height: 108px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .photo_area .message_box img {
    width: 187.6px;
    height: 94.5px;
  }
}
.content section.sec_doctor .photo_area .photo > img {
  border-radius: 30px;
  height: 500px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .photo_area .photo > img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .photo_area .photo > img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .photo_area .photo > img {
    height: 380px;
    border-radius: 15px;
  }
}
.content section.sec_doctor .photo_area .signature {
  background: #fff;
  text-align: left;
  font-weight: 500;
  padding: 15px 20px;
  border-radius: 0 10px 10px 0;
  position: absolute;
  bottom: 30px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .photo_area .signature {
    padding: 10px 18px;
    border-radius: 0 8px 8px 0;
    bottom: 20px;
  }
}
.content section.sec_doctor .photo_area .signature .clinic_name {
  font-size: 14px;
  font-size: 1.4rem;
  color: #8dc21f;
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .photo_area .signature .clinic_name {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.content section.sec_doctor .photo_area .signature .doctor_name {
  font-size: 17px;
  font-size: 1.7rem;
  letter-spacing: 2px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .photo_area .signature .doctor_name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_interview {
  background: url(images/bg_top_interview.png) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 480px) {
  .content section.sec_interview {
    padding-top: 70px;
  }
}
.content section.sec_interview .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;
  background: #fff;
  border-radius: 30px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .section_inner {
    border-radius: 20px;
  }
}
.content section.sec_interview .section_inner:after {
  content: "";
  width: 163px;
  height: 124px;
  background: url(images/img_msg_baloon_interview.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -66px;
  left: -49px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_interview .section_inner:after {
    left: -30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .section_inner:after {
    width: 146.7px;
    height: 111.6px;
    top: -60px;
    left: -20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .section_inner:after {
    width: 130.4px;
    height: 99.2px;
    left: -15px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .section_inner:after {
    width: 114.1px;
    height: 86.8px;
    top: -55px;
    left: -15px;
  }
}
.content section.sec_interview .photo_area {
  width: 50%;
  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: 1000px) {
  .content section.sec_interview .photo_area {
    width: 100%;
  }
}
.content section.sec_interview .photo_area img {
  width: 50%;
  height: 264px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo_area img {
    height: auto;
  }
}
.content section.sec_interview .photo_area img.photo01 {
  border-radius: 30px 0 0 0;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .photo_area img.photo01 {
    border-radius: 20px 0 0 0;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo_area img.photo02 {
    border-radius: 0 30px 0 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .photo_area img.photo02 {
    border-radius: 0 20px 0 0;
  }
}
.content section.sec_interview .photo_area img.photo03 {
  border-radius: 0 0 0 30px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo_area img.photo03 {
    border-radius: 0;
  }
}
.content section.sec_interview .interview_box {
  width: 50%;
  padding: 60px 50px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .interview_box {
    padding: 50px 40px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .interview_box {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_box {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_box {
    padding: 35px 25px;
  }
}
.content section.sec_interview .interview_box .ttl_en {
  text-align: left;
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .interview_box .ttl_en {
    font-size: 50px;
    font-size: 5rem;
    letter-spacing: 8px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .interview_box .ttl_en {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_box .ttl_en {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: 7px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_box .ttl_en {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .interview_box .ttl_en {
    font-size: 30px;
    font-size: 3rem;
  }
}
.content section.sec_interview .interview_box h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .interview_box h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_box h2 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_box h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_interview .interview_box .lead {
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_box .lead {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
}
.content section.sec_interview .interview_box .btn_more a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_box .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_box .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_interview .interview_box .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_box .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .interview_box .btn_more a:after {
    right: 15px;
  }
}
.content section.sec_interview .interview_box .btn_more a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
.content section.sec_interview .interview_box .btn_more a {
  max-width: 412px;
  background: #8dc21f;
  border-color: #8dc21f;
  margin: 0 auto 0 0;
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_box .btn_more a {
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .interview_box .btn_more a {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.content section.sec_interview .interview_box .btn_more a:after {
  background-image: url(images/img_icon_arrow_pale.green.png);
}
.content section.sec_interview .interview_box .btn_more a:hover {
  color: #8dc21f;
}
.content section.sec_environment {
  overflow: hidden;
}
.content section.sec_environment .environment_header {
  margin-bottom: 60px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .environment_header {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .environment_header {
    margin-bottom: 30px;
  }
}
.content section.sec_environment .ttl_en {
  text-align: left;
  letter-spacing: 8px;
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .ttl_en {
    letter-spacing: 6px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .ttl_en {
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment .ttl_en {
    letter-spacing: 4px;
  }
}
.content section.sec_environment h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .content section.sec_environment h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
.content section.sec_environment .staff_comment {
  position: absolute;
  bottom: -60px;
  right: 30px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .staff_comment {
    right: 10px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .staff_comment {
    bottom: -40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .staff_comment {
    display: none;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .staff_comment img {
    width: 396px;
    height: 191.2px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .staff_comment img {
    width: 321.75px;
    height: 155.35px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .lead {
    padding-right: 360px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .lead {
    padding-right: 0;
  }
}
.content section.sec_environment .work_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;
  background: #fcf8f4;
  border-radius: 20px;
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .work_box {
    border-radius: 15px;
  }
}
.content section.sec_environment .work_box .photo {
  width: 45.31%;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .work_box .photo {
    width: 100%;
  }
}
.content section.sec_environment .work_box .photo img {
  height: 605px;
  object-fit: cover;
  border-radius: 20px 0 0 20px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .work_box .photo img {
    width: 100%;
    height: 500px;
    object-position: 50% 20%;
    border-radius: 20px 20px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .work_box .photo img {
    height: 400px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .work_box .photo img {
    height: 340px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .work_box .photo img {
    height: 300px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment .work_box .photo img {
    height: 260px;
  }
}
.content section.sec_environment .work_box .link_list {
  width: 54.68%;
  padding: 0 50px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .work_box .link_list {
    width: 100%;
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .work_box .link_list {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .work_box .link_list {
    padding: 25px;
  }
}
.content section.sec_environment .work_box .link_list ul li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dbd4cc;
}
.content section.sec_environment .work_box .link_list ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.content section.sec_environment .work_box .link_list ul li a {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #675044;
  letter-spacing: 2px;
  line-height: 1.5;
  padding-right: 40px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .work_box .link_list ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .work_box .link_list ul li a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_environment .work_box .link_list ul li a:before {
  content: "";
  width: 28px;
  height: 28px;
  background: url(images/img_icon_arrow_brown.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .work_box .link_list ul li a:before {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .work_box .link_list ul li a:before {
    width: 20px;
    height: 20px;
  }
}
.content section.sec_environment .work_box .link_list ul li a:hover:before {
  right: -5px;
}
.content section.sec_environment .work_box .link_list ul li .ttl {
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .work_box .link_list ul li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .work_box .link_list ul li .ttl {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment .work_box .link_list ul li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_environment .work_box .link_list ul li .catch {
  font-size: 15px;
  font-size: 1.5rem;
  color: #f29600;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .work_box .link_list ul li .catch {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .work_box .link_list ul li .catch {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
.content section.sec_before_entry {
  background: url(images/bg_top_before_entry.png) no-repeat center center;
  background-size: cover;
}
.content section.sec_before_entry .ttl_en {
  text-align: left;
  letter-spacing: 8px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_entry .ttl_en {
    letter-spacing: 7px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry .ttl_en {
    letter-spacing: 6px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .ttl_en {
    letter-spacing: 4px;
  }
}
.content section.sec_before_entry h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_before_entry h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry h2 {
    margin-bottom: 70px;
  }
}
.content section.sec_before_entry .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;
  position: relative;
}
.content section.sec_before_entry .contents_list:after {
  content: "";
  width: 180px;
  height: 99px;
  background: url(images/img_msg_baloon_before_entry.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -110px;
  right: 3px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_entry .contents_list:after {
    width: 144px;
    height: 79.2px;
    top: -85px;
    right: 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .contents_list:after {
    width: 126px;
    height: 69.3px;
    top: -75px;
  }
}
.content section.sec_before_entry .contents_box {
  width: 31.71%;
  margin: 0% 2.42% 0% 0%;
  background: #fff;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_entry .contents_box {
    border-radius: 15px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .contents_box {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
.content section.sec_before_entry .contents_box:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .contents_box:last-child {
    margin-bottom: 0;
  }
}
.content section.sec_before_entry .contents_box a {
  display: block;
}
.content section.sec_before_entry .contents_box a:hover h3:before {
  left: 5px;
}
.content section.sec_before_entry .contents_box .photo img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_entry .contents_box .photo img {
    height: 220px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_entry .contents_box .photo img {
    height: 180px;
    border-radius: 15px 15px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .contents_box .photo img {
    height: auto;
  }
}
.content section.sec_before_entry .contents_box .contents_txt {
  padding: 40px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_entry .contents_box .contents_txt {
    padding: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_entry .contents_box .contents_txt {
    padding: 25px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .contents_box .contents_txt {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry .contents_box .contents_txt {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .contents_box .contents_txt {
    padding: 30px 25px;
  }
}
.content section.sec_before_entry .contents_box h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #675044;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 20px;
  padding-left: 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_entry .contents_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .contents_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .contents_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_before_entry .contents_box h3:before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(images/img_icon_arrow_pale_purple.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 6px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_entry .contents_box h3:before {
    top: 4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .contents_box h3:before {
    top: 6px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .contents_box h3:before {
    width: 20px;
    height: 20px;
  }
}
.content section.sec_before_entry .contents_box p {
  font-size: 14px;
  font-size: 1.4rem;
  color: #675044;
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .contents_box p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .contents_box p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_entry {
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_entry {
    padding-bottom: 50px;
  }
}
.content section.sec_entry .section_inner {
  position: relative;
  padding-right: 420px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_entry .section_inner {
    padding-right: 300px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_entry .section_inner {
    padding-bottom: 310px;
    padding-right: 0;
  }
}
.content section.sec_entry .ttl_en {
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .content section.sec_entry .ttl_en {
    text-align: center;
  }
}
.content section.sec_entry h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .content section.sec_entry h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_entry h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_entry h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_entry h2 {
    text-align: center;
  }
}
.content section.sec_entry .lead {
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_entry .lead {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_entry .lead {
    text-align: left;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_entry .lead {
    margin-bottom: 30px;
  }
}
.content section.sec_entry 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;
}
.content section.sec_entry ul li {
  width: 350px;
  margin: 0 20px 10px 0;
}
.content section.sec_entry ul li a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_entry ul li a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_entry ul li a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_entry ul li a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .content section.sec_entry ul li a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_entry ul li a:after {
    right: 15px;
  }
}
.content section.sec_entry ul li a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
@media screen and (max-width: 1250px) {
  .content section.sec_entry ul li {
    width: 300px;
    margin: 0 10px 10px 0;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_entry ul li {
    width: 48%;
    max-width: 100%;
    margin: 0 2% 10px 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_entry ul li {
    width: 100%;
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_entry ul li:nth-child(even) {
    margin-right: 0;
  }
}
.content section.sec_entry ul li a {
  padding: 12px 20px;
  background: #675044;
  border: 1px solid #675044;
}
@media screen and (max-width: 1000px) {
  .content section.sec_entry ul li a {
    max-width: 100%;
  }
}
.content section.sec_entry ul li a:after {
  background-image: url(images/img_icon_arrow_pale_green.png);
}
.content section.sec_entry ul li a:hover .job_cat {
  color: #e8b974;
}
.content section.sec_entry ul li a:hover .ttl {
  color: #675044;
}
.content section.sec_entry ul li p {
  line-height: 1.4;
  margin-bottom: 0;
}
.content section.sec_entry ul li .job_cat {
  font-size: 14px;
  font-size: 1.4rem;
  color: #eae5ae;
}
.content section.sec_entry ul li .ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
}
@media screen and (max-width: 1250px) {
  .content section.sec_entry ul li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_entry ul li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_entry ul li.no_recruit_post {
  width: 100%;
  text-align: center;
  margin: 0;
}
.content section.sec_entry .staff_photo {
  position: absolute;
  bottom: -100px;
  right: 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_entry .staff_photo {
    bottom: -50px;
    right: -20px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_entry .staff_photo {
    right: 100px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_entry .staff_photo {
    right: 0;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_entry .staff_photo img {
    width: 321.6px;
    height: 351.2px;
  }
}

.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: #f29600 !important;
}

/* #footer
------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 49px;
  }
}
footer .fnav {
  background: #8dc21f;
  padding: 80px 0;
}
@media screen and (max-width: 1000px) {
  footer .fnav {
    padding: 60px 0;
  }
}
@media screen and (max-width: 768px) {
  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-footer3 li:nth-child(n+4) {
  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;
  font-weight: 400;
}
footer .clinic_info {
  padding: 80px 40px 60px;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 768px) {
  footer .clinic_info {
    padding: 60px 40px 50px;
    background: #fffcf3;
  }
}
@media screen and (max-width: 600px) {
  footer .clinic_info {
    padding: 60px 30px 50px;
  }
}
@media screen and (max-width: 480px) {
  footer .clinic_info {
    padding: 50px 20px 40px;
  }
}
footer .clinic_info:after {
  content: "";
  width: 100%;
  height: 40px;
  background: url(images/img_footer_wave.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -40px;
  left: 0;
}
@media screen and (max-width: 768px) {
  footer .clinic_info:after {
    content: none;
  }
}
footer .clinic_info .clinic_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;
}
footer .clinic_info .clinic_logo {
  width: 250px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  footer .clinic_info .clinic_logo {
    margin-bottom: 30px;
  }
}
footer .clinic_info .clinic_logo .for_recruit {
  width: 250px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #675044;
  text-align: center;
  font-weight: 500;
  border: 1px solid #675044;
  border-radius: 100px;
  background: #fff;
  margin-bottom: 8px;
}
footer .clinic_info .clinic_logo .footer_logo {
  margin-bottom: 15px;
}
footer .clinic_info .clinic_logo .btn_official_site {
  margin-top: 20px;
}
footer .clinic_info .clinic_logo .btn_official_site a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  footer .clinic_info .clinic_logo .btn_official_site a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  footer .clinic_info .clinic_logo .btn_official_site a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
footer .clinic_info .clinic_logo .btn_official_site a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  footer .clinic_info .clinic_logo .btn_official_site a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  footer .clinic_info .clinic_logo .btn_official_site a:after {
    right: 15px;
  }
}
footer .clinic_info .clinic_logo .btn_official_site a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
footer .clinic_info .clinic_logo .btn_official_site a {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 9px 20px;
}
footer .clinic_info .clinic_basic_info {
  width: 365px;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  footer .clinic_info .clinic_basic_info {
    margin-bottom: 30px;
  }
}
footer .clinic_info .clinic_basic_info .clinic_addr {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .clinic_basic_info .clinic_addr {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
footer .clinic_info .clinic_basic_info .clinic_addr .zipcode {
  display: block;
}
footer .clinic_info .clinic_basic_info .tel_num {
  font-family: "Montserrat", serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #8dc21f;
  letter-spacing: 2px;
  line-height: 1.2;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .clinic_basic_info .tel_num {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
footer .clinic_info .clinic_basic_info .tel_num .num {
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .clinic_basic_info .tel_num .num {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
footer .clinic_info .clinic_basic_info .tel_num a {
  color: #48b8d5;
}
footer .clinic_info .open_hours_table {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  footer .clinic_info .open_hours_table {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  footer .clinic_info .open_hours_table {
    width: 100%;
  }
}
footer .clinic_info .open_hours_table .table_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: 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: 480px;
  background: #6b3b30;
  padding: 0 20px 0 0;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  footer .clinic_info .open_hours_table .table_header {
    border-radius: 8px 8px 0 0;
  }
}
@media screen and (max-width: 600px) {
  footer .clinic_info .open_hours_table .table_header {
    width: 100%;
    padding: 0 10px;
  }
}
footer .clinic_info .open_hours_table .table_header > div {
  width: 10.5%;
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table .table_header > div {
    width: 11.5%;
    padding: 10px 0;
    font-weight: 400;
  }
}
@media screen and (max-width: 400px) {
  footer .clinic_info .open_hours_table .table_header > div {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
footer .clinic_info .open_hours_table .table_header > div.hours_ttl {
  width: 26.5%;
  letter-spacing: 2px;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table .table_header > div.hours_ttl {
    width: 19.5%;
    letter-spacing: 1px;
  }
}
footer .clinic_info .open_hours_table .table_header > div.sun {
  letter-spacing: 0;
}
footer .clinic_info .open_hours_table .table_content {
  width: 480px;
  background: #fff;
  margin-bottom: 10px;
  padding-right: 20px;
}
@media screen and (max-width: 600px) {
  footer .clinic_info .open_hours_table .table_content {
    width: 100%;
    padding: 0 10px;
  }
}
footer .clinic_info .open_hours_table table {
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 400px) {
  footer .clinic_info .open_hours_table table {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  footer .clinic_info .open_hours_table table tr:last-child th,
  footer .clinic_info .open_hours_table table tr:last-child td {
    border-bottom: none;
  }
}
footer .clinic_info .open_hours_table table th,
footer .clinic_info .open_hours_table table td {
  padding: 15px 0;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  color: #6b3b30;
  border-bottom: 1px solid #e9decc;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table table th,
  footer .clinic_info .open_hours_table table td {
    padding: 10px 0;
  }
}
@media screen and (max-width: 400px) {
  footer .clinic_info .open_hours_table table th,
  footer .clinic_info .open_hours_table table td {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
footer .clinic_info .open_hours_table table th {
  width: 26.5%;
  font-family: "Montserrat", serif;
  font-weight: 700;
  letter-spacing: 1px;
  margin-left: 10px;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table table th {
    width: 19.5%;
    text-align: left;
    line-height: 1.5;
    padding-left: 15px;
  }
}
@media screen and (max-width: 400px) {
  footer .clinic_info .open_hours_table table th {
    padding-left: 12px;
  }
}
footer .clinic_info .open_hours_table table td {
  width: 10.5%;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table table td {
    width: 11.5%;
  }
}
footer .clinic_info .open_hours_table table td.open {
  color: #f4d855;
  font-weight: 700;
}
footer .clinic_info .open_hours_table .note {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table .note {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
footer .clinic_info .open_hours_table .note .sat_schedule {
  color: #e0ba81;
}
footer .clinic_info .open_hours_table .note .sat_schedule span {
  font-family: "Montserrat", serif;
  color: #675044;
  letter-spacing: 2px;
  margin-left: 3px;
}
footer .copyright {
  background: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  color: #6b3b30;
  text-align: center;
  letter-spacing: 2px;
  padding: 0 10px 30px;
}
@media screen and (max-width: 768px) {
  footer .copyright {
    background: #fffcf3;
    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: #f29600;
  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: #f29600 !important;
}

.bg_animation {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 101%;
  height: 100%;
  background-color: #f29600;
  -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 {
  width: 100%;
  height: 400px;
  background: #fafafa url(images/bg_main_ttl_clinic.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page header .main_ttl, .error404 header .main_ttl, .archive header .main_ttl, .single 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 {
    height: 320px;
  }
}
@media screen and (max-width: 600px) {
  .page header .main_ttl, .error404 header .main_ttl, .archive header .main_ttl, .single header .main_ttl {
    height: 240px;
  }
}
@media screen and (max-width: 480px) {
  .page header .main_ttl, .error404 header .main_ttl, .archive header .main_ttl, .single header .main_ttl {
    height: 200px;
  }
}
@media screen and (max-width: 400px) {
  .page header .main_ttl, .error404 header .main_ttl, .archive header .main_ttl, .single header .main_ttl {
    height: 180px;
  }
}
.page header .main_ttl:before, .error404 header .main_ttl:before, .archive header .main_ttl:before, .single header .main_ttl:before {
  content: "";
  background: rgba(46, 27, 23, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page header .main_ttl h1, .error404 header .main_ttl h1, .archive header .main_ttl h1, .single header .main_ttl h1 {
  font-size: 40px;
  font-size: 4rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  letter-spacing: 4px;
  line-height: 1.4;
  padding-top: 175px;
  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 {
    font-size: 34px;
    font-size: 3.4rem;
    padding-top: 165px;
  }
}
@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 {
    font-size: 30px;
    font-size: 3rem;
    padding-top: 145px;
  }
}
@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 {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 2px;
    padding-top: 110px;
  }
}
@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 {
    font-size: 20px;
    font-size: 2rem;
    padding-top: 90px;
  }
}
@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 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-top: 80px;
  }
}
.page header .main_ttl h1 span, .error404 header .main_ttl h1 span, .archive header .main_ttl h1 span, .single header .main_ttl h1 span {
  display: inline-block;
}
.page .content .breadcrumb-list, .error404 .content .breadcrumb-list, .archive .content .breadcrumb-list, .single .content .breadcrumb-list {
  max-width: 1360px;
  margin: 0 auto 40px;
  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 {
    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 {
    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 {
    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 {
  background: #fff7de;
  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 {
    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 {
    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 {
  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 {
    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 {
    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 {
  color: #675044;
}
.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 {
  text-decoration: underline;
}
.page .content .lnav, .error404 .content .lnav, .archive .content .lnav, .single .content .lnav {
  max-width: 1360px;
  padding: 80px 40px 0;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page .content .lnav, .error404 .content .lnav, .archive .content .lnav, .single .content .lnav {
    padding: 60px 40px 0;
  }
}
@media screen and (max-width: 600px) {
  .page .content .lnav, .error404 .content .lnav, .archive .content .lnav, .single .content .lnav {
    padding: 60px 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .page .content .lnav, .error404 .content .lnav, .archive .content .lnav, .single .content .lnav {
    padding: 50px 25px 0;
  }
}
.page .content .lnav ul, .error404 .content .lnav ul, .archive .content .lnav ul, .single .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 {
    -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 {
  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 {
    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 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #675044;
  font-weight: 500;
  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 {
    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 {
  content: "";
  width: 18px;
  height: 18px;
  background: url(images/img_icon_arrow_brown.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 {
    width: 16px;
    height: 16px;
    top: 2px;
  }
}
.page .content .wpcf7-form, .error404 .content .wpcf7-form, .archive .content .wpcf7-form, .single .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 {
    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 {
    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 {
    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 {
  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 {
  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 {
  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] {
  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] {
    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 {
  color: #111;
}
.page .content .wpcf7-form textarea, .error404 .content .wpcf7-form textarea, .archive .content .wpcf7-form textarea, .single .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 {
  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 {
    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 {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_blue.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 {
    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 {
    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 {
  right: 10px;
}
.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 {
  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 {
  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] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 20px 10px;
  margin: 0 auto;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  letter-spacing: 2px;
  line-height: 1.5;
  background: #f29600;
  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] {
    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] {
    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] {
    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] {
    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 {
  opacity: 0.8;
}
.page .content .page_link, .error404 .content .page_link, .archive .content .page_link, .single .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 {
    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 {
    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 {
    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 {
  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 {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  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 {
    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 {
    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 {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@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 {
    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 {
    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 {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
@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 {
    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 {
  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 {
    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 {
    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 {
  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 {
  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 {
  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 {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  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 {
    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 {
    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 {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@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 {
    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 {
    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 {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
@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 {
    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 {
  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 {
    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 {
    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 {
  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 {
  left: initial;
  right: 15px;
}
.page .content section .ttl_en, .error404 .content section .ttl_en, .archive .content section .ttl_en, .single .content section .ttl_en {
  margin-bottom: 5px;
}
.page .content section h2, .error404 .content section h2, .archive .content section h2, .single .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 {
    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 {
    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 {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 40px;
}
.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 {
  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 {
  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 {
    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 {
    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) {
  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) {
    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) {
    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) {
    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 {
  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 {
  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 {
  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 {
    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 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #404e76;
  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 {
    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 {
    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 {
    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 {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_purple.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 {
    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 {
    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 {
  color: #404e76;
}
@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 {
    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 {
  background: #f2f4fd url(images/bg_top_before_entry.png) no-repeat center center;
  background-size: cover;
  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 {
    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 {
    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 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #404e76;
  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 {
    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 {
    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 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #404e76;
  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 {
    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 {
    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 {
    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 {
    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 {
    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 {
  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 {
  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 {
    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 {
    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 {
    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 {
    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) {
  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) {
    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) {
    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) {
    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 {
  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 {
  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 {
  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 {
    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 {
  padding: 40px 30px;
}
@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 {
    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 {
    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 {
    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 {
    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 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #404e76;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 30px;
  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 {
    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 {
    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 {
    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 {
    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 {
    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 {
  content: "";
  width: 22px;
  height: 22px;
  background: url(images/img_icon_arrow_pale_purple.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 {
    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 {
    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 {
  font-size: 14px;
  font-size: 1.4rem;
  color: #404e76;
}

.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: #e0ba81;
  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: #675044;
  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: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  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_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@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: #f29600;
}

.about .content section h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 600px) {
  .about .content section h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .about .content section h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
.about .content section p {
  margin-bottom: 20px;
}
.about .content section p:last-child {
  margin-bottom: 0;
}
.about .content section p em {
  font-weight: 700;
  color: #f29600;
}
.about .content section#sec_philosophy {
  max-width: 1360px;
  margin: 0 auto;
  padding-top: 80px;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy {
    padding-top: 70px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy {
    padding-top: 60px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .ttl_en {
    letter-spacing: 6px;
  }
}
.about .content section#sec_philosophy .philosophy_box,
.about .content section#sec_philosophy .mission_box {
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .philosophy_box,
  .about .content section#sec_philosophy .mission_box {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_box,
  .about .content section#sec_philosophy .mission_box {
    margin-bottom: 40px;
  }
}
.about .content section#sec_philosophy .philosophy_box h3,
.about .content section#sec_philosophy .mission_box h3 {
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  font-weight: 600;
  letter-spacing: 4px;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_box h3,
  .about .content section#sec_philosophy .mission_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .philosophy_box h3,
  .about .content section#sec_philosophy .mission_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.about .content section#sec_philosophy .philosophy_box h3 span,
.about .content section#sec_philosophy .mission_box h3 span {
  position: relative;
}
.about .content section#sec_philosophy .philosophy_box h3 span:before,
.about .content section#sec_philosophy .mission_box h3 span:before {
  content: "";
  width: 1px;
  height: 36px;
  background: #675044;
  position: absolute;
  top: 0;
  left: -20px;
  transform: rotate(-20deg);
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_box h3 span:before,
  .about .content section#sec_philosophy .mission_box h3 span:before {
    height: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .philosophy_box h3 span:before,
  .about .content section#sec_philosophy .mission_box h3 span:before {
    height: 24px;
    top: 3px;
    left: -15px;
  }
}
.about .content section#sec_philosophy .philosophy_box h3 span:after,
.about .content section#sec_philosophy .mission_box h3 span:after {
  content: "";
  width: 1px;
  height: 36px;
  background: #675044;
  position: absolute;
  top: 0;
  right: -15px;
  transform: rotate(20deg);
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_box h3 span:after,
  .about .content section#sec_philosophy .mission_box h3 span:after {
    height: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .philosophy_box h3 span:after,
  .about .content section#sec_philosophy .mission_box h3 span:after {
    height: 24px;
    top: 3px;
    right: -10px;
  }
}
.about .content section#sec_philosophy .philosophy_box .txt,
.about .content section#sec_philosophy .mission_box .txt {
  background: #fcf8ea;
  padding: 50px 20px;
  margin-top: -18px;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .philosophy_box .txt,
  .about .content section#sec_philosophy .mission_box .txt {
    padding: 40px 25px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_box .txt,
  .about .content section#sec_philosophy .mission_box .txt {
    padding: 35px 25px 30px;
    margin-top: -15px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .philosophy_box .txt,
  .about .content section#sec_philosophy .mission_box .txt {
    padding: 35px 20px 30px;
    margin-top: -13px;
    border-radius: 10px;
  }
}
.about .content section#sec_philosophy .philosophy_box .txt p,
.about .content section#sec_philosophy .mission_box .txt p {
  font-size: 36px;
  font-size: 3.6rem;
  text-align: center;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 4px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .philosophy_box .txt p,
  .about .content section#sec_philosophy .mission_box .txt p {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .philosophy_box .txt p,
  .about .content section#sec_philosophy .mission_box .txt p {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_box .txt p,
  .about .content section#sec_philosophy .mission_box .txt p {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .philosophy_box .txt p,
  .about .content section#sec_philosophy .mission_box .txt p {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .philosophy_box .txt p,
  .about .content section#sec_philosophy .mission_box .txt p {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
.about .content section#sec_philosophy .philosophy_box .txt p span,
.about .content section#sec_philosophy .mission_box .txt p span {
  display: inline-block;
  position: relative;
}
.about .content section#sec_philosophy .philosophy_box .txt p span:first-child:before,
.about .content section#sec_philosophy .mission_box .txt p span:first-child:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.5em;
  background-color: #f9f468;
  z-index: -1;
}
.about .content section#sec_philosophy .mission_box .txt {
  background: #fdf3d4;
}
.about .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: 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: 1250px) {
  .about .content section#sec_philosophy .philosophy_lead {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .philosophy_lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_lead {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .philosophy_lead {
    margin-bottom: 30px;
  }
}
.about .content section#sec_philosophy .philosophy_lead .photo {
  width: 600px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_philosophy .philosophy_lead .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .philosophy_lead .photo {
    width: 100%;
    margin-bottom: 30px;
  }
}
.about .content section#sec_philosophy .philosophy_lead .photo:after {
  content: "Happy";
  font-family: "adobe-handwriting-ernie", sans-serif;
  font-size: 44px;
  font-size: 4.4rem;
  color: #f2c89d;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 8px;
  position: absolute;
  top: 0px;
  right: -35px;
  transform: rotate(-12deg);
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .philosophy_lead .photo:after {
    font-size: 40px;
    font-size: 4rem;
    right: -30px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .philosophy_lead .photo:after {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_lead .photo:after {
    font-size: 32px;
    font-size: 3.2rem;
    right: -20px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .philosophy_lead .photo:after {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.about .content section#sec_philosophy .philosophy_lead .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_lead .photo img {
    border-radius: 20px;
  }
}
.about .content section#sec_philosophy .philosophy_lead .txt_area {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_philosophy .philosophy_lead .txt_area {
    width: calc(100% - 550px);
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .philosophy_lead .txt_area {
    width: 100%;
  }
}
.about .content section#sec_philosophy .important_things {
  max-width: 1280px;
  margin: 0 auto;
  padding: 70px 60px 60px;
  border: 1px solid #675044;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .important_things {
    padding: 50px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .important_things {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .important_things {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .important_things {
    padding: 35px 25px;
    border-radius: 15px;
  }
}
.about .content section#sec_philosophy .important_things h3 {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .important_things h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .important_things h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .important_things h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .important_things h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.about .content section#sec_philosophy .important_things h3 span {
  display: inline-block;
}
.about .content section#sec_philosophy .important_things .lead {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .important_things .lead {
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .important_things .lead {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .important_things .lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .important_things .lead {
    margin-bottom: 40px;
  }
}
.about .content section#sec_philosophy .important_things .lead span {
  display: inline-block;
}
.about .content section#sec_philosophy .important_things .important_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;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .important_things .important_inner {
    margin-bottom: 30px;
  }
}
.about .content section#sec_philosophy .important_things .important_inner > div {
  width: 48.35%;
  background: #fcf8ea;
  border-radius: 15px;
  padding: 0 60px 50px;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_philosophy .important_things .important_inner > div {
    padding: 0 30px 40px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .important_things .important_inner > div {
    width: 100%;
    max-width: 460px;
    margin: 0 auto 50px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .important_things .important_inner > div {
    max-width: 100%;
    padding: 0 40px 40px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .important_things .important_inner > div {
    padding: 0 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .important_things .important_inner > div {
    padding: 0 20px 20px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .important_things .important_inner > div:first-child {
    padding: 0 70px 40px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .important_things .important_inner > div:first-child {
    padding: 0 40px 40px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .important_things .important_inner > div:first-child {
    padding: 0 30px 30px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .important_things .important_inner > div:first-child {
    padding: 0 25px 20px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .important_things .important_inner > div:last-child {
    margin-bottom: 0;
  }
}
.about .content section#sec_philosophy .important_things .important_inner > div .ttl_en {
  font-size: 40px;
  font-size: 4rem;
  letter-spacing: 6px;
  line-height: 1;
  margin-top: -15px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .important_things .important_inner > div .ttl_en {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .important_things .important_inner > div .ttl_en {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .important_things .important_inner > div .ttl_en {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 5px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .important_things .important_inner > div .ttl_en {
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: -8px;
  }
}
.about .content section#sec_philosophy .important_things .important_inner > div h4 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .important_things .important_inner > div h4 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .important_things .important_inner > div h4 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .important_things .important_inner > div h4 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.about .content section#sec_philosophy .important_things .important_inner > div ul li {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 38px;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_philosophy .important_things .important_inner > div ul li {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .important_things .important_inner > div ul li {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 32px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .important_things .important_inner > div ul li {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 28px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .important_things .important_inner > div ul li {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
.about .content section#sec_philosophy .important_things .important_inner > div ul li:last-child {
  margin-bottom: 0;
}
.about .content section#sec_philosophy .important_things .important_inner > div ul li .num {
  display: inline-block;
  width: 28px;
  height: 28px;
  font-family: "Montserrat", serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  background: #675044;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 100px;
  padding: 5px 0 0 2px;
  position: absolute;
  top: 7px;
  left: 0;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_philosophy .important_things .important_inner > div ul li .num {
    top: 5px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .important_things .important_inner > div ul li .num {
    width: 24px;
    height: 24px;
    font-size: 15px;
    font-size: 1.5rem;
    padding-top: 4px;
    top: 6px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .important_things .important_inner > div ul li .num {
    width: 22px;
    height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 3px;
    top: 4px;
  }
}
.about .content section#sec_philosophy .important_things .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: 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;
}
.about .content section#sec_philosophy .important_things .photo_gallery img {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .important_things .photo_gallery img {
    height: 180px;
    object-fit: cover;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .important_things .photo_gallery img {
    width: 100%;
    height: auto;
  }
}
.about .content section#sec_policy {
  background: #fff7de;
}
.about .content section#sec_policy .policy_box {
  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: 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;
}
.about .content section#sec_policy .policy_box .photo {
  width: 600px;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_policy .policy_box .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_policy .policy_box .photo {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_policy .policy_box .photo {
    margin-bottom: 30px;
  }
}
.about .content section#sec_policy .policy_box .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_policy .policy_box .photo img {
    border-radius: 20px;
  }
}
.about .content section#sec_policy .policy_box .txt_area {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_policy .policy_box .txt_area {
    width: calc(100% - 540px);
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_policy .policy_box .txt_area {
    width: 100%;
  }
}
.about .content section#sec_policy .policy_box .txt_area h3 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.6;
  margin-bottom: 60px;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_policy .policy_box .txt_area h3 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_policy .policy_box .txt_area h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_policy .policy_box .txt_area h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_policy .policy_box .txt_area h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_policy .policy_box .txt_area h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.about .content section#sec_policy .for_environment {
  max-width: 1280px;
  margin: 0 auto;
  padding: 60px;
  background: #fff;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_policy .for_environment {
    padding: 50px 40px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_policy .for_environment {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_policy .for_environment {
    border-radius: 15px;
    padding: 35px 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_policy .for_environment {
    padding: 30px 25px;
  }
}
.about .content section#sec_policy .for_environment h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .about .content section#sec_policy .for_environment h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_policy .for_environment h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_policy .for_environment h3 {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
  }
}
.about .content section#sec_policy .for_environment .catch {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1.6;
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_policy .for_environment .catch {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_policy .for_environment .catch {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_policy .for_environment .catch {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_policy .for_environment .catch {
    font-size: 19px;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_policy .for_environment .catch {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.about .content section#sec_policy .for_environment .catch span {
  display: inline-block;
  position: relative;
}
.about .content section#sec_policy .for_environment .catch span:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.5em;
  background-color: #f9f468;
  z-index: -1;
}
.about .content section#sec_policy .for_environment .for_environment_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 .content section#sec_policy .for_environment .for_environment_inner .photo {
  width: 520px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_policy .for_environment .for_environment_inner .photo {
    width: 460px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_policy .for_environment .for_environment_inner .photo {
    width: 100%;
    margin-bottom: 30px;
  }
}
.about .content section#sec_policy .for_environment .for_environment_inner .photo:after {
  content: "";
  width: 160px;
  height: 100px;
  background: url(images/img_msg_baloon_policy.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -42px;
  left: -20px;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_policy .for_environment .for_environment_inner .photo:after {
    width: 144px;
    height: 90px;
    top: -38px;
    left: -10px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_policy .for_environment .for_environment_inner .photo:after {
    width: 128px;
    height: 80px;
    top: -38px;
    left: -10px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_policy .for_environment .for_environment_inner .photo:after {
    width: 112px;
    height: 70px;
    top: -38px;
    left: -10px;
  }
}
.about .content section#sec_policy .for_environment .for_environment_inner .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_policy .for_environment .for_environment_inner .photo img {
    border-radius: 20px;
  }
}
.about .content section#sec_policy .for_environment .for_environment_inner .txt_area {
  width: calc(100% - 580px);
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_policy .for_environment .for_environment_inner .txt_area {
    width: calc(100% - 500px);
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_policy .for_environment .for_environment_inner .txt_area {
    width: 100%;
  }
}
.about .content section#sec_future .fugure_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;
  margin: 0 auto 50px;
}
.about .content section#sec_future .fugure_box .photo {
  width: 600px;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_future .fugure_box .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_future .fugure_box .photo {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_future .fugure_box .photo {
    margin-bottom: 30px;
  }
}
.about .content section#sec_future .fugure_box .photo img {
  width: 100%;
  height: 390px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_future .fugure_box .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_future .fugure_box .photo img {
    border-radius: 15px;
  }
}
.about .content section#sec_future .fugure_box .txt_area {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_future .fugure_box .txt_area {
    width: calc(100% - 540px);
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_future .fugure_box .txt_area {
    width: 100%;
  }
}
.about .content section#sec_future .fugure_box .txt_area h3 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.6;
  margin-bottom: 60px;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_future .fugure_box .txt_area h3 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_future .fugure_box .txt_area h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_future .fugure_box .txt_area h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_future .fugure_box .txt_area h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_future .fugure_box .txt_area h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.about .content section#sec_future .fugure_box .txt_area p {
  line-height: 2.1;
}
.about .content section#sec_future .fugure_box:last-child {
  margin-bottom: 0;
}
.about .content section#sec_future .fugure_box:last-child .photo {
  -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) {
  .about .content section#sec_future .fugure_box:last-child .photo {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
.about .content section#sec_future .fugure_box:last-child .txt_area {
  -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) {
  .about .content section#sec_future .fugure_box:last-child .txt_area {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.about .content section.sec_entry h2 {
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .about .content section.sec_entry h2 {
    text-align: center;
  }
}

.numbers header .main_ttl {
  background-image: url(images/bg_main_ttl_numbers.jpg);
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .numbers header .main_ttl {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .numbers header .main_ttl {
    padding: 0 25px;
  }
}
.numbers .content section p {
  margin-bottom: 20px;
}
.numbers .content section p:last-child {
  margin-bottom: 0;
}
.numbers .content section p em {
  font-weight: 700;
  color: #f29600;
}
.numbers .content section.sec_numbers {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers#sec_numbers_about_clinic {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers#sec_numbers_about_clinic {
    padding-bottom: 40px;
  }
}
.numbers .content section.sec_numbers#sec_numbers_about_staff {
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers#sec_numbers_about_staff {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers#sec_numbers_about_staff {
    padding-bottom: 40px;
  }
}
.numbers .content section.sec_numbers#sec_numbers_about_staff h2 {
  color: #404e76;
}
.numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li {
  background: #f1f4fd;
}
.numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li h3 {
  color: #404e76;
}
.numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li .detail_number {
  color: #404e76;
}
.numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li .detail_number .num {
  color: #404e76;
}
.numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li .txt {
  color: #404e76;
}
.numbers .content section.sec_numbers#sec_numbers_about_works {
  padding-top: 0;
}
.numbers .content section.sec_numbers#sec_numbers_about_works h2 {
  color: #33967a;
}
.numbers .content section.sec_numbers#sec_numbers_about_works .numbers_list li {
  background: #effae5;
}
.numbers .content section.sec_numbers#sec_numbers_about_works .numbers_list li h3 {
  color: #1e8266;
}
.numbers .content section.sec_numbers#sec_numbers_about_works .numbers_list li .detail_number {
  color: #1e8266;
  margin-bottom: 40px;
}
.numbers .content section.sec_numbers#sec_numbers_about_works .numbers_list li .detail_number .num {
  color: #1e8266;
}
.numbers .content section.sec_numbers#sec_numbers_about_works .numbers_list li .txt {
  color: #33967a;
}
.numbers .content section.sec_numbers h2 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section.sec_numbers h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section.sec_numbers h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.numbers .content section.sec_numbers h2 span {
  display: inline-block;
}
.numbers .content section.sec_numbers .note {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers .note {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers .note {
    margin-bottom: 30px;
  }
}
.numbers .content section.sec_numbers .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;
}
.numbers .content section.sec_numbers .numbers_list li {
  width: 48.43%;
  margin: 0% 3.12% 3.12% 0%;
  background: #fcf8ea;
  border-radius: 20px;
  padding: 50px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section.sec_numbers .numbers_list li {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers .numbers_list li {
    padding: 30px 20px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers .numbers_list li {
    width: 100%;
    margin-right: 0;
  }
}
.numbers .content section.sec_numbers .numbers_list li:nth-child(even) {
  margin-right: 0;
}
.numbers .content section.sec_numbers .numbers_list li h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section.sec_numbers .numbers_list li h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers .numbers_list li h3 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers .numbers_list li h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section.sec_numbers .numbers_list li h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.numbers .content section.sec_numbers .numbers_list li .detail_number {
  font-size: 34px;
  font-size: 3.4rem;
  text-align: center;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
}
@media screen and (max-width: 1000px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number {
    font-size: 30px;
    font-size: 3rem;
  }
}
.numbers .content section.sec_numbers .numbers_list li .detail_number .num {
  font-family: "Montserrat", serif;
  font-size: 72px;
  font-size: 7.2rem;
  letter-spacing: 4px;
  margin-right: 5px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number .num {
    font-size: 64px;
    font-size: 6.4rem;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number .num {
    font-size: 44px;
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number .num {
    font-size: 64px;
    font-size: 6.4rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number .num {
    font-size: 58px;
    font-size: 5.8rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number .num {
    font-size: 44px;
    font-size: 4.4rem;
  }
}
.numbers .content section.sec_numbers .numbers_list li figure {
  text-align: center;
}
.keyword header .main_ttl {
  background-image: url(images/bg_main_ttl_important.jpg);
}
.keyword .content section p em {
  color: #f29600;
}
.keyword .content section h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 600px) {
  .keyword .content section h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
.keyword .content section#sec_important {
  padding-top: 80px;
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important {
    padding-top: 70px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important {
    padding-top: 60px;
  }
}
.keyword .content section#sec_important .keywords {
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .keywords {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .keywords {
    margin-bottom: 20px;
  }
}
.keyword .content section#sec_important .keywords 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;
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .keywords ul {
    display: block;
  }
}
.keyword .content section#sec_important .keywords li {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: 4px;
  line-height: 1.4;
  background: #fcf4d9;
  padding: 5px 50px;
  margin: 0 15px;
  border-radius: 100px;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_important .keywords li {
    font-size: 30px;
    font-size: 3rem;
    margin: 0 8px;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .keywords li {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
    padding: 5px 40px;
    margin: 0 5px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .keywords li {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .keywords li {
    max-width: 260px;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_important .keywords li {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.keyword .content section#sec_important .lead {
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .lead {
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .lead {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .lead br {
    display: none;
  }
}
.keyword .content section#sec_important .sub_sec {
  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: #fcf8ea;
  margin-bottom: 60px;
  padding: 60px 0 60px 60px;
  border-radius: 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_important .sub_sec {
    padding: 50px;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .sub_sec {
    padding: 40px;
    margin-bottom: 40px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec {
    padding: 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec {
    padding: 25px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_important .sub_sec {
    margin-bottom: 20px;
  }
}
.keyword .content section#sec_important .sub_sec.keyword01 .photo {
  /*&:after {
  	content: '';
  	width: 180px;
  	height: 99px;
  	background: url(images/img_msg_baloon_keyword01.png) no-repeat 0 0;
  	background-size: cover;
  	position: absolute;
  	top: -62px;
  	right: 23px;
  	@include mq.mq(md_768) {
  		width: 180px * .9;
  		height: 99px * .9;
  		top: -55px;
  		right: 15px;
  	}
  	@include mq.mq(tab_600) {
  		width: 180px * .8;
  		height: 99px * .8;
  		right: 5px;
  	}
  	@include mq.mq(sms_480) {
  		width: 180px * .7;
  		height: 99px * .7;
  		top: -45px;
  	}
  }*/
}
.keyword .content section#sec_important .sub_sec.keyword02 {
  padding: 60px 60px 60px 0;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_important .sub_sec.keyword02 {
    padding: 50px;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .sub_sec.keyword02 {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec.keyword02 {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec.keyword02 {
    padding: 25px;
  }
}
.keyword .content section#sec_important .sub_sec.keyword02 .photo {
  -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) {
  .keyword .content section#sec_important .sub_sec.keyword02 .photo {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.keyword .content section#sec_important .sub_sec.keyword02 .photo:after {
  /*content: '';
  width: 180px;
  height: 99px;
  background: url(images/img_msg_baloon_keyword02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -62px;
  right: 23px;
  */
  background-image: url(images/img_msg_baloon_keyword02.png);
}
.keyword .content section#sec_important .sub_sec.keyword02 .photo img {
  border-radius: 0 30px 30px 0;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_important .sub_sec.keyword02 .photo img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec.keyword02 .photo img {
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec.keyword02 .photo img {
    border-radius: 10px;
  }
}
.keyword .content section#sec_important .sub_sec.keyword02 .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) {
  .keyword .content section#sec_important .sub_sec.keyword02 .txt_area {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
.keyword .content section#sec_important .sub_sec.keyword03 {
  margin-bottom: 0;
}
.keyword .content section#sec_important .sub_sec.keyword03 .photo:after {
  /*content: '';
  width: 180px;
  height: 99px;
  background: url(images/img_msg_baloon_keyword03.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -62px;
  right: 23px;*/
  background-image: url(images/img_msg_baloon_keyword03.png);
}
.keyword .content section#sec_important .sub_sec .keyword_num {
  font-family: "Montserrat", serif;
  font-size: 28px;
  font-size: 2.8rem;
  color: #f7ee88;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 4px;
  text-shadow: -1px -1px 0 #675044, 1px -1px 0 #675044, -1px 1px 0 #675044, 1px 1px 0 #675044;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .sub_sec .keyword_num {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec .keyword_num {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec .keyword_num {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_important .sub_sec .keyword_num {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.keyword .content section#sec_important .sub_sec .keyword_num .num {
  font-size: 40px;
  font-size: 4rem;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .sub_sec .keyword_num .num {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec .keyword_num .num {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec .keyword_num .num {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_important .sub_sec .keyword_num .num {
    font-size: 30px;
    font-size: 3rem;
  }
}
.keyword .content section#sec_important .sub_sec h3 {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 4px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_important .sub_sec h3 {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .sub_sec h3 {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 3px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec h3 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_important .sub_sec h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
.keyword .content section#sec_important .sub_sec .catch {
  font-size: 22px;
  font-size: 2.2rem;
  color: #f29600;
  font-weight: 600;
  text-align: left;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .sub_sec .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec .catch {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.keyword .content section#sec_important .sub_sec .txt_area {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1400px) {
  .keyword .content section#sec_important .sub_sec .txt_area {
    width: calc(100% - 520px);
  }
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_important .sub_sec .txt_area {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_important .sub_sec .txt_area {
    width: 100%;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec .txt_area {
    margin-bottom: 60px;
  }
}
.keyword .content section#sec_important .sub_sec .txt_area h4 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #f29600;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_important .sub_sec .txt_area h4 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .sub_sec .txt_area h4 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec .txt_area h4 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec .txt_area h4 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_important .sub_sec .txt_area h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.keyword .content section#sec_important .sub_sec .txt_area p {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .sub_sec .txt_area p {
    line-height: 1.9;
  }
}
.keyword .content section#sec_important .sub_sec .photo {
  width: 600px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .keyword .content section#sec_important .sub_sec .photo {
    width: 480px;
  }
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_important .sub_sec .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_important .sub_sec .photo {
    width: 100%;
  }
}
.keyword .content section#sec_important .sub_sec .photo:after {
  content: "";
  width: 180px;
  height: 99px;
  background: url(images/img_msg_baloon_keyword01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -62px;
  right: 23px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .sub_sec .photo:after {
    width: 162px;
    height: 89.1px;
    top: -55px;
    right: 15px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec .photo:after {
    width: 144px;
    height: 79.2px;
    right: 5px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec .photo:after {
    width: 126px;
    height: 69.3px;
    top: -45px;
  }
}
.keyword .content section#sec_important .sub_sec .photo img {
  border-radius: 20px 0 0 20px;
  width: 100%;
  height: 490px;
  object-fit: cover;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_important .sub_sec .photo img {
    border-radius: 20px;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec .photo img {
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec .photo img {
    border-radius: 10px;
  }
}
.keyword .content section#sec_skill {
  background: #fcf6e5;
}
.keyword .content section#sec_skill .lead {
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_skill .lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_skill .lead {
    text-align: left;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_skill .lead {
    margin-bottom: 30px;
  }
}
.keyword .content section#sec_skill .necessary {
  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: 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;
}
.keyword .content section#sec_skill .necessary > div {
  width: 48.43%;
  background: #fefcf5;
  border-radius: 30px;
  padding: 50px;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_skill .necessary > div {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_skill .necessary > div {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_skill .necessary > div {
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_skill .necessary > div {
    padding: 30px;
  }
}
.keyword .content section#sec_skill .necessary > div.skill_list {
  position: relative;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_skill .necessary > div.skill_list {
    padding-bottom: 340px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_skill .necessary > div.skill_list {
    padding-bottom: 300px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_skill .necessary > div.skill_list {
    padding-bottom: 260px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_skill .necessary > div.skill_list {
    padding-bottom: 220px;
  }
}
.keyword .content section#sec_skill .necessary > div.skill_list:after {
  content: "";
  width: 452px;
  height: 310px;
  background: url(images/bg_important_skill.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_skill .necessary > div.skill_list:after {
    width: 406.8px;
    height: 279px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_skill .necessary > div.skill_list:after {
    width: 361.6px;
    height: 248px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_skill .necessary > div.skill_list:after {
    width: 316.4px;
    height: 217px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_skill .necessary > div.skill_list:after {
    width: 271.2px;
    height: 186px;
  }
}
.keyword .content section#sec_skill .necessary > div h3 {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  font-weight: 600;
  letter-spacing: 2px;
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_skill .necessary > div h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_skill .necessary > div h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_skill .necessary > div h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
}
.keyword .content section#sec_skill .necessary > div h3 span {
  position: relative;
}
.keyword .content section#sec_skill .necessary > div h3 span:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.5em;
  background-color: #f9f468;
  z-index: -1;
}
.keyword .content section#sec_skill .necessary > div ul li {
  margin-bottom: 40px;
}
.keyword .content section#sec_skill .necessary > div ul li:last-child {
  margin-bottom: 0;
}
.keyword .content section#sec_skill .necessary > div ul li .ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
  position: relative;
  padding-left: 36px;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_skill .necessary > div ul li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 32px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_skill .necessary > div ul li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 28px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_skill .necessary > div ul li .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
.keyword .content section#sec_skill .necessary > div ul li .num {
  display: inline-block;
  width: 28px;
  height: 28px;
  font-family: "Montserrat", serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  background: #675044;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 100px;
  padding: 5px 0 0 2px;
  position: absolute;
  top: 2px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_skill .necessary > div ul li .num {
    width: 24px;
    height: 24px;
    font-size: 15px;
    font-size: 1.5rem;
    padding-top: 4px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_skill .necessary > div ul li .num {
    width: 22px;
    height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 3px 0 0 0;
  }
}
.keyword .content section#sec_skill .necessary > div ul li .txt {
  padding-left: 38px;
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_skill .necessary > div ul li .txt {
    padding-left: 32px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_skill .necessary > div ul li .txt {
    padding-left: 28px;
  }
}
.keyword .content section#sec_skill .necessary > div .note {
  padding-left: 38px;
  margin-top: 40px;
}
.keyword .content section#sec_person {
  padding-right: 0;
  padding-left: 0;
}
.keyword .content section#sec_person .lead {
  max-width: 1360px;
  margin: 0 auto 40px;
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_person .lead {
    padding: 0 30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_person .lead {
    padding: 0 25px;
  }
}
.keyword .content section#sec_person .photo img {
  width: 100%;
}
.keyword .content section.sec_entry h2 {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .keyword .content section.sec_entry h2 {
    text-align: center;
  }
}

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

.reason header .main_ttl {
  background-image: url(images/bg_main_ttl_reason.jpg);
}
.reason .content section#sec_reason_list h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_reason_list h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
.reason .content section#sec_reason_list > section {
  max-width: 1280px;
  background: #fcf8ea;
  border-radius: 30px;
  padding: 0 60px 60px;
  margin: 0 auto 126px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section {
    padding: 70px 40px 40px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section {
    padding: 70px 30px 40px;
    margin-bottom: 70px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section {
    padding: 60px 25px 30px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_reason_list > section {
    padding-top: 50px;
  }
}
.reason .content section#sec_reason_list > section.sec_point01 {
  margin-top: 100px;
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section.sec_point01 {
    margin-top: 80px;
  }
}
.reason .content section#sec_reason_list > section.sec_point01 .point_num .num {
  letter-spacing: 6px;
}
.reason .content section#sec_reason_list > section.sec_point03 {
  margin-bottom: 0;
}
.reason .content section#sec_reason_list > section .point_num {
  position: absolute;
  top: -50px;
  left: 60px;
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_reason_list > section .point_num {
    left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section .point_num {
    top: -45px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section .point_num {
    top: -40px;
    left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section .point_num {
    top: -35px;
    left: 25px;
  }
}
.reason .content section#sec_reason_list > section .point_num span {
  display: block;
  font-family: "Montserrat", serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section .point_num span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section .point_num span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section .point_num span {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.reason .content section#sec_reason_list > section .point_num .num {
  font-size: 70px;
  font-size: 7rem;
  color: #f7ee88;
  letter-spacing: 4px;
  line-height: 1;
  font-weight: 600;
  text-shadow: -1px -1px 0 #675044, 1px -1px 0 #675044, -1px 1px 0 #675044, 1px 1px 0 #675044;
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section .point_num .num {
    font-size: 62px;
    font-size: 6.2rem;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section .point_num .num {
    font-size: 56px;
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section .point_num .num {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
.reason .content section#sec_reason_list > section h3 {
  font-size: 36px;
  font-size: 3.6rem;
  letter-spacing: 4px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 32px;
  position: relative;
  top: -18px;
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_reason_list > section h3 {
    font-size: 34px;
    font-size: 3.4rem;
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section h3 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 30px;
    top: 0;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section h3 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section 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 > section h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.reason .content section#sec_reason_list > section h3 span:first-child {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 4px;
  line-height: 1.5;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section h3 span:first-child {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section h3 span:first-child {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section h3 span:first-child {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_reason_list > section h3 span:first-child {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.reason .content section#sec_reason_list > section h3 span:first-child:before {
  content: "";
  width: 1px;
  height: 80px;
  background: #675044;
  position: absolute;
  top: -10px;
  left: -35px;
  transform: rotate(-20deg);
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section h3 span:first-child:before {
    height: 60px;
    top: 0;
    left: -25px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section h3 span:first-child:before {
    top: -2px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section h3 span:first-child:before {
    height: 50px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_reason_list > section h3 span:first-child:before {
    height: 45px;
    left: -20px;
  }
}
.reason .content section#sec_reason_list > section h3 span:first-child:after {
  content: "";
  width: 1px;
  height: 80px;
  background: #675044;
  position: absolute;
  top: -10px;
  right: -30px;
  transform: rotate(20deg);
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section h3 span:first-child:after {
    height: 60px;
    top: 0;
    right: -20px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section h3 span:first-child:after {
    top: -2px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section h3 span:first-child:after {
    height: 50px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_reason_list > section h3 span:first-child:after {
    height: 45px;
    right: -15px;
  }
}
.reason .content section#sec_reason_list > section h3 span:last-child {
  display: block;
}
.reason .content section#sec_reason_list > section .reason_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;
}
.reason .content section#sec_reason_list > section .reason_inner .txt_area {
  width: calc(100% - 580px);
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_reason_list > section .reason_inner .txt_area {
    width: calc(100% - 460px);
  }
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list > section .reason_inner .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.reason .content section#sec_reason_list > section .reason_inner .photo {
  width: 520px;
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_reason_list > section .reason_inner .photo {
    width: 420px;
  }
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list > section .reason_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: 600px) {
  .reason .content section#sec_reason_list > section .reason_inner .photo {
    margin-bottom: 20px;
  }
}
.reason .content section#sec_reason_list > section .reason_inner .photo img {
  width: 100%;
  height: 440px;
  object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list > section .reason_inner .photo img {
    height: auto;
    border-radius: 20px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section .reason_inner .photo img {
    border-radius: 15px;
  }
}
.reason .content section#sec_reason_list > section .staff_voice {
  margin-top: 10px;
}
.reason .content section#sec_reason_list > section .staff_voice h4 {
  text-align: center;
  position: relative;
  left: -100px;
  bottom: -30px;
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section .staff_voice h4 {
    left: -90px;
    bottom: -25px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_reason_list > section .staff_voice h4 {
    left: -80px;
    bottom: -15px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section .staff_voice h4 img {
    width: 149.4px;
    height: 96.3px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section .staff_voice h4 img {
    width: 132.8px;
    height: 85.6px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section .staff_voice h4 img {
    width: 116.2px;
    height: 74.9px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_reason_list > section .staff_voice h4 img {
    width: 99.6px;
    height: 64.2px;
  }
}
.reason .content section#sec_reason_list > section .staff_voice .staff_thumb {
  text-align: center;
  margin-bottom: 20px;
}
.reason .content section#sec_reason_list > section .staff_voice .ttl {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section .staff_voice .ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section .staff_voice .ttl {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section .staff_voice .ttl {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_reason_list > section .staff_voice .ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.reason .content section#sec_reason_list > section .staff_voice .voice_box {
  background: #fff;
  padding: 50px;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list > section .staff_voice .voice_box {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section .staff_voice .voice_box {
    padding: 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section .staff_voice .voice_box {
    padding: 25px;
  }
}
.reason .content section#sec_reason_list > section .staff_voice .voice_ttl {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f29600;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section .staff_voice .voice_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section .staff_voice .voice_ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.reason .content section#sec_teamwork {
  padding-top: 0;
}
.reason .content section#sec_teamwork h2 {
  font-size: 32px;
  font-size: 3.2rem;
  text-align: center;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 2px;
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_teamwork h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_teamwork h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_teamwork h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_teamwork h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.reason .content section#sec_teamwork h2 p:first-child {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 10px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_teamwork h2 p:first-child {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_teamwork h2 p:first-child {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_teamwork h2 p:first-child {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_teamwork h2 p:first-child {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.reason .content section#sec_teamwork h2 p:first-child:before {
  content: "";
  width: 1px;
  height: 40px;
  background: #675044;
  position: absolute;
  top: -2px;
  left: -20px;
  transform: rotate(-13deg);
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_teamwork h2 p:first-child:before {
    height: 30px;
    left: -12px;
  }
}
.reason .content section#sec_teamwork h2 p:first-child:after {
  content: "";
  width: 1px;
  height: 40px;
  background: #675044;
  position: absolute;
  top: -2px;
  right: -15px;
  transform: rotate(13deg);
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_teamwork h2 p:first-child:after {
    height: 30px;
    right: -7px;
  }
}
.reason .content section#sec_teamwork h2 p:last-child {
  display: block;
}
.reason .content section#sec_teamwork h2 p span {
  display: inline-block;
}
.reason .content section#sec_teamwork .teamwork_inner {
  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: 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;
}
.reason .content section#sec_teamwork .teamwork_inner .txt_area {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_teamwork .teamwork_inner .txt_area {
    width: calc(100% - 540px);
  }
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_teamwork .teamwork_inner .txt_area {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_teamwork .teamwork_inner .txt_area {
    margin-bottom: 20px;
  }
}
.reason .content section#sec_teamwork .teamwork_inner .txt_area p em {
  font-weight: 600;
  color: #f29600;
}
.reason .content section#sec_teamwork .teamwork_inner .photo {
  width: 600px;
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_teamwork .teamwork_inner .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_teamwork .teamwork_inner .photo {
    width: 100%;
  }
}
.reason .content section#sec_teamwork .teamwork_inner .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_teamwork .teamwork_inner .photo img {
    border-radius: 20px;
  }
}

.education header .main_ttl {
  background-image: url(images/bg_main_ttl_education.jpg);
}
.education header .main_ttl h1 {
  letter-spacing: 8px;
}
.education .content section#sec_education {
  max-width: 1360px;
  margin: 0 auto;
}
.education .content section#sec_education h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 600px) {
  .education .content section#sec_education h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .education .content section#sec_education h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .education .content section#sec_education h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
.education .content section#sec_education .catch {
  font-size: 30px;
  font-size: 3rem;
  text-align: center;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .education .content section#sec_education .catch {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .education .content section#sec_education .catch {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .education .content section#sec_education .catch {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 1px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .education .content section#sec_education .catch {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .education .content section#sec_education .catch {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
}
.education .content section#sec_education .catch span:first-child {
  display: inline-block;
}
.education .content section#sec_education .catch span:last-child {
  position: relative;
}
.education .content section#sec_education .catch span:last-child:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.5em;
  background-color: #f9f468;
  z-index: -1;
}
.education .content section#sec_education .education_lead {
  margin: 0 auto 80px;
  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: 480px) {
  .education .content section#sec_education .education_lead {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 400px) {
  .education .content section#sec_education .education_lead {
    margin-bottom: 60px;
  }
}
.education .content section#sec_education .education_lead .photo {
  width: 600px;
}
@media screen and (max-width: 1250px) {
  .education .content section#sec_education .education_lead .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .education .content section#sec_education .education_lead .photo {
    width: 100%;
    margin-bottom: 30px;
  }
}
.education .content section#sec_education .education_lead .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 600px) {
  .education .content section#sec_education .education_lead .photo img {
    border-radius: 20px;
  }
}
.education .content section#sec_education .education_lead .txt_area {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .education .content section#sec_education .education_lead .txt_area {
    width: calc(100% - 540px);
  }
}
@media screen and (max-width: 1000px) {
  .education .content section#sec_education .education_lead .txt_area {
    width: 100%;
  }
}
.education .content section#sec_education .education_lead .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .education .content section#sec_education .education_lead .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .education .content section#sec_education .education_lead .txt_area p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.education .content section#sec_education .education_lead .txt_area p:last-child {
  margin-bottom: 0;
}
.education .content section#sec_education .education_lead .txt_area p em {
  color: #f29600;
  font-weight: 600;
}
.education .content section#sec_education .education_point .education_point_box {
  background: #fcf8ea;
  padding: 60px;
  margin-bottom: 60px;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .education .content section#sec_education .education_point .education_point_box {
    padding: 50px 40px;
  }
}
@media screen and (max-width: 600px) {
  .education .content section#sec_education .education_point .education_point_box {
    border-radius: 15px;
    padding: 45px 30px 40px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .education .content section#sec_education .education_point .education_point_box {
    margin-bottom: 40px;
  }
}
.education .content section#sec_education .education_point .point_num {
  font-family: "Montserrat", serif;
  font-size: 60px;
  font-size: 6rem;
  color: #f7ee88;
  letter-spacing: 6px;
  line-height: 1;
  font-weight: 600;
  text-shadow: -1px -1px 0 #675044, 1px -1px 0 #675044, -1px 1px 0 #675044, 1px 1px 0 #675044;
  position: absolute;
  top: -30px;
  left: 60px;
}
@media screen and (max-width: 1000px) {
  .education .content section#sec_education .education_point .point_num {
    font-size: 56px;
    font-size: 5.6rem;
    top: -28px;
    left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .education .content section#sec_education .education_point .point_num {
    font-size: 52px;
    font-size: 5.2rem;
    top: -26px;
    left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .education .content section#sec_education .education_point .point_num {
    font-size: 46px;
    font-size: 4.6rem;
    top: -22px;
  }
}
@media screen and (max-width: 400px) {
  .education .content section#sec_education .education_point .point_num {
    font-size: 42px;
    font-size: 4.2rem;
    top: -20px;
  }
}
.education .content section#sec_education .education_point h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .education .content section#sec_education .education_point h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .education .content section#sec_education .education_point h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.education .content section#sec_education .education_point .education_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;
}
.education .content section#sec_education .education_point .education_inner .txt_area {
  width: calc(100% - 400px);
}
@media screen and (max-width: 1000px) {
  .education .content section#sec_education .education_point .education_inner .txt_area {
    width: calc(100% - 340px);
  }
}
@media screen and (max-width: 768px) {
  .education .content section#sec_education .education_point .education_inner .txt_area {
    width: 100%;
    margin-bottom: 30px;
  }
}
.education .content section#sec_education .education_point .education_inner .photo {
  width: 360px;
}
@media screen and (max-width: 1000px) {
  .education .content section#sec_education .education_point .education_inner .photo {
    width: 300px;
  }
}
@media screen and (max-width: 768px) {
  .education .content section#sec_education .education_point .education_inner .photo {
    width: 100%;
  }
}
.education .content section#sec_education .education_point .education_inner .photo img {
  width: 100%;
  border-radius: 15px;
}
.education .content section#sec_education .staff_voice h3 {
  text-align: center;
  position: relative;
  bottom: -20px;
  left: -180px;
}
@media screen and (max-width: 600px) {
  .education .content section#sec_education .staff_voice h3 {
    bottom: -10px;
    left: -150px;
  }
}
@media screen and (max-width: 480px) {
  .education .content section#sec_education .staff_voice h3 {
    bottom: -5px;
    left: -120px;
  }
}
@media screen and (max-width: 400px) {
  .education .content section#sec_education .staff_voice h3 {
    left: -110px;
  }
}
@media screen and (max-width: 480px) {
  .education .content section#sec_education .staff_voice h3 img {
    width: 127.8px;
    height: 79.2px;
  }
}
@media screen and (max-width: 400px) {
  .education .content section#sec_education .staff_voice h3 img {
    width: 113.6px;
    height: 70.4px;
  }
}
.education .content section#sec_education .staff_voice .sub_ttl {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .education .content section#sec_education .staff_voice .sub_ttl {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .education .content section#sec_education .staff_voice .sub_ttl {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .education .content section#sec_education .staff_voice .sub_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.education .content section#sec_education .staff_voice .staff_voice_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;
}
.education .content section#sec_education .staff_voice .staff_voice_inner .photo {
  width: 460px;
}
@media screen and (max-width: 1250px) {
  .education .content section#sec_education .staff_voice .staff_voice_inner .photo {
    width: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .education .content section#sec_education .staff_voice .staff_voice_inner .photo {
    width: 100%;
    margin-bottom: 30px;
  }
}
.education .content section#sec_education .staff_voice .staff_voice_inner .photo img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .education .content section#sec_education .staff_voice .staff_voice_inner .photo img {
    border-radius: 15px;
  }
}
.education .content section#sec_education .staff_voice .staff_voice_inner .txt_area {
  width: calc(100% - 500px);
}
@media screen and (max-width: 1250px) {
  .education .content section#sec_education .staff_voice .staff_voice_inner .txt_area {
    width: calc(100% - 440px);
  }
}
@media screen and (max-width: 1000px) {
  .education .content section#sec_education .staff_voice .staff_voice_inner .txt_area {
    width: 100%;
  }
}

.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 {
  max-width: 1360px;
  margin: 0 auto;
}
.flow .content section#sec_flow h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
.flow .content section#sec_flow .flow_list {
  background: #fcf8ea;
  padding: 60px;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .flow .content section#sec_flow .flow_list {
    padding: 60px 40px;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list {
    padding: 50px 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list {
    padding: 40px 20px;
  }
}
.flow .content section#sec_flow .flow_list .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;
  background: #fff;
  padding: 40px;
  margin-bottom: 60px;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .flow_list .flow_box {
    padding: 50px 40px;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .flow_box {
    border-radius: 15px;
    padding: 45px 30px 40px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .flow_box {
    border-radius: 10px;
    margin-bottom: 40px;
    padding: 40px 20px 30px;
  }
}
.flow .content section#sec_flow .flow_list .flow_box .flow_num {
  font-family: "Montserrat", serif;
  font-size: 60px;
  font-size: 6rem;
  color: #f7ee88;
  letter-spacing: 6px;
  line-height: 1;
  font-weight: 600;
  text-shadow: -1px -1px 0 #675044, 1px -1px 0 #675044, -1px 1px 0 #675044, 1px 1px 0 #675044;
  position: absolute;
  top: -30px;
  left: 40px;
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .flow_list .flow_box .flow_num {
    font-size: 56px;
    font-size: 5.6rem;
    top: -28px;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .flow_box .flow_num {
    font-size: 52px;
    font-size: 5.2rem;
    top: -26px;
    left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .flow_box .flow_num {
    font-size: 46px;
    font-size: 4.6rem;
    top: -22px;
    left: 20px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .flow_list .flow_box .flow_num {
    font-size: 42px;
    font-size: 4.2rem;
    top: -20px;
  }
}
.flow .content section#sec_flow .flow_list .flow_box .txt_area {
  width: calc(100% - 400px);
  margin-top: 25px;
}
@media screen and (max-width: 1250px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area {
    width: calc(100% - 340px);
  }
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area {
    width: 100%;
    margin: 0 0 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area {
    margin-bottom: 20px;
  }
}
.flow .content section#sec_flow .flow_list .flow_box .txt_area h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.flow .content section#sec_flow .flow_list .flow_box .txt_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.flow .content section#sec_flow .flow_list .flow_box .txt_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area .btn_more a:after {
    right: 15px;
  }
}
.flow .content section#sec_flow .flow_list .flow_box .txt_area .btn_more a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
.flow .content section#sec_flow .flow_list .flow_box .txt_area .btn_more a {
  margin: 30px auto 0 0;
  padding: 16px 20px;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area .btn_more a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 14px 20px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area .btn_more a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 13px 20px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area .btn_more a:after {
    width: 16px;
    height: 16px;
    right: 15px;
  }
}
.flow .content section#sec_flow .flow_list .flow_box .photo {
  width: 360px;
}
@media screen and (max-width: 1250px) {
  .flow .content section#sec_flow .flow_list .flow_box .photo {
    width: 300px;
  }
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .flow_list .flow_box .photo {
    width: 100%;
  }
}
.flow .content section#sec_flow .flow_list .flow_box .photo img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .flow_list .flow_box .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .flow_box .photo img {
    border-radius: 10px;
  }
}
.flow .content section#sec_flow .flow_list .online_meeting {
  border: 1px solid #675044;
  border-radius: 20px;
  padding: 40px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .flow .content section#sec_flow .flow_list .online_meeting {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .online_meeting {
    border-radius: 15px;
    padding: 30px 25px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .online_meeting {
    border-radius: 10px;
    padding: 30px 20px;
  }
}
.flow .content section#sec_flow .flow_list .online_meeting h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .online_meeting h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .online_meeting h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.flow .content section#sec_flow .flow_list .online_meeting .meeting_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) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .photo {
  width: 420px;
}
@media screen and (max-width: 1250px) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .photo {
    width: 320px;
  }
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .photo {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .photo {
    margin-bottom: 20px;
  }
}
.flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .photo img {
  width: 100%;
  border-radius: 15px;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .photo img {
    border-radius: 10px;
  }
}
.flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .txt_area {
  width: calc(100% - 460px);
}
@media screen and (max-width: 1250px) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .txt_area {
    width: calc(100% - 360px);
  }
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .txt_area {
    width: 100%;
  }
}
.flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .btn_more a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .btn_more a:after {
    right: 15px;
  }
}
.flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .btn_more a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
.flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .btn_more a {
  max-width: 360px;
  padding: 16px 20px;
  margin: 30px auto 0 0;
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    padding: 14px 20px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .btn_more a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
    padding: 13px 20px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .btn_more a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .btn_more a:after {
    width: 16px;
    height: 16px;
    right: 15px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .flow_list .online_meeting .meeting_inner .btn_more a:after {
    right: 10px;
  }
}

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

.welfare header .main_ttl {
  background-image: url(images/bg_main_ttl_welfare.jpg);
}
.welfare header .main_ttl h1 {
  letter-spacing: 8px;
}
.welfare .content section#sec_welfare {
  max-width: 1360px;
  margin: 0 auto;
}
.welfare .content section#sec_welfare h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
.welfare .content section#sec_welfare .lead {
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .lead {
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .lead {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .lead {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .lead {
    margin-bottom: 20px;
  }
}
.welfare .content section#sec_welfare .welfare_box {
  background: #fcf8ea;
  padding: 50px 60px 31px;
  margin-bottom: 50px;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare .welfare_box {
    padding: 50px 40px 31px;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box {
    padding: 40px 40px 30px;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_box {
    border-radius: 15px;
    margin-bottom: 40px;
    padding: 30px 30px 20px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box {
    padding: 30px 25px 20px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .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_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;
  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-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 .welfare_num {
  font-family: "Montserrat", serif;
  font-size: 60px;
  font-size: 6rem;
  color: #f7ee88;
  letter-spacing: 6px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 20px;
  text-shadow: -1px -1px 0 #675044, 1px -1px 0 #675044, -1px 1px 0 #675044, 1px 1px 0 #675044;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box .txt_area .welfare_num {
    font-size: 52px;
    font-size: 5.2rem;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_box .txt_area .welfare_num {
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box .txt_area .welfare_num {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .welfare_box .txt_area .welfare_num {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
.welfare .content section#sec_welfare .welfare_box .txt_area h2 {
  font-size: 30px;
  font-size: 3rem;
  text-align: left;
  letter-spacing: 2px;
  line-height: 1.6;
  margin-bottom: 50px;
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare .welfare_box .txt_area h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box .txt_area h2 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box .txt_area h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_box .txt_area h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box .txt_area h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .welfare_box .txt_area h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.welfare .content section#sec_welfare .welfare_box .txt_area h2 span {
  display: block;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box .txt_area h2 span {
    display: inline-block;
  }
}
.welfare .content section#sec_welfare .welfare_box .txt_area p {
  margin-bottom: 20px;
}
.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 {
  color: #f29600;
  text-decoration: underline;
}
.welfare .content section#sec_welfare .welfare_box .photo {
  width: 520px;
}
@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 img {
  width: 100%;
  height: 440px;
  object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box .photo img {
    height: auto;
    border-radius: 20px;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_box .photo img {
    border-radius: 15px;
  }
}
.welfare .content section#sec_welfare .welfare_box 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;
}
.welfare .content section#sec_welfare .welfare_box ul li {
  width: 32.24%;
  margin: 0% 1.63% 1.63% 0%;
  background: #fff;
  padding: 15px 10px;
  border-radius: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  font-weight: 600;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box ul li {
    width: 49%;
    margin: 0 2% 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box ul 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 ul li {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 10px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box ul li {
    width: 100%;
    font-size: 15px;
    font-size: 1.5rem;
    margin-right: 0;
  }
}
.welfare .content section#sec_welfare .welfare_box ul li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box ul li:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box ul li:nth-child(even) {
    margin-right: 0;
  }
}
.welfare .content section#sec_welfare_point {
  max-width: 1360px;
  padding-top: 0;
  padding-bottom: 69px;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare_point {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare_point {
    padding-bottom: 40px;
  }
}
.welfare .content section#sec_welfare_point h2 {
  font-size: 32px;
  font-size: 3.2rem;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare_point h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare_point h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare_point h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare_point h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.welfare .content section#sec_welfare_point h2 span:first-child {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare_point h2 span:first-child {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare_point h2 span:first-child {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare_point h2 span:first-child {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.welfare .content section#sec_welfare_point h2 span:first-child:before {
  content: "";
  width: 1px;
  height: 42px;
  background: #675044;
  position: absolute;
  top: -4px;
  left: -20px;
  transform: rotate(-12deg);
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare_point h2 span:first-child:before {
    height: 32px;
    top: -2px;
    left: -15px;
  }
}
.welfare .content section#sec_welfare_point h2 span:first-child:after {
  content: "";
  width: 1px;
  height: 42px;
  background: #675044;
  position: absolute;
  top: -4px;
  right: -15px;
  transform: rotate(12deg);
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare_point h2 span:first-child:after {
    height: 32px;
    top: -2px;
    right: -10px;
  }
}
.welfare .content section#sec_welfare_point h2 span:last-child {
  display: block;
}
.welfare .content section#sec_welfare_point .point_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_point .point_list .point_box {
  width: 31.71%;
  margin: 0% 2.42% 2.42% 0%;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare_point .point_list .point_box {
    width: 48%;
    margin: 0 4% 40px 0;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare_point .point_list .point_box {
    width: 100%;
    margin: 0 0 60px 0;
  }
}
.welfare .content section#sec_welfare_point .point_list .point_box:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare_point .point_list .point_box:nth-child(3n) {
    margin-right: 4%;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare_point .point_list .point_box:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare_point .point_list .point_box:nth-child(even) {
    margin-right: 0;
  }
}
.welfare .content section#sec_welfare_point .point_list .point_box .photo {
  margin-bottom: 30px;
}
.welfare .content section#sec_welfare_point .point_list .point_box .photo img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare_point .point_list .point_box .photo img {
    border-radius: 15px;
  }
}
.welfare .content section#sec_welfare_point .point_list .point_box h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare_point .point_list .point_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare_point .point_list .point_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare_point .point_list .point_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.welfare .content section#sec_welfare_point .point_list .point_box p {
  margin-bottom: 20px;
}
.welfare .content section#sec_welfare_point .point_list .point_box ul {
  background: #fcf8ea;
  border-radius: 10px;
  padding: 25px;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare_point .point_list .point_box ul {
    padding: 20px;
  }
}
.welfare .content section#sec_welfare_point .point_list .point_box ul li {
  font-weight: 500;
  letter-spacing: 2px;
  padding-left: 12px;
  margin-bottom: 5px;
  position: relative;
}
.welfare .content section#sec_welfare_point .point_list .point_box ul li:last-child {
  margin-bottom: 0;
}
.welfare .content section#sec_welfare_point .point_list .point_box ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #e8b71d;
  border-radius: 100px;
  position: absolute;
  top: 11px;
  left: 0;
}

.gallery header .main_ttl {
  background-image: url(images/bg_main_ttl_gallery.jpg);
}
.gallery .content section#sec_gallery_1f, .gallery .content section#sec_gallery_2f {
  padding-bottom: 0;
}
.gallery .content section.sec_gallery {
  max-width: 1360px;
  margin: 0 auto;
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery {
    padding-top: 60px;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery {
    padding-top: 50px;
  }
}
.gallery .content section.sec_gallery h2 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .gallery .content section.sec_gallery h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .gallery .content section.sec_gallery h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.gallery .content section.sec_gallery .gallery_box {
  background: #fcf8ea;
  padding: 50px 60px 20px;
  border-radius: 12px;
}
@media screen and (max-width: 1250px) {
  .gallery .content section.sec_gallery .gallery_box {
    padding: 50px 50px 30px;
  }
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery .gallery_box {
    padding: 40px 40px 30px;
  }
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .gallery_box {
    padding: 30px 30px 20px;
    border-radius: 15px;
  }
}
.gallery .content section.sec_gallery .gallery_box h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 600;
  letter-spacing: 2px;
  background: #675044;
  padding: 12px 40px;
  border-radius: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery .gallery_box h3 {
    padding: 12px 30px;
  }
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .gallery_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .gallery_box h3 {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px 20px;
    border-radius: 8px;
    margin-bottom: 10px;
  }
}
.gallery .content section.sec_gallery .gallery_box .lead {
  margin-bottom: 20px;
}
.gallery .content section.sec_gallery .gallery_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: 20px;
}
.gallery .content section.sec_gallery .gallery_list:last-child {
  margin-bottom: 0;
}
.gallery .content section.sec_gallery .gallery_list li {
  width: 31.55%;
  margin: 0% 2.67% 2.67% 0%;
}
@media screen and (max-width: 1000px) {
  .gallery .content section.sec_gallery .gallery_list li {
    width: 49%;
    margin: 0 2% 15px 0;
  }
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .gallery_list li {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .gallery_list li {
    width: 100%;
    margin-right: 0;
  }
}
.gallery .content section.sec_gallery .gallery_list li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .gallery .content section.sec_gallery .gallery_list li:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .gallery_list li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .gallery .content section.sec_gallery .gallery_list li:nth-child(even) {
    margin-right: 0;
  }
}
.gallery .content section.sec_gallery .gallery_list li img {
  width: 100%;
  border-radius: 10px;
}
@media screen and (max-width: 1000px) {
  .gallery .content section.sec_gallery .gallery_list li img {
    border-radius: 8px;
  }
}
.gallery .content section.sec_gallery .gallery_list li p {
  margin-top: 10px;
}
.gallery .content section.sec_gallery .outro {
  margin-top: 40px;
}
.gallery .content section.sec_gallery .outro .btn_more a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .outro .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .outro .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.gallery .content section.sec_gallery .outro .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .outro .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .gallery .content section.sec_gallery .outro .btn_more a:after {
    right: 15px;
  }
}
.gallery .content section.sec_gallery .outro .btn_more a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
.gallery .content section.sec_gallery .outro .btn_more a {
  margin: 30px auto 0 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_reason {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 0;
}
.new-graduate .content section#sec_reason h2 {
  font-size: 30px;
  font-size: 3rem;
  letter-spacing: 3px;
  line-height: 1.5;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_reason h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_reason h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_reason h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.new-graduate .content section#sec_reason h2 em {
  font-size: 38px;
  font-size: 3.8rem;
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_reason h2 em {
    font-size: 34px;
    font-size: 3.4rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason h2 em {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_reason h2 em {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_reason h2 em {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.new-graduate .content section#sec_reason h2 span {
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason h2 span {
    margin-bottom: 5px;
  }
}
.new-graduate .content section#sec_reason h2 span:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 100%;
  height: 0.5em;
  background-color: #f9f468;
  z-index: -1;
}
.new-graduate .content section#sec_reason .reason_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;
  background: #fcf8ea;
  padding: 60px;
  margin-bottom: 100px;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_reason .reason_box {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 80px 40px 40px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason .reason_box {
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_reason .reason_box {
    padding: 40px 30px 30px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_reason .reason_box {
    padding: 40px 25px 30px;
  }
}
.new-graduate .content section#sec_reason .reason_box.reason01 .reason_num .num {
  letter-spacing: 8px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason .reason_box.reason01 .reason_num .num {
    letter-spacing: 6px;
  }
}
.new-graduate .content section#sec_reason .reason_box:last-child {
  margin-bottom: 0;
}
.new-graduate .content section#sec_reason .reason_box .reason_num {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 4px;
  line-height: 1.2;
  position: absolute;
  top: -70px;
  left: 10px;
  z-index: 1;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num {
    font-size: 15px;
    font-size: 1.5rem;
    top: -60px;
    left: 5px;
  }
}
.new-graduate .content section#sec_reason .reason_box .reason_num:before {
  content: "";
  width: 119px;
  height: 49px;
  background: url(images/bg_new_graduate_point.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -25px;
  left: -20px;
  z-index: 0;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num:before {
    width: 107.1px;
    height: 44.1px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num:before {
    width: 95.2px;
    height: 39.2px;
    bottom: -20px;
    left: -15px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num:before {
    width: 83.3px;
    height: 34.3px;
    left: -10px;
  }
}
.new-graduate .content section#sec_reason .reason_box .reason_num .num {
  display: block;
  font-family: "Montserrat", serif;
  font-size: 56px;
  font-size: 5.6rem;
  color: #f7ee88;
  letter-spacing: 4px;
  line-height: 1;
  font-weight: 600;
  text-shadow: -1px -1px 0 #675044, 1px -1px 0 #675044, -1px 1px 0 #675044, 1px 1px 0 #675044;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num .num {
    font-size: 52px;
    font-size: 5.2rem;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num .num {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num .num {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num .num {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
.new-graduate .content section#sec_reason .reason_box .txt_area {
  width: calc(100% - 510px);
  margin-top: 30px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area {
    width: calc(100% - 440px);
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 0;
  }
}
.new-graduate .content section#sec_reason .reason_box .txt_area h3 {
  font-size: 30px;
  font-size: 3rem;
  text-align: left;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.4;
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.new-graduate .content section#sec_reason .reason_box .txt_area h3 p:last-child {
  text-indent: -0.5em;
}
.new-graduate .content section#sec_reason .reason_box .txt_area h3 em {
  display: inline-block;
  font-size: 38px;
  font-size: 3.8rem;
  margin-left: 20px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 em {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 em {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 em {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 em {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 em {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.new-graduate .content section#sec_reason .reason_box .txt_area h3 em:before {
  content: "";
  position: absolute;
  left: -0.5em;
  bottom: 0;
  width: 100%;
  height: 0.5em;
  background-color: #f9f468;
  z-index: -1;
}
.new-graduate .content section#sec_reason .reason_box .txt_area .txt {
  margin-bottom: 20px;
}
.new-graduate .content section#sec_reason .reason_box .txt_area .link a {
  color: #f29600;
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area .link a {
    letter-spacing: 0;
  }
}
.new-graduate .content section#sec_reason .reason_box .photo {
  width: 450px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_reason .reason_box .photo {
    width: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_reason .reason_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;
  }
}
.new-graduate .content section#sec_reason .reason_box .photo img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_reason .reason_box .photo img {
    height: 440px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_reason .reason_box .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason .reason_box .photo img {
    border-radius: 10px;
  }
}
.new-graduate .content section.other_contents {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 0;
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.other_contents#sec_clinic_about .btn_more a {
    letter-spacing: 1px;
  }
}
.new-graduate .content section.other_contents#sec_clinic_work .clinic_about_inner .photo {
  -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.other_contents#sec_clinic_work .clinic_about_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.other_contents#sec_clinic_work .clinic_about_inner .txt_area {
  -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) {
  .new-graduate .content section.other_contents#sec_clinic_work .clinic_about_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.other_contents .ttl_en {
  letter-spacing: 6px;
}
.new-graduate .content section.other_contents h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section.other_contents h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.other_contents h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section.other_contents h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section.other_contents h2 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section.other_contents h2 {
    margin-bottom: 30px;
  }
}
.new-graduate .content section.other_contents .clinic_about_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: "";
  -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;
}
.new-graduate .content section.other_contents .clinic_about_inner .photo {
  width: 540px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section.other_contents .clinic_about_inner .photo {
    width: 460px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section.other_contents .clinic_about_inner .photo {
    width: 100%;
    margin-bottom: 30px;
  }
}
.new-graduate .content section.other_contents .clinic_about_inner .photo img {
  width: 100%;
  border-radius: 20px;
}
.new-graduate .content section.other_contents .clinic_about_inner .txt_area {
  width: calc(100% - 600px);
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section.other_contents .clinic_about_inner .txt_area {
    width: calc(100% - 500px);
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section.other_contents .clinic_about_inner .txt_area {
    width: 100%;
  }
}
.new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a:after {
    right: 15px;
  }
}
.new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
.new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a {
  max-width: 400px;
  margin: 50px auto 0 0;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a {
    margin-top: 40px;
  }
}
.new-graduate .content section#sec_clinic_interview {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 0;
}
.new-graduate .content section#sec_clinic_interview .interview_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: "";
  -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;
  border: 1px solid #675044;
  padding: 60px;
  border-radius: 20px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner {
    padding: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner {
    padding: 30px;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .photo {
  width: 450px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .photo {
    width: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .photo {
    width: 100%;
    margin-bottom: 30px;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .photo img {
  width: 100%;
  border-radius: 20px;
}
.new-graduate .content section#sec_clinic_interview .interview_inner .txt_area {
  width: calc(100% - 510px);
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area {
    width: calc(100% - 450px);
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area {
    width: 100%;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .txt_area .ttl_en {
  letter-spacing: 6px;
  text-align: left;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area .ttl_en {
    font-size: 56px;
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area .ttl_en {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area .ttl_en {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area .ttl_en {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area .ttl_en {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .txt_area h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  letter-spacing: 2px;
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area h2 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area h2 {
    margin-bottom: 30px;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .txt_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_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_clinic_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_clinic_interview .interview_inner .txt_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_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_clinic_interview .interview_inner .txt_area .btn_more a:after {
    right: 15px;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .txt_area .btn_more a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
.new-graduate .content section#sec_clinic_interview .interview_inner .txt_area .btn_more a {
  max-width: 400px;
  background: #8dc21f;
  margin: 50px auto 0 0;
  border-color: #8dc21f;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area .btn_more a {
    margin-top: 40px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area .btn_more a {
    margin-top: 30px;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .txt_area .btn_more a:after {
  background-image: url(images/img_icon_arrow_pale.green.png);
}
.new-graduate .content section#sec_clinic_interview .interview_inner .txt_area .btn_more a:hover {
  color: #8dc21f;
}
.new-graduate .content section#sec_clinic_faq {
  max-width: 1360px;
  margin: 0 auto;
}
.new-graduate .content section#sec_clinic_faq .clinic_about_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: "";
  -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;
  background: #fcf4e1;
  padding: 60px;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner {
    padding: 40px 30px 30px;
    border-radius: 15px;
  }
}
.new-graduate .content section#sec_clinic_faq .clinic_about_inner:before {
  content: "";
  width: 168px;
  height: 68px;
  background: url(images/img_msg_baloon_bonus.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -30px;
  left: 41%;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner:before {
    top: -40px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner:before {
    left: calc(50% - 100px);
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner:before {
    width: 151.2px;
    height: 61.2px;
    top: -35px;
    left: calc(50% - 80px);
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner:before {
    width: 134.4px;
    height: 54.4px;
    top: -30px;
    left: calc(50% - 75px);
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner:before {
    width: 117.6px;
    height: 47.6px;
    top: -25px;
    left: calc(50% - 70px);
  }
}
.new-graduate .content section#sec_clinic_faq .clinic_about_inner:after {
  content: "";
  width: 149px;
  height: 65px;
  background: url(images/img_msg_baloon_holiday.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -30px;
  left: 58%;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner:after {
    top: -40px;
    left: 62%;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner:after {
    left: calc(50% + 100px);
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner:after {
    width: 134.1px;
    height: 58.5px;
    top: -35px;
    left: calc(50% + 80px);
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner:after {
    width: 119.2px;
    height: 52px;
    top: -30px;
    left: calc(50% + 75px);
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner:after {
    width: 104.3px;
    height: 45.5px;
    top: -25px;
    left: calc(50% + 70px);
  }
}
.new-graduate .content section#sec_clinic_faq .clinic_about_inner .photo {
  width: 450px;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_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_clinic_faq .clinic_about_inner .photo img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner .photo img {
    border-radius: 15px;
  }
}
.new-graduate .content section#sec_clinic_faq .clinic_about_inner .txt_area {
  width: calc(100% - 510px);
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_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: 30px;
  }
}
.new-graduate .content section#sec_clinic_faq .clinic_about_inner .txt_area .ttl_en {
  text-align: left;
}
.new-graduate .content section#sec_clinic_faq .clinic_about_inner .txt_area h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner .txt_area h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner .txt_area h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner .txt_area h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
.new-graduate .content section#sec_clinic_faq .clinic_about_inner .txt_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner .txt_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner .txt_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.new-graduate .content section#sec_clinic_faq .clinic_about_inner .txt_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner .txt_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_clinic_faq .clinic_about_inner .txt_area .btn_more a:after {
    right: 15px;
  }
}
.new-graduate .content section#sec_clinic_faq .clinic_about_inner .txt_area .btn_more a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
.new-graduate .content section#sec_clinic_faq .clinic_about_inner .txt_area .btn_more a {
  max-width: 400px;
  margin: 30px auto 0 0;
}
.new-graduate .content section.sec_recruit_info {
  background: #fcf8ea;
  margin-bottom: 80px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section.sec_recruit_info {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.sec_recruit_info {
    margin-bottom: 60px;
  }
}
.new-graduate .content section.sec_recruit_info .ttl_en {
  letter-spacing: 6px;
}
.new-graduate .content section.sec_recruit_info h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section.sec_recruit_info h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.sec_recruit_info h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section.sec_recruit_info h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
.new-graduate .content section.sec_recruit_info .lead {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .new-graduate .content section.sec_recruit_info .lead {
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section.sec_recruit_info .lead {
    margin-bottom: 30px;
  }
}
.new-graduate .content section.sec_recruit_info .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: 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;
}
.new-graduate .content section.sec_recruit_info .btn_area > div {
  width: 460px;
}
.new-graduate .content section.sec_recruit_info .btn_area > div a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section.sec_recruit_info .btn_area > div a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.sec_recruit_info .btn_area > div a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.new-graduate .content section.sec_recruit_info .btn_area > div a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.sec_recruit_info .btn_area > div a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section.sec_recruit_info .btn_area > div a:after {
    right: 15px;
  }
}
.new-graduate .content section.sec_recruit_info .btn_area > div a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section.sec_recruit_info .btn_area > div {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section.sec_recruit_info .btn_area > div {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section.sec_recruit_info .btn_area > div.btn_visitor {
    margin-right: 4%;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section.sec_recruit_info .btn_area > div.btn_visitor {
    margin: 0 0 20px 0;
  }
}
.new-graduate .content section.sec_recruit_info .btn_area > div.btn_recruit a {
  background: #675044;
  border-color: #675044;
}
.new-graduate .content section.sec_recruit_info .btn_area > div.btn_recruit a:after {
  background-image: url(images/img_icon_arrow_pale_brown.png);
}
.new-graduate .content section.sec_recruit_info .btn_area > div.btn_recruit a:hover {
  background: #fff;
  color: #675044;
}
.new-graduate .content section.sec_recruit_info .btn_area > div a {
  max-width: 400px;
  margin: 0 30px;
  padding: 22px 20px;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section.sec_recruit_info .btn_area > div a {
    max-width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.sec_recruit_info .btn_area > div a {
    padding: 16px 20px;
  }
}
.new-graduate .content .breadcrumb-list {
  margin-bottom: 0;
}

.profile header .main_ttl {
  background-image: url(images/bg_main_ttl_profile.jpg);
}
.profile .content section h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 600px) {
  .profile .content section h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
.profile .content section#sec_profile {
  max-width: 1360px;
  margin: 0 auto;
}
.profile .content section#sec_profile .profile_inner {
  background: #fcf8ea;
  padding: 60px;
  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;
  background: #fff;
  border-radius: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header {
    background: transparent;
    margin-bottom: 20px;
  }
}
.profile .content section#sec_profile .profile_header .photo {
  width: 450px;
}
@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: 100%;
    margin: 0 0 30px 0;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header .photo {
    margin-bottom: 20px;
  }
}
.profile .content section#sec_profile .profile_header .photo 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 img {
    height: auto;
    border-radius: 15px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header .photo img {
    border-radius: 12px;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic {
  width: calc(100% - 450px);
  padding: 40px 50px;
}
@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: 100%;
    background: #fff;
    padding: 40px;
    border-radius: 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 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;
  }
}
.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: #f29600;
}
@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 .profile_detail_box {
  background: #fff;
  border-radius: 12px;
  padding: 40px;
  margin-bottom: 20px;
}
@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;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box {
    border-radius: 10px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box {
    padding: 25px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_detail_box:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_profile .profile_detail .profile_detail_box:last-child dd em {
  margin-bottom: 0;
}
.profile .content section#sec_profile .profile_detail .profile_detail_box dt {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f29600;
  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_profile .profile_detail .profile_which_type {
  background: #fff;
  border-radius: 12px;
  padding: 40px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type {
    padding: 40px 10px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type {
    padding: 25px 5px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_ttl {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f29600;
  font-weight: 500;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_ttl {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_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;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_list {
    width: 500px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_list {
    width: 100%;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_slider {
  width: 50%;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider {
    width: 100%;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 1250px) and (max-width: 768px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1250px) and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider:last-child {
    margin-bottom: 0;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_slider li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -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: 35px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider li {
    -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_profile .profile_detail .profile_which_type .type_slider li {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider li {
    margin-bottom: 15px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_slider li:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div {
  display: inline-block;
  width: 152px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div {
    width: 130px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div {
    width: 90px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div.type_left {
  text-align: right;
  padding-right: 15px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div.type_left {
    padding-right: 10px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div.type_right {
  padding-left: 15px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div.type_right {
    padding-left: 10px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider .slider {
    width: 130px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider .slider {
    width: 90px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider .slider {
    width: 70px;
  }
}
.profile .content section#sec_about_doctor {
  max-width: 1360px;
  margin: 0 auto;
  padding-top: 0;
}
.profile .content section#sec_about_doctor .staff_photo {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .staff_photo {
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .staff_photo img {
    width: 110px;
    height: 110px;
  }
}
.profile .content section#sec_about_doctor .sub_ttl {
  position: relative;
}
.profile .content section#sec_about_doctor .sub_ttl .ttl_lead {
  margin-left: -200px;
  position: absolute;
  top: -86px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .sub_ttl .ttl_lead {
    margin-left: -180px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .sub_ttl .ttl_lead {
    margin-left: -146px;
    top: -66px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .sub_ttl .ttl_lead {
    margin-left: -100px;
    top: -68px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_doctor .sub_ttl .ttl_lead {
    margin-left: -90px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .sub_ttl .ttl_lead img {
    width: 209.7px;
    height: 86.4px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .sub_ttl .ttl_lead img {
    width: 163.1px;
    height: 67.2px;
  }
}
.profile .content section#sec_about_doctor .sub_ttl h3 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .sub_ttl h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .sub_ttl h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .sub_ttl h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_doctor .sub_ttl h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.profile .content section#sec_about_doctor .doctor_personality {
  border: 1px solid #675044;
  border-radius: 20px;
  padding: 50px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .doctor_personality {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .doctor_personality {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .doctor_personality {
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .doctor_personality {
    padding: 25px;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .personality_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;
}
.profile .content section#sec_about_doctor .doctor_personality .personality_box {
  width: 32.08%;
  margin: 0% 1.86% 1.86% 0%;
  background: #fcf8ea;
  padding: 40px 30px 30px;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box {
    width: 49%;
    margin: 0 2% 2% 0;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box {
    padding: 30px 25px 25px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box {
    width: 100%;
    margin: 0 0 15px 0;
    padding: 30px;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .personality_box:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box:nth-child(even) {
    margin-right: 0;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .personality_box .icon {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box .icon {
    margin-bottom: 10px;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .personality_box .icon .material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 48; /* 光学サイズ（小さいアイコンなら小さめに） */
  font-size: 42px; /* サイズ */
  color: #675044; /* 色 */
}
.profile .content section#sec_about_doctor .doctor_personality .personality_box h4 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box h4 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .personality_box h4 em {
  color: #f29600;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box h4 em {
    display: block;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .other_ttl {
  margin: 20px 0 20px -298px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .doctor_personality .other_ttl {
    margin-left: -200px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .doctor_personality .other_ttl {
    margin-left: -100px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_doctor .doctor_personality .other_ttl {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .doctor_personality .other_ttl img {
    width: 183.6px;
    height: 95.4px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_doctor .doctor_personality .other_ttl img {
    width: 163.2px;
    height: 84.8px;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .other_personality_box {
  width: 32.08%;
  margin: 0% 1.86% 1.86% 0%;
  background: #f1f3fc;
  padding: 40px 30px 30px;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .doctor_personality .other_personality_box {
    width: 49%;
    margin: 0 2% 2% 0;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .doctor_personality .other_personality_box {
    padding: 30px 25px 25px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .doctor_personality .other_personality_box {
    width: 100%;
    margin: 0 0 15px 0;
    padding: 30px;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .other_personality_box:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .doctor_personality .other_personality_box:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .doctor_personality .other_personality_box:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .doctor_personality .other_personality_box:nth-child(even) {
    margin-right: 0;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .other_personality_box .icon {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .doctor_personality .other_personality_box .icon {
    margin-bottom: 10px;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .other_personality_box .icon .material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 48; /* 光学サイズ（小さいアイコンなら小さめに） */
  font-size: 42px; /* サイズ */
  color: #675044; /* 色 */
}
.profile .content section#sec_about_doctor .doctor_personality .other_personality_box h4 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .doctor_personality .other_personality_box h4 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .other_personality_box h4 em {
  color: #f29600;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .doctor_personality .other_personality_box h4 em {
    display: block;
  }
}
.profile .content section#sec_story {
  max-width: 1360px;
  margin: 0 auto;
  padding-top: 0;
}
.profile .content section#sec_story .story_box {
  background: #fcf8ea;
  padding: 40px;
  margin-bottom: 20px;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_story .story_box {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_story .story_box {
    padding: 25px;
  }
}
.profile .content section#sec_story .story_box:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_story .story_box h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f29600;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_story .story_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_story .story_box h3 {
    font-weight: 600;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_story .story_box h3 {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}

.visitor header .main_ttl {
  background-image: url(images/bg_main_ttl_visitor.jpg);
}
.visitor .content section h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 600px) {
  .visitor .content section h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
.visitor .content section#sec_clinic_tour {
  max-width: 1360px;
  margin: 0 auto;
}
.visitor .content section#sec_clinic_tour .tour_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: 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: 30px;
}
.visitor .content section#sec_clinic_tour .tour_lead .txt_area {
  width: calc(100% - 500px);
}
@media screen and (max-width: 1250px) {
  .visitor .content section#sec_clinic_tour .tour_lead .txt_area {
    width: calc(100% - 440px);
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_clinic_tour .tour_lead .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.visitor .content section#sec_clinic_tour .tour_lead .photo {
  width: 440px;
}
@media screen and (max-width: 1250px) {
  .visitor .content section#sec_clinic_tour .tour_lead .photo {
    width: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_clinic_tour .tour_lead .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: 600px) {
  .visitor .content section#sec_clinic_tour .tour_lead .photo {
    margin-bottom: 20px;
  }
}
.visitor .content section#sec_clinic_tour .tour_lead .photo img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_clinic_tour .tour_lead .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_clinic_tour .tour_lead .photo img {
    border-radius: 15px;
  }
}
.visitor .content section#sec_clinic_tour .tour_detail {
  margin-bottom: 40px;
}
.visitor .content section#sec_clinic_tour .tour_detail h3 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: 2px;
  background: #675044;
  border-radius: 10px;
  padding: 15px 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_clinic_tour .tour_detail h3 {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 12px 25px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_clinic_tour .tour_detail h3 {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
    border-radius: 8px;
  }
}
.visitor .content section#sec_clinic_tour .tour_detail .need_stuff li {
  padding-left: 12px;
  font-weight: 500;
  position: relative;
}
.visitor .content section#sec_clinic_tour .tour_detail .need_stuff li:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #f29600;
  border-radius: 100%;
  position: absolute;
  top: 12px;
  left: 0;
}
.visitor .content section#sec_clinic_tour .tour_detail .need_stuff li.note {
  color: #ea1b1b;
}
.visitor .content section#sec_clinic_tour .tour_detail .need_stuff li.note:before {
  content: none;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_flow .flow_list li {
  margin-bottom: 20px;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_flow .flow_list li:last-child {
  margin-bottom: 0;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_flow .flow_list li .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 5px;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_clinic_tour .tour_detail.tour_flow .flow_list li .ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_flow .flow_list li .txt {
  padding-left: 1em;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_flow .flow_list li .note {
  color: #ea1b1b;
  padding-left: 1em;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_schedule p {
  margin-bottom: 5px;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_schedule p:last-child {
  margin-bottom: 0;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_schedule p.time {
  font-weight: 600;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_schedule p.note {
  font-weight: 600;
  color: #ea1b1b;
}
.visitor .content section#sec_clinic_tour .btn_more a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_clinic_tour .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_clinic_tour .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.visitor .content section#sec_clinic_tour .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_clinic_tour .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_clinic_tour .btn_more a:after {
    right: 15px;
  }
}
.visitor .content section#sec_clinic_tour .btn_more a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
.visitor .content section#sec_online {
  max-width: 1360px;
  margin: 0 auto;
  padding-top: 0;
}
.visitor .content section#sec_online .online_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;
}
.visitor .content section#sec_online .online_box .txt_area {
  width: calc(100% - 500px);
}
@media screen and (max-width: 1250px) {
  .visitor .content section#sec_online .online_box .txt_area {
    width: calc(100% - 440px);
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_online .online_box .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.visitor .content section#sec_online .online_box .txt_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_online .online_box .txt_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_online .online_box .txt_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.visitor .content section#sec_online .online_box .txt_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_online .online_box .txt_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_online .online_box .txt_area .btn_more a:after {
    right: 15px;
  }
}
.visitor .content section#sec_online .online_box .txt_area .btn_more a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
.visitor .content section#sec_online .online_box .txt_area .btn_more a {
  max-width: 390px;
  margin: 50px auto 0 0;
  letter-spacing: 0;
}
.visitor .content section#sec_online .online_box .photo {
  width: 440px;
}
@media screen and (max-width: 1250px) {
  .visitor .content section#sec_online .online_box .photo {
    width: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_online .online_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;
  }
}
.visitor .content section#sec_online .online_box .photo img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_online .online_box .photo img {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_online .online_box .photo img {
    height: auto;
  }
}
.visitor .content section#sec_entryform {
  max-width: 1080px;
  margin: 0 auto;
  padding-top: 0;
}
.visitor .content section#sec_entryform h2 .ttl_en {
  text-align: center;
  color: #f29600;
}
.visitor .content section#sec_entryform h2 .ttl_jp {
  text-align: center;
}
.visitor .content section#sec_entryform .lead {
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_entryform .lead {
    margin-bottom: 20px;
  }
}
.visitor .content section#sec_entryform .lead a {
  color: #f29600;
  font-weight: 600;
}
.visitor .content section#sec_entryform .wpcf7-form {
  max-width: 100%;
  background: #fff7de;
  padding: 60px 70px 40px;
  margin-bottom: 0;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_entryform .wpcf7-form {
    padding: 20px 40px 10px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_entryform .wpcf7-form {
    padding: 20px 25px 0;
    border-radius: 10px;
  }
}
.visitor .content section#sec_entryform .wpcf7-form a {
  color: #f29600;
}
.visitor .content section#sec_entryform .wpcf7-form table {
  margin-bottom: 20px;
}
.visitor .content section#sec_entryform .wpcf7-form table th,
.visitor .content section#sec_entryform .wpcf7-form table td {
  padding: 12px;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_entryform .wpcf7-form table th,
  .visitor .content section#sec_entryform .wpcf7-form table td {
    display: block;
    width: 100%;
  }
}
.visitor .content section#sec_entryform .wpcf7-form table th {
  font-weight: 500;
  vertical-align: top;
  padding-top: 15px;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_entryform .wpcf7-form table th {
    padding: 12px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_entryform .wpcf7-form table th p {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_entryform .wpcf7-form table td {
    padding-top: 5px;
    padding-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_entryform .wpcf7-form table td {
    padding: 5px 0 12px;
  }
}
.visitor .content section#sec_entryform .wpcf7-form table td input[type=text],
.visitor .content section#sec_entryform .wpcf7-form table td input[type=tel],
.visitor .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) {
  .visitor .content section#sec_entryform .wpcf7-form table td input[type=text],
  .visitor .content section#sec_entryform .wpcf7-form table td input[type=tel],
  .visitor .content section#sec_entryform .wpcf7-form table td input[type=email] {
    height: 40px;
  }
}
.visitor .content section#sec_entryform .wpcf7-form table td p {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_entryform .wpcf7-form table td p {
    margin-bottom: 5px;
  }
}
.visitor .content section#sec_entryform .wpcf7-form table td input[type=tel] {
  max-width: 360px;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_entryform .wpcf7-form table td input[type=tel] {
    max-width: 100%;
  }
}
.visitor .content section#sec_entryform .wpcf7-form table td.your_name input[type=text] {
  max-width: 360px;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_entryform .wpcf7-form table td.your_name input[type=text] {
    max-width: 100%;
  }
}
.visitor .content section#sec_entryform .wpcf7-form table td .select_type,
.visitor .content section#sec_entryform .wpcf7-form table td .select_jobcat {
  width: 218px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_entryform .wpcf7-form table td .select_type,
  .visitor .content section#sec_entryform .wpcf7-form table td .select_jobcat {
    width: 100%;
  }
}
.visitor .content section#sec_entryform .wpcf7-form table td .select_type:after,
.visitor .content section#sec_entryform .wpcf7-form table td .select_jobcat: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;
}
.visitor .content section#sec_entryform .wpcf7-form table td .select_type select,
.visitor .content section#sec_entryform .wpcf7-form table td .select_jobcat 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) {
  .visitor .content section#sec_entryform .wpcf7-form table td .select_type select,
  .visitor .content section#sec_entryform .wpcf7-form table td .select_jobcat select {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_entryform .wpcf7-form table td .select_type select,
  .visitor .content section#sec_entryform .wpcf7-form table td .select_jobcat select {
    padding: 10px 20px;
  }
}
.visitor .content section#sec_entryform .wpcf7-form .link_privacy {
  color: #4b92e4;
  text-align: center;
  text-decoration: underline;
}
.visitor .content section.sec_entry h2 {
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_entry h2 {
    text-align: center;
  }
}

.works header .main_ttl {
  background-image: url(images/bg_main_ttl_works.jpg);
}
.works .content section h2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 600px) {
  .works .content section h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .works .content section h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
.works .content section#sec_dayflow {
  max-width: 1360px;
  margin: 0 auto;
}
.works .content section#sec_dayflow .select_type {
  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: 50px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .select_type {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .select_type {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .select_type {
    margin-bottom: 20px;
  }
}
.works .content section#sec_dayflow .select_type li {
  width: 19.37%;
  margin: 0% 1.17% 0% 1.17%;
  border: 1px solid #675044;
  padding: 8px 10px;
  border-radius: 100px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .select_type li {
    width: 24%;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .select_type li {
    width: 49%;
    margin: 0 2% 2% 0;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .select_type li {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 6px 10px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .select_type li {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.works .content section#sec_dayflow .select_type li:hover {
  background: #675044;
  color: #fff;
}
.works .content section#sec_dayflow .select_type li:nth-child(2n) {
  margin-right: 0;
}
.works .content section#sec_dayflow .select_type li.active {
  background: #675044;
  color: #fff;
}
.works .content section#sec_dayflow .works_detail {
  display: none;
  background: #fcf8ea;
  border-radius: 20px;
  padding: 60px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail {
    padding: 50px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail {
    border-radius: 15px;
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail {
    padding: 30px 25px;
  }
}
.works .content section#sec_dayflow .works_detail.active {
  display: block;
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_working_hours .working_hours_list {
  display: block;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_working_hours .working_hours_list > dl {
    width: 100%;
  }
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_job_description .job_description .cat_ttl {
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #f29600;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_job_description .job_description .cat_ttl {
    margin-top: 20px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_job_description .job_description .cat_ttl {
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 10px;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_job_description .job_description .cat_ttl:first-child {
    margin-top: 0;
  }
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_job_description .job_description .job_description_box {
  width: 32.06%;
  margin: 0% 1.89% 1.89% 0%;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_job_description .job_description .job_description_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_job_description .job_description .job_description_box:first-child {
  width: 32.06%;
  margin: 0% 1.89% 1.89% 0%;
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_job_description .job_description .job_description_box:first-child ul {
  display: block;
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_job_description .job_description .job_description_box:first-child ul li {
  width: 100%;
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_job_description .job_description .job_description_box:nth-child(3n) {
  margin-right: 0;
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_job_description .unnecessary_job .unnecessary_job_list li {
  width: 48%;
  margin-right: 4%;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_job_description .unnecessary_job .unnecessary_job_list li {
    width: 100%;
    margin-right: 0;
  }
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_job_description .unnecessary_job .unnecessary_job_list li:nth-child(even) {
  margin-right: 0;
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_skillup .skillup_list .skillup_box {
  width: 49%;
  margin-right: 2%;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_skillup .skillup_list .skillup_box {
    width: 100%;
    margin-right: 0;
  }
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_skillup .skillup_list .skillup_box:nth-child(even) {
  margin-right: 0;
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_skillup .skillup_list .skillup_box .ttl {
  margin-bottom: 20px;
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_skillup .skillup_list .skillup_box .txt {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: left;
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_education_system .system_detail {
  margin-top: 20px;
  background: #fff;
  padding: 30px 40px;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_education_system .system_detail {
    padding: 25px 30px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_education_system .system_detail {
    border-radius: 10px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_education_system .system_detail {
    padding: 20px 25px;
  }
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_education_system .system_detail .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_education_system .system_detail .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase {
  margin-top: 20px;
  background: #fff;
  padding: 30px 40px;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase {
    padding: 25px 30px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase {
    border-radius: 10px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase {
    padding: 20px 25px;
  }
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase ul li {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 10px;
  padding-left: 12px;
  position: relative;
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #f29600;
  border-radius: 100px;
  position: absolute;
  top: 11px;
  left: 0;
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase ul li:last-child {
  margin-bottom: 0;
}
.works .content section#sec_dayflow .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase ul li span {
  display: inline-block;
}
.works .content section#sec_dayflow .works_detail#type_rd .sub_sec.sec_job_description .job_description .job_description_box:first-child li {
  width: 48%;
  margin-right: 4%;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail#type_rd .sub_sec.sec_job_description .job_description .job_description_box:first-child li {
    width: 100%;
    margin-right: 0;
  }
}
.works .content section#sec_dayflow .works_detail#type_rd .sub_sec.sec_job_description .job_description .job_description_box:first-child li:nth-child(even) {
  margin-right: 0;
}
.works .content section#sec_dayflow .works_detail#type_rd .sub_sec.sec_job_description .job_description .job_description_box:nth-child(2) {
  width: 100%;
  margin-right: 0;
}
.works .content section#sec_dayflow .works_detail#type_rd .sub_sec.sec_job_description .job_description .job_description_box:nth-child(n+3) {
  width: 49.05%;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail#type_rd .sub_sec.sec_job_description .job_description .job_description_box:nth-child(n+3) {
    width: 100%;
  }
}
.works .content section#sec_dayflow .works_detail#type_rd .sub_sec.sec_job_description .job_description .job_description_box:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_dayflow .works_detail#type_nt .sub_sec.sec_job_description .job_description .job_description_box:first-child li {
    width: 100%;
    margin-right: 0;
  }
}
.works .content section#sec_dayflow .works_detail#type_nt .sub_sec.sec_job_description .job_description .job_description_box:nth-child(2), .works .content section#sec_dayflow .works_detail#type_nt .sub_sec.sec_job_description .job_description .job_description_box:nth-child(3) {
  width: 100%;
  margin-right: 0;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_dayflow .works_detail#type_nt .sub_sec.sec_job_description .job_description .job_description_box:nth-child(n+4) {
    width: 100%;
    margin-right: 0;
  }
}
.works .content section#sec_dayflow .works_detail#type_nt .sub_sec.sec_job_description .job_description .job_description_box dl {
  margin-top: 15px;
}
.works .content section#sec_dayflow .works_detail#type_nt .sub_sec.sec_job_description .job_description .job_description_box dl dt {
  font-weight: 600;
  color: #f29600;
  margin-bottom: 5px;
}
.works .content section#sec_dayflow .works_detail#type_nt .sub_sec.sec_job_description .job_description .job_description_box dl dd {
  margin-left: 10px;
  padding-left: 12px;
  position: relative;
}
.works .content section#sec_dayflow .works_detail#type_nt .sub_sec.sec_job_description .job_description .job_description_box dl dd:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #f29600;
  border-radius: 100px;
  position: absolute;
  top: 11px;
  left: 0;
}
.works .content section#sec_dayflow .works_detail#type_nt .sub_sec.sec_education_system .system_box .txt_area {
  width: 100%;
}
.works .content section#sec_dayflow .works_detail h3 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 4px;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail h3 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_dayflow .works_detail h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.works .content section#sec_dayflow .works_detail .works_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) {
  .works .content section#sec_dayflow .works_detail .works_header {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .works_header {
    margin-bottom: 40px;
  }
}
.works .content section#sec_dayflow .works_detail .works_header .txt_area {
  width: calc(100% - 460px);
  -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) {
  .works .content section#sec_dayflow .works_detail .works_header .txt_area {
    width: calc(100% - 400px);
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .works_header .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.works .content section#sec_dayflow .works_detail .works_header .photo {
  width: 420px;
  -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) {
  .works .content section#sec_dayflow .works_detail .works_header .photo {
    width: 360px;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .works_header .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: 600px) {
  .works .content section#sec_dayflow .works_detail .works_header .photo {
    margin-bottom: 20px;
  }
}
.works .content section#sec_dayflow .works_detail .works_header .photo img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail .works_header .photo img {
    border-radius: 15px;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec {
  padding: 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail .sub_sec {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec {
    margin-bottom: 40px;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec h4 {
  background: #675044;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  padding: 12px 40px;
  margin-bottom: 30px;
  border-radius: 10px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec h4 {
    padding: 12px 30px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail .sub_sec h4 {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px 30px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail .sub_sec h4 {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px 25px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_dayflow .works_detail .sub_sec h4 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec .lead {
  margin-bottom: 30px;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_working_hours .working_hours_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;
  margin-bottom: 20px;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_working_hours .working_hours_list > dl {
  width: 48.7%;
  background: #fff;
  padding: 30px 20px;
  border-radius: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_working_hours .working_hours_list > dl {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_working_hours .working_hours_list > dl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_working_hours .working_hours_list > dl.reduced_working_hours {
    margin-bottom: 0;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_working_hours .working_hours_list > dl.reduced_working_hours dt {
  color: #f29600;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_working_hours .working_hours_list > dl dt {
  font-weight: 600;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .job_description {
  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: 28px;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .job_description .job_description_box {
  width: 32.06%;
  margin: 0% 1.89% 1.89% 0%;
  background: #fff;
  padding: 35px 40px;
  margin-bottom: 20px;
  border-radius: 10px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .job_description .job_description_box {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .job_description .job_description_box {
    padding: 25px 30px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .job_description .job_description_box {
    padding: 20px 25px;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .job_description .job_description_box:first-child {
  width: 100%;
  margin-right: 0;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .job_description .job_description_box:first-child 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;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .job_description .job_description_box:first-child ul li {
  width: 33.3%;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .job_description .job_description_box:first-child ul li {
    width: 100%;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .job_description .job_description_box:last-child {
  margin-right: 0;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .job_description .job_description_box .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .job_description .job_description_box .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .job_description .job_description_box ul li {
  margin-bottom: 5px;
  padding-left: 12px;
  position: relative;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .job_description .job_description_box ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #f29600;
  border-radius: 100px;
  position: absolute;
  top: 11px;
  left: 0;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .unnecessary_job .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  color: #f29600;
  font-weight: 600;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .unnecessary_job .ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .unnecessary_job .unnecessary_job_list {
  margin-top: 20px;
  padding: 40px 40px 35px;
  background: #fff;
  border-radius: 10px;
  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;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .unnecessary_job .unnecessary_job_list {
    padding: 30px 30px 25px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .unnecessary_job .unnecessary_job_list {
    padding: 25px 25px 20px;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .unnecessary_job .unnecessary_job_list li {
  width: 33.3%;
  margin-bottom: 5px;
  padding-left: 22px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .unnecessary_job .unnecessary_job_list li {
    width: 100%;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_job_description .unnecessary_job .unnecessary_job_list li:before {
  font-family: "Material Symbols Outlined";
  content: "close_small";
  color: #e63e3e;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 3px;
  left: 0;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_skillup .skillup_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;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_skillup .skillup_list .skillup_box {
  width: 32.06%;
  margin: 0% 1.89% 0% 0%;
  background: #fff;
  padding: 30px 20px;
  border-radius: 10px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_skillup .skillup_list .skillup_box {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_skillup .skillup_list .skillup_box {
    margin-bottom: 10px;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_skillup .skillup_list .skillup_box:last-child {
  margin-right: 0;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_skillup .skillup_list .skillup_box p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_skillup .skillup_list .skillup_box p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_skillup .skillup_list .skillup_box p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_skillup .skillup_list .skillup_box p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_skillup .skillup_list .skillup_box p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_skillup .skillup_list .skillup_box p span {
  display: block;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_education_system .system_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;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_education_system .system_box .photo {
  width: 420px;
  -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) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_education_system .system_box .photo {
    width: 360px;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_education_system .system_box .photo {
    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) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_education_system .system_box .photo {
    margin-bottom: 20px;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_education_system .system_box .photo img {
  width: 100%;
  border-radius: 15px;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_education_system .system_box .txt_area {
  width: calc(100% - 460px);
  -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) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_education_system .system_box .txt_area {
    width: calc(100% - 400px);
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_education_system .system_box .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .tolal_salary {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .note {
  font-size: 14px;
  font-size: 1.4rem;
  text-indent: -0.5em;
  margin-bottom: 30px;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .salary_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: 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;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .salary_detail .salary_detail_box {
  width: 49.13%;
  background: #fff;
  padding: 40px;
  border-radius: 10px;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .salary_detail .salary_detail_box {
    padding: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .salary_detail .salary_detail_box {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .salary_detail .salary_detail_box {
    padding: 25px;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .salary_detail .salary_detail_box:last-child {
    margin-bottom: 0;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .salary_detail .salary_detail_box li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -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;
  font-weight: 500;
  margin-bottom: 10px;
  padding-left: 12px;
  position: relative;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .salary_detail .salary_detail_box li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #f29600;
  border-radius: 100px;
  position: absolute;
  top: 11px;
  left: 0;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .salary_detail .salary_detail_box li:last-child {
  margin-bottom: 0;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .salary_detail .salary_detail_box li .ttl {
  width: 6em;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .salary_detail .salary_detail_box li .ttl {
    width: 100%;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .salary_detail .salary_detail_box li .price {
  width: calc(100% - 6em);
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .salary_detail .salary_detail_box li .price {
    width: 100%;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_salary .salary_detail .salary_detail_box li .note {
  display: block;
  color: #f03636;
  margin: 10px 0 0 0;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_welfare ul {
  background: #fff;
  padding: 40px;
  border-radius: 10px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_welfare ul {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_welfare ul {
    padding: 25px;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_welfare ul li {
  margin-bottom: 10px;
  padding-left: 12px;
  position: relative;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_welfare ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #f29600;
  border-radius: 100px;
  position: absolute;
  top: 11px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_welfare ul li:before {
    top: 9px;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_welfare ul li:last-child {
  margin-bottom: 0;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_welfare ul li .note {
  color: #f03636;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_holiday .holiday_main {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_holiday .holiday_main {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_holiday .holiday_main span {
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_holiday .holiday_main span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_holiday .holiday_main span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_holiday dl {
  background: #fff;
  padding: 40px;
  border-radius: 10px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_holiday dl {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_holiday dl {
    padding: 25px;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_holiday dl dt {
  color: #f29600;
  font-weight: 600;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_holiday dl dd {
  margin-bottom: 20px;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_holiday dl dd:last-child {
  margin-bottom: 0;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_flow {
  margin-bottom: 0;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .day_flow {
  background: #fff;
  padding: 50px;
  border-radius: 10px;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .day_flow {
    padding: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .day_flow {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .day_flow {
    padding: 25px;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .day_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: 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;
  border-bottom: 1px solid #eee4df;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .day_flow_box {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .day_flow_box:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .time {
  width: 15.09%;
  font-family: "Montserrat", serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .time {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .time {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .time {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .day_flow_content {
  width: 52.83%;
  padding-right: 50px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .day_flow_content {
    width: calc(100% - 240px);
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .day_flow_content {
    width: 100%;
    padding-right: 0;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .day_flow_content:last-child {
  margin-bottom: 0;
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .day_flow_content h3 {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  letter-spacing: 2px;
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .day_flow_content h3 {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .day_flow_content h3 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .photo {
  width: 32.07%;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .photo {
    width: 240px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .photo {
    width: 100%;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .photo img {
  width: 100%;
  border-radius: 15px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail .sub_sec.sec_flow .photo img {
    border-radius: 10px;
  }
}
.works .content section.sec_entry h2 {
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .works .content section.sec_entry h2 {
    text-align: center;
  }
}

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

.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_tob,
.qa99 .content section.page-layout #faq_tob {
  display: block;
  position: sticky;
  top: 126px;
  padding: 30px;
  background: #fff7de;
  border-radius: 12px;
}
@media screen and (max-width: 1250px) {
  .faq .content section.page-layout #faq_tob,
  .qa99 .content section.page-layout #faq_tob {
    top: 119px;
    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_pale_orange.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 {
  color: #675044;
}
.faq .content section.page-layout #faq_tob li.current a,
.qa99 .content section.page-layout #faq_tob li.current a {
  color: #f29600;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout #mokuji,
  .qa99 .content section.page-layout #mokuji {
    position: sticky;
    top: 119px;
  }
}
@media screen and (max-width: 600px) {
  .faq .content section.page-layout #mokuji,
  .qa99 .content section.page-layout #mokuji {
    top: 102px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout #mokuji,
  .qa99 .content section.page-layout #mokuji {
    top: 93px;
  }
}
.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% - 320px);
  margin-left: 40px;
}
@media screen and (max-width: 1250px) {
  .faq .content section.page-layout .faq_list,
  .qa99 .content section.page-layout .faq_list {
    width: calc(100% - 260px);
  }
}
@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: #f29600;
  letter-spacing: 1px;
  text-align: left;
  font-weight: 700;
  margin-bottom: 25px;
}
@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;
    margin-bottom: 5px;
  }
}
@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 #675044;
  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: #f29600;
}

.faq header .main_ttl {
  background-image: url(images/bg_main_ttl_faq.jpg);
}
.faq .content section.page-layout h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #8dc21f;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 30px;
  text-indent: -30px;
}
@media screen and (max-width: 1000px) {
  .faq .content section.page-layout h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout h3 {
    padding-left: 28px;
    text-indent: -28px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout h3 {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 26px;
    text-indent: -23px;
  }
}
@media screen and (max-width: 400px) {
  .faq .content section.page-layout h3 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.faq .content section.page-layout h3: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: #f29600;
}
.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 {
  margin-bottom: 25px;
}
.qa99 .content section.page-layout h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #8dc21f;
  font-weight: bold;
  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;
  }
}

.matching header .main_ttl {
  background-image: url(images/bg_main_ttl_matching.jpg);
}
.matching .content section.sec_matching_point .lead {
  font-size: 22px;
  font-size: 2.2rem;
  color: #675044;
  text-align: center;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.7;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_point .lead {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .lead {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .lead {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_point .lead {
    margin-bottom: 20px;
  }
}
.matching .content section.sec_matching_point .lead span {
  background: linear-gradient(transparent 50%, #fff83c 50%);
}
.matching .content section.sec_matching_point .keyword_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: 80px;
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .keyword_list {
    margin-bottom: 60px;
  }
}
.matching .content section.sec_matching_point .keyword_list li {
  width: 208px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 4px;
  background: #e2f6dc;
  padding: 14px 5px;
  margin: 0 20px;
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_point .keyword_list li {
    width: 31.33%;
    margin: 0 1%;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_point .keyword_list li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .keyword_list li {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .keyword_list li {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    padding: 12px 5px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_point .keyword_list li {
    width: 100%;
    max-width: 220px;
    margin: 0 auto 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.matching .content section.sec_matching_point .keyword_detail_box {
  max-width: 1160px;
  margin: 0 auto 80px;
  border-radius: 30px;
  background: #f4fbf2;
  position: relative;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .keyword_detail_box {
    margin-bottom: 80px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .keyword_detail_box {
    border-radius: 15px;
    margin-bottom: 70px;
  }
}
.matching .content section.sec_matching_point .keyword_detail_box:last-child {
  margin-bottom: 60px;
}
.matching .content section.sec_matching_point .keyword_detail_box h2 {
  position: absolute;
  top: -32px;
  left: 20px;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_point .keyword_detail_box h2 {
    top: -50px;
    left: -15px;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .keyword_detail_box h2 {
    top: -34px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .keyword_detail_box h2 {
    top: -42px;
  }
}
.matching .content section.sec_matching_point .keyword_detail_box h2 img {
  width: 101.6px;
  height: 68.8px;
}
.matching .content section.sec_matching_point .keyword_detail_box .keyword_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: 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: 50px 40px;
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner {
    padding: 40px 25px;
  }
}
.matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .photo {
  width: 37.03%;
  -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) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .photo {
    padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    padding-top: 0;
  }
}
.matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .photo img {
  height: 260px;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .photo img {
    height: 220px;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .photo img {
    width: 100%;
    height: auto;
  }
}
.matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .txt_area {
  width: 62.96%;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.9;
  padding: 30px 40px 0 0;
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .txt_area {
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_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: 600px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .txt_area {
    font-size: 14px;
    font-size: 1.4rem;
    padding-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .txt_area {
    padding-top: 20px;
  }
}
.matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .rule {
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  background: #fff;
  padding: 30px;
  border-radius: 15px;
  margin-top: 20px;
}
.matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .rule dt {
  font-size: 15px;
  font-size: 1.5rem;
  color: #54b21f;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.matching .content section.sec_matching_point .dentist_comment {
  max-width: 1180px;
  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;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.matching .content section.sec_matching_point .dentist_comment .photo {
  width: 140px;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .dentist_comment .photo {
    width: 100px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .dentist_comment .photo {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}
.matching .content section.sec_matching_point .dentist_comment .comment {
  width: calc(100% - 180px);
  background: #fff7ec;
  padding: 30px;
  margin-left: 40px;
  border-radius: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 1px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .dentist_comment .comment {
    width: calc(100% - 130px);
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px;
    margin-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .dentist_comment .comment {
    width: 100%;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 20px;
    margin-left: 0;
  }
}
.matching .content section.sec_matching_point .dentist_comment .comment:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 14px solid #fff7ec;
  border-bottom: 6px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 50%;
  left: -28px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .dentist_comment .comment:before {
    border-top: 10px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff7ec;
    border-left: 8px solid transparent;
    top: -20px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.matching .content section.sec_matching_point .btn_more a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.matching .content section.sec_matching_point .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_point .btn_more a:after {
    right: 15px;
  }
}
.matching .content section.sec_matching_point .btn_more a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
.matching .content section.sec_matching_point .btn_more a {
  margin: 40px auto 0;
}
.matching .content section.sec_matching_system {
  margin-bottom: 0;
}
.matching .content section.sec_matching_system .lead {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_system .lead {
    text-align: left;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .lead {
    margin-bottom: 30px;
  }
}
.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 h2 {
  font-size: 20px;
  font-size: 2rem;
  color: #f29600;
  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 h2 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 40px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .matching-box h2 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}
.matching .content section.sec_matching_system .matching-box h2: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: #f29600;
  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 h2: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 h2::before {
  content: "1";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(2) h2::before {
  content: "2";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(3) h2::before {
  content: "3";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(4) h2::before {
  content: "4";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(5) h2::before {
  content: "5";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(6) h2::before {
  content: "6";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(7) h2::before {
  content: "7";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(8) h2::before {
  content: "8";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(9) h2::before {
  content: "9";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(10) h2::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: #fff7de;
  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: #fff;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  border-radius: 100px;
  background: #f29600;
  border: 1px solid #f29600;
  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_pale_blue.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: #f29600;
  margin-bottom: 20px;
  line-height: 1.6;
}
.matching .content section.sec_matching_system .resource p#goukei {
  font-size: 24px;
  font-size: 2.4rem;
  color: #f29600;
  font-weight: bold;
  margin: 0;
  line-height: 1;
}
.matching .content section.sec_matching_system .resource p#goukei span {
  font-size: 2.5rem;
}
.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 .btn a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  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_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@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: #f29600;
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a {
  max-width: 350px;
  margin: 40px auto 0;
  padding: 18px 10px;
}
@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:nth-child(n+2) a {
  margin-top: 10px;
}

.contact header .main_ttl {
  background-image: url(images/bg_main_ttl_contact.jpg);
}
.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: bold;
  padding-bottom: 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid #675044;
}
@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;
  }
}

.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;
  margin-bottom: 40px;
}
.privacy-policy .content section.page-layout .headline {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  border-bottom: 1px solid #675044;
  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
--------------------------------------------------------------*/
.post-type-archive-interview .content section.sec_interview {
  background: #fff;
  padding: 80px 40px 0;
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview {
    padding: 60px 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview {
    padding: 50px 25px 0;
  }
}
.post-type-archive-interview .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 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list {
    margin-bottom: 0;
  }
}
.post-type-archive-interview .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 {
    margin-right: 0;
  }
}
.post-type-archive-interview .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) {
    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) {
    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) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner {
    width: 49%;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner {
    width: 100%;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .photo {
  position: relative;
  background: #f9f0f2;
  border-radius: 15px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .photo {
    width: 100%;
    height: auto;
  }
}
.post-type-archive-interview .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 {
    border-radius: 15px 15px 0 0;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box {
  width: 100%;
  padding: 0;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl {
  display: inline-block;
  background: #8dc21f;
  padding: 2px 25px 4px;
  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 {
    padding: 0 20px 2px;
  }
}
.post-type-archive-interview .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 {
    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 {
    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 {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .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 .job_position:before {
  content: "・";
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl .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 {
  content: "/";
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  color: #675044;
  font-weight: 600;
  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 {
    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 {
    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 {
    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 {
    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 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.post-type-archive-interview .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 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #675044;
  font-weight: 800;
  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 {
    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 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .join_year {
  font-size: 13px;
  font-size: 1.3rem;
  color: #f29600;
}
.post-type-archive-interview .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 {
  color: #4b92e4;
  text-align: right;
}
.post-type-archive-interview .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 {
  text-align: center;
  margin-top: 40px;
}
.post-type-archive-interview .content .archives-nav .page-numbers {
  display: inline-block;
  width: 34px;
  padding: 5px;
  background: #f29600;
  color: #fff;
  border-radius: 3px;
}
.post-type-archive-interview .content .archives-nav .page-numbers.current {
  background: #f9f3f5;
  color: #675044;
  border: 1px solid #f29600;
}

.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 40px 0;
  background: #fff7de;
  border-radius: 12px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    padding: 30px 30px 0;
    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: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    padding: 30px;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .photo {
  width: 35%;
}
@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%;
}
@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 .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: #8dc21f;
  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 .job_position:before {
  content: "・";
}
.single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl .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: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .staff_name {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .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: #675044;
  font-weight: 800;
  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: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main .name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main .name {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_main .name {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .join_year {
  font-size: 15px;
  font-size: 1.5rem;
  color: #f29600;
}
@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: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  color: #675044;
  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: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .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 {
    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_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 .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 h2 {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: left;
  font-weight: 800;
  letter-spacing: 1px;
  padding-left: 35px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #675044;
  position: relative;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 {
    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 h2 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 40px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2:before {
  display: inline-block;
  font-family: "Montserrat", serif;
  content: "Q.";
  font-size: 20px;
  font-size: 2rem;
  color: #f29600;
  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 h2:before {
    top: 4px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 + 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 h2 + p {
    padding-left: 40px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 + p:before {
  display: inline-block;
  font-family: "Montserrat", serif;
  font-weight: 700;
  content: "A.";
  font-size: 20px;
  font-size: 2rem;
  color: #f0598c;
  position: absolute;
  top: -5px;
  left: 0;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  padding-left: 35px;
  margin: 30px 0 20px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
    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: 15px;
    font-size: 1.5rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p {
  padding-left: 35px;
}
@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 .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: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  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_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@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: #f29600;
}
@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;
}
@media screen and (max-width: 1000px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    padding: 9px 20px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    width: 100%;
    max-width: 100%;
    background: #fff;
    color: #f29600;
    padding: 20px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    padding: 14px 10px;
  }
}
.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;
  max-width: 1280px;
  margin: 0 auto 100px;
  flex-direction: row-reverse;
}
@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: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  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_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%) rotate(180deg);
}
@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: #f29600;
}
@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: #f29600;
  letter-spacing: 1px;
  background: #fff7de;
  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 {
    left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links .nav-previous a:after {
    left: 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;
}
@media screen and (max-width: 1000px) {
  .single-interview .content .post-navigation .nav-links .nav-next a:after {
    right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links .nav-next a:after {
    right: 25px;
  }
}

@media screen and (max-width: 768px) {
  .post-type-archive-recruit .btn_fixed_footer,
  .tax-recruit_cat .btn_fixed_footer,
  .tax-recruit_status .btn_fixed_footer {
    display: none;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list,
.tax-recruit_cat .content section.sec_recruit_list,
.tax-recruit_status .content section.sec_recruit_list {
  max-width: 1360px;
  background: #fff;
  margin: 0 auto;
}
.post-type-archive-recruit .content section.sec_recruit_list h2,
.tax-recruit_cat .content section.sec_recruit_list h2,
.tax-recruit_status .content section.sec_recruit_list h2 {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  text-align: left;
  letter-spacing: 2px;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-left: 36px;
  position: relative;
}
@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_status .content section.sec_recruit_list h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@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_status .content section.sec_recruit_list h2 {
    font-size: 22px;
    font-size: 2.2rem;
    padding-left: 32px;
  }
}
@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_status .content section.sec_recruit_list h2 {
    font-size: 20px;
    font-size: 2rem;
    padding-left: 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_status .content section.sec_recruit_list h2 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 26px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list h2:before,
.tax-recruit_cat .content section.sec_recruit_list h2:before,
.tax-recruit_status .content section.sec_recruit_list h2:before {
  content: "";
  width: 26px;
  height: 26px;
  border: 5px solid #f29600;
  border-radius: 100%;
  position: absolute;
  top: 8px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section.sec_recruit_list h2:before,
  .tax-recruit_cat .content section.sec_recruit_list h2:before,
  .tax-recruit_status .content section.sec_recruit_list h2:before {
    top: 6px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section.sec_recruit_list h2:before,
  .tax-recruit_cat .content section.sec_recruit_list h2:before,
  .tax-recruit_status .content section.sec_recruit_list h2:before {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list h2:before,
  .tax-recruit_cat .content section.sec_recruit_list h2:before,
  .tax-recruit_status .content section.sec_recruit_list h2:before {
    width: 22px;
    height: 22px;
    border-width: 4px;
    top: 4px;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section.sec_recruit_list h2:before,
  .tax-recruit_cat .content section.sec_recruit_list h2:before,
  .tax-recruit_status .content section.sec_recruit_list h2:before {
    width: 20px;
    height: 20px;
  }
}
.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_status .content section.sec_recruit_list .no_recruit_post {
  text-align: center;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list,
.tax-recruit_status .content section.sec_recruit_list .recruit-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: 80px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list {
    max-width: 100%;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list:last-child,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list:last-child,
.tax-recruit_status .content section.sec_recruit_list .recruit-list:last-child {
  margin-bottom: 0;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li {
  width: 49%;
  margin: 0 2% 20px 0;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li a,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li a,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li a,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a:after,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li a:after,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a:after,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li a:after,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a:after,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li a:after,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li a:after {
    right: 15px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a:hover,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li a:hover,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li {
    width: 100%;
    margin: 0 auto 15px;
  }
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li:last-child,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li:last-child,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li:last-child {
    margin-bottom: 0;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li:nth-child(even),
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li:nth-child(even),
.tax-recruit_status .content section.sec_recruit_list .recruit-list li:nth-child(even) {
  margin-right: 0;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li a,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li a {
  max-width: 100%;
  padding: 20px;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li a,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li a {
    padding: 15px 20px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li p,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li p,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li p {
  line-height: 1.4;
  margin-bottom: 0;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .job_cat,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li .job_cat,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li .job_cat {
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .job_cat,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li .job_cat,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li .job_cat {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .job_cat,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li .job_cat,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li .job_cat {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .job_cat .career:before,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li .job_cat .career:before,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li .job_cat .career:before {
  content: "/";
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .ttl,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li .ttl,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li .ttl {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .ttl,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li .ttl,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li .ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .ttl,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li .ttl,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.post-type-archive-recruit .content section.sec_recruit,
.tax-recruit_cat .content section.sec_recruit,
.tax-recruit_status .content section.sec_recruit {
  display: none;
}
.post-type-archive-recruit footer,
.tax-recruit_cat footer,
.tax-recruit_status footer {
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  .single-recruit .btn_fixed_footer {
    display: none;
  }
}
.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: #f29600;
  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 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 .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: #f29600;
}
.single-recruit .content section.recruit_wrapper .contants_nav li a {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  color: #675044;
  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_pale_orange.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,
.single-recruit .content section.recruit_wrapper .btn_visitor a {
  display: block;
  width: 100%;
  max-width: 352px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f29600;
  border: 1px solid #f29600;
  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,
  .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_entry a,
  .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_entry a:after,
.single-recruit .content section.recruit_wrapper .btn_visitor a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_orange.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a:after,
  .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_entry a:after,
  .single-recruit .content section.recruit_wrapper .btn_visitor a:after {
    right: 15px;
  }
}
.single-recruit .content section.recruit_wrapper .btn_entry a:hover,
.single-recruit .content section.recruit_wrapper .btn_visitor a:hover {
  opacity: 1;
  background: #fff;
  color: #f29600;
}
.single-recruit .content section.recruit_wrapper .btn_entry a,
.single-recruit .content section.recruit_wrapper .btn_visitor 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,
  .single-recruit .content section.recruit_wrapper .btn_visitor 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 #f29600;
  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 #675044;
  border-left: 1px solid #675044;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table {
    border-bottom: 1px solid #675044;
  }
}
.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 #675044;
  border-bottom: 1px solid #675044;
}
@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: bold;
  color: #675044;
  text-align: center;
  vertical-align: top;
  background: #fff7de;
}
@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 .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: #f29600;
}
.single-recruit .content .fix_btn2 i.far.fa-envelope {
  margin-right: 10px;
}
.single-recruit footer {
  padding-bottom: 53px;
}

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

.single-recruit .content section.recruit_wrapper h2#entry_form {
  text-align: center;
  margin-top: 80px;
}

/* リキャプチャ非表示 */
.grecaptcha-badge {
	visibility: hidden;
}