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

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

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

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

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

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

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

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

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

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

p {
  margin-bottom: 1.5em;
}

b,
strong {
  font-weight: bold;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

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

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

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

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

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

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

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

a:visited {
  color: #4b92e4;
}

a:focus {
  outline: none;
}

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

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

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

.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: 204px;
}
@media screen and (max-width: 1000px) {
  html {
    scroll-padding-top: 164px;
  }
}
@media screen and (max-width: 600px) {
  html {
    scroll-padding-top: 98px;
  }
}
@media screen and (max-width: 480px) {
  html {
    scroll-padding-top: 83px;
  }
}

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  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%;
  height: 132px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: #fff;
}
@media screen and (max-width: 1000px) {
  header.fixed .header_top {
    height: 99px;
  }
}
@media screen and (max-width: 600px) {
  header.fixed .header_top {
    height: auto;
  }
}
header.fixed .header_top .logo {
  width: 218px;
  padding: 20px 30px 25px;
  border-radius: 0 0 20px 0;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1000px) {
  header.fixed .header_top .logo {
    width: 156px;
    padding: 15px 15px 20px;
    border-radius: 0 0 15px 0;
  }
}
@media screen and (max-width: 600px) {
  header.fixed .header_top .logo {
    position: static;
    width: 120px;
    padding: 10px 10px 15px;
  }
}
header.fixed .header_top .logo .for_recruit {
  width: 158px;
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0;
}
@media screen and (max-width: 480px) {
  header.fixed .header_top .logo .for_recruit {
    width: 126px;
    font-size: 9px;
    font-size: 0.9rem;
    top: 32px;
    left: 100px;
  }
}
@media screen and (max-width: 600px) {
  header.fixed .header_top .logo .for_recruit {
    position: absolute;
    top: 38px;
    left: 124px;
    font-size: 9px;
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 1000px) {
  header.fixed .header_top .logo .for_recruit {
    width: 126px;
    font-size: 9px;
    font-size: 0.9rem;
    letter-spacing: 0;
    margin-bottom: 15px;
  }
}
header.fixed .header_top .logo img {
  width: 158px;
}
@media screen and (max-width: 1000px) {
  header.fixed .header_top .logo img {
    width: 126px;
  }
}
@media screen and (max-width: 600px) {
  header.fixed .header_top .logo img {
    width: 100px;
  }
}
@media screen and (max-width: 480px) {
  header.fixed .header_top .logo img {
    width: 80px;
  }
}
header .header_top {
  transition: 0.5s;
}
header .header_top > .logo {
  width: 306px;
  padding: 20px 40px 28px;
  background: #fff;
  border-radius: 0 0 30px 0;
}
@media screen and (max-width: 1400px) {
  header .header_top > .logo {
    width: 286px;
  }
}
@media screen and (max-width: 1250px) {
  header .header_top > .logo {
    width: 250px;
    padding: 20px 30px 28px;
  }
}
@media screen and (max-width: 1000px) {
  header .header_top > .logo {
    width: 218px;
    padding: 20px 30px 25px;
    border-radius: 0 0 20px 0;
  }
}
@media screen and (max-width: 480px) {
  header .header_top > .logo {
    width: 156px;
    padding: 15px 15px 20px;
    border-radius: 0 0 15px 0;
  }
}
header .header_top > .logo .for_recruit {
  width: 226px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  border: 1px solid #0f2b5d;
  border-radius: 100px;
  margin-bottom: 20px;
  white-space: nowrap;
}
@media screen and (max-width: 1400px) {
  header .header_top > .logo .for_recruit {
    width: 206px;
  }
}
@media screen and (max-width: 1250px) {
  header .header_top > .logo .for_recruit {
    width: 190px;
  }
}
@media screen and (max-width: 1000px) {
  header .header_top > .logo .for_recruit {
    width: 158px;
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 480px) {
  header .header_top > .logo .for_recruit {
    width: 126px;
    font-size: 9px;
    font-size: 0.9rem;
    letter-spacing: 0;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1400px) {
  header .header_top > .logo img {
    width: 206px;
    height: auto;
  }
}
@media screen and (max-width: 1250px) {
  header .header_top > .logo img {
    width: 190px;
  }
}
@media screen and (max-width: 1000px) {
  header .header_top > .logo img {
    width: 158px;
  }
}
@media screen and (max-width: 480px) {
  header .header_top > .logo img {
    width: 156px;
  }
}
@media screen and (max-width: 600px) {
  header:not(.fixed) .header_top > .logo {
    width: 270px;
    padding: 12px 14px 14px;
    border-radius: 0 0 15px 0;
  }
  header:not(.fixed) .header_top > .logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 14px;
  }
  header:not(.fixed) .header_top > .logo .for_recruit {
    width: 148px;
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0;
    margin-bottom: 0;
  }
  header:not(.fixed) .header_top > .logo img {
    width: 82px;
  }
}
@media screen and (max-width: 480px) {
  header:not(.fixed) .header_top > .logo {
    width: 260px;
  }
  header:not(.fixed) .header_top > .logo .for_recruit {
    width: 142px;
    font-size: 9px;
    font-size: 0.9rem;
  }
  header:not(.fixed) .header_top > .logo img {
    width: 80px;
  }
}
header .gnav {
  position: absolute;
  top: 70px;
  right: 40px;
  z-index: 10;
}
@media screen and (max-width: 1400px) {
  header .gnav {
    right: 20px;
  }
}
@media screen and (max-width: 1000px) {
  header .gnav {
    display: none;
  }
}
header .gnav ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
header .gnav ul li {
  margin-right: 30px;
}
@media screen and (max-width: 1400px) {
  header .gnav ul li {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1400px) {
  header .gnav ul li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
header .gnav ul li.parent {
  position: relative;
}
header .gnav ul li.parent:hover .child {
  opacity: 1;
  z-index: 1;
  visibility: visible;
}
header .gnav ul li.parent > 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: #fff7ee;
  padding: 5px 15px;
  border-radius: 10px;
  position: absolute;
  top: 50px;
  left: -50px;
  width: 280px;
  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 #eedecb;
}
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_before_applying {
  margin-right: 0;
}
header .gnav ul li.gnav_before_applying .child {
  left: -150px;
}
header .gnav ul li.gnav_recruit {
  width: 216px;
  margin-right: 0;
  position: absolute;
  top: -70px;
  right: 176px;
}
header .gnav ul li.gnav_recruit a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  header .gnav ul li.gnav_recruit a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  header .gnav ul li.gnav_recruit a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
header .gnav ul li.gnav_recruit a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  header .gnav ul li.gnav_recruit a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  header .gnav ul li.gnav_recruit a:after {
    right: 15px;
  }
}
header .gnav ul li.gnav_recruit a:hover:after {
  right: 20px;
}
header .gnav ul li.gnav_recruit a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  padding: 15px 20px;
  background: #f26e30;
  border-radius: 0 0 0 15px;
  border: none;
}
header .gnav ul li.gnav_recruit a:after {
  content: none;
}
header .gnav ul li.gnav_entry {
  width: 216px;
  margin-right: 0;
  position: absolute;
  top: -70px;
  right: -40px;
}
header .gnav ul li.gnav_entry a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  header .gnav ul li.gnav_entry a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  header .gnav ul li.gnav_entry a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
header .gnav ul li.gnav_entry a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  header .gnav ul li.gnav_entry a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  header .gnav ul li.gnav_entry a:after {
    right: 15px;
  }
}
header .gnav ul li.gnav_entry a:hover:after {
  right: 20px;
}
header .gnav ul li.gnav_entry a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  letter-spacing: 0;
  padding: 15px 20px;
  border-radius: 0;
  border: none;
  background: #f8b60e;
}
header .gnav ul li.gnav_entry a:after {
  content: none;
}
header .gnav a {
  font-size: 15px;
  font-size: 1.5rem;
  color: #0f2b5d;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 1250px) {
  header .gnav a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
header .gnav a:hover {
  color: #07a2de;
}

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

.drawer-hamburger {
  width: 56px;
  padding: 49px 22px;
}
@media screen and (max-width: 600px) {
  .drawer-hamburger {
    width: 50px;
    padding: 40px 16px;
  }
}
@media screen and (max-width: 480px) {
  .drawer-hamburger {
    width: 44px;
    padding: 36px 16px;
  }
}
.drawer-hamburger .txt {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
}
.drawer-hamburger .txt:before {
  content: "MENU";
  width: 100%;
  font-family: "Lato", 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: #0f2b5d;
  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: #0f2b5d;
}
@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: #0f2b5d;
}
@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: #f2fbfe;
  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: "Lato", serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #07a2de;
  text-align: center;
  letter-spacing: 2px;
}
.drawer--top .drawer-nav .drawer-menu .contact_tel .tel_num span {
  font-size: 14px;
  font-size: 1.4rem;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li {
  border-bottom: 1px solid #bedde8;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry {
  border-bottom: none;
  margin-top: 30px;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a:after {
    right: 15px;
  }
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a:hover:after {
  right: 20px;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li a {
  display: block;
  padding: 20px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #0f2b5d;
  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: #0f2b5d;
  position: absolute;
  top: 50%;
  left: 0;
}

.btn_fixed_footer {
  display: none;
}
@media screen and (max-width: 768px) {
  .btn_fixed_footer {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
  }
  .btn_fixed_footer a {
    display: block;
    width: 50%;
    padding: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600;
    text-align: center;
    background: #f26e30;
  }
}
@media screen and (max-width: 768px) and (max-width: 480px) {
  .btn_fixed_footer a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 400px) {
  .btn_fixed_footer a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .btn_fixed_footer a.btn_entry {
    background: #f8b60e;
  }
}

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

.mainvisual {
  height: 660px;
  background: #f0fafa;
  position: relative;
  top: -120px;
  z-index: -1;
}
@media screen and (max-width: 1400px) {
  .mainvisual {
    height: 560px;
    top: -90px;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual {
    height: 480px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual {
    height: 340px;
    top: -60px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual {
    height: auto;
    top: -40px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual {
    top: -30px;
  }
}
.mainvisual .mainvisual_inner {
  max-width: 1600px;
  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;
  margin: 0 auto;
}
.mainvisual .catch_area {
  width: 41.25%;
  padding-top: 30px;
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area {
    width: 43%;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area {
    width: 48%;
    padding-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding: 40px 40px 50px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area {
    padding: 30px 30px 40px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area {
    padding: 25px 25px 30px;
  }
}
.mainvisual .catch_area .catch_sub {
  font-size: 24px;
  font-size: 2.4rem;
  color: #07a2de;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
@media screen and (max-width: 1400px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
  }
}
.mainvisual .catch_area .catch_main {
  font-size: 48px;
  font-size: 4.8rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 4px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1400px) {
  .mainvisual .catch_area .catch_main {
    font-size: 43px;
    font-size: 4.3rem;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area .catch_main {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 3px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .catch_main {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .catch_main {
    font-size: 43px;
    font-size: 4.3rem;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_main {
    font-size: 34px;
    font-size: 3.4rem;
    letter-spacing: 3px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .catch_main {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch_area .catch_main {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
.mainvisual .catch_area .catch_main span {
  display: inline-block;
}
.mainvisual .catch_area .mv_point li {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  padding-left: 33px;
  margin-bottom: 5px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .mainvisual .catch_area .mv_point li {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 28px;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area .mv_point li {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
    padding-left: 25px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .mv_point li {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .mv_point li {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 28px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .mv_point li {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
    padding-left: 25px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .mv_point li {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0;
    padding-left: 22px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch_area .mv_point li {
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 20px;
  }
}
.mainvisual .catch_area .mv_point li:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(images/img_icon_mv_checkmark.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 6px;
  left: 0;
}
@media screen and (max-width: 1400px) {
  .mainvisual .catch_area .mv_point li:before {
    width: 22px;
    height: 22px;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area .mv_point li:before {
    width: 20px;
    height: 20px;
    top: 5px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .mv_point li:before {
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .mv_point li:before {
    width: 22px;
    height: 22px;
    top: 6px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .mv_point li:before {
    width: 20px;
    height: 20px;
    top: 5px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .mv_point li:before {
    width: 16px;
    height: 16px;
    top: 6px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch_area .mv_point li:before {
    width: 15px;
    height: 15px;
    top: 5px;
  }
}
.mainvisual .catch_area .mv_point li em {
  color: #07a2de;
}
.mainvisual .mv_photo {
  width: 46.5%;
  margin-top: -25px;
}
@media screen and (max-width: 1400px) {
  .mainvisual .mv_photo {
    width: 600px;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual .mv_photo {
    width: 520px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .mv_photo {
    width: 360px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .mv_photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .mv_photo {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .mv_photo {
    padding: 0 25px;
    margin-top: -20px;
  }
}

/* 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: "Lato", 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: #0f2b5d;
  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: "Lato", serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 4px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1400px) {
  .content section .ttl_en {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .content section .ttl_en {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 600px) {
  .content section .ttl_en {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 480px) {
  .content section .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section .ttl_en span {
  display: inline-block;
  padding: 0 5px 2px;
  background: linear-gradient(transparent 55%, #9bddf7 55%, #9bddf7 90%, transparent 90%);
}
.content section h2 {
  font-size: 46px;
  font-size: 4.6rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 8px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1250px) {
  .content section h2 {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: 6px;
  }
}
@media screen and (max-width: 1000px) {
  .content section h2 {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .content section h2 {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 5px;
    margin-bottom: 40px;
  }
}
@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;
  }
}
@media screen and (max-width: 400px) {
  .content section h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
.content section.sec_message {
  padding: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .ttl_en {
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .ttl_en {
    text-align: left;
  }
}
.content section.sec_message h2 {
  font-size: 48px;
  font-size: 4.8rem;
  margin-bottom: 60px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_message h2 {
    font-size: 44px;
    font-size: 4.4rem;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message h2 {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message h2 {
    font-size: 40px;
    font-size: 4rem;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message h2 {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 5px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message h2 {
    font-size: 28px;
    font-size: 2.8rem;
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 4px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
.content section.sec_message h2 span {
  display: block;
}
.content section.sec_message .msg_area {
  max-width: 1600px;
  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: 0 auto;
}
.content section.sec_message .msg_area .msg_area_inner {
  width: calc(100% - 680px);
  padding: 0% 3.75% 0% 10%;
}
@media screen and (max-width: 1400px) {
  .content section.sec_message .msg_area .msg_area_inner {
    padding: 0 50px;
  }
}
@media screen and (max-width: 1400px) {
  .content section.sec_message .msg_area .msg_area_inner {
    width: 50%;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .msg_area .msg_area_inner {
    padding-right: 30px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .msg_area .msg_area_inner {
    width: 100%;
    padding: 0 40px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .msg_area .msg_area_inner {
    padding: 0 30px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_area .msg_area_inner {
    padding: 0 25px;
    margin-bottom: 30px;
  }
}
.content section.sec_message .msg_area .msg p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 30px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_message .msg_area .msg p {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .msg_area .msg p {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .msg_area .msg p {
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .msg_area .msg p {
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_area .msg p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}
.content section.sec_message .msg_area .msg p:last-child {
  margin-bottom: 0;
}
.content section.sec_message .msg_area .msg p em {
  background: linear-gradient(transparent 55%, #ffeb78 55%, #ffeb78 90%, transparent 90%);
}
.content section.sec_message .msg_area .signature .doctor_name {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_area .signature .doctor_name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_message .msg_area .signature .doctor_name .subject {
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_area .signature .doctor_name .subject {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_message .msg_area .signature .doctor_name .kana {
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_area .signature .doctor_name .kana {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.content section.sec_message .photo_main {
  width: 680px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .content section.sec_message .photo_main {
    width: 50%;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo_main {
    width: 100%;
    max-width: 90%;
    margin-left: auto;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .photo_main {
    max-width: 95%;
  }
}
.content section.sec_message .photo_main > img {
  width: 100%;
  border-radius: 40px 0 0 0;
  height: 770px;
  object-fit: cover;
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo_main > img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .photo_main > img {
    border-radius: 30px 0 0 0;
  }
}
.content section.sec_message .photo_main .catch {
  font-family: "Lato", serif;
  font-size: 82px;
  font-size: 8.2rem;
  color: #fff;
  font-weight: 900;
  font-style: italic;
  line-height: 1;
  letter-spacing: 12px;
  position: absolute;
  top: 698px;
  right: 20px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .photo_main .catch {
    font-size: 62px;
    font-size: 6.2rem;
    top: 715px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo_main .catch {
    font-size: 82px;
    font-size: 8.2rem;
    top: initial;
    bottom: -10px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .photo_main .catch {
    font-size: 68px;
    font-size: 6.8rem;
    bottom: -9px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .photo_main .catch {
    font-size: 50px;
    font-size: 5rem;
    letter-spacing: 10px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .photo_main .catch {
    font-size: 42px;
    font-size: 4.2rem;
    letter-spacing: 8px;
  }
}
.content section.sec_clinic {
  margin-top: 170px;
  padding-top: 70px;
  background: #f2fbfe;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_clinic {
    padding-top: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic {
    padding-top: 30px;
    margin-top: 140px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic {
    margin-top: 100px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_clinic {
    margin-top: 80px;
  }
}
.content section.sec_clinic:before {
  content: "";
  width: 100%;
  height: 70px;
  background: url(images/bg_top_clinic.svg) no-repeat center top;
  background-size: cover;
  position: absolute;
  top: -70px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic:before {
    height: 50px;
    top: -50px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic:before {
    height: 30px;
    top: -30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic:before {
    height: 20px;
    top: -20px;
  }
}
.content section.sec_clinic h2 {
  letter-spacing: 3px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic h2 {
    margin-bottom: 30px;
  }
}
.content section.sec_clinic h2 span {
  display: inline-block;
}
.content section.sec_clinic h2 span:first-child {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 2px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_clinic h2 span:first-child {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic h2 span:first-child {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic h2 span:first-child {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_clinic h2 span:first-child {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_clinic .clinic_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: 50px;
}
@media screen and (max-width: 768px) {
  .content section.sec_clinic .clinic_header {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic .clinic_header {
    margin-bottom: 30px;
  }
}
.content section.sec_clinic .clinic_header .txt_area {
  width: calc(100% - 600px);
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  padding-left: 50px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_clinic .clinic_header .txt_area {
    width: calc(100% - 440px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic .clinic_header .txt_area {
    width: calc(100% - 320px);
    padding-left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_clinic .clinic_header .txt_area {
    width: 100%;
    padding-left: 0;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .clinic_header .txt_area {
    margin-bottom: 20px;
  }
}
.content section.sec_clinic .clinic_header .txt_area .txt {
  line-height: 1.9;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .clinic_header .txt_area .txt {
    margin-bottom: 20px;
  }
}
.content section.sec_clinic .clinic_header .txt_area .txt:last-child {
  margin-bottom: 0;
}
.content section.sec_clinic .clinic_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_clinic .clinic_header .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic .clinic_header .photo {
    width: 320px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_clinic .clinic_header .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.content section.sec_clinic .clinic_header .photo img {
  width: 100%;
  height: 490px;
  object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_clinic .clinic_header .photo img {
    height: 450px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_clinic .clinic_header .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic .clinic_header .photo img {
    border-radius: 20px;
  }
}
.content section.sec_clinic .contents_box {
  max-width: 1280px;
  background: #d9f2fa;
  border-radius: 20px;
  padding: 40px 40px 10px;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic .contents_box {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_clinic .contents_box {
    padding: 35px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic .contents_box {
    border-radius: 15px;
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .contents_box {
    padding: 20px;
  }
}
.content section.sec_clinic .contents_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;
}
.content section.sec_clinic .contents_box ul li {
  width: 48.31%;
  margin: 0% 3.36% 3.36% 0%;
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic .contents_box ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_clinic .contents_box ul li {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .contents_box ul li {
    margin-bottom: 25px;
  }
}
.content section.sec_clinic .contents_box ul li:nth-child(even) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic .contents_box ul li:last-child {
    margin-bottom: 0;
  }
}
.content section.sec_clinic .contents_box ul li a {
  display: block;
}
.content section.sec_clinic .contents_box ul li a .ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #0f2b5d;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5;
  padding: 30px 70px 30px 30px;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px -3px #89c8dd;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_clinic .contents_box ul li a .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_clinic .contents_box ul li a .ttl {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 22px 50px 22px 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .contents_box ul li a .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
    padding: 20px 50px 20px 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_clinic .contents_box ul li a .ttl {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px 40px 20px 15px;
  }
}
.content section.sec_clinic .contents_box ul li a .ttl:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(images/img_icon_arrow_blue_yellow.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .content section.sec_clinic .contents_box ul li a .ttl:before {
    width: 24px;
    height: 24px;
    right: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic .contents_box ul li a .ttl:before {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .contents_box ul li a .ttl:before {
    width: 18px;
    height: 18px;
    right: 15px;
  }
}
.content section.sec_clinic .contents_box ul li a .ttl:hover:before {
  right: 25px;
}
.content section.sec_clinic .contents_box ul li a .ttl span {
  color: #07a2de;
  margin-right: 5px;
}
.content section.sec_clinic .contents_box ul li .ttl {
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .content section.sec_clinic .contents_box ul li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .contents_box ul li .ttl {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_clinic .contents_box ul li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_clinic .contents_box ul li .catch {
  font-size: 15px;
  font-size: 1.5rem;
  color: #07a2de;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .content section.sec_clinic .contents_box ul li .catch {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .contents_box ul li .catch {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
.content section.sec_keyword {
  position: relative;
}
.content section.sec_keyword .ttl_en {
  font-family: "Lato", serif;
  font-size: 150px;
  font-size: 15rem;
  color: #dbf0ea;
  line-height: 1;
  letter-spacing: 20px;
  position: absolute;
  top: 40px;
  left: -30px;
  z-index: -1;
  transform: rotate(90deg) translateY(-100%);
  transform-origin: top left;
}
@media screen and (max-width: 1250px) {
  .content section.sec_keyword .ttl_en {
    opacity: 0.5;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_keyword .ttl_en {
    font-size: 130px;
    font-size: 13rem;
    top: 160px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_keyword .ttl_en {
    font-size: 110px;
    font-size: 11rem;
    letter-spacing: 16px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_keyword .ttl_en {
    font-size: 90px;
    font-size: 9rem;
    letter-spacing: 14px;
    top: 120px;
  }
}
.content section.sec_keyword h2 {
  text-align: center;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_keyword h2 {
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_keyword h2 {
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_keyword h2 {
    letter-spacing: 1px;
  }
}
.content section.sec_keyword h2 span {
  position: absolute;
  top: -113px;
  left: calc(50% - 220px);
}
@media screen and (max-width: 1000px) {
  .content section.sec_keyword h2 span {
    top: -100px;
    left: calc(50% - 200px);
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_keyword h2 span {
    top: -85px;
    left: calc(50% - 180px);
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_keyword h2 span {
    top: -75px;
    left: calc(50% - 160px);
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_keyword h2 span {
    top: -62px;
    left: calc(50% - 120px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_keyword h2 span img {
    width: 150.3px;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_keyword h2 span img {
    width: 133.6px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_keyword h2 span img {
    width: 116.9px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_keyword h2 span img {
    width: 100.2px;
  }
}
.content section.sec_keyword .keyword_header {
  max-width: 1280px;
  margin: 0 auto 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1250px) {
  .content section.sec_keyword .keyword_header {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.content section.sec_keyword .keyword_header .txt_area {
  width: calc(100% - 600px);
  padding-right: 50px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_keyword .keyword_header .txt_area {
    width: calc(100% - 500px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_keyword .keyword_header .txt_area {
    width: 100%;
    padding-right: 0;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_keyword .keyword_header .txt_area {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_keyword .keyword_header .txt_area {
    margin-bottom: 30px;
  }
}
.content section.sec_keyword .keyword_header .txt_area p {
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .content section.sec_keyword .keyword_header .txt_area p {
    margin-bottom: 20px;
  }
}
.content section.sec_keyword .keyword_header .txt_area p:last-child {
  margin-bottom: 0;
}
.content section.sec_keyword .keyword_header .txt_area .point_list {
  background: #fefaf1;
  margin-bottom: 30px;
  position: relative;
}
.content section.sec_keyword .keyword_header .txt_area .point_list:before {
  content: "";
  width: 30px;
  height: 1px;
  background: #0f2b5d;
  position: absolute;
  top: 0;
  left: 0;
}
.content section.sec_keyword .keyword_header .txt_area .point_list:after {
  content: "";
  width: 1px;
  height: 30px;
  background: #0f2b5d;
  position: absolute;
  top: 0;
  left: 0;
}
.content section.sec_keyword .keyword_header .txt_area .point_list ul {
  padding: 30px;
  position: relative;
}
.content section.sec_keyword .keyword_header .txt_area .point_list ul:before {
  content: "";
  width: 30px;
  height: 1px;
  background: #0f2b5d;
  position: absolute;
  bottom: 0;
  right: 0;
}
.content section.sec_keyword .keyword_header .txt_area .point_list ul:after {
  content: "";
  width: 1px;
  height: 30px;
  background: #0f2b5d;
  position: absolute;
  bottom: 0;
  right: 0;
}
.content section.sec_keyword .keyword_header .txt_area .point_list ul li {
  font-weight: 600;
  margin-bottom: 10px;
  padding-left: 15px;
  position: relative;
}
.content section.sec_keyword .keyword_header .txt_area .point_list ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #0f2b5d;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
.content section.sec_keyword .keyword_header .txt_area .point_list ul li em {
  color: #07a2de;
}
.content section.sec_keyword .keyword_header .txt_area .point_list ul li:last-child {
  margin-bottom: 0;
}
.content section.sec_keyword .keyword_header .photo {
  width: 600px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_keyword .keyword_header .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_keyword .keyword_header .photo {
    width: 100%;
  }
}
.content section.sec_keyword .keyword_header .photo img {
  width: 100%;
}
.content section.sec_keyword .contents_box {
  max-width: 1280px;
  background: #d9f2fa;
  border-radius: 20px;
  padding: 40px 40px 10px;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .content section.sec_keyword .contents_box {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_keyword .contents_box {
    padding: 35px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_keyword .contents_box {
    border-radius: 15px;
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_keyword .contents_box {
    padding: 20px;
  }
}
.content section.sec_keyword .contents_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;
}
.content section.sec_keyword .contents_box ul li {
  width: 48.31%;
  margin: 0% 3.36% 3.36% 0%;
}
@media screen and (max-width: 1000px) {
  .content section.sec_keyword .contents_box ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_keyword .contents_box ul li {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_keyword .contents_box ul li {
    margin-bottom: 25px;
  }
}
.content section.sec_keyword .contents_box ul li:nth-child(even) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_keyword .contents_box ul li:last-child {
    margin-bottom: 0;
  }
}
.content section.sec_keyword .contents_box ul li a {
  display: block;
}
.content section.sec_keyword .contents_box ul li a .ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #0f2b5d;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5;
  padding: 30px 70px 30px 30px;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px -3px #89c8dd;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_keyword .contents_box ul li a .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_keyword .contents_box ul li a .ttl {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 22px 50px 22px 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_keyword .contents_box ul li a .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
    padding: 20px 50px 20px 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_keyword .contents_box ul li a .ttl {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px 40px 20px 15px;
  }
}
.content section.sec_keyword .contents_box ul li a .ttl:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(images/img_icon_arrow_blue_yellow.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .content section.sec_keyword .contents_box ul li a .ttl:before {
    width: 24px;
    height: 24px;
    right: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_keyword .contents_box ul li a .ttl:before {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_keyword .contents_box ul li a .ttl:before {
    width: 18px;
    height: 18px;
    right: 15px;
  }
}
.content section.sec_keyword .contents_box ul li a .ttl:hover:before {
  right: 25px;
}
.content section.sec_keyword .contents_box ul li a .ttl span {
  color: #07a2de;
  margin-right: 5px;
}
.content section.sec_keyword .contents_box ul li .ttl {
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .content section.sec_keyword .contents_box ul li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_keyword .contents_box ul li .ttl {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_keyword .contents_box ul li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_keyword .contents_box ul li .catch {
  font-size: 15px;
  font-size: 1.5rem;
  color: #07a2de;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .content section.sec_keyword .contents_box ul li .catch {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_keyword .contents_box ul li .catch {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
.content section.sec_doctor {
  background: #f9f6f0;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor {
    padding-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor {
    padding-top: 80px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor {
    padding-top: 70px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor {
    padding-top: 60px;
    padding-right: 25px;
    padding-left: 25px;
  }
}
.content section.sec_doctor:before {
  content: "";
  width: 366px;
  height: 453px;
  background: url(images/bg_top_doctor.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 160px;
  left: -45px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor:before {
    width: 292.8px;
    height: 362.4px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor:before {
    width: 256.2px;
    height: 317.1px;
    top: 140px;
    bottom: initial;
    left: initial;
    right: -45px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor:before {
    width: 219.6px;
    height: 271.8px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor:before {
    width: 183px;
    height: 226.5px;
  }
}
.content section.sec_doctor .doctor_header {
  max-width: 1280px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .doctor_header {
    padding-left: 0;
  }
}
.content section.sec_doctor .txt_area {
  width: calc(100% - 734px);
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor .txt_area {
    width: calc(100% - 600px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .txt_area {
    width: 100%;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .txt_area {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area {
    margin-bottom: 30px;
  }
}
.content section.sec_doctor .txt_area .catch {
  font-size: 28px;
  font-size: 2.8rem;
  color: #07a2de;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5;
  text-indent: -0.5em;
  margin-bottom: 30px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor .txt_area .catch {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .txt_area .catch {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .txt_area .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.content section.sec_doctor .photo {
  width: 734px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor .photo {
    width: 600px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .photo {
    width: 100%;
  }
}
.content section.sec_doctor .contents_box {
  max-width: 1280px;
  background: #d9f2fa;
  border-radius: 20px;
  padding: 40px 40px 10px;
  margin: 0 auto;
  background: #f1e8d7;
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .contents_box {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .contents_box {
    padding: 35px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .contents_box {
    border-radius: 15px;
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .contents_box {
    padding: 20px;
  }
}
.content section.sec_doctor .contents_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;
}
.content section.sec_doctor .contents_box ul li {
  width: 48.31%;
  margin: 0% 3.36% 3.36% 0%;
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .contents_box ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .contents_box ul li {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .contents_box ul li {
    margin-bottom: 25px;
  }
}
.content section.sec_doctor .contents_box ul li:nth-child(even) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .contents_box ul li:last-child {
    margin-bottom: 0;
  }
}
.content section.sec_doctor .contents_box ul li a {
  display: block;
}
.content section.sec_doctor .contents_box ul li a .ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #0f2b5d;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5;
  padding: 30px 70px 30px 30px;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px -3px #89c8dd;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor .contents_box ul li a .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .contents_box ul li a .ttl {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 22px 50px 22px 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .contents_box ul li a .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
    padding: 20px 50px 20px 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .contents_box ul li a .ttl {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px 40px 20px 15px;
  }
}
.content section.sec_doctor .contents_box ul li a .ttl:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(images/img_icon_arrow_blue_yellow.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .contents_box ul li a .ttl:before {
    width: 24px;
    height: 24px;
    right: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .contents_box ul li a .ttl:before {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .contents_box ul li a .ttl:before {
    width: 18px;
    height: 18px;
    right: 15px;
  }
}
.content section.sec_doctor .contents_box ul li a .ttl:hover:before {
  right: 25px;
}
.content section.sec_doctor .contents_box ul li a .ttl span {
  color: #07a2de;
  margin-right: 5px;
}
.content section.sec_doctor .contents_box 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 .contents_box ul li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .contents_box ul li .ttl {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .contents_box ul li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_doctor .contents_box ul li .catch {
  font-size: 15px;
  font-size: 1.5rem;
  color: #07a2de;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .contents_box ul li .catch {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .contents_box ul li .catch {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
.content section.sec_doctor .contents_box ul li a .ttl {
  box-shadow: 0 0 8px -3px #e6cb98;
}
.content section.sec_doctor .contents_box ul li a .catch {
  color: #b89552;
}
.content section.sec_jobs {
  background: #e7fcf0 url(images/bg_top_jobs.jpg) no-repeat center center;
  background-size: cover;
}
.content section.sec_jobs .jobs_header {
  max-width: 1280px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto 50px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_jobs .jobs_header {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_jobs .jobs_header {
    margin-bottom: 30px;
  }
}
.content section.sec_jobs .jobs_header .txt_area {
  width: calc(100% - 600px);
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  padding-left: 50px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_jobs .jobs_header .txt_area {
    width: calc(100% - 500px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_jobs .jobs_header .txt_area {
    width: calc(100% - 400px);
    padding-left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_jobs .jobs_header .txt_area {
    width: 100%;
    padding-left: 0;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
.content section.sec_jobs .jobs_header .txt_area .txt {
  line-height: 1.9;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .content section.sec_jobs .jobs_header .txt_area .txt {
    margin-bottom: 20px;
  }
}
.content section.sec_jobs .jobs_header .txt_area .txt:last-child {
  margin-bottom: 0;
}
.content section.sec_jobs .jobs_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_jobs .jobs_header .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_jobs .jobs_header .photo {
    width: 400px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_jobs .jobs_header .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.content section.sec_jobs .jobs_header .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 600px) {
  .content section.sec_jobs .jobs_header .photo img {
    border-radius: 20px;
  }
}
.content section.sec_jobs .contents_box {
  max-width: 1280px;
  background: #d9f2fa;
  border-radius: 20px;
  padding: 40px 40px 10px;
  margin: 0 auto;
  background: #d7f5f1;
  padding: 40px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_jobs .contents_box {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_jobs .contents_box {
    padding: 35px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_jobs .contents_box {
    border-radius: 15px;
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_jobs .contents_box {
    padding: 20px;
  }
}
.content section.sec_jobs .contents_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;
}
.content section.sec_jobs .contents_box ul li {
  width: 48.31%;
  margin: 0% 3.36% 3.36% 0%;
}
@media screen and (max-width: 1000px) {
  .content section.sec_jobs .contents_box ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_jobs .contents_box ul li {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_jobs .contents_box ul li {
    margin-bottom: 25px;
  }
}
.content section.sec_jobs .contents_box ul li:nth-child(even) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_jobs .contents_box ul li:last-child {
    margin-bottom: 0;
  }
}
.content section.sec_jobs .contents_box ul li a {
  display: block;
}
.content section.sec_jobs .contents_box ul li a .ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #0f2b5d;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5;
  padding: 30px 70px 30px 30px;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px -3px #89c8dd;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_jobs .contents_box ul li a .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_jobs .contents_box ul li a .ttl {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 22px 50px 22px 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_jobs .contents_box ul li a .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
    padding: 20px 50px 20px 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_jobs .contents_box ul li a .ttl {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px 40px 20px 15px;
  }
}
.content section.sec_jobs .contents_box ul li a .ttl:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(images/img_icon_arrow_blue_yellow.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .content section.sec_jobs .contents_box ul li a .ttl:before {
    width: 24px;
    height: 24px;
    right: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_jobs .contents_box ul li a .ttl:before {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_jobs .contents_box ul li a .ttl:before {
    width: 18px;
    height: 18px;
    right: 15px;
  }
}
.content section.sec_jobs .contents_box ul li a .ttl:hover:before {
  right: 25px;
}
.content section.sec_jobs .contents_box ul li a .ttl span {
  color: #07a2de;
  margin-right: 5px;
}
.content section.sec_jobs .contents_box ul li .ttl {
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .content section.sec_jobs .contents_box ul li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_jobs .contents_box ul li .ttl {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_jobs .contents_box ul li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_jobs .contents_box ul li .catch {
  font-size: 15px;
  font-size: 1.5rem;
  color: #07a2de;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .content section.sec_jobs .contents_box ul li .catch {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_jobs .contents_box ul li .catch {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_jobs .contents_box {
    padding: 35px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_jobs .contents_box {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_jobs .contents_box {
    padding: 25px;
  }
}
.content section.sec_jobs .contents_box ul li {
  margin-bottom: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_jobs .contents_box ul li {
    margin-bottom: 20px;
  }
  .content section.sec_jobs .contents_box ul li:last-child {
    margin-bottom: 0;
  }
}
.content section.sec_jobs .contents_box ul li a .ttl {
  padding-top: 50px;
  margin-bottom: 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_jobs .contents_box ul li a .ttl {
    padding-top: 40px;
  }
}
.content section.sec_jobs .contents_box ul li a .ttl .num {
  position: relative;
  top: -10px;
}
.content section.sec_jobs .contents_box ul li a .ttl .ttl_en {
  font-family: "Lato", serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  position: absolute;
  top: 30px;
  left: 70px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_jobs .contents_box ul li a .ttl .ttl_en {
    left: 68px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_jobs .contents_box ul li a .ttl .ttl_en {
    font-size: 14px;
    font-size: 1.4rem;
    top: 22px;
    left: 54px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_jobs .contents_box ul li a .ttl .ttl_en {
    font-size: 13px;
    font-size: 1.3rem;
    left: 50px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_jobs .contents_box ul li a .ttl .ttl_en {
    left: 43px;
  }
}
.content section.sec_jobs .photo_sub {
  position: absolute;
  top: -145px;
  right: -40px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_jobs .photo_sub {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_jobs .photo_sub {
    top: -120px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_jobs .photo_sub {
    top: -100px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_jobs .photo_sub {
    top: -90px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_jobs .photo_sub img {
    width: 191.7px;
    height: auto;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_jobs .photo_sub img {
    width: 170.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_jobs .photo_sub img {
    width: 149.1px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_jobs .photo_sub img {
    width: 127.8px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_jobs .photo_sub img {
    width: 106.5px;
  }
}
.content section.sec_interview {
  padding-right: 0;
  padding-left: 0;
}
.content section.sec_interview .interview_inner {
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_inner {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_inner {
    padding: 0 25px;
  }
}
.content section.sec_interview .ttl_en {
  text-align: center;
}
.content section.sec_interview h2 {
  text-align: center;
}
.content section.sec_interview .txt_area {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .txt_area {
    text-align: left;
  }
}
.content section.sec_interview .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_interview .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .btn_more a:after {
    right: 15px;
  }
}
.content section.sec_interview .btn_more a:hover:after {
  right: 20px;
}
.content section.sec_interview .photo_gallery.gallery_first {
  margin-bottom: 100px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo_gallery.gallery_first {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .photo_gallery.gallery_first {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .photo_gallery.gallery_first {
    margin-bottom: 50px;
  }
}
.content section.sec_interview .photo_gallery.gallery_second {
  margin-top: 100px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo_gallery.gallery_second {
    margin-top: 80px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .photo_gallery.gallery_second {
    margin-top: 60px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .photo_gallery.gallery_second {
    margin-top: 50px;
  }
}
.content section.sec_interview .photo_gallery img {
  width: 320px;
  margin: 0 8px;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo_gallery img {
    width: 280px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .photo_gallery img {
    width: 240px;
    margin: 0 5px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .photo_gallery img {
    width: 220px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .photo_gallery img {
    width: 200px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .photo_gallery img {
    width: 180px;
  }
}
.content section.sec_environment {
  background: #edf4fa;
  position: relative;
}
.content section.sec_environment:before {
  content: "";
  width: 272px;
  height: 248px;
  background: url(images/bg_top_environment01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment:before {
    width: 244.8px;
    height: 223.2px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment:before {
    width: 217.6px;
    height: 198.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment:before {
    width: 190.4px;
    height: 173.6px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment:before {
    width: 163.2px;
    height: 148.8px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment:before {
    width: 136px;
    height: 124px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment:before {
    width: 108.8px;
    height: 99.2px;
  }
}
.content section.sec_environment:after {
  content: "";
  width: 239px;
  height: 312px;
  background: url(images/bg_top_environment02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment:after {
    width: 215.1px;
    height: 280.8px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment:after {
    width: 191.2px;
    height: 249.6px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment:after {
    width: 167.3px;
    height: 218.4px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment:after {
    width: 143.4px;
    height: 187.2px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment:after {
    width: 119.5px;
    height: 156px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment:after {
    width: 95.6px;
    height: 124.8px;
  }
}
.content section.sec_environment .environment_inner {
  position: relative;
}
.content section.sec_environment .environment_inner:before {
  content: "";
  width: 179px;
  height: 276px;
  background: url(images/bg_top_environment_txt.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -140px;
  right: -40px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .environment_inner:before {
    width: 161.1px;
    height: 248.4px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .environment_inner:before {
    width: 143.2px;
    height: 220.8px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .environment_inner:before {
    width: 125.3px;
    height: 193.2px;
    top: -120px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .environment_inner:before {
    width: 107.4px;
    height: 165.6px;
    top: -100px;
    right: -30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .environment_inner:before {
    width: 89.5px;
    height: 138px;
    top: -80px;
    right: -25px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment .environment_inner:before {
    width: 71.6px;
    height: 110.4px;
  }
}
.content section.sec_environment .ttl_en {
  text-align: center;
}
.content section.sec_environment h2 {
  text-align: center;
}
.content section.sec_environment .txt {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .txt {
    text-align: left;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .txt {
    margin-bottom: 20px;
  }
}
.content section.sec_environment .photo {
  text-align: center;
}
.content section.sec_environment .photo img {
  height: 540px;
  object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .photo img {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .photo img {
    height: 280px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .photo img {
    height: 240px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .photo img {
    height: 220px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment .photo img {
    height: 200px;
  }
}
.content section.sec_environment .contents_box {
  max-width: 1280px;
  background: #d9f2fa;
  border-radius: 20px;
  padding: 40px 40px 10px;
  margin: 0 auto;
  margin-top: 50px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .contents_box {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .contents_box {
    padding: 35px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .contents_box {
    border-radius: 15px;
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .contents_box {
    padding: 20px;
  }
}
.content section.sec_environment .contents_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;
}
.content section.sec_environment .contents_box ul li {
  width: 48.31%;
  margin: 0% 3.36% 3.36% 0%;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .contents_box ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .contents_box ul li {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .contents_box ul li {
    margin-bottom: 25px;
  }
}
.content section.sec_environment .contents_box ul li:nth-child(even) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .contents_box ul li:last-child {
    margin-bottom: 0;
  }
}
.content section.sec_environment .contents_box ul li a {
  display: block;
}
.content section.sec_environment .contents_box ul li a .ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #0f2b5d;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5;
  padding: 30px 70px 30px 30px;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px -3px #89c8dd;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .contents_box ul li a .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .contents_box ul li a .ttl {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 22px 50px 22px 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .contents_box ul li a .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
    padding: 20px 50px 20px 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment .contents_box ul li a .ttl {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px 40px 20px 15px;
  }
}
.content section.sec_environment .contents_box ul li a .ttl:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(images/img_icon_arrow_blue_yellow.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .contents_box ul li a .ttl:before {
    width: 24px;
    height: 24px;
    right: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .contents_box ul li a .ttl:before {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .contents_box ul li a .ttl:before {
    width: 18px;
    height: 18px;
    right: 15px;
  }
}
.content section.sec_environment .contents_box ul li a .ttl:hover:before {
  right: 25px;
}
.content section.sec_environment .contents_box ul li a .ttl span {
  color: #07a2de;
  margin-right: 5px;
}
.content section.sec_environment .contents_box 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 .contents_box ul li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .contents_box ul li .ttl {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment .contents_box ul li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_environment .contents_box ul li .catch {
  font-size: 15px;
  font-size: 1.5rem;
  color: #07a2de;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .contents_box ul li .catch {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .contents_box ul li .catch {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .contents_box {
    margin-top: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .contents_box {
    margin-top: 30px;
  }
}
.content section.sec_environment .contents_box ul li a .ttl {
  background: #fff;
}
.content section.sec_faq {
  margin-top: 35px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_faq {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_faq {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_faq {
    margin-top: 20px;
  }
}
.content section.sec_faq .section_inner {
  padding: 70px 50px;
  border: 1px solid #0f2b5d;
  border-radius: 30px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_faq .section_inner {
    padding: 50px 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_faq .section_inner {
    padding: 50px 30px 45px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_faq .section_inner {
    padding: 40px 25px 30px;
    border-radius: 20px;
  }
}
.content section.sec_faq .ttl_area {
  position: absolute;
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1250px) {
  .content section.sec_faq .ttl_area {
    top: -65px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_faq .ttl_area {
    top: -60px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_faq .ttl_area {
    top: -55px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_faq .ttl_area {
    top: -52px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_faq .ttl_area {
    top: -46px;
  }
}
.content section.sec_faq .ttl_en {
  text-align: center;
}
.content section.sec_faq h2 {
  text-align: center;
}
@media screen and (max-width: 600px) {
  .content section.sec_faq h2 {
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_faq h2 {
    min-width: 180px;
    letter-spacing: 2px;
  }
}
.content section.sec_faq h2 span {
  display: inline-block;
  background: #fff;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .content section.sec_faq h2 span {
    padding: 0 10px;
  }
}
.content section.sec_faq .txt {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_faq .txt {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_faq .txt {
    text-align: left;
  }
}
.content section.sec_faq .photo {
  text-align: center;
  margin-bottom: 40px;
}
.content section.sec_faq .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_faq .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_faq .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_faq .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .content section.sec_faq .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_faq .btn_more a:after {
    right: 15px;
  }
}
.content section.sec_faq .btn_more a:hover:after {
  right: 20px;
}
.content section.sec_before_applying {
  background: #eaf6fa;
  position: relative;
  overflow: hidden;
}
.content section.sec_before_applying:before {
  content: "";
  width: 1062px;
  height: 304px;
  background: url(images/bg_top_before_applying.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1400px) {
  .content section.sec_before_applying:before {
    width: 955.8px;
    height: 273.6px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_applying:before {
    width: 849.6px;
    height: 243.2px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_applying:before {
    width: 743.4px;
    height: 212.8px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_applying:before {
    width: 637.2px;
    height: 182.4px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_applying:before {
    width: 531px;
    height: 152px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_applying:before {
    width: 424.8px;
    height: 121.6px;
  }
}
.content section.sec_before_applying .ttl_en {
  text-align: center;
  position: relative;
}
.content section.sec_before_applying h2 {
  text-align: center;
  position: relative;
}
.content section.sec_before_applying .bnr_area {
  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;
  margin: 0 auto;
  position: relative;
}
.content section.sec_before_applying .bnr_area > a {
  display: block;
  width: 48.43%;
  background: #fff;
  border-radius: 30px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_applying .bnr_area > a {
    border-radius: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_applying .bnr_area > a {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_applying .bnr_area > a.bnr_matching {
    margin-bottom: 30px;
  }
}
.content section.sec_before_applying .bnr_area > a img {
  border-radius: 30px 30px 0 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_applying .bnr_area > a img {
    border-radius: 20px 20px 0 0;
  }
}
.content section.sec_before_applying .bnr_area > a .txt_area {
  padding: 50px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_applying .bnr_area > a .txt_area {
    padding: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_applying .bnr_area > a .txt_area {
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_applying .bnr_area > a .txt_area {
    padding: 25px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_applying .bnr_area > a .txt_area {
    padding: 30px;
  }
}
.content section.sec_before_applying .bnr_area > a h3 {
  font-size: 30px;
  font-size: 3rem;
  color: #0f2b5d;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-left: 33px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_applying .bnr_area > a h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_applying .bnr_area > a h3 {
    font-size: 22px;
    font-size: 2.2rem;
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_applying .bnr_area > a h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 26px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_applying .bnr_area > a h3 {
    font-size: 22px;
    font-size: 2.2rem;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_applying .bnr_area > a h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 26px;
  }
}
.content section.sec_before_applying .bnr_area > a h3:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(images/img_icon_arrow_blue_yellow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_applying .bnr_area > a h3:before {
    top: 10px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_applying .bnr_area > a h3:before {
    width: 20px;
    height: 20px;
    top: 8px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_applying .bnr_area > a h3:before {
    width: 18px;
    height: 18px;
    top: 6px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_applying .bnr_area > a h3:before {
    width: 20px;
    height: 20px;
    top: 8px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_applying .bnr_area > a h3:before {
    width: 18px;
    height: 18px;
    top: 6px;
  }
}
.content section.sec_before_applying .bnr_area > a p {
  color: #07a2de;
}
.content section.sec_recruit {
  position: relative;
}
.content section.sec_recruit .ttl_en {
  text-align: center;
}
.content section.sec_recruit h2 {
  text-align: center;
}
.content section.sec_recruit .lead {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit .lead {
    margin-bottom: 40px;
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit .lead {
    margin-bottom: 30px;
  }
}
.content section.sec_recruit .recruit_group_list {
  max-width: 1000px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 22px;
  margin: 0 auto 34px;
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit .recruit_group_list {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.content section.sec_recruit .recruit_group {
  background: #f7f8f9;
  border: 1px solid #e2e5e8;
  border-radius: 8px;
  padding: 22px 26px 20px;
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit .recruit_group {
    padding: 18px 18px 16px;
  }
}
.content section.sec_recruit .recruit_group h3 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit .recruit_group h3 {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.content section.sec_recruit .recruit_group h3:before {
  content: "";
  display: block;
  width: 4px;
  height: 1.5em;
  border-radius: 100px;
  background: #f8b60e;
  flex: 0 0 auto;
}
.content section.sec_recruit .recruit_links {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 18px;
  border-top: 1px solid #d8dde1;
  margin-top: 14px;
  padding-top: 14px;
}
.content section.sec_recruit .recruit_links a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #0f2b5d;
  font-weight: 500;
  line-height: 1.9;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.content section.sec_recruit .recruit_links a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
}
.content section.sec_recruit .recruit_links a:hover {
  color: #6f7b86;
}
.content section.sec_recruit .recruit_links a:hover:after {
  transform: translateX(3px);
}
.content section.sec_recruit ul {
  max-width: 1000px;
  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: 0 auto 30px;
}
.content section.sec_recruit ul li {
  width: 350px;
  margin: 0 20px 20px 0;
}
.content section.sec_recruit ul li a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit ul li a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_recruit ul li a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_recruit ul li a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .content section.sec_recruit ul li a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_recruit ul li a:after {
    right: 15px;
  }
}
.content section.sec_recruit ul li a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_recruit ul li {
    width: 260px;
    margin: 0 10px 10px 0;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_recruit ul li {
    width: 48%;
    max-width: 100%;
    margin: 0 2% 10px 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit ul li {
    width: 100%;
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_recruit ul li:nth-child(even) {
    margin-right: 0;
  }
}
.content section.sec_recruit ul li a {
  padding: 12px 20px;
  background: #ffc47c;
  border: 1px solid #ffc47c;
}
@media screen and (max-width: 1000px) {
  .content section.sec_recruit ul li a {
    max-width: 100%;
  }
}
.content section.sec_recruit ul li a:after {
  background-image: url(images/img_icon_arrow_white_blue.png);
}
.content section.sec_recruit ul li p {
  line-height: 1.4;
  margin-bottom: 0;
}
.content section.sec_recruit ul li .recruit_cat {
  font-size: 14px;
  font-size: 1.4rem;
  color: #0f2b5d;
}
.content section.sec_recruit ul li .recruit_cat .career:before {
  content: "/";
}
.content section.sec_recruit ul li .recruit_title {
  font-size: 20px;
  font-size: 2rem;
  color: #0f2b5d;
  font-weight: 700;
}
@media screen and (max-width: 1250px) {
  .content section.sec_recruit ul li .recruit_title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_recruit ul li .recruit_title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_recruit ul li.no_recruit_post {
  width: 100%;
  text-align: center;
  margin: 0;
}
.content section.sec_recruit .about_career {
  text-align: center;
}
.content section.sec_recruit .about_career span {
  display: inline-block;
}
.content section.sec_recruit .btn_more {
  margin-top: 20px;
}
.content section.sec_recruit .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_recruit .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_recruit .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .content section.sec_recruit .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_recruit .btn_more a:after {
    right: 15px;
  }
}
.content section.sec_recruit .btn_more a:hover:after {
  right: 20px;
}

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

/* #footer
------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 49px;
  }
}
footer .fnav {
  background: #0fa5e0;
  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-footer4 li {
  margin-bottom: 15px;
}
footer .fnav nav #menu-footer4 li:first-child ul li {
  margin-bottom: 0;
}
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: 50px 40px;
  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: 254px;
  text-align: center;
  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: 254px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  border: 1px solid #0f2b5d;
  border-radius: 100px;
  background: #fff;
  margin-bottom: 15px;
}
footer .clinic_info .clinic_logo .footer_logo {
  margin-bottom: 15px;
}
footer .clinic_info .clinic_logo .btn_official_site {
  margin-top: 30px;
}
footer .clinic_info .clinic_logo .btn_official_site a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  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_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  footer .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:after {
  right: 20px;
}
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: "Roboto", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #41bf9c;
  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: 26px;
  font-size: 2.6rem;
}
@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;
}
@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: #41bf9c;
  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%;
  }
}
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: 10%;
    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;
  padding-left: 20px;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table .table_header > div.hours_ttl {
    padding-left: 15px;
  }
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table .table_header > div.hours_ttl {
    width: 30%;
    letter-spacing: 1px;
    padding-left: 12px;
  }
}
footer .clinic_info .open_hours_table .table_header > div.sun {
  letter-spacing: 0;
  padding-right: 20px;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table .table_header > div.sun {
    padding-right: 15px;
  }
}
@media screen and (max-width: 400px) {
  footer .clinic_info .open_hours_table .table_header > div.sun {
    padding-right: 12px;
  }
}
footer .clinic_info .open_hours_table .table_content {
  width: 480px;
  background: #fff;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  footer .clinic_info .open_hours_table .table_content {
    width: 100%;
  }
}
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: #0f2b5d;
  border-bottom: 1px solid #d4e3df;
}
@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: "Roboto", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  margin-left: 10px;
  padding-left: 20px;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table table th {
    width: 30%;
    letter-spacing: 0;
    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: 10%;
  }
}
footer .clinic_info .open_hours_table table td.open {
  color: #fabe00;
  font-weight: 700;
}
footer .clinic_info .open_hours_table table td.sat {
  color: #3ca691;
}
footer .clinic_info .open_hours_table table td:last-child {
  padding-right: 20px;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table table td:last-child {
    padding-right: 15px;
  }
}
@media screen and (max-width: 400px) {
  footer .clinic_info .open_hours_table table td:last-child {
    padding-right: 12px;
  }
}
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 span {
  font-family: "Lato", serif;
  color: #3ca691;
  letter-spacing: 2px;
  margin-left: 3px;
}
footer .copyright {
  background: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  color: #0f2b5d;
  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: #094f3c;
}

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

.bg_animation {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 101%;
  height: 100%;
  background-color: #07a2de;
  -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: #def1f7 url(images/bg_main_ttl_clinic.jpg) no-repeat center center;
  background-size: cover;
  padding: 0 40px;
  position: relative;
  top: -90px;
  z-index: -1;
}
@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;
    top: -60px;
  }
}
@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 .ttl_en, .error404 header .main_ttl .ttl_en, .archive header .main_ttl .ttl_en, .single header .main_ttl .ttl_en {
  font-family: "Lato", serif;
  font-size: 22px;
  font-size: 2.2rem;
  text-align: center;
  letter-spacing: 4px;
  line-height: 1.2;
  font-weight: 500;
  padding-top: 155px;
  margin-bottom: 10px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page header .main_ttl .ttl_en, .error404 header .main_ttl .ttl_en, .archive header .main_ttl .ttl_en, .single header .main_ttl .ttl_en {
    padding-top: 135px;
  }
}
@media screen and (max-width: 768px) {
  .page header .main_ttl .ttl_en, .error404 header .main_ttl .ttl_en, .archive header .main_ttl .ttl_en, .single header .main_ttl .ttl_en {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
    padding-top: 125px;
  }
}
@media screen and (max-width: 600px) {
  .page header .main_ttl .ttl_en, .error404 header .main_ttl .ttl_en, .archive header .main_ttl .ttl_en, .single header .main_ttl .ttl_en {
    font-size: 17px;
    font-size: 1.7rem;
    padding-top: 95px;
  }
}
@media screen and (max-width: 480px) {
  .page header .main_ttl .ttl_en, .error404 header .main_ttl .ttl_en, .archive header .main_ttl .ttl_en, .single header .main_ttl .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
    padding-top: 80px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 400px) {
  .page header .main_ttl .ttl_en, .error404 header .main_ttl .ttl_en, .archive header .main_ttl .ttl_en, .single header .main_ttl .ttl_en {
    padding-top: 75px;
  }
}
.page header .main_ttl .ttl_en span, .error404 header .main_ttl .ttl_en span, .archive header .main_ttl .ttl_en span, .single header .main_ttl .ttl_en span {
  display: inline-block;
  padding: 0 5px 2px;
  background: linear-gradient(transparent 55%, #9bddf7 55%, #9bddf7 90%, transparent 90%);
}
.page header .main_ttl h1, .error404 header .main_ttl h1, .archive header .main_ttl h1, .single header .main_ttl h1 {
  font-size: 48px;
  font-size: 4.8rem;
  color: #0f2b5d;
  font-weight: 600;
  text-align: center;
  letter-spacing: 5px;
  line-height: 1.4;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page header .main_ttl h1, .error404 header .main_ttl h1, .archive header .main_ttl h1, .single header .main_ttl h1 {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@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: 38px;
    font-size: 3.8rem;
  }
}
@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;
  }
}
@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;
  }
}
@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;
  }
}
.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: #f9f9f9;
  padding: 15px 30px;
  border-radius: 10px;
}
@media screen and (max-width: 600px) {
  .page .content .breadcrumb-list .breadcrumb-inner, .error404 .content .breadcrumb-list .breadcrumb-inner, .archive .content .breadcrumb-list .breadcrumb-inner, .single .content .breadcrumb-list .breadcrumb-inner {
    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: #0f2b5d;
}
.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: #0f2b5d;
  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_blue_yellow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 4px;
  left: 0;
  transform: rotate(90deg);
}
@media screen and (max-width: 480px) {
  .page .content .lnav ul li a:before, .error404 .content .lnav ul li a:before, .archive .content .lnav ul li a:before, .single .content .lnav ul li a:before {
    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 .wpcf7-checkbox .wpcf7-list-item, .error404 .content .wpcf7-form .wpcf7-checkbox .wpcf7-list-item, .archive .content .wpcf7-form .wpcf7-checkbox .wpcf7-list-item, .single .content .wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
  margin: 0 20px 0 0;
}
.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: #0f2b5d;
  letter-spacing: 2px;
  line-height: 1.5;
  background: #ffd85e;
  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;
}
@media screen and (max-width: 600px) {
  .page .content .wpcf7-form .no-recaptcha,
  .page .content .wpcf7-form .contact-privacy, .error404 .content .wpcf7-form .no-recaptcha,
  .error404 .content .wpcf7-form .contact-privacy, .archive .content .wpcf7-form .no-recaptcha,
  .archive .content .wpcf7-form .contact-privacy, .single .content .wpcf7-form .no-recaptcha,
  .single .content .wpcf7-form .contact-privacy {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .page .content .wpcf7-form .no-recaptcha,
  .page .content .wpcf7-form .contact-privacy, .error404 .content .wpcf7-form .no-recaptcha,
  .error404 .content .wpcf7-form .contact-privacy, .archive .content .wpcf7-form .no-recaptcha,
  .archive .content .wpcf7-form .contact-privacy, .single .content .wpcf7-form .no-recaptcha,
  .single .content .wpcf7-form .contact-privacy {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
.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: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  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_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .page .content .page_link .prev_page_link a:after, .error404 .content .page_link .prev_page_link a:after, .archive .content .page_link .prev_page_link a:after, .single .content .page_link .prev_page_link a:after {
    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: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 {
  right: 20px;
}
@media screen and (max-width: 768px) {
  .page .content .page_link .prev_page_link, .error404 .content .page_link .prev_page_link, .archive .content .page_link .prev_page_link, .single .content .page_link .prev_page_link {
    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: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  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_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .page .content .page_link .next_page_link a:after, .error404 .content .page_link .next_page_link a:after, .archive .content .page_link .next_page_link a:after, .single .content .page_link .next_page_link a:after {
    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: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 {
  right: 20px;
}
@media screen and (max-width: 768px) {
  .page .content .page_link .next_page_link, .error404 .content .page_link .next_page_link, .archive .content .page_link .next_page_link, .single .content .page_link .next_page_link {
    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:first-child, .error404 .content section:first-child, .archive .content section:first-child, .single .content section:first-child {
  padding-top: 10px;
}
.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: #0f2b5d;
  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_blue_yellow.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 4px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .page .content section.sec_clinic_page_link .cat_page_link_box h2:before, .error404 .content section.sec_clinic_page_link .cat_page_link_box h2:before, .archive .content section.sec_clinic_page_link .cat_page_link_box h2:before, .single .content section.sec_clinic_page_link .cat_page_link_box h2:before {
    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: #32a8c6;
}
@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: #faf4e8;
  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: #07a2de;
  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: #0f2b5d;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 4px;
  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: 35px 40px;
}
@media screen and (max-width: 1250px) {
  .page .content section.sec_related_page .contents_box .contents_info, .error404 .content section.sec_related_page .contents_box .contents_info, .archive .content section.sec_related_page .contents_box .contents_info, .single .content section.sec_related_page .contents_box .contents_info {
    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: #0f2b5d;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 25px;
  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;
    padding-left: 28px;
  }
}
@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: 25px;
    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_blue_yellow.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 6px;
  left: 0;
}
@media screen and (max-width: 1250px) {
  .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;
    top: 5px;
  }
}
@media screen and (max-width: 1000px) {
  .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: 7px;
  }
}
@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 {
    width: 20px;
    height: 20px;
    top: 5px;
  }
}
@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: 18px;
    height: 18px;
    top: 6px;
  }
}
.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: 15px;
  font-size: 1.5rem;
  color: #07a2de;
}
@media screen and (max-width: 480px) {
  .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;
  }
}

.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: #3ca691;
  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: #0f2b5d;
  text-decoration: none;
}
.error404 .content section.error-404 .search-form-wrapper input[type=search] {
  width: 80%;
}
.error404 .content section.error-404 .search-form-wrapper input[type=submit] {
  display: inline-block;
  width: 60px;
  height: 25px;
}

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

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

.about header .main_ttl {
  background-image: url(images/bg_main_ttl_about.jpg);
}
.about .content section .ttl_en {
  font-size: 22px;
  font-size: 2.2rem;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .about .content section .ttl_en {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .about .content section .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section .ttl_en {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.about .content section h2 {
  font-size: 48px;
  font-size: 4.8rem;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .about .content section h2 {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 768px) {
  .about .content section h2 {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 400px) {
  .about .content section h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.about .content section p {
  margin-bottom: 16px;
}
.about .content section p:last-child {
  margin-bottom: 0;
}
.about .content section p em {
  font-weight: 700;
  color: #07a2de;
}
.about .content section#sec_philosophy {
  max-width: 1360px;
  margin: 0 auto;
}
.about .content section#sec_philosophy .catch {
  font-size: 36px;
  font-size: 3.6rem;
  color: #07a2de;
  text-align: center;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 4px;
  margin-bottom: 80px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .catch {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .catch {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .catch {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .catch {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 3px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.about .content section#sec_philosophy .catch p {
  display: inline-block;
  background: #f2fbfe;
  padding: 20px 50px;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .catch p {
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .catch p {
    padding: 15px;
    border-radius: 10px;
  }
}
.about .content section#sec_philosophy .catch span {
  display: inline-block;
}
.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;
}
.about .content section#sec_philosophy .philosophy_lead.philosophy_future .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: 768px) {
  .about .content section#sec_philosophy .philosophy_lead.philosophy_future .photo {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.about .content section#sec_philosophy .philosophy_lead.philosophy_future .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: 768px) {
  .about .content section#sec_philosophy .philosophy_lead.philosophy_future .txt_area {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
.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: 360px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .philosophy_lead .photo {
    width: 100%;
  }
}
.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: calc(100% - 400px);
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .philosophy_lead .txt_area {
    width: 100%;
    margin-bottom: 30px;
  }
}
.about .content section#sec_philosophy .philosophy_lead .txt_area p {
  margin-bottom: 16px;
  line-height: 2;
}
.about .content section#sec_philosophy .philosophy_lead .txt_area p:last-child {
  margin-bottom: 0;
}
.about .content section#sec_philosophy h3 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  margin: 60px auto 10px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 50px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy h3 {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 2px;
    margin-top: 40px;
  }
}
.about .content section#sec_policy {
  background: #f2fbfe;
}
.about .content section#sec_policy .policy_box {
  max-width: 1280px;
  margin: 0 auto 60px;
  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) {
  .about .content section#sec_policy .policy_box {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.about .content section#sec_policy .policy_box:nth-child(even) .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_policy .policy_box:nth-child(even) .photo {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
.about .content section#sec_policy .policy_box:nth-child(even) .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_policy .policy_box:nth-child(even) .txt_area {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.about .content section#sec_policy .policy_box:last-child {
  margin-bottom: 0;
}
.about .content section#sec_policy .policy_box .photo {
  width: 600px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_policy .policy_box .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_policy .policy_box .photo {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_policy .policy_box .photo {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_policy .policy_box .photo {
    margin-bottom: 20px;
  }
}
.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% - 480px);
  }
}
@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: 36px;
  font-size: 3.6rem;
  color: #07a2de;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1.4;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_policy .policy_box .txt_area h3 {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_policy .policy_box .txt_area h3 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_policy .policy_box .txt_area h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_policy .policy_box .txt_area h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_policy .policy_box .txt_area h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.about .content section#sec_policy .policy_box .txt_area h3 span {
  display: inline-block;
}
.about .content section#sec_policy .policy_box .txt_area h3 em {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.about .content section#sec_policy .policy_box .txt_area h3 em:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.5em;
  background-color: #ffef87;
  z-index: -1;
}
.about .content section#sec_policy .policy_box .txt_area p {
  line-height: 2.2;
}
@media screen and (max-width: 480px) {
  .about .content section#sec_policy .policy_box .txt_area p {
    line-height: 2;
  }
}
.about .content section#sec_about_message {
  max-width: 1360px;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .about .content section#sec_about_message h2 {
    letter-spacing: 3px;
  }
}
.about .content section#sec_about_message .catch {
  font-size: 36px;
  font-size: 3.6rem;
  color: #07a2de;
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 3px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_about_message .catch {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_about_message .catch {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_about_message .catch {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_about_message .catch {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_about_message .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
.about .content section#sec_about_message .catch span {
  display: inline-block;
}
.about .content section#sec_about_message .message_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-bottom: 50px;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_about_message .message_box {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.about .content section#sec_about_message .message_box .photo {
  width: 550px;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_about_message .message_box .photo {
    width: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_about_message .message_box .photo {
    width: 100%;
    margin: 0 auto 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: 480px) {
  .about .content section#sec_about_message .message_box .photo {
    margin-bottom: 20px;
  }
}
.about .content section#sec_about_message .message_box .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_about_message .message_box .photo img {
    border-radius: 20px;
  }
}
.about .content section#sec_about_message .message_box .txt_area {
  width: calc(100% - 550px);
  padding-left: 60px;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_about_message .message_box .txt_area {
    width: calc(100% - 400px);
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_about_message .message_box .txt_area {
    width: 100%;
    padding-left: 0;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.about .content section#sec_about_message .message_box .txt_area p {
  line-height: 2.1;
}
@media screen and (max-width: 480px) {
  .about .content section#sec_about_message .message_box .txt_area p {
    line-height: 2;
  }
}
.about .content section#sec_about_message .doctor_comment {
  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) {
  .about .content section#sec_about_message .doctor_comment {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.about .content section#sec_about_message .doctor_comment .doctor_thumb {
  width: 148px;
}
@media screen and (max-width: 480px) {
  .about .content section#sec_about_message .doctor_comment .doctor_thumb {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}
.about .content section#sec_about_message .doctor_comment .comment {
  width: calc(100% - 178px);
  margin-left: 30px;
  background: #faf6e9;
  border-radius: 20px;
  padding: 25px 30px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_about_message .doctor_comment .comment {
    padding: 20px 25px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_about_message .doctor_comment .comment {
    width: 100%;
    margin-left: 0;
  }
}
.about .content section#sec_about_message .doctor_comment .comment:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 14px solid #faf6e9;
  border-bottom: 5px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 20px;
  left: -28px;
}
@media screen and (max-width: 480px) {
  .about .content section#sec_about_message .doctor_comment .comment:before {
    border-top: 14px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 14px solid #faf6e9;
    border-left: 5px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.keyword header .main_ttl {
  background-image: url(images/bg_main_ttl_keyword.jpg);
}
.keyword .content section#sec_keyword {
  padding-bottom: 0;
}
.keyword .content section#sec_keyword h2 {
  font-size: 28px;
  font-size: 2.8rem;
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
.keyword .content section#sec_keyword h2 span {
  display: inline-block;
}
.keyword .content section#sec_keyword .keywords {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword .keywords {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword .keywords {
    margin-bottom: 20px;
  }
}
.keyword .content section#sec_keyword .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;
}
.keyword .content section#sec_keyword .keywords li {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 700;
  color: #07a2de;
  letter-spacing: 4px;
  line-height: 1.5;
  border-radius: 12px;
  padding: 3px 40px 5px;
  margin: 0 15px 10px;
  background: #ebf6f3;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword .keywords li {
    font-size: 26px;
    font-size: 2.6rem;
    padding: 3px 25px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword .keywords li {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 3px 20px;
    margin: 0 10px 10px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword .keywords li {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 5px 10px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_keyword .keywords li {
    font-size: 20px;
    font-size: 2rem;
  }
}
.keyword .content section#sec_keyword .lead {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword .lead {
    text-align: left;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword .lead {
    margin-bottom: 20px;
  }
  .keyword .content section#sec_keyword .lead br {
    display: none;
  }
}
.keyword .content section#sec_keyword .sub_sec {
  max-width: 1360px;
  margin: 0 auto 60px;
  padding: 60px;
  background: #fff;
  border: 1px solid #0f2b5d;
  border-radius: 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword .sub_sec {
    padding: 50px;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword .sub_sec {
    padding: 40px 30px 30px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword .sub_sec {
    border-radius: 20px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword .sub_sec {
    padding: 35px 25px 25px;
    margin-bottom: 30px;
  }
}
.keyword .content section#sec_keyword .sub_sec.keyword02 .keyword_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) {
  .keyword .content section#sec_keyword .sub_sec.keyword02 .keyword_inner .txt_area {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.keyword .content section#sec_keyword .sub_sec.keyword02 .keyword_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) {
  .keyword .content section#sec_keyword .sub_sec.keyword02 .keyword_inner .photo {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
.keyword .content section#sec_keyword .sub_sec.keyword03 {
  margin-bottom: 0;
}
.keyword .content section#sec_keyword .sub_sec .num {
  font-family: "Lato", serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #0f2b5d;
  text-align: center;
  font-style: italic;
  line-height: 1;
  letter-spacing: 3px;
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword .sub_sec .num {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword .sub_sec .num {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword .sub_sec .num {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword .sub_sec .num {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_keyword .sub_sec .num {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.keyword .content section#sec_keyword .sub_sec h3 {
  font-size: 46px;
  font-size: 4.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 8px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword .sub_sec h3 {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword .sub_sec h3 {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword .sub_sec h3 {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword .sub_sec h3 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_keyword .sub_sec h3 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.keyword .content section#sec_keyword .sub_sec .catch {
  font-size: 36px;
  font-size: 3.6rem;
  color: #07a2de;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_keyword .sub_sec .catch {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword .sub_sec .catch {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword .sub_sec .catch {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword .sub_sec .catch {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword .sub_sec .catch {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_keyword .sub_sec .catch {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0;
  }
}
.keyword .content section#sec_keyword .sub_sec .catch span {
  display: inline-block;
}
.keyword .content section#sec_keyword .sub_sec .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: 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) {
  .keyword .content section#sec_keyword .sub_sec .keyword_inner {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.keyword .content section#sec_keyword .sub_sec .keyword_inner .txt_area {
  width: calc(100% - 580px);
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_keyword .sub_sec .keyword_inner .txt_area {
    width: calc(100% - 440px);
  }
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword .sub_sec .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;
  }
}
.keyword .content section#sec_keyword .sub_sec .keyword_inner .txt_area p {
  line-height: 2;
  margin-bottom: 16px;
}
.keyword .content section#sec_keyword .sub_sec .keyword_inner .txt_area p:last-child {
  margin-bottom: 0;
}
.keyword .content section#sec_keyword .sub_sec .keyword_inner .photo {
  width: 520px;
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_keyword .sub_sec .keyword_inner .photo {
    width: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword .sub_sec .keyword_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: 768px) {
  .keyword .content section#sec_keyword .sub_sec .keyword_inner .photo {
    margin-bottom: 20px;
  }
}
.keyword .content section#sec_keyword .sub_sec .keyword_inner .photo img {
  width: 100%;
  height: 426px;
  object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword .sub_sec .keyword_inner .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword .sub_sec .keyword_inner .photo img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword .sub_sec .keyword_inner .photo img {
    border-radius: 15px;
  }
}
.keyword .content section#sec_join_us {
  max-width: 1280px;
  margin: 0 auto;
}
.keyword .content section#sec_join_us h2 {
  font-size: 46px;
  font-size: 4.6rem;
  text-align: center;
  letter-spacing: 3px;
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_join_us h2 {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_join_us h2 {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_join_us h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_join_us h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_join_us h2 {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_join_us h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
.keyword .content section#sec_join_us h2 span {
  display: inline-block;
}
.keyword .content section#sec_join_us .lead {
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_join_us .lead {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_join_us .lead {
    margin-bottom: 20px;
  }
}
.keyword .content section#sec_join_us .photo img {
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_join_us .photo img {
    border-radius: 20px;
  }
}

.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: #07a2de;
}
.numbers .content section.sec_numbers {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 0;
}
.numbers .content section.sec_numbers .lead {
  margin-bottom: 50px;
}
.numbers .content section.sec_numbers#sec_numbers_about_staff {
  padding-top: 60px;
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers#sec_numbers_about_staff {
    padding-top: 50px;
  }
}
.numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li h3 {
  margin-bottom: 30px;
}
.numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_allstaff .detail_number {
  margin-bottom: 35px;
}
.numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_allstaff .detail_number .note {
  display: block;
  font-size: 20px;
  font-size: 2rem;
  margin-top: 10px;
}
.numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_appointment h3 {
  margin-bottom: 20px;
}
.numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_appointment h4 {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 2px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_appointment h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_appointment h4 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_appointment .detail_number.number_dh {
  width: 350px;
  margin-right: auto;
  margin-left: auto;
  line-height: 1;
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_appointment .detail_number.number_dh {
    width: 254px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_appointment .detail_number.number_dh {
    width: 300px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_appointment .detail_number.number_dh {
    width: 256px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_appointment .detail_number.number_dh {
    width: 228px;
  }
}
.numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_appointment .detail_number.number_doctor {
  width: 280px;
  margin-right: auto;
  margin-left: auto;
  line-height: 1;
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_appointment .detail_number.number_doctor {
    width: 220px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_appointment .detail_number.number_doctor {
    width: 242px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_appointment .detail_number.number_doctor {
    width: 216px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li.numbers_appointment .detail_number.number_doctor {
    width: 190px;
  }
}
.numbers .content section.sec_numbers#sec_numbers_about_staff .numbers_list li .detail_number {
  margin-bottom: 40px;
}
.numbers .content section.sec_numbers#sec_questionnaire {
  padding-top: 60px;
}
.numbers .content section.sec_numbers#sec_questionnaire .questionnaire_inner {
  max-width: 1280px;
  padding: 60px;
  border: 1px solid #0f2b5d;
  border-radius: 30px;
}
@media screen and (max-width: 1250px) {
  .numbers .content section.sec_numbers#sec_questionnaire .questionnaire_inner {
    padding: 50px 20px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers#sec_questionnaire .questionnaire_inner {
    padding: 40px 15px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers#sec_questionnaire .questionnaire_inner {
    border-radius: 20px;
  }
}
.numbers .content section.sec_numbers#sec_questionnaire .lead {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers#sec_questionnaire .lead {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers#sec_questionnaire .lead {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers#sec_questionnaire .lead {
    margin-bottom: 20px;
  }
}
.numbers .content section.sec_numbers#sec_questionnaire .lead span {
  display: inline-block;
}
.numbers .content section.sec_numbers#sec_questionnaire figure {
  text-align: center;
}
.numbers .content section.sec_numbers#sec_numbers_future {
  padding-bottom: 60px;
}
.numbers .content section.sec_numbers#sec_numbers_future h3 {
  margin-bottom: 30px;
}
.numbers .content section.sec_numbers#sec_numbers_future .numbers_list li .detail_number {
  margin-bottom: 40px;
}
.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: 50px;
}
@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;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
@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 .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: #f2fbfe;
  border-radius: 20px;
  padding: 50px;
  /*@include mq.mq(tab_600) {
  	width: 100%;
  	margin-right: 0;
  }*/
}
@media screen and (max-width: 1250px) {
  .numbers .content section.sec_numbers .numbers_list li {
    padding: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .numbers .content section.sec_numbers .numbers_list li {
    padding: 40px 25px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers .numbers_list li {
    width: 100%;
    padding: 30px 20px;
    margin-right: 0;
    border-radius: 15px;
  }
}
.numbers .content section.sec_numbers .numbers_list li:nth-child(even) {
  margin-right: 0;
}
.numbers .content section.sec_numbers .numbers_list li.numbers_year h3, .numbers .content section.sec_numbers .numbers_list li.numbers_patient h3, .numbers .content section.sec_numbers .numbers_list li.numbers_appointment h3 {
  margin-bottom: 30px;
}
.numbers .content section.sec_numbers .numbers_list li.numbers_year .detail_number .num, .numbers .content section.sec_numbers .numbers_list li.numbers_patient .detail_number .num, .numbers .content section.sec_numbers .numbers_list li.numbers_appointment .detail_number .num {
  font-size: 52px;
  font-size: 5.2rem;
}
@media screen and (max-width: 1000px) {
  .numbers .content section.sec_numbers .numbers_list li.numbers_year .detail_number .num, .numbers .content section.sec_numbers .numbers_list li.numbers_patient .detail_number .num, .numbers .content section.sec_numbers .numbers_list li.numbers_appointment .detail_number .num {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers .numbers_list li.numbers_year .detail_number .num, .numbers .content section.sec_numbers .numbers_list li.numbers_patient .detail_number .num, .numbers .content section.sec_numbers .numbers_list li.numbers_appointment .detail_number .num {
    font-size: 44px;
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section.sec_numbers .numbers_list li.numbers_year .detail_number .num, .numbers .content section.sec_numbers .numbers_list li.numbers_patient .detail_number .num, .numbers .content section.sec_numbers .numbers_list li.numbers_appointment .detail_number .num {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 1000px) {
  .numbers .content section.sec_numbers .numbers_list li.numbers_year .detail_number {
    letter-spacing: 0;
  }
}
.numbers .content section.sec_numbers .numbers_list li.numbers_patient .detail_number p {
  display: inline-block;
  margin-bottom: 0;
}
.numbers .content section.sec_numbers .numbers_list li.numbers_access h3 {
  margin-bottom: 30px;
}
.numbers .content section.sec_numbers .numbers_list li.numbers_access .detail_number {
  letter-spacing: 4px;
  line-height: 1.2;
}
.numbers .content section.sec_numbers .numbers_list li h3 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #07a2de;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 10px;
}
@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 h3 span {
  display: inline-block;
}
.numbers .content section.sec_numbers .numbers_list li .detail_number {
  font-size: 34px;
  font-size: 3.4rem;
  text-align: center;
  letter-spacing: 2px;
  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: 24px;
    font-size: 2.4rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.numbers .content section.sec_numbers .numbers_list li .detail_number .num {
  font-family: "Montserrat", sans-serif;
  font-size: 72px;
  font-size: 7.2rem;
  letter-spacing: 4px;
  line-height: 1;
  margin: 0 5px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number .num {
    font-size: 58px;
    font-size: 5.8rem;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number .num {
    font-size: 64px;
    font-size: 6.4rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number .num {
    font-size: 58px;
    font-size: 5.8rem;
    margin: 0 3px;
  }
}
@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 .detail_number .jp_year {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number .jp_year {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number .jp_year {
    display: block;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers .numbers_list li .detail_number .jp_year {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.numbers .content section.sec_numbers .numbers_list li figure {
  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 #0f2b5d;
  border-left: 1px solid #0f2b5d;
}
@media screen and (max-width: 768px) {
  .access .content section.sec_clinic_outline table {
    border-bottom: 1px solid #0f2b5d;
  }
}
.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 #0f2b5d;
  border-bottom: 1px solid #0f2b5d;
}
@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: #f2fbfe;
}
@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;
}

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

.profile header .main_ttl {
  background-image: url(images/bg_main_ttl_profile.jpg);
}
.profile .content section .ttl_en {
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .profile .content section .ttl_en {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section .ttl_en {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.profile .content section h2 {
  font-size: 42px;
  font-size: 4.2rem;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .profile .content section h2 {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section h2 {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 5px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
.profile .content section#sec_profile {
  max-width: 1360px;
  margin: 0 auto;
}
.profile .content section#sec_profile .profile_inner {
  background: #f2fbfe;
  padding: 60px 60px 40px;
  border-radius: 20px;
  margin-bottom: 50px;
}
@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;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_inner {
    margin-bottom: 30px;
    border-radius: 12px;
  }
}
.profile .content section#sec_profile .profile_header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_header {
    background: transparent;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header {
    margin-bottom: 10px;
  }
}
.profile .content section#sec_profile .profile_header .photo {
  width: 450px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_header .photo {
    width: 360px;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header .photo {
    width: 300px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_header .photo {
    width: 100%;
    text-align: center;
  }
}
.profile .content section#sec_profile .profile_header .photo .msg_baloon {
  position: absolute;
  top: -50px;
  left: -30px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header .photo .msg_baloon {
    width: 164.7px;
    height: 117.9px;
    top: -60px;
    left: -40px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header .photo .msg_baloon {
    width: 146.4px;
    height: 104.8px;
    top: -50px;
    left: -30px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .photo .msg_baloon {
    width: 128.1px;
    height: 91.7px;
    left: 0;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_profile .profile_header .photo .msg_baloon {
    width: 109.8px;
    height: 78.6px;
    top: -40px;
    left: -5px;
  }
}
.profile .content section#sec_profile .profile_header .photo .object-fit-img {
  height: 500px;
  object-fit: cover;
  border-radius: 15px 0 0 15px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header .photo .object-fit-img {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_header .photo .object-fit-img {
    width: 100%;
    height: auto;
    border-radius: 12px 12px 0 0;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic {
  width: calc(100% - 450px);
  padding: 40px 70px;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_header .profile_basic {
    width: calc(100% - 360px);
    padding: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header .profile_basic {
    width: calc(100% - 300px);
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_header .profile_basic {
    width: 100%;
    background: #fff;
    padding: 40px;
    border-radius: 0 0 12px 12px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_header .profile_basic {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header .profile_basic {
    padding: 25px;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic .name {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_header .profile_basic .name {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header .profile_basic .name {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .profile_basic .name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic .name span {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header .profile_basic .name span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_header .profile_basic li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header .profile_basic li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header .profile_basic li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .profile_basic li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .profile_basic li {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic li:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_profile .profile_header .profile_basic li span {
  color: #07a2de;
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .profile_basic li span {
    display: block;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic li span:after {
  content: "： ";
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .profile_basic li span:after {
    content: none;
  }
}
.profile .content section#sec_profile .profile_detail {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.profile .content section#sec_profile .profile_detail .profile_detail_box {
  width: 49.13%;
  margin: 0% 1.72% 1.72% 0%;
  background: #fff;
  border-radius: 12px;
  padding: 40px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box {
    padding: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box {
    padding: 25px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box {
    margin-bottom: 10px;
    border-radius: 10px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_detail_box:first-child {
  width: 100%;
}
.profile .content section#sec_profile .profile_detail .profile_detail_box:nth-child(odd) {
  margin-right: 0;
}
.profile .content section#sec_profile .profile_detail .profile_detail_box dt {
  font-size: 18px;
  font-size: 1.8rem;
  color: #07a2de;
  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_qa .qa_box {
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_qa .qa_box {
    margin-bottom: 30px;
  }
}
.profile .content section#sec_profile .profile_qa .question {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.5;
  background: #f2fbfe;
  padding: 16px 30px 16px 70px;
  margin-bottom: 20px;
  border-radius: 12px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_qa .question {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_qa .question {
    padding: 16px 20px 16px 55px;
    margin-bottom: 10px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_qa .question {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_profile .profile_qa .question {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.profile .content section#sec_profile .profile_qa .question:before {
  content: "Q.";
  font-family: "Lato", serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #07a2de;
  position: absolute;
  top: 12px;
  left: 30px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_qa .question:before {
    left: 20px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_qa .question:before {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.profile .content section#sec_profile .profile_which_type {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #0f2b5d;
  padding: 40px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_which_type {
    padding: 40px 10px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_which_type {
    padding: 25px 5px;
  }
}
.profile .content section#sec_profile .profile_which_type .type_ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_which_type .type_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_which_type .type_ttl {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
}
.profile .content section#sec_profile .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_which_type .type_list {
    width: 500px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_which_type .type_list {
    width: 100%;
  }
}
.profile .content section#sec_profile .profile_which_type .type_slider {
  width: 50%;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .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_which_type .type_slider {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1250px) and (max-width: 600px) {
  .profile .content section#sec_profile .profile_which_type .type_slider {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_which_type .type_slider:last-child {
    margin-bottom: 0;
  }
}
.profile .content section#sec_profile .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_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_which_type .type_slider li {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_which_type .type_slider li {
    margin-bottom: 15px;
  }
}
.profile .content section#sec_profile .profile_which_type .type_slider li:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_profile .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: 600px) {
  .profile .content section#sec_profile .profile_which_type .type_slider div {
    width: 130px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_profile .profile_which_type .type_slider div {
    width: 90px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.profile .content section#sec_profile .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_which_type .type_slider div.type_left {
    padding-right: 10px;
  }
}
.profile .content section#sec_profile .profile_which_type .type_slider div.type_right {
  padding-left: 15px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_which_type .type_slider div.type_right {
    padding-left: 10px;
  }
}
.profile .content section#sec_profile .profile_which_type .type_slider div span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_which_type .type_slider .slider {
    width: 130px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_which_type .type_slider .slider {
    width: 90px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_which_type .type_slider .slider {
    width: 70px;
  }
}
.profile .content section#sec_doctor_personality {
  background: #f9f6f0;
  padding-bottom: 78px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_doctor_personality {
    padding-bottom: 58px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_doctor_personality {
    padding-bottom: 48px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_doctor_personality {
    padding-bottom: 38px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_doctor_personality h2 {
    letter-spacing: 2px;
  }
}
.profile .content section#sec_doctor_personality h2 span {
  display: inline-block;
}
.profile .content section#sec_doctor_personality .staff_voice_list {
  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: 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: 0 auto;
}
.profile .content section#sec_doctor_personality .staff_voice_list .staff_voice {
  width: 32.18%;
  margin: 1.95% 1.71% 1.71% 0%;
  background: #f4ede1;
  border-radius: 15px;
  padding: 0 40px 40px;
  margin-top: 25px;
  margin-bottom: 22px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .staff_voice {
    padding: 0 30px 30px;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .staff_voice {
    width: 48%;
    margin: 25px 1% 22px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .staff_voice {
    padding: 0 25px 25px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .staff_voice {
    width: 100%;
    margin: 25px auto;
  }
}
.profile .content section#sec_doctor_personality .staff_voice_list .staff_voice:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .staff_voice:nth-child(3n) {
    margin-right: 1%;
  }
}
.profile .content section#sec_doctor_personality .staff_voice_list .staff_thumb {
  text-align: center;
  position: relative;
  top: -25px;
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .staff_thumb img {
    width: 80px;
    height: auto;
  }
}
.profile .content section#sec_doctor_personality .staff_voice_list h3 {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 2px;
  text-align: center;
  line-height: 1.6;
  font-weight: 500;
  background: #fcfeff;
  padding: 12px 20px;
  border-radius: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_doctor_personality .staff_voice_list h3 {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
    padding: 10px;
    border-radius: 8px;
  }
}
.profile .content section#sec_doctor_personality .staff_voice_list .rate {
  font-family: "Lato", serif;
  font-size: 30px;
  font-size: 3rem;
  color: #f09f1d;
  line-height: 1;
  letter-spacing: 4px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .rate {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 20px;
  }
}
.profile .content section#sec_doctor_personality .staff_voice_list .rate em {
  font-size: 52px;
  font-size: 5.2rem;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_doctor_personality .staff_voice_list .rate em {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
.profile .content section#sec_story {
  padding-bottom: 0;
}
.profile .content section#sec_story .lead {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_story .lead {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_story .lead {
    margin-bottom: 20px;
  }
}
.profile .content section#sec_story .story_box_wrapper {
  max-width: 1280px;
  margin: 0 auto;
}
.profile .content section#sec_story .story_box {
  padding: 40px;
  margin-bottom: 50px;
  background: #edf4fa;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_story .story_box {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_story .story_box {
    padding: 30px;
    margin-bottom: 40px;
  }
}
.profile .content section#sec_story .story_box:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 24px solid #a1c5e5;
  border-right: 55px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 55px solid transparent;
  position: absolute;
  bottom: -48px;
  left: 50%;
  transform: translateX(-50%);
}
.profile .content section#sec_story .story_box:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_story .story_box:last-child:after {
  content: none;
}
.profile .content section#sec_story .story_box .history_lead {
  font-weight: 500;
  padding-left: 20px;
  position: relative;
}
.profile .content section#sec_story .story_box .history_lead:before {
  content: "";
  width: 15px;
  height: 1px;
  background: #0f2b5d;
  position: absolute;
  top: 50%;
  left: 0;
}
.profile .content section#sec_story .story_box h3 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #07a2de;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_story .story_box h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_story .story_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_story .story_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.profile .content section#sec_special_contents .bnr_special_contents {
  text-align: center;
}

.jobs header .main_ttl {
  background-image: url(images/bg_main_ttl_jobs.jpg);
}
.jobs .content section#sec_works {
  max-width: 1360px;
  margin: 0 auto;
}
.jobs .content section#sec_works .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;
}
.jobs .content section#sec_works .works_header .photo {
  width: 600px;
}
@media screen and (max-width: 1250px) {
  .jobs .content section#sec_works .works_header .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_header .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.jobs .content section#sec_works .works_header .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_header .photo img {
    border-radius: 20px;
  }
}
.jobs .content section#sec_works .works_header .txt_area {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .jobs .content section#sec_works .works_header .txt_area {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_header .txt_area {
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media screen and (max-width: 768px) {
  .jobs .content section#sec_works .works_header .txt_area {
    margin-bottom: 20px;
  }
}
.jobs .content section#sec_works .works_header .txt_area h2 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #07a2de;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .jobs .content section#sec_works .works_header .txt_area h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_header .txt_area h2 {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .jobs .content section#sec_works .works_header .txt_area h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_header .txt_area h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_header .txt_area h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .jobs .content section#sec_works .works_header .txt_area h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.jobs .content section#sec_works .works_header .txt_area h2 span {
  display: inline-block;
}
.jobs .content section#sec_works .works_header .txt_area p {
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_header .txt_area p {
    margin-bottom: 20px;
  }
}
.jobs .content section#sec_works .works_header .txt_area p:last-child {
  margin-bottom: 0;
}
.jobs .content section#sec_works .works_header .txt_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_header .txt_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_header .txt_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.jobs .content section#sec_works .works_header .txt_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_header .txt_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .jobs .content section#sec_works .works_header .txt_area .btn_more a:after {
    right: 15px;
  }
}
.jobs .content section#sec_works .works_header .txt_area .btn_more a:hover:after {
  right: 20px;
}
.jobs .content section#sec_works .works_header .txt_area .btn_more a {
  margin: 40px auto 0 0;
}
.jobs .content section#sec_works .works_detail {
  padding: 0;
  margin-top: 50px;
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail {
    margin-top: 40px;
  }
}
.jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_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;
}
.jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .working_hours_list {
  width: 620px;
  background: #f2fbfe;
  padding: 40px;
  border-radius: 20px;
}
@media screen and (max-width: 1250px) {
  .jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .working_hours_list {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .working_hours_list {
    width: 340px;
  }
}
@media screen and (max-width: 768px) {
  .jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .working_hours_list {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .working_hours_list {
    padding: 30px;
    margin-bottom: 20px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .working_hours_list {
    padding: 25px;
  }
}
.jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .working_hours_list dl {
  margin-bottom: 30px;
}
.jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .working_hours_list dl:last-child {
  margin-bottom: 0;
}
.jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .working_hours_list dt {
  font-size: 18px;
  font-size: 1.8rem;
  color: #07a2de;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .working_hours_list dt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .working_hours_list dd {
  margin-bottom: 5px;
}
.jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .working_hours_list dd:last-child {
  margin-bottom: 0;
}
.jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .working_hours_list dd.note {
  color: #eb3232;
}
.jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .photo {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .photo {
    width: calc(100% - 540px);
  }
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .photo {
    width: calc(100% - 360px);
  }
}
@media screen and (max-width: 768px) {
  .jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .photo {
    width: 100%;
  }
}
.jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .photo img {
  border-radius: 20px;
  height: 358px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .jobs .content section#sec_works .works_detail.sec_works_hours .works_hours_header .photo img {
    height: auto;
    border-radius: 15px;
  }
}
.jobs .content section#sec_works .works_detail.sec_job_description h3 {
  margin-bottom: 5px;
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_job_description h3 {
    margin-bottom: 20px;
  }
}
.jobs .content section#sec_works .works_detail.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;
}
.jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box {
  width: 32.03%;
  margin: 0% 1.95% 0% 0%;
  border: 1px solid #0f2b5d;
  border-radius: 20px;
  padding: 40px;
  margin-top: 25px;
}
@media screen and (max-width: 1250px) {
  .jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box {
    padding: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box {
    width: 48.5%;
    margin-right: 3%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box {
    border-radius: 15px;
  }
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box {
    padding: 25px;
  }
}
.jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box:nth-child(3n) {
    margin-right: 3%;
  }
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box:last-child {
    margin-bottom: 0;
  }
}
.jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box h4 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #07a2de;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box .job_desc_lead {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #0f2b5d;
}
.jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box .job_desc_comment {
  padding-top: 20px;
  padding-bottom: 0;
  margin-top: 20px;
  margin-bottom: 0;
  border-top: 1px solid #0f2b5d;
  border-bottom: 0;
}
.jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box ul li {
  padding-left: 12px;
  margin-bottom: 3px;
  position: relative;
}
.jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box ul li:last-child {
  margin-bottom: 0;
}
.jobs .content section#sec_works .works_detail.sec_job_description .job_description .job_description_box ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #07a2de;
  border-radius: 100px;
  position: absolute;
  top: 11px;
  left: 0;
}
.jobs .content section#sec_works .works_detail.sec_education .education_box {
  margin-bottom: 40px;
}
.jobs .content section#sec_works .works_detail.sec_education .education_box.opportunity {
  margin-bottom: 20px;
}
.jobs .content section#sec_works .works_detail.sec_education h4 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #07a2de;
  letter-spacing: 2px;
  font-weight: 700;
  line-height: 1.5;
  padding-left: 32px;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_education h4 {
    font-size: 20px;
    font-size: 2rem;
    padding-left: 28px;
  }
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_education h4 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 26px;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_education h4 {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 24px;
    margin-bottom: 15px;
  }
}
.jobs .content section#sec_works .works_detail.sec_education h4:before {
  content: "";
  width: 24px;
  height: 24px;
  background: #07a2de;
  border-radius: 100%;
  position: absolute;
  top: 6px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_education h4:before {
    width: 22px;
    height: 22px;
    top: 4px;
  }
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_education h4:before {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_education h4:before {
    width: 18px;
    height: 18px;
  }
}
.jobs .content section#sec_works .works_detail.sec_education h4:after {
  content: "";
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  top: 10px;
  left: 4px;
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_education h4:after {
    width: 14px;
    height: 14px;
    top: 8px;
  }
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_education h4:after {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_education h4:after {
    top: 7px;
    left: 3px;
  }
}
.jobs .content section#sec_works .works_detail.sec_education .lead {
  margin-bottom: 20px;
}
.jobs .content section#sec_works .works_detail.sec_education .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: 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;
}
.jobs .content section#sec_works .works_detail.sec_education .skillup_list dl {
  width: 48.43%;
  margin: 0% 3.12% 0% 0%;
  background: #f2fbfe;
  border-radius: 15px;
  padding: 30px 40px;
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_education .skillup_list dl {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 768px) {
  .jobs .content section#sec_works .works_detail.sec_education .skillup_list dl {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_education .skillup_list dl {
    border-radius: 12px;
    padding: 20px 25px;
  }
}
.jobs .content section#sec_works .works_detail.sec_education .skillup_list dl:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .jobs .content section#sec_works .works_detail.sec_education .skillup_list dl:last-child {
    margin-bottom: 0;
  }
}
.jobs .content section#sec_works .works_detail.sec_education .skillup_list dt {
  font-size: 18px;
  font-size: 1.8rem;
  color: #07a2de;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_education .skillup_list dt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_education .skillup_list dt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.jobs .content section#sec_works .works_detail.sec_education .skillup_list dd {
  padding-left: 12px;
  margin-bottom: 3px;
  position: relative;
}
.jobs .content section#sec_works .works_detail.sec_education .skillup_list dd:last-child {
  margin-bottom: 0;
}
.jobs .content section#sec_works .works_detail.sec_education .skillup_list dd:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #07a2de;
  border-radius: 100px;
  position: absolute;
  top: 11px;
  left: 0;
}
.jobs .content section#sec_works .works_detail.sec_education ul {
  background: #f2fbfe;
  border-radius: 15px;
  padding: 30px 40px;
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_education ul {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 768px) {
  .jobs .content section#sec_works .works_detail.sec_education ul {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_education ul {
    border-radius: 12px;
    padding: 20px 25px;
  }
}
.jobs .content section#sec_works .works_detail.sec_education ul li {
  padding-left: 12px;
  margin-bottom: 3px;
  position: relative;
}
.jobs .content section#sec_works .works_detail.sec_education ul li:last-child {
  margin-bottom: 0;
}
.jobs .content section#sec_works .works_detail.sec_education ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #07a2de;
  border-radius: 100px;
  position: absolute;
  top: 11px;
  left: 0;
}
.jobs .content section#sec_works .works_detail.sec_education .note {
  color: #eb3232;
}
.jobs .content section#sec_works .works_detail.sec_career_step .lead {
  margin-bottom: 20px;
}
.jobs .content section#sec_works .works_detail.sec_career_step .step_box {
  margin-bottom: 40px;
}
.jobs .content section#sec_works .works_detail.sec_career_step h4 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #07a2de;
  letter-spacing: 2px;
  font-weight: 700;
  line-height: 1.5;
  padding-left: 32px;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_career_step h4 {
    font-size: 20px;
    font-size: 2rem;
    padding-left: 28px;
  }
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_career_step h4 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 26px;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_career_step h4 {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 24px;
    margin-bottom: 15px;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step h4:before {
  content: "";
  width: 24px;
  height: 24px;
  background: #07a2de;
  border-radius: 100%;
  position: absolute;
  top: 6px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_career_step h4:before {
    width: 22px;
    height: 22px;
    top: 4px;
  }
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_career_step h4:before {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_career_step h4:before {
    width: 18px;
    height: 18px;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step h4:after {
  content: "";
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  top: 10px;
  left: 4px;
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_career_step h4:after {
    width: 14px;
    height: 14px;
    top: 8px;
  }
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_career_step h4:after {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_career_step h4:after {
    top: 7px;
    left: 3px;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step .step_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;
}
.jobs .content section#sec_works .works_detail.sec_career_step .step_list dl {
  width: 48.43%;
  margin: 0% 3.12% 0% 0%;
  background: #f2fbfe;
  border-radius: 15px;
  padding: 30px 40px;
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .step_list dl {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 768px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .step_list dl {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .step_list dl {
    border-radius: 12px;
    padding: 20px 25px;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step .step_list dl:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .step_list dl:last-child {
    margin-bottom: 0;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step .step_list dt {
  font-size: 18px;
  font-size: 1.8rem;
  color: #07a2de;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .step_list dt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .step_list dt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step .step_list dd {
  padding-left: 12px;
  margin-bottom: 3px;
  position: relative;
}
.jobs .content section#sec_works .works_detail.sec_career_step .step_list dd:last-child {
  margin-bottom: 0;
}
.jobs .content section#sec_works .works_detail.sec_career_step .step_list dd:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #07a2de;
  border-radius: 100px;
  position: absolute;
  top: 11px;
  left: 0;
}
.jobs .content section#sec_works .works_detail.sec_career_step .staff_voice {
  border: 1px solid #0f2b5d;
  border-radius: 20px;
  padding: 70px 40px 40px;
  margin: 100px 0 50px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .staff_voice {
    padding: 70px 30px 30px;
    margin-top: 80px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .staff_voice {
    padding: 70px 25px 25px;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step .staff_voice .photo {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
}
.jobs .content section#sec_works .works_detail.sec_career_step .staff_voice .voice_ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .staff_voice .voice_ttl {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .staff_voice .voice_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .staff_voice .voice_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step .desired_person .person_ttl {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person .person_ttl {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person .person_ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person .person_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step .desired_person .person_ttl span {
  position: relative;
}
.jobs .content section#sec_works .works_detail.sec_career_step .desired_person .person_ttl span:before {
  content: "";
  width: 1px;
  height: 50px;
  background: #0f2b5d;
  position: absolute;
  top: -5px;
  left: -25px;
  transform: rotate(-10.2deg);
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person .person_ttl span:before {
    height: 40px;
    top: 0;
    left: -20px;
  }
}
@media screen and (max-width: 400px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person .person_ttl span:before {
    height: 34px;
    left: -15px;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step .desired_person .person_ttl span:after {
  content: "";
  width: 1px;
  height: 50px;
  background: #0f2b5d;
  position: absolute;
  top: -5px;
  right: -25px;
  transform: rotate(10.2deg);
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person .person_ttl span:after {
    height: 40px;
    top: 0;
    right: -20px;
  }
}
@media screen and (max-width: 400px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person .person_ttl span:after {
    height: 34px;
    right: -15px;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step .desired_person ul {
  max-width: 600px;
  background: #f2fbfe;
  border-radius: 15px;
  padding: 30px 40px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person ul {
    padding: 25px 30px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person ul {
    padding: 20px 25px;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step .desired_person ul li {
  font-size: 16px;
  font-size: 1.6rem;
  padding-left: 12px;
  margin-bottom: 10px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person ul li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person ul li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step .desired_person ul li:last-child {
  margin-bottom: 0;
}
.jobs .content section#sec_works .works_detail.sec_career_step .desired_person ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #07a2de;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person ul li:before {
    top: 10px;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step .desired_person .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step .desired_person .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .jobs .content section#sec_works .works_detail.sec_career_step .desired_person .btn_more a:after {
    right: 15px;
  }
}
.jobs .content section#sec_works .works_detail.sec_career_step .desired_person .btn_more a:hover:after {
  right: 20px;
}
.jobs .content section#sec_works .works_detail h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  font-weight: 600;
  letter-spacing: 2px;
  background: #0f2b5d;
  border-radius: 12px;
  padding: 10px 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .jobs .content section#sec_works .works_detail h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .jobs .content section#sec_works .works_detail h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .jobs .content section#sec_works .works_detail h3 {
    font-size: 15px;
    font-size: 1.5rem;
    border-radius: 10px;
    padding: 10px 20px;
  }
}

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

.dentist-hygienist header .main_ttl {
  background-image: url(images/bg_main_ttl_job_dental-hygienist.jpg);
}

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

.point header .main_ttl {
  background-image: url(images/bg_main_ttl_point.jpg);
}
@media screen and (max-width: 768px) {
  .point header .main_ttl .ttl_en {
    padding-top: 105px;
  }
}
@media screen and (max-width: 600px) {
  .point header .main_ttl .ttl_en {
    padding-top: 80px;
  }
}
@media screen and (max-width: 480px) {
  .point header .main_ttl .ttl_en {
    padding-top: 65px;
  }
}
@media screen and (max-width: 400px) {
  .point header .main_ttl .ttl_en {
    padding-top: 60px;
  }
}
.point header .main_ttl h1 {
  letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
  .point header .main_ttl h1 span {
    display: block;
  }
}
.point .content section#sec_reason_list .lead {
  text-align: center;
  margin-bottom: 60px;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .point .content section#sec_reason_list .lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .lead {
    padding: 0 30px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .point .content section#sec_reason_list .lead {
    padding: 0 25px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .point .content section#sec_reason_list .lead {
    padding: 0 25px;
    margin-bottom: 30px;
  }
}
.point .content section#sec_reason_list .lead span {
  display: inline-block;
}
.point .content section#sec_reason_list .point_wrapper {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .point .content section#sec_reason_list .point_wrapper {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .point_wrapper {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .point .content section#sec_reason_list .point_wrapper {
    margin-bottom: 40px;
  }
}
.point .content section#sec_reason_list .sec_point_box {
  max-width: 1280px;
  margin: 132px auto 0;
  padding: 80px 60px 60px;
  background: #fff;
  border: 1px solid #0f2b5d;
  border-radius: 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .point .content section#sec_reason_list .sec_point_box {
    padding: 80px 50px 50px;
  }
}
@media screen and (max-width: 768px) {
  .point .content section#sec_reason_list .sec_point_box {
    padding: 80px 30px 40px;
    margin-top: 120px;
  }
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .sec_point_box {
    padding: 70px 25px 25px;
    margin-top: 100px;
    border-radius: 25px;
  }
}
@media screen and (max-width: 480px) {
  .point .content section#sec_reason_list .sec_point_box {
    margin-top: 80px;
    border-radius: 20px;
  }
}
.point .content section#sec_reason_list .sec_point_box:nth-child(even) .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) {
  .point .content section#sec_reason_list .sec_point_box:nth-child(even) .txt_area {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.point .content section#sec_reason_list .sec_point_box:nth-child(even) .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) {
  .point .content section#sec_reason_list .sec_point_box:nth-child(even) .photo {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
.point .content section#sec_reason_list .sec_point_box:last-child {
  margin-bottom: 0;
}
.point .content section#sec_reason_list .sec_point_box .staff_thumb {
  position: absolute;
  top: -72px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .sec_point_box .staff_thumb {
    top: -66px;
  }
}
@media screen and (max-width: 480px) {
  .point .content section#sec_reason_list .sec_point_box .staff_thumb {
    top: -55px;
  }
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .sec_point_box .staff_thumb img {
    width: 110px;
    height: 110px;
  }
}
@media screen and (max-width: 480px) {
  .point .content section#sec_reason_list .sec_point_box .staff_thumb img {
    width: 100px;
    height: 100px;
  }
}
.point .content section#sec_reason_list .sec_point_box .point_num {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .sec_point_box .point_num {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.point .content section#sec_reason_list .sec_point_box .point_num span {
  position: relative;
}
.point .content section#sec_reason_list .sec_point_box .point_num span:before {
  content: "";
  width: 28px;
  height: 44px;
  background: url(images/img_icon_thumbs_up.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: -36px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .point .content section#sec_reason_list .sec_point_box .point_num span:before {
    width: 25.2px;
    height: 39.6px;
  }
}
.point .content section#sec_reason_list .sec_point_box h2 {
  font-size: 46px;
  font-size: 4.6rem;
  color: #07a2de;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .point .content section#sec_reason_list .sec_point_box h2 {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .point .content section#sec_reason_list .sec_point_box h2 {
    font-size: 38px;
    font-size: 3.8rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .point .content section#sec_reason_list .sec_point_box h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .sec_point_box h2 {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 2px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .point .content section#sec_reason_list .sec_point_box h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .point .content section#sec_reason_list .sec_point_box h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.point .content section#sec_reason_list .sec_point_box h2 span {
  display: inline-block;
}
.point .content section#sec_reason_list .sec_point_box .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;
}
.point .content section#sec_reason_list .sec_point_box .reason_inner .txt_area {
  width: calc(100% - 570px);
}
@media screen and (max-width: 1250px) {
  .point .content section#sec_reason_list .sec_point_box .reason_inner .txt_area {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .point .content section#sec_reason_list .sec_point_box .reason_inner .txt_area {
    width: 100%;
  }
}
.point .content section#sec_reason_list .sec_point_box .reason_inner .txt_area p {
  margin-bottom: 20px;
}
.point .content section#sec_reason_list .sec_point_box .reason_inner .txt_area p:last-child {
  margin-bottom: 0;
}
.point .content section#sec_reason_list .sec_point_box .reason_inner .photo {
  width: 520px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1250px) {
  .point .content section#sec_reason_list .sec_point_box .reason_inner .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .point .content section#sec_reason_list .sec_point_box .reason_inner .photo {
    width: 100%;
    margin-bottom: 20px;
  }
}
.point .content section#sec_reason_list .sec_point_box .reason_inner .photo img {
  width: 100%;
  border-radius: 20px;
}
.point .content section#sec_reason_list .sec_point_box .staff_comment {
  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) {
  .point .content section#sec_reason_list .sec_point_box .staff_comment {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.point .content section#sec_reason_list .sec_point_box .staff_comment.comment_right {
  margin-top: 40px;
}
.point .content section#sec_reason_list .sec_point_box .staff_comment.comment_right .staff_thumb {
  -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) {
  .point .content section#sec_reason_list .sec_point_box .staff_comment.comment_right .staff_thumb {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
.point .content section#sec_reason_list .sec_point_box .staff_comment.comment_right .comment {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  margin-left: 0;
  margin-right: 30px;
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .sec_point_box .staff_comment.comment_right .comment {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 0;
  }
}
.point .content section#sec_reason_list .sec_point_box .staff_comment.comment_right .comment:before {
  border-right: 14px solid transparent;
  border-left: 14px solid #fcf4dd;
  left: initial;
  right: -28px;
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .sec_point_box .staff_comment.comment_right .comment:before {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    left: 50%;
    right: initial;
  }
}
.point .content section#sec_reason_list .sec_point_box .staff_comment .staff_thumb {
  width: 100px;
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .sec_point_box .staff_comment .staff_thumb {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}
.point .content section#sec_reason_list .sec_point_box .staff_comment .comment {
  width: calc(100% - 130px);
  margin-left: 30px;
  background: #fcf4dd;
  border-radius: 12px;
  padding: 25px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .point .content section#sec_reason_list .sec_point_box .staff_comment .comment {
    padding: 20px 25px;
  }
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .sec_point_box .staff_comment .comment {
    width: 100%;
    margin-left: 0;
  }
}
.point .content section#sec_reason_list .sec_point_box .staff_comment .comment:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 14px solid #fcf4dd;
  border-bottom: 5px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 20px;
  left: -28px;
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .sec_point_box .staff_comment .comment:before {
    border-top: 14px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 14px solid #fcf4dd;
    border-left: 5px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.point .content section#sec_reason_list .staff_voice {
  text-align: center;
}
.point .content section#sec_reason_list .staff_voice .staff_voice_ttl {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .staff_voice .staff_voice_ttl {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .point .content section#sec_reason_list .staff_voice .staff_voice_ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .point .content section#sec_reason_list .staff_voice .staff_voice_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.point .content section#sec_reason_list .staff_voice .staff_voice_ttl span {
  position: relative;
}
.point .content section#sec_reason_list .staff_voice .staff_voice_ttl span:before {
  content: "";
  width: 1px;
  height: 50px;
  background: #0f2b5d;
  position: absolute;
  top: -5px;
  left: -25px;
  transform: rotate(-10.2deg);
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .staff_voice .staff_voice_ttl span:before {
    height: 40px;
    top: 0;
    left: -20px;
  }
}
@media screen and (max-width: 400px) {
  .point .content section#sec_reason_list .staff_voice .staff_voice_ttl span:before {
    height: 34px;
    left: -15px;
  }
}
.point .content section#sec_reason_list .staff_voice .staff_voice_ttl span:after {
  content: "";
  width: 1px;
  height: 50px;
  background: #0f2b5d;
  position: absolute;
  top: -5px;
  right: -25px;
  transform: rotate(10.2deg);
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .staff_voice .staff_voice_ttl span:after {
    height: 40px;
    top: 0;
    right: -20px;
  }
}
@media screen and (max-width: 400px) {
  .point .content section#sec_reason_list .staff_voice .staff_voice_ttl span:after {
    height: 34px;
    right: -15px;
  }
}
.point .content section#sec_reason_list .staff_voice .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .point .content section#sec_reason_list .staff_voice .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .point .content section#sec_reason_list .staff_voice .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.point .content section#sec_reason_list .staff_voice .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .point .content section#sec_reason_list .staff_voice .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .point .content section#sec_reason_list .staff_voice .btn_more a:after {
    right: 15px;
  }
}
.point .content section#sec_reason_list .staff_voice .btn_more a:hover:after {
  right: 20px;
}

.welfare header .main_ttl {
  background-image: url(images/bg_main_ttl_welfare.jpg);
}
.welfare header .main_ttl h1 {
  letter-spacing: 8px;
}
@media screen and (max-width: 600px) {
  .welfare header .main_ttl h1 {
    letter-spacing: 6px;
  }
}
@media screen and (max-width: 480px) {
  .welfare header .main_ttl h1 {
    letter-spacing: 5px;
  }
}
.welfare .content section#sec_welfare {
  max-width: 1360px;
  margin: 0 auto;
}
.welfare .content section#sec_welfare .welfare_lead {
  max-width: 1280px;
  margin: 0 auto 60px;
  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: 600px) {
  .welfare .content section#sec_welfare .welfare_lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .welfare_lead {
    margin-bottom: 40px;
  }
}
.welfare .content section#sec_welfare .welfare_lead .photo {
  width: 600px;
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare .welfare_lead .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_lead .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.welfare .content section#sec_welfare .welfare_lead .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_lead .photo img {
    border-radius: 20px;
  }
}
.welfare .content section#sec_welfare .welfare_lead .txt_area {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare .welfare_lead .txt_area {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_lead .txt_area {
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_lead .txt_area {
    margin-bottom: 20px;
  }
}
.welfare .content section#sec_welfare .welfare_lead .txt_area h2 {
  font-size: 34px;
  font-size: 3.4rem;
  color: #07a2de;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare .welfare_lead .txt_area h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_lead .txt_area h2 {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_lead .txt_area h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_lead .txt_area h2 {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_lead .txt_area h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .welfare_lead .txt_area h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.welfare .content section#sec_welfare .welfare_lead .txt_area h2 span {
  display: inline-block;
}
.welfare .content section#sec_welfare .welfare_lead .txt_area p {
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_lead .txt_area p {
    margin-bottom: 20px;
  }
}
.welfare .content section#sec_welfare .welfare_lead .txt_area p:last-child {
  margin-bottom: 0;
}
.welfare .content section#sec_welfare .welfare_list {
  padding: 0;
}
.welfare .content section#sec_welfare .welfare_list h3 {
  font-size: 28px;
  font-size: 2.8rem;
  text-align: center;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_list h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_list h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_list h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_list h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .welfare_list h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.welfare .content section#sec_welfare .welfare_list_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;
}
.welfare .content section#sec_welfare .welfare_box {
  width: 32.03%;
  background: #f2fbfe;
  margin: 0% 1.95% 1.95% 0%;
  border-radius: 20px;
  padding: 40px;
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare .welfare_box {
    padding: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box {
    padding: 30px 25px 25px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 20px;
    padding: 40px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box {
    padding: 30px;
  }
}
.welfare .content section#sec_welfare .welfare_box:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box:nth-child(3n) {
    margin-right: auto;
  }
}
.welfare .content section#sec_welfare .welfare_box:nth-child(even) {
  background: #f0f7fc;
}
.welfare .content section#sec_welfare .welfare_box.holiday_system, .welfare .content section#sec_welfare .welfare_box.health_support {
  position: relative;
}
.welfare .content section#sec_welfare .welfare_box.holiday_system:after, .welfare .content section#sec_welfare .welfare_box.health_support:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-right: 22px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 22px solid #07a2de;
  position: absolute;
  top: 50%;
  right: -44px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box.holiday_system:after, .welfare .content section#sec_welfare .welfare_box.health_support:after {
    border-top: 24px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 18px solid #07a2de;
    right: -36px;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box.holiday_system:after, .welfare .content section#sec_welfare .welfare_box.health_support:after {
    border-top: 18px solid #07a2de;
    border-right: 24px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 24px solid transparent;
    top: initial;
    bottom: -36px;
    left: 50%;
    right: initial;
    transform: translate(-50%, 0);
  }
}
.welfare .content section#sec_welfare .welfare_box.welfare_more_info {
  width: 66.01%;
  margin-right: 0;
  border: 1px solid #0f2b5d;
  background: #fff;
  padding-top: 100px;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_more_info {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 50px 50px 40px;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_more_info {
    padding: 40px 30px 30px;
  }
}
.welfare .content section#sec_welfare .welfare_box.welfare_more_info .more_info_ttl {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_more_info .more_info_ttl {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_more_info .more_info_ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_more_info .more_info_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.welfare .content section#sec_welfare .welfare_box.welfare_more_info .txt {
  text-align: center;
  margin-bottom: 20px;
}
.welfare .content section#sec_welfare .welfare_box.welfare_more_info .txt span {
  display: inline-block;
}
.welfare .content section#sec_welfare .welfare_box.welfare_more_info .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_more_info .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_more_info .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.welfare .content section#sec_welfare .welfare_box.welfare_more_info .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_more_info .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .welfare_box.welfare_more_info .btn_more a:after {
    right: 15px;
  }
}
.welfare .content section#sec_welfare .welfare_box.welfare_more_info .btn_more a:hover:after {
  right: 20px;
}
.welfare .content section#sec_welfare .welfare_box .icon {
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box .icon {
    margin-bottom: 5px;
  }
}
.welfare .content section#sec_welfare .welfare_box .icon span {
  font-family: "Material Symbols Outlined" !important;
  font-size: 40px;
  font-size: 4rem;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 50;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box .icon span {
    font-size: 40px;
    font-size: 4rem;
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 40;
  }
}
.welfare .content section#sec_welfare .welfare_box h4 {
  font-size: 20px;
  font-size: 2rem;
  color: #07a2de;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare .welfare_box h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_box h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_box h4 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_box h4 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .welfare_box h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.welfare .content section#sec_welfare .welfare_box h4 span {
  display: inline-block;
}
.welfare .content section#sec_welfare .welfare_box ul li {
  margin-bottom: 5px;
  padding-left: 12px;
  position: relative;
}
.welfare .content section#sec_welfare .welfare_box ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #07a2de;
  border-radius: 100px;
  position: absolute;
  top: 11px;
  left: 0;
}
.welfare .content section#sec_welfare .welfare_box ul li:last-child {
  margin-bottom: 0;
}

.gallery header .main_ttl {
  background-image: url(images/bg_main_ttl_gallery.jpg);
}
.gallery .content section.sec_gallery {
  max-width: 1360px;
  margin: 0 auto;
}
.gallery .content section.sec_gallery .gallery_wrapper h2 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #07a2de;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery .gallery_wrapper h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .gallery_wrapper h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .gallery .content section.sec_gallery .gallery_wrapper h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.gallery .content section.sec_gallery .gallery_wrapper .gallery_lead {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery .gallery_wrapper .gallery_lead {
    margin-bottom: 20px;
  }
}
.gallery .content section.sec_gallery .gallery_box {
  padding: 0;
  margin-bottom: 70px;
}
@media screen and (max-width: 1000px) {
  .gallery .content section.sec_gallery .gallery_box {
    margin-bottom: 55px;
  }
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery .gallery_box {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .gallery_box {
    margin-bottom: 35px;
  }
}
.gallery .content section.sec_gallery .gallery_box:last-child {
  margin-bottom: 0;
}
.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: 32.18%;
  margin: 0% 1.71% 0% 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: 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: 20px;
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery .gallery_list li img {
    border-radius: 15px;
  }
}
.gallery .content section.sec_gallery .gallery_list li p {
  margin-top: 10px;
}

.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: 224px;
  padding: 30px;
  background: #f3fbfd;
  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_blue_yellow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 5px;
  left: 0;
  transform: rotate(90deg);
}
@media screen and (max-width: 1250px) {
  .faq .content section.page-layout #faq_tob li:after,
  .qa99 .content section.page-layout #faq_tob li:after {
    top: 4px;
  }
}
@media screen and (max-width: 600px) {
  .faq .content section.page-layout #faq_tob li:after,
  .qa99 .content section.page-layout #faq_tob li:after {
    width: 18px;
    height: 18px;
    top: 3px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout #faq_tob li:after,
  .qa99 .content section.page-layout #faq_tob li:after {
    width: 16px;
    height: 16px;
  }
}
.faq .content section.page-layout #faq_tob li:last-child,
.qa99 .content section.page-layout #faq_tob li:last-child {
  margin-bottom: 0;
}
.faq .content section.page-layout #faq_tob li a,
.qa99 .content section.page-layout #faq_tob li a {
  color: #0f2b5d;
}
.faq .content section.page-layout #faq_tob li.current a,
.qa99 .content section.page-layout #faq_tob li.current a {
  color: #f0598c;
}
@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 (min-width: 601px) and (max-width: 768px) {
  .faq .content section.page-layout #mokuji,
  .qa99 .content section.page-layout #mokuji {
    top: 163px;
  }
}
@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: 300px;
}
@media screen and (max-width: 1250px) {
  .faq .content section.page-layout .faq-menu,
  .qa99 .content section.page-layout .faq-menu {
    width: 220px;
  }
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout .faq-menu,
  .qa99 .content section.page-layout .faq-menu {
    width: 100%;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout .faq-menu,
  .qa99 .content section.page-layout .faq-menu {
    margin-bottom: 40px;
  }
}
.faq .content section.page-layout .faq_list,
.qa99 .content section.page-layout .faq_list {
  width: calc(100% - 340px);
  margin-left: 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: #f0598c;
  letter-spacing: 1px;
  text-align: left;
  font-weight: 700;
  margin-bottom: 10px;
}
@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 #0f2b5d;
  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: #07a2de;
}

.faq header .main_ttl {
  background-image: url(images/bg_main_ttl_faq.jpg);
}
.faq .content section.page-layout h3 {
  font-size: 28px;
  font-size: 2.8rem;
  color: #0f2b5d;
  letter-spacing: 1px;
  text-align: left;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #0f2b5d;
}
@media screen and (max-width: 1000px) {
  .faq .content section.page-layout h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout h3 {
    font-size: 22px;
    font-size: 2.2rem;
    padding-bottom: 15px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 600px) {
  .faq .content section.page-layout h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .faq .content section.page-layout h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.faq .content section.page-layout h4 {
  font-size: 20px;
  font-size: 2rem;
  color: #07a2de;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .faq .content section.page-layout h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .faq .content section.page-layout h4 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.faq .content section.page-layout h4 {
  padding-left: 30px;
  text-indent: -30px;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout h4 {
    padding-left: 28px;
    text-indent: -28px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout h4 {
    padding-left: 26px;
    text-indent: -23px;
  }
}
.faq .content section.page-layout h4:before {
  font-family: "Lato", serif;
  content: "Q.";
  padding-right: 0.5em;
}
.faq .content section.page-layout .answer {
  font-size: 15px;
  font-size: 1.5rem;
  padding-left: 35px;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout .answer {
    padding-left: 28px;
  }
}
@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 p {
  margin-bottom: 20px;
}
.faq .content section.page-layout .answer p:last-child {
  margin-bottom: 0;
}
.faq .content section.page-layout .answer p span {
  font-weight: 700;
}

.qa99 header .main_ttl {
  background-image: url(images/bg_main_ttl_qa99.jpg);
}
.qa99 .content section.page-layout h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #07a2de;
  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;
  }
}
.qa99 .content section.page-layout .faq_item.last_message {
  padding: 40px;
  border: 1px solid #0f2b5d;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .qa99 .content section.page-layout .faq_item.last_message {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .qa99 .content section.page-layout .faq_item.last_message {
    border-radius: 15px;
  }
}
.qa99 .content section.page-layout .faq_item.intro_book {
  background: #f2fbfe;
  border-radius: 20px;
  padding: 40px;
}
@media screen and (max-width: 1000px) {
  .qa99 .content section.page-layout .faq_item.intro_book {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .qa99 .content section.page-layout .faq_item.intro_book {
    border-radius: 15px;
  }
}
.qa99 .content section.page-layout .faq_item.intro_book h3 {
  color: #0f2b5d;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .qa99 .content section.page-layout .faq_item.intro_book h3 {
    margin-bottom: 20px;
  }
}
.qa99 .content section.page-layout .faq_item.intro_book h3 span {
  display: inline-block;
}
.qa99 .content section.page-layout .faq_item.intro_book .book_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) {
  .qa99 .content section.page-layout .faq_item.intro_book .book_inner {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.qa99 .content section.page-layout .faq_item.intro_book .book_inner figure {
  width: 320px;
}
@media screen and (max-width: 1250px) {
  .qa99 .content section.page-layout .faq_item.intro_book .book_inner figure {
    width: 260px;
  }
}
@media screen and (max-width: 1000px) {
  .qa99 .content section.page-layout .faq_item.intro_book .book_inner figure {
    width: 180px;
  }
}
@media screen and (max-width: 768px) {
  .qa99 .content section.page-layout .faq_item.intro_book .book_inner figure {
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.qa99 .content section.page-layout .faq_item.intro_book .book_inner .text_area {
  width: calc(100% - 360px);
}
@media screen and (max-width: 1250px) {
  .qa99 .content section.page-layout .faq_item.intro_book .book_inner .text_area {
    width: calc(100% - 300px);
  }
}
@media screen and (max-width: 1000px) {
  .qa99 .content section.page-layout .faq_item.intro_book .book_inner .text_area {
    width: calc(100% - 210px);
  }
}
@media screen and (max-width: 768px) {
  .qa99 .content section.page-layout .faq_item.intro_book .book_inner .text_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;
  }
}
.qa99 .content section.page-layout .faq_item.intro_book .book_inner .text_area p {
  margin-bottom: 20px;
}
.qa99 .content section.page-layout .faq_item.intro_book .book_inner .text_area p:last-child {
  margin-bottom: 0;
}

.before-applying header .main_ttl {
  background-image: url(images/bg_main_ttl_before-applying.jpg);
}

.matching header .main_ttl {
  background-image: url(images/bg_main_ttl_matching.jpg);
}
.matching .content section {
  /*&#sec_matching_person {
  	background: settings.$baseBGColor;
  	h2 {
  		@include settings.font-size(34);
  		letter-spacing: 4px;
  		text-align: center;
  		margin-bottom: 40px;
  		@include mq.mq(xl_1250) {
  			@include settings.font-size(30);
  		}
  		@include mq.mq(md_768) {
  			@include settings.font-size(24);
  		}
  		@include mq.mq(tab_600) {
  			@include settings.font-size(22);
  			letter-spacing: 3px;
  		}
  		@include mq.mq(sms_480) {
  			@include settings.font-size(20);
  			letter-spacing: 2px;
  			margin-bottom: 30px;
  		}
  		@include mq.mq(sm_400) {
  			@include settings.font-size(18);
  		}
  		span {
  			display: inline-block;
  		}
  	}
  	.lead {
  		text-align: center;
  		margin-bottom: 40px;
  		@include mq.mq(md_768) {
  			text-align: left;
  			margin-bottom: 30px;
  		}
  		@include mq.mq(tab_600) {
  			margin-bottom: 20px;
  		}
  	}
  	.person_list {
  		max-width: 1280px;
  		margin: 0 auto;
  	}
  	.person_box {
  		background: #fff;
  		margin-bottom: 30px;
  		padding: 40px 50px;
  		@include mq.mq(md_768) {
  			padding: 30px 40px;
  		}
  		@include mq.mq(tab_600) {
  			padding: 20px 25px;
  		}
  		&:last-child {
  			margin-bottom: 0;
  		}
  		dt {
  			@include settings.font-size(28);
  			color: settings.$baseTitleFontColor;
  			font-weight: 700;
  			letter-spacing: 4px;
  			margin-bottom: 30px;
  			@include mq.mq(md_768) {
  				@include settings.font-size(26);
  				margin-bottom: 20px;
  			}
  			@include mq.mq(tab_600) {
  				@include settings.font-size(24);
  			}
  			@include mq.mq(sms_480) {
  				@include settings.font-size(22);
  				margin-bottom: 10px;
  			}
  			@include mq.mq(sm_400) {
  				@include settings.font-size(20);
  			}
  			span {
  				background: linear-gradient(transparent 55%, #ffef87 55%, #ffef87 90%, transparent 90%);
  			}
  		}
  	}
  }
  &.sec_matching_point {
  	.lead {
  		@include settings.font-size(22);
  		color: settings.$baseFontColor;
  		text-align: center;
  		font-weight: 500;
  		letter-spacing: 1px;
  		line-height: 1.7;
  		margin-bottom: 40px;
  		@include mq.mq(md_768) {
  			@include settings.font-size(18);
  		}
  		@include mq.mq(tab_600) {
  			@include settings.font-size(16);
  		}
  		@include mq.mq(sms_480) {
  			@include settings.font-size(15);
  			margin-bottom: 30px;
  		}
  		@include mq.mq(sm_400) {
  			margin-bottom: 20px;
  		}
  		span {
  			background: linear-gradient(transparent 50%, #fff83c 50%);
  		}
  	}
  	.keyword_list {
  		@include settings.display-flex();
  		@include mixins.justify-content(center);
  		@include mixins.flex-wrap(wrap);
  		margin-bottom: 80px;
  		@include mq.mq(sms_480) {
  			margin-bottom: 60px;
  		}
  		li {
  			width: 208px;
  			@include settings.font-size(20);
  			font-weight: 500;
  			text-align: center;
  			letter-spacing: 4px;
  			background: #e2f6dc;
  			padding: 14px 5px;
  			margin: 0 20px;
  			@include mq.mq(lg_1000) {
  				width: 31.33%;
  				margin: 0 1%;
  				@include settings.font-size(18);
  			}
  			@include mq.mq(md_768) {
  				@include settings.font-size(16);
  			}
  			@include mq.mq(tab_600) {
  				@include settings.font-size(15);
  				letter-spacing: 2px;
  			}
  			@include mq.mq(sms_480) {
  				@include settings.font-size(14);
  				letter-spacing: 1px;
  				padding: 12px 5px;
  			}
  			@include mq.mq(sm_400) {
  				width: 100%;
  				max-width: 220px;
  				margin: 0 auto 10px;
  				@include settings.font-size(15);
  			}
  		}
  	}
  	.keyword_detail_box {
  		max-width: 1160px;
  		margin: 0 auto 80px;
  		border-radius: 30px;
  		background: #f4fbf2;
  		position: relative;
  		@include mq.mq(tab_600) {
  			margin-bottom: 80px;
  			border-radius: 20px;
  		}
  		@include mq.mq(sms_480) {
  			border-radius: 15px;
  			margin-bottom: 70px;
  		}
  		&:last-child {
  			margin-bottom: 60px;
  		}
  		h2 {
  			position: absolute;
  			top: -32px;
  			left: 20px;
  			@include mq.mq(md_768) {
  				top: -50px;
  				left: -15px;
  			}
  			@include mq.mq(tab_600) {
  				top: -34px;
  			}
  			@include mq.mq(sms_480) {
  				top: -42px;
  			}
  			img {
  				width: 127px * .8;
  				height: 86px * .8;
  			}
  		}
  		.keyword_inner {
  			@include settings.display-flex();
  			@include mixins.justify-content(flex-start);
  			@include mixins.flex-wrap(wrap);
  			padding: 50px 40px;
  			@include mq.mq(sms_480) {
  				padding: 40px 25px;
  			}
  			.photo {
  				@include settings.width2p(1080, 400);
  				@include mixins.order(1);
  				@include mq.mq(lg_1000) {
  					padding-top: 30px;
  				}
  				@include mq.mq(md_768) {
  					width: 100%;
  					@include mixins.order(0);
  					padding-top: 0;
  				}
  				img {
  					height: 260px;
  					object-fit: cover;
  					object-position: 50% 50%;
  					border-radius: 15px;
  					@include mq.mq(lg_1000) {
  						height: 220px;
  					}
  					@include mq.mq(md_768) {
  						width: 100%;
  						height: auto;
  					}
  				}
  			}
  			.txt_area {
  				@include settings.width2p(1080, 680);
  				@include mixins.order(0);
  				@include settings.font-size(15);
  				line-height: 1.9;
  				padding: 30px 40px 0 0;
  				@include mq.mq(lg_1000) {
  					padding-right: 20px;
  				}
  				@include mq.mq(md_768) {
  					width: 100%;
  					@include mixins.order(1);
  				}
  				@include mq.mq(tab_600) {
  					@include settings.font-size(14);
  					padding-right: 0;
  				}
  				@include mq.mq(sms_480) {
  					padding-top: 20px;
  				}
  			}
  			.rule {
  				width: 100%;
  				@include mixins.order(2);
  				background: #fff;
  				padding: 30px;
  				border-radius: 15px;
  				margin-top: 20px;
  				dt {
  					@include settings.font-size(15);
  					color: #54b21f;
  					font-weight: 700;
  					letter-spacing: 1px;
  					margin-bottom: 10px;
  				}
  			}
  		}					
  	}
  	.dentist_comment {
  		max-width: 1180px;
  		margin: 0 auto;
  		@include settings.display-flex();
  		@include mixins.justify-content(flex-start);
  		@include mixins.flex-wrap(wrap);
  		@include mixins.align-items(center);
  		.photo {
  			width: 140px;
  			@include mq.mq(tab_600) {
  				width: 100px;
  			}
  			@include mq.mq(sms_480) {
  				width: 100%;
  				text-align: center;
  				margin-bottom: 30px;
  			}
  		}
  		.comment {
  			width: calc(100% - 180px);
  			background: #fff7ec;
  			padding: 30px;
  			margin-left: 40px;
  			border-radius: 15px;
  			@include settings.font-size(15);
  			letter-spacing: 1px;
  			position: relative;
  			@include mq.mq(tab_600) {
  				width: calc(100% - 130px);
  				@include settings.font-size(14);
  				padding: 20px;
  				margin-left: 30px;
  			}
  			@include mq.mq(sms_480) {
  				width: 100%;
  				@include settings.font-size(13);
  				padding: 20px;
  				margin-left: 0;
  			}
  			&: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%);
  				@include mq.mq(sms_480) {
  					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);
  				}
  			}
  		}
  	}
  	.btn_more {
  		@include layout.basic_btn_style;
  		a {
  			margin: 40px auto 0;
  		}
  	}
  }*/
}
.matching .content section .ttl_en {
  text-align: center;
}
.matching .content section h2 {
  text-align: center;
  letter-spacing: 4px;
}
.matching .content section#sec_matching .catch {
  font-size: 36px;
  font-size: 3.6rem;
  color: #07a2de;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .matching .content section#sec_matching .catch {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_matching .catch {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section#sec_matching .catch {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_matching .catch {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_matching .catch {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section#sec_matching .catch {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0;
  }
}
.matching .content section#sec_matching .catch span {
  display: inline-block;
}
.matching .content section#sec_matching .matching_lead {
  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;
}
.matching .content section#sec_matching .matching_lead .photo {
  width: 600px;
}
@media screen and (max-width: 1250px) {
  .matching .content section#sec_matching .matching_lead .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_matching .matching_lead .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.matching .content section#sec_matching .matching_lead .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_matching .matching_lead .photo img {
    border-radius: 20px;
  }
}
.matching .content section#sec_matching .matching_lead .txt_area {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .matching .content section#sec_matching .matching_lead .txt_area {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_matching .matching_lead .txt_area {
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section#sec_matching .matching_lead .txt_area {
    margin-bottom: 20px;
  }
}
.matching .content section#sec_matching .matching_lead .txt_area h2 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #07a2de;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .matching .content section#sec_matching .matching_lead .txt_area h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_matching .matching_lead .txt_area h2 {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section#sec_matching .matching_lead .txt_area h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_matching .matching_lead .txt_area h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_matching .matching_lead .txt_area h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section#sec_matching .matching_lead .txt_area h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.matching .content section#sec_matching .matching_lead .txt_area h2 span {
  display: inline-block;
}
.matching .content section#sec_matching .matching_lead .txt_area p {
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_matching .matching_lead .txt_area p {
    margin-bottom: 20px;
  }
}
.matching .content section#sec_matching .matching_lead .txt_area p:last-child {
  margin-bottom: 0;
}
.matching .content section#sec_matching .matching_lead .txt_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_matching .matching_lead .txt_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_matching .matching_lead .txt_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.matching .content section#sec_matching .matching_lead .txt_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_matching .matching_lead .txt_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section#sec_matching .matching_lead .txt_area .btn_more a:after {
    right: 15px;
  }
}
.matching .content section#sec_matching .matching_lead .txt_area .btn_more a:hover:after {
  right: 20px;
}
.matching .content section#sec_matching .matching_lead .txt_area .btn_more a {
  margin: 40px auto 0 0;
}
.matching .content section#sec_important {
  background: #f2fbfe;
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_important h2 {
    letter-spacing: 2px;
  }
}
.matching .content section#sec_important .important_list {
  max-width: 1280px;
  margin: 0 auto;
}
.matching .content section#sec_important .important_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: #fff;
  border: 1px solid #0f2b5d;
  border-radius: 30px;
  padding: 60px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1250px) {
  .matching .content section#sec_important .important_box {
    padding: 50px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_important .important_box {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section#sec_important .important_box {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_important .important_box {
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_important .important_box {
    padding: 25px;
    margin-bottom: 20px;
  }
}
.matching .content section#sec_important .important_box:nth-child(even) .txt_area {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_important .important_box:nth-child(even) .txt_area {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
.matching .content section#sec_important .important_box:nth-child(even) .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) {
  .matching .content section#sec_important .important_box:nth-child(even) .photo {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.matching .content section#sec_important .important_box:last-child {
  margin-bottom: 0;
}
.matching .content section#sec_important .important_box .txt_area {
  width: calc(100% - 580px);
}
@media screen and (max-width: 1250px) {
  .matching .content section#sec_important .important_box .txt_area {
    width: calc(100% - 440px);
  }
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_important .important_box .txt_area {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section#sec_important .important_box .txt_area {
    margin-bottom: 20px;
  }
}
.matching .content section#sec_important .important_box .txt_area .num {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .matching .content section#sec_important .important_box .txt_area .num {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_important .important_box .txt_area .num {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_important .important_box .txt_area .num {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section#sec_important .important_box .txt_area .num {
    font-size: 20px;
    font-size: 2rem;
  }
}
.matching .content section#sec_important .important_box .txt_area h3 {
  font-size: 46px;
  font-size: 4.6rem;
  color: #07a2de;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 8px;
  margin-bottom: 25px;
}
@media screen and (max-width: 1250px) {
  .matching .content section#sec_important .important_box .txt_area h3 {
    font-size: 42px;
    font-size: 4.2rem;
    letter-spacing: 6px;
  }
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_important .important_box .txt_area h3 {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: 5px;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section#sec_important .important_box .txt_area h3 {
    font-size: 34px;
    font-size: 3.4rem;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_important .important_box .txt_area h3 {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_important .important_box .txt_area h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section#sec_important .important_box .txt_area h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.matching .content section#sec_important .important_box .txt_area .catch {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_important .important_box .txt_area .catch {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_important .important_box .txt_area .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section#sec_important .important_box .txt_area .catch {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.matching .content section#sec_important .important_box .txt_area .txt {
  margin-bottom: 20px;
}
.matching .content section#sec_important .important_box .txt_area .txt:last-child {
  margin-bottom: 0;
}
.matching .content section#sec_important .important_box .photo {
  width: 520px;
}
@media screen and (max-width: 1250px) {
  .matching .content section#sec_important .important_box .photo {
    width: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_important .important_box .photo {
    width: 100%;
  }
}
.matching .content section#sec_important .important_box .photo img {
  width: 100%;
  height: 426px;
  object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 1000px) {
  .matching .content section#sec_important .important_box .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section#sec_important .important_box .photo img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section#sec_important .important_box .photo img {
    border-radius: 15px;
  }
}
.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: #07a2de;
  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: "Lato", serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.5rem;
  letter-spacing: 0;
  background: #07a2de;
  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: #f1f8fa;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_system .q_wrap label {
    padding: 10px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .q_wrap label {
    padding: 5px 20px;
  }
}
.matching .content section.sec_matching_system .q_wrap input[type=radio] {
  margin-right: 0.5rem;
  border: none;
}
.matching .content section.sec_matching_system .error_txt {
  display: none;
  color: #f00;
}
.matching .content section.sec_matching_system .mach_txt, .matching .content section.sec_matching_system .resource {
  display: none;
}
.matching .content section.sec_matching_system button#resultbtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: auto;
  max-width: 400px;
  margin: 60px auto 0;
  padding: 20px 10px;
  font-size: 20px;
  font-size: 2rem;
  color: #0f2b5d;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  border-radius: 100px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  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;
  background: #f2fbfe;
  padding: 40px;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .resource {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .resource {
    padding: 25px;
  }
}
.matching .content section.sec_matching_system .resource .matching-txt {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #07a2de;
  margin-bottom: 20px;
  line-height: 1.6;
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .resource .matching-txt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.matching .content section.sec_matching_system .resource p#goukei {
  font-size: 24px;
  font-size: 2.4rem;
  color: #07a2de;
  font-weight: bold;
  margin: 0;
  line-height: 1;
}
.matching .content section.sec_matching_system .resource p#goukei span {
  font-size: 40px;
  font-size: 4rem;
}
.matching .content section.sec_matching_system .resource .mach_txt {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.matching .content section.sec_matching_system .resource .mach_txt a {
  color: #4b92e4;
}
.matching .content section.sec_matching_system .linkbtn-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 40px;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .linkbtn-wrap {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .linkbtn-wrap {
    margin-top: 20px;
  }
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn {
  width: 350px;
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn {
    width: 49%;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn {
    width: 100%;
  }
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a:after {
    right: 15px;
  }
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a:hover:after {
  right: 20px;
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a {
  max-width: 350px;
  margin: 0;
  padding: 18px 10px;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a {
    max-width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a {
    letter-spacing: 1px;
  }
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a:after {
  right: 20px;
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn:first-child {
  margin-right: 30px;
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn:first-child {
    margin-right: 4%;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn:first-child {
    margin-right: 2%;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn:first-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .linkbtn-wrap:nth-child(n+2) a {
    margin-top: 10px;
  }
}

.visitor header .main_ttl {
  background-image: url(images/bg_main_ttl_visitor.jpg);
}
.visitor .content section .ttl_en {
  text-align: center;
}
.visitor .content section h2 {
  text-align: center;
}
.visitor .content section.sec_visitor {
  max-width: 1360px;
  margin: 0 auto;
}
.visitor .content section.sec_visitor .visitor_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: 50px;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor .visitor_lead {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor .visitor_lead {
    margin-bottom: 30px;
  }
}
.visitor .content section.sec_visitor .visitor_lead .photo {
  width: 600px;
}
@media screen and (max-width: 1250px) {
  .visitor .content section.sec_visitor .visitor_lead .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_visitor .visitor_lead .photo {
    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_visitor .visitor_lead .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor .visitor_lead .photo img {
    border-radius: 20px;
  }
}
.visitor .content section.sec_visitor .visitor_lead .txt_area {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .visitor .content section.sec_visitor .visitor_lead .txt_area {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_visitor .visitor_lead .txt_area {
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor .visitor_lead .txt_area {
    margin-bottom: 20px;
  }
}
.visitor .content section.sec_visitor .visitor_lead .txt_area p {
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor .visitor_lead .txt_area p {
    margin-bottom: 20px;
  }
}
.visitor .content section.sec_visitor .visitor_lead .txt_area p:last-child {
  margin-bottom: 0;
}
.visitor .content section.sec_visitor > section {
  padding: 0;
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor > section {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor > section {
    margin-bottom: 30px;
  }
}
.visitor .content section.sec_visitor > section:last-child {
  margin-bottom: 0;
}
.visitor .content section.sec_visitor > section.sec_schedule p {
  margin-bottom: 20px;
}
.visitor .content section.sec_visitor > section.sec_schedule p em {
  font-weight: 700;
}
.visitor .content section.sec_visitor > section.sec_schedule .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor > section.sec_schedule .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor > section.sec_schedule .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.visitor .content section.sec_visitor > section.sec_schedule .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor > section.sec_schedule .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_visitor > section.sec_schedule .btn_more a:after {
    right: 15px;
  }
}
.visitor .content section.sec_visitor > section.sec_schedule .btn_more a:hover:after {
  right: 20px;
}
.visitor .content section.sec_visitor > section.sec_schedule .btn_more a {
  margin: 30px auto 0 0;
}
.visitor .content section.sec_visitor > section h3 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: 2px;
  background: #0f2b5d;
  padding: 18px 30px;
  margin-bottom: 20px;
  border-radius: 12px;
}
@media screen and (max-width: 1250px) {
  .visitor .content section.sec_visitor > section h3 {
    padding: 15px 30px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor > section h3 {
    padding: 12px 20px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor > section h3 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.visitor .content section.sec_visitor > section ul {
  margin-bottom: 10px;
}
.visitor .content section.sec_visitor > section ul li {
  padding-left: 12px;
  position: relative;
}
.visitor .content section.sec_visitor > section ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #07a2de;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor > section ul li:before {
    top: 10px;
  }
}
.visitor .content section.sec_visitor > section .note {
  color: #ea1b1b;
}
.visitor .content section.sec_meeting {
  background: #f2fbfe;
}
.visitor .content section.sec_meeting h2 {
  letter-spacing: 4px;
}
.visitor .content section.sec_meeting .meeting_box {
  max-width: 1280px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto 50px;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_meeting .meeting_box {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_meeting .meeting_box {
    margin-bottom: 30px;
  }
}
.visitor .content section.sec_meeting .meeting_box .photo {
  width: 440px;
}
@media screen and (max-width: 1250px) {
  .visitor .content section.sec_meeting .meeting_box .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_meeting .meeting_box .photo {
    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_meeting .meeting_box .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_meeting .meeting_box .photo img {
    border-radius: 20px;
  }
}
.visitor .content section.sec_meeting .meeting_box .txt_area {
  width: calc(100% - 500px);
}
@media screen and (max-width: 1250px) {
  .visitor .content section.sec_meeting .meeting_box .txt_area {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_meeting .meeting_box .txt_area {
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_meeting .meeting_box .txt_area {
    margin-bottom: 20px;
  }
}
.visitor .content section.sec_meeting .meeting_box .txt_area p {
  margin-bottom: 20px;
}
.visitor .content section.sec_meeting .meeting_box .txt_area p:last-child {
  margin-bottom: 0;
}
.visitor .content section.sec_meeting .meeting_box .txt_area ul {
  margin-bottom: 20px;
}
.visitor .content section.sec_meeting .meeting_box .txt_area ul li {
  color: #07a2de;
  font-weight: 700;
  margin-bottom: 3px;
}
.visitor .content section.sec_meeting .meeting_box .txt_area ul li:last-child {
  margin-bottom: 0;
}
.visitor .content section.sec_meeting .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_meeting .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_meeting .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.visitor .content section.sec_meeting .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_meeting .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_meeting .btn_more a:after {
    right: 15px;
  }
}
.visitor .content section.sec_meeting .btn_more a:hover:after {
  right: 20px;
}
.visitor .content section#sec_flow {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 0;
}
.visitor .content section#sec_flow h2 {
  letter-spacing: 4px;
}
.visitor .content section#sec_flow .step_flow {
  background: #f2fbfe;
  padding: 60px;
  border-radius: 20px;
}
@media screen and (max-width: 1250px) {
  .visitor .content section#sec_flow .step_flow {
    padding: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_flow .step_flow {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_flow .step_flow {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_flow .step_flow {
    padding: 25px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_flow .step_flow {
    padding: 20px;
  }
}
.visitor .content section#sec_flow .step_flow .flow_box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  padding: 40px 50px;
  border-radius: 20px;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .visitor .content section#sec_flow .step_flow .flow_box {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 35px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_flow .step_flow .flow_box {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_flow .step_flow .flow_box {
    padding: 40px 30px 30px;
    margin-bottom: 20px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_flow .step_flow .flow_box {
    padding: 35px 25px 25px;
  }
}
.visitor .content section#sec_flow .step_flow .flow_box:last-child {
  margin-bottom: 0;
}
.visitor .content section#sec_flow .step_flow .flow_num {
  font-family: "Lato", serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #07a2de;
  letter-spacing: 2px;
  line-height: 1;
  font-weight: 700;
  font-style: italic;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_flow .step_flow .flow_num {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.visitor .content section#sec_flow .step_flow .flow_detail {
  width: calc(100% - 400px);
}
@media screen and (max-width: 1250px) {
  .visitor .content section#sec_flow .step_flow .flow_detail {
    width: calc(100% - 340px);
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_flow .step_flow .flow_detail {
    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_flow .step_flow .flow_detail {
    margin-bottom: 20px;
  }
}
.visitor .content section#sec_flow .step_flow .flow_detail h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_flow .step_flow .flow_detail h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_flow .step_flow .flow_detail h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_flow .step_flow .flow_detail h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.visitor .content section#sec_flow .step_flow .flow_detail p {
  font-weight: 500;
}
.visitor .content section#sec_flow .step_flow .flow_detail .note {
  margin-top: 10px;
}
.visitor .content section#sec_flow .step_flow .flow_detail .note li {
  color: #ea1b1b;
}
.visitor .content section#sec_flow .step_flow .photo {
  width: 360px;
}
@media screen and (max-width: 1250px) {
  .visitor .content section#sec_flow .step_flow .photo {
    width: 300px;
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_flow .step_flow .photo {
    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_flow .step_flow .photo img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_flow .step_flow .photo img {
    height: auto;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_flow .step_flow .photo img {
    border-radius: 10px;
  }
}
.visitor .content section#sec_flow .step_flow .btn_more {
  width: 100%;
  margin-top: 30px;
}
.visitor .content section#sec_flow .step_flow .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_flow .step_flow .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_flow .step_flow .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.visitor .content section#sec_flow .step_flow .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_flow .step_flow .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_flow .step_flow .btn_more a:after {
    right: 15px;
  }
}
.visitor .content section#sec_flow .step_flow .btn_more a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_flow .step_flow .btn_more {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
.visitor .content section#sec_flow .step_flow .btn_more a {
  max-width: 352px;
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_flow .step_flow .btn_more a {
    letter-spacing: 1px;
  }
}
.visitor .content section#sec_entry {
  max-width: 1080px;
  margin: 0 auto;
}
.visitor .content section#sec_entry h2 .ttl_en {
  text-align: center;
  color: #07a2de;
}
.visitor .content section#sec_entry h2 .ttl_jp {
  text-align: center;
}
.visitor .content section#sec_entry .wpcf7-form {
  max-width: 100%;
  background: #f8f3e9;
  padding: 60px 70px 40px;
  margin-bottom: 0;
  border-radius: 12px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_entry .wpcf7-form {
    padding: 40px 40px 20px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_entry .wpcf7-form {
    padding: 30px 25px 10px;
    border-radius: 10px;
  }
}
.visitor .content section#sec_entry .wpcf7-form table {
  margin-bottom: 20px;
}
.visitor .content section#sec_entry .wpcf7-form table th,
.visitor .content section#sec_entry .wpcf7-form table td {
  padding: 12px;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_entry .wpcf7-form table th,
  .visitor .content section#sec_entry .wpcf7-form table td {
    display: block;
    width: 100%;
  }
}
.visitor .content section#sec_entry .wpcf7-form table th {
  font-weight: 500;
  vertical-align: top;
  padding-top: 15px;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_entry .wpcf7-form table th {
    padding: 12px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_entry .wpcf7-form table td {
    padding-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_entry .wpcf7-form table td {
    padding: 5px 0 12px;
  }
}
.visitor .content section#sec_entry .wpcf7-form table td input[type=text],
.visitor .content section#sec_entry .wpcf7-form table td input[type=tel],
.visitor .content section#sec_entry .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_entry .wpcf7-form table td input[type=text],
  .visitor .content section#sec_entry .wpcf7-form table td input[type=tel],
  .visitor .content section#sec_entry .wpcf7-form table td input[type=email] {
    height: 40px;
  }
}
.visitor .content section#sec_entry .wpcf7-form table td p {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_entry .wpcf7-form table td p {
    margin-bottom: 5px;
  }
}
.visitor .content section#sec_entry .wpcf7-form table td input[type=tel] {
  max-width: 360px;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_entry .wpcf7-form table td input[type=tel] {
    max-width: 100%;
  }
}
.visitor .content section#sec_entry .wpcf7-form table td.your_name input[type=text] {
  max-width: 360px;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_entry .wpcf7-form table td.your_name input[type=text] {
    max-width: 100%;
  }
}
.visitor .content section#sec_entry .wpcf7-form table td .select_jobcat {
  width: 218px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_entry .wpcf7-form table td .select_jobcat {
    width: 100%;
  }
}
.visitor .content section#sec_entry .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_entry .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_entry .wpcf7-form table td .select_jobcat select {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_entry .wpcf7-form table td .select_jobcat select {
    padding: 10px 20px;
  }
}
.visitor .content section#sec_entry .wpcf7-form .link_privacy {
  color: #4b92e4;
  text-align: center;
  text-decoration: underline;
}
.visitor .content section#sec_entryform {
  max-width: 1080px;
  margin: 0 auto;
}
.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: #07a2de;
  font-weight: 600;
}
.visitor .content section#sec_entryform .wpcf7-form {
  max-width: 100%;
  background: #fefaf1;
  padding: 60px 70px 40px;
  margin-bottom: 0;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .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: #07a2de;
}
.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;
}

.contact header .main_ttl {
  background-image: url(images/bg_main_ttl_contact.jpg);
}
.contact .content section#contact_by_tel {
  padding-top: 0;
}
.contact .content section.page-layout {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .contact .content section.page-layout {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .contact .content section.page-layout {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .contact .content section.page-layout {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.contact .content section.page-layout h2 {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: left;
  font-weight: 700;
  letter-spacing: 2px;
  padding-bottom: 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid #0f2b5d;
}
@media screen and (max-width: 768px) {
  .contact .content section.page-layout h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .contact .content section.page-layout h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .contact .content section.page-layout h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.contact .content .wpcf7 table {
  max-width: 1000px;
}
.contact .content .wpcf7 table th,
.contact .content .wpcf7 table td {
  padding-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .contact .content .wpcf7 table th,
  .contact .content .wpcf7 table td {
    display: block;
    width: 100%;
  }
}
.contact .content .wpcf7 table th {
  font-weight: 600;
}
@media screen and (max-width: 1000px) {
  .contact .content .wpcf7 table th {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1000px) {
  .contact .content .wpcf7 table p {
    margin-bottom: 10px;
  }
}
.contact .content .wpcf7 table .select_jobcat {
  width: 218px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .contact .content .wpcf7 table .select_jobcat {
    width: 100%;
  }
}
.contact .content .wpcf7 table .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;
}
.contact .content .wpcf7 table .select_jobcat select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 218px;
  padding: 15px 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
@media screen and (max-width: 600px) {
  .contact .content .wpcf7 table .select_jobcat select {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .contact .content .wpcf7 table .select_jobcat select {
    padding: 10px 20px;
  }
}
.contact .content .no-recaptcha,
.contact .content .contact-privacy {
  text-align: center;
}

.privacy-policy .content section.page-layout {
  max-width: 1360px;
  margin: 80px auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .privacy-policy .content section.page-layout {
    margin: 60px auto;
  }
}
@media screen and (max-width: 600px) {
  .privacy-policy .content section.page-layout {
    margin: 50px auto;
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .privacy-policy .content section.page-layout {
    margin: 40px auto;
    padding: 0 25px;
  }
}
@media screen and (max-width: 768px) {
  .privacy-policy .content section.page-layout {
    max-width: 100%;
  }
}
.privacy-policy .content section.page-layout h2 {
  text-align: left;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
.privacy-policy .content section.page-layout .headline {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  border-bottom: 1px solid #0f2b5d;
  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 header .main_ttl {
  background-image: url(images/bg_main_ttl_interview.jpg);
}
.post-type-archive-interview .content section.sec_interview {
  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: 480px) {
  .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 .staff_job_ttl {
  display: inline-block;
  background: #07a2de;
  padding: 2px 25px;
  margin-bottom: 15px;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl {
    padding: 0 20px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl {
    padding: 0 15px 1px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl {
    padding: 0 20px;
  }
}
.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: 11px;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.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 .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 .catch {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  color: #0f2b5d;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
    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: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .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: #0f2b5d;
  font-weight: 700;
  letter-spacing: 1px;
  margin-right: 10px;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .name {
    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: #07a2de;
}
.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: #ffd85e;
  color: #fff;
  border-radius: 3px;
}
.post-type-archive-interview .content .archives-nav .page-numbers.current {
  background: #f9f3f5;
  color: #0f2b5d;
  border: 1px solid #ffd85e;
}

.single-interview header .main_ttl {
  background-image: url(images/bg_main_ttl_interview.jpg);
}
.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 50px;
  padding: 40px;
  background: #f6fdfe;
  border-radius: 12px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    max-width: 100%;
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    padding: 30px;
    margin-bottom: 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;
  border-radius: 15px;
  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: #07a2de;
  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_status:before {
  content: "/";
}
.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_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: #0f2b5d;
  font-weight: 700;
  letter-spacing: 1px;
  margin-right: 10px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .name {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 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: #07a2de;
}
@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: #0f2b5d;
  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_profile {
  max-width: 1280px;
  margin: 0 auto 50px;
  padding: 40px;
  border: 1px solid #0f2b5d;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_profile {
    padding: 30px;
    margin-bottom: 40px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_profile {
    padding: 25px;
    margin-bottom: 30px;
  }
}
.single-interview .content section.sec_interview_detail .interview_profile .profile_ttl {
  font-size: 16px;
  font-size: 1.6rem;
  color: #07a2de;
  font-weight: 700;
  margin-bottom: 10px;
}
.single-interview .content section.sec_interview_detail .interview_qa {
  max-width: 1280px;
  margin: 0 auto 30px;
  padding: 40px;
  border: 1px solid #0f2b5d;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa {
    padding: 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa {
    padding: 25px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa h2 {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa h2 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_qa h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.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: 40px;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont li:last-child {
  margin-bottom: 0;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_img {
  margin-bottom: 20px;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_img img {
  width: 100%;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #07a2de;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: left;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p {
  margin-bottom: 20px;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p:last-child {
  margin-bottom: 0;
}
.single-interview .content section.sec_interview_detail .interview_suitable_person {
  max-width: 1280px;
  margin: 0 auto 50px;
  padding: 40px;
  background: #f2fbfe;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_suitable_person {
    padding: 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_suitable_person {
    padding: 25px;
  }
}
.single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person_ttl {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person_ttl {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person_ttl {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person_ttl .name {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  color: #07a2de;
  margin-bottom: 5px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person_ttl .name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person_ttl .name {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person_ttl .name {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person_ttl .name:before {
  content: "";
  width: 1px;
  height: 30px;
  background: #07a2de;
  position: absolute;
  top: 1px;
  left: -15px;
  transform: rotate(-15deg);
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person_ttl .name:before {
    height: 24px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person_ttl .name:before {
    height: 22px;
    left: -12px;
  }
}
.single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person_ttl .name:after {
  content: "";
  width: 1px;
  height: 30px;
  background: #07a2de;
  position: absolute;
  top: 1px;
  right: -10px;
  transform: rotate(15deg);
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person_ttl .name:after {
    height: 24px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person_ttl .name:after {
    height: 22px;
    right: -8px;
  }
}
.single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person_ttl p span {
  display: inline-block;
}
.single-interview .content section.sec_interview_detail .interview_suitable_person .suitable_person em {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  color: #07a2de;
  font-weight: 700;
  margin-bottom: 20px;
}
.single-interview .content section.sec_interview_detail .interview_doctor_comment {
  max-width: 1280px;
  margin: 100px auto 0;
  padding: 50px 40px 40px;
  border: 1px solid #0f2b5d;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_doctor_comment {
    padding: 40px 30px 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_doctor_comment {
    margin-top: 80px;
    padding: 40px 25px 25px;
  }
}
.single-interview .content section.sec_interview_detail .interview_doctor_comment .doctor_comment_ttl {
  font-size: 22px;
  font-size: 2.2rem;
  color: #07a2de;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_doctor_comment .doctor_comment_ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_doctor_comment .doctor_comment_ttl {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_doctor_comment .doctor_comment_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_doctor_comment .doctor_comment_ttl:before {
  content: "";
  width: 100px;
  height: 100px;
  background: url(images/photo_doctor_thumb.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -110px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_doctor_comment .doctor_comment_ttl:before {
    width: 80px;
    height: 80px;
    top: -90px;
  }
}
.single-interview .content .navigation_wrapper {
  padding: 0 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .single-interview .content .navigation_wrapper {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content .navigation_wrapper {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .navigation_wrapper {
    padding: 0 25px;
  }
}
.single-interview .content .navigation_wrapper .btn_back {
  width: 200px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.single-interview .content .navigation_wrapper .btn_back a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.single-interview .content .navigation_wrapper .btn_back a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .single-interview .content .navigation_wrapper .btn_back a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content .navigation_wrapper .btn_back a:after {
    right: 15px;
  }
}
.single-interview .content .navigation_wrapper .btn_back a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content .navigation_wrapper .btn_back {
    width: 160px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .navigation_wrapper .btn_back {
    width: 100%;
    position: static;
    transform: translateX(0);
  }
}
.single-interview .content .navigation_wrapper .btn_back a {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 1000px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    padding: 12px 20px 8px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    width: 100%;
    max-width: 100%;
    background: #fff;
    color: #07a2de;
    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;
  flex-direction: row-reverse;
  max-width: 1280px;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links {
    margin: 0 auto 10px;
  }
}
.single-interview .content .post-navigation .nav-links > div {
  width: 50%;
}
.single-interview .content .post-navigation .nav-links > div a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-interview .content .post-navigation .nav-links > div a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .post-navigation .nav-links > div a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.single-interview .content .post-navigation .nav-links > div a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .single-interview .content .post-navigation .nav-links > div a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content .post-navigation .nav-links > div a:after {
    right: 15px;
  }
}
.single-interview .content .post-navigation .nav-links > div a:hover:after {
  right: 20px;
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links > div {
    width: 100%;
  }
}
.single-interview .content .post-navigation .nav-links > div a {
  max-width: 300px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 15px 10px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .single-interview .content .post-navigation .nav-links > div a {
    max-width: 220px;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links > div a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .post-navigation .nav-links > div a {
    padding: 14px 10px;
  }
}
.single-interview .content .post-navigation .nav-links > div a span {
  display: inline-block;
  font-family: "Lato", serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #0f2b5d;
  letter-spacing: 1px;
  background: #fff;
  padding: 0 10px;
  border-radius: 100px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content .post-navigation .nav-links > div a span {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links > div a span {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links .nav-previous {
    margin-bottom: 10px;
  }
}
.single-interview .content .post-navigation .nav-links .nav-previous a {
  margin: 0 0 0 auto;
}
.single-interview .content .post-navigation .nav-links .nav-previous a:after {
  right: 25px;
  left: initial;
  transform: translateY(-50%);
}
@media screen and (max-width: 1000px) {
  .single-interview .content .post-navigation .nav-links .nav-previous a:after {
    right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links .nav-previous a:after {
    right: 25px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links .nav-next {
    margin-bottom: 10px;
  }
}
.single-interview .content .post-navigation .nav-links .nav-next:first-child {
  width: 100%;
}
.single-interview .content .post-navigation .nav-links .nav-next a {
  margin: 0 auto 0 0;
}
.single-interview .content .post-navigation .nav-links .nav-next a:after {
  left: 25px;
  right: initial;
  transform: translateY(-50%) rotate(-180deg);
}
@media screen and (max-width: 1000px) {
  .single-interview .content .post-navigation .nav-links .nav-next a:after {
    left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links .nav-next a:after {
    left: 25px;
  }
}

@media screen and (max-width: 768px) {
  .post-type-archive-recruit .btn_fixed_footer,
  .tax-recruit_cat .btn_fixed_footer,
  .tax-recruit_status .btn_fixed_footer {
    display: none;
  }
}
.post-type-archive-recruit .content .lnav,
.tax-recruit_cat .content .lnav,
.tax-recruit_status .content .lnav {
  padding: 0 40px 80px;
}
.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;
  padding-top: 0;
}
.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 #07a2de;
  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: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  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_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_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:after,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li a:hover:after,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li a:hover:after {
  right: 20px;
}
@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 .content section.sec_recruit_list,
.tax-recruit_cat .content section.sec_recruit_list,
.tax-recruit_status .content section.sec_recruit_list {
  max-width: 1000px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 22px;
}
@media screen and (max-width: 768px) {
  .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 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.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 {
  grid-column: 1 / -1;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit_group,
.tax-recruit_cat .content section.sec_recruit_list .recruit_group,
.tax-recruit_status .content section.sec_recruit_list .recruit_group {
  background: #f7f8f9;
  border: 1px solid #e2e5e8;
  border-radius: 8px;
  padding: 22px 26px 20px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit_group,
  .tax-recruit_cat .content section.sec_recruit_list .recruit_group,
  .tax-recruit_status .content section.sec_recruit_list .recruit_group {
    padding: 18px 18px 16px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit_group h2,
.tax-recruit_cat .content section.sec_recruit_list .recruit_group h2,
.tax-recruit_status .content section.sec_recruit_list .recruit_group h2 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: left;
  letter-spacing: 0.04em;
  line-height: 1.4;
  margin: 0;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit_group h2,
  .tax-recruit_cat .content section.sec_recruit_list .recruit_group h2,
  .tax-recruit_status .content section.sec_recruit_list .recruit_group h2 {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit_group h2:before,
.tax-recruit_cat .content section.sec_recruit_list .recruit_group h2:before,
.tax-recruit_status .content section.sec_recruit_list .recruit_group h2:before {
  content: "";
  display: block;
  width: 4px;
  height: 1.5em;
  border: none;
  border-radius: 100px;
  background: #f8b60e;
  position: static;
  flex: 0 0 auto;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit_links,
.tax-recruit_cat .content section.sec_recruit_list .recruit_links,
.tax-recruit_status .content section.sec_recruit_list .recruit_links {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 18px;
  border-top: 1px solid #d8dde1;
  margin-top: 14px;
  padding-top: 14px;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit_links a,
.tax-recruit_cat .content section.sec_recruit_list .recruit_links a,
.tax-recruit_status .content section.sec_recruit_list .recruit_links a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #0f2b5d;
  font-weight: 500;
  line-height: 1.9;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit_links a:after,
.tax-recruit_cat .content section.sec_recruit_list .recruit_links a:after,
.tax-recruit_status .content section.sec_recruit_list .recruit_links a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit_links a:hover,
.tax-recruit_cat .content section.sec_recruit_list .recruit_links a:hover,
.tax-recruit_status .content section.sec_recruit_list .recruit_links a:hover {
  color: #6f7b86;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit_links a:hover:after,
.tax-recruit_cat .content section.sec_recruit_list .recruit_links a:hover:after,
.tax-recruit_status .content section.sec_recruit_list .recruit_links a:hover:after {
  transform: translateX(3px);
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit_links a .possibility,
.tax-recruit_cat .content section.sec_recruit_list .recruit_links a .possibility,
.tax-recruit_status .content section.sec_recruit_list .recruit_links a .possibility {
  font-size: 12px;
  font-size: 1.2rem;
  color: #6f7b86;
}
.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: #07a2de;
  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: #0f2b5d;
}
.single-recruit .content section.recruit_wrapper .contants_nav li a {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  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_blue_yellow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 4px;
  left: 0;
  transform: rotate(90deg);
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .contants_nav li a:after {
    width: 18px;
    height: 18px;
    top: 5px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .contants_nav li a:after {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .contants_nav li a:after {
    top: 4px;
  }
}
.single-recruit .content section.recruit_wrapper .btn_entry a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.single-recruit .content section.recruit_wrapper .btn_entry a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a:after {
    right: 15px;
  }
}
.single-recruit .content section.recruit_wrapper .btn_entry a:hover:after {
  right: 20px;
}
.single-recruit .content section.recruit_wrapper .btn_entry a {
  max-width: 320px;
  margin: 0 auto 40px;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 12px 30px;
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 30px;
  }
}
.single-recruit .content section.recruit_wrapper h3 {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-left: 36px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper h3 {
    font-size: 22px;
    font-size: 2.2rem;
    padding-left: 32px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper h3 {
    font-size: 20px;
    font-size: 2rem;
    padding-left: 30px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 26px;
  }
}
.single-recruit .content section.recruit_wrapper h3:before {
  content: "";
  width: 26px;
  height: 26px;
  border: 5px solid #07a2de;
  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 #0f2b5d;
  border-left: 1px solid #0f2b5d;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table {
    border-bottom: 1px solid #0f2b5d;
  }
}
.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 #0f2b5d;
  border-bottom: 1px solid #0f2b5d;
}
@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: #0f2b5d;
  text-align: center;
  vertical-align: top;
  background: #f2f9fa;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th {
    width: 100%;
    border-bottom: none;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th {
    text-align: left;
  }
}
.single-recruit .content section.recruit_wrapper .recruit_table td {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table td {
    width: 100%;
    border-bottom: none;
  }
}
.single-recruit .content section.recruit_wrapper .recruit_table td.addr span {
  display: inline-block;
  margin-right: 10px;
}
.single-recruit .content section.recruit_wrapper .recruit_table td iframe {
  height: 300px;
}
.single-recruit .content section.recruit_wrapper .recruit_table td .link_visitor {
  margin-top: 20px;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  padding: 0;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form label {
  width: 100%;
  max-width: 480px;
  display: inline-block;
  text-align: left;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form label .rec {
  color: #ea1b1b;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form input[type=text],
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form input[type=tel],
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form input[type=email] {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 10px;
  max-width: 480px;
  width: 100%;
  height: 40px;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .check-web {
  margin-top: 30px;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .check-web .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .entry_form_area .check-web .sp {
    display: block;
  }
}
.single-recruit .content section.recruit_wrapper .btn_visitor {
  margin-bottom: 50px;
}
.single-recruit .content section.recruit_wrapper .btn_visitor a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f2b5d;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #ffd85e;
  border: 1px solid #ffd85e;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .btn_visitor a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_visitor a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.single-recruit .content section.recruit_wrapper .btn_visitor a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_visitor a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .btn_visitor a:after {
    right: 15px;
  }
}
.single-recruit .content section.recruit_wrapper .btn_visitor a:hover:after {
  right: 20px;
}
.single-recruit .content .fix_btn2 {
  position: static;
  display: none;
}
@media screen and (max-width: 768px) {
  .single-recruit .content .fix_btn2 {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
  }
}
.single-recruit .content .fix_btn2 a {
  display: block;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 12px 10px;
  margin: 0;
  width: 100%;
  text-align: center;
  position: relative;
  background: #0f2b5d;
}
.single-recruit .content .fix_btn2 i.far.fa-envelope {
  margin-right: 10px;
}
.single-recruit footer {
  padding-bottom: 53px;
}

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