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

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

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

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

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

body {
  margin: 0;
}

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

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

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

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

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #333;
  font-family: "Zen Maru Gothic", "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_nemoto_dc
Theme URI: http://underscores.me/
Author: Me

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

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Theme
--------------------------------------------------------------*/
p {
  margin-bottom: 1.5em;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

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

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

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

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

big {
  font-size: 125%;
}

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

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

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

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

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

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

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

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*!
Theme Name: theme_nemoto_dc
Theme URI: http://underscores.me/
Author: Me

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

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Theme
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

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

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

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

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

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/*!
Theme Name: theme_nemoto_dc
Theme URI: http://underscores.me/
Author: Me

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

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Theme
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
/*!
Theme Name: theme_nemoto_dc
Theme URI: http://underscores.me/
Author: Me

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

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Theme
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
/*!
Theme Name: theme_nemoto_dc
Theme URI: http://underscores.me/
Author: Me

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

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Theme
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

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

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

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

.hentry {
  margin: 0 0 1.5em;
}

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

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

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

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

.bypostauthor {
  display: block;
}

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

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

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

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

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
/*!
Theme Name: theme_nemoto_dc
Theme URI: http://underscores.me/
Author: Me

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

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Theme
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

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

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# themes
--------------------------------------------------------------*/
/*!
Theme Name: theme_nemoto_dc
Theme URI: http://underscores.me/
Author: Me

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

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Theme
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

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

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

body {
  background: #055086; /* 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: #055086;
  font-family: "Zen Maru Gothic", "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: #055086;
}

.font {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

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

q, blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

html {
  font-size: 62.5%;
  scroll-behavior: auto;
  scroll-padding-top: 140px;
}
@media screen and (max-width: 1400px) {
  html {
    scroll-padding-top: 125px;
  }
}
@media screen and (max-width: 1250px) {
  html {
    scroll-padding-top: 116px;
  }
}
@media screen and (max-width: 600px) {
  html {
    scroll-padding-top: 106px;
  }
}
@media screen and (max-width: 480px) {
  html {
    scroll-padding-top: 91px;
  }
}
@media screen and (max-width: 400px) {
  html {
    scroll-padding-top: 90px;
  }
}

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

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

a:hover {
  opacity: 0.8;
}

.sp_none {
  display: block;
}

.pc_none {
  display: none;
}

.inline_block {
  display: inline-block;
}

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

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

.wrapper {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .sp_none {
    display: none;
  }
  .pc_none {
    display: block;
  }
  .section_inner {
    width: 100%;
  }
}
@keyframes hdfix {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* #header
------------------------------------------------------------- */
header {
  z-index: 10;
}
header.fixed {
  padding-top: 106px;
}
@media screen and (max-width: 600px) {
  header.fixed {
    padding-top: 82px;
  }
}
@media screen and (max-width: 480px) {
  header.fixed {
    padding-top: 73px;
  }
}
header.fixed .header_top {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: #fff;
}
header .header_top {
  padding: 20px 30px 35px 40px;
  transition: 0.5s;
}
@media screen and (max-width: 1400px) {
  header .header_top {
    padding: 20px;
  }
}
@media screen and (max-width: 480px) {
  header .header_top {
    padding: 15px;
  }
}
header .header_top > h1 {
  display: none;
}
header .header_top > .logo {
  width: 280px;
}
@media screen and (max-width: 1250px) {
  header .header_top > .logo {
    width: 224px;
  }
}
@media screen and (max-width: 600px) {
  header .header_top > .logo {
    width: 196px;
  }
}
@media screen and (max-width: 480px) {
  header .header_top > .logo {
    width: 168px;
  }
}
header .header_top > .logo a {
  display: block;
}
header .header_top > .logo .for_recruit {
  width: 280px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #0160a4;
  text-align: center;
  font-weight: 500;
  border: 1px solid #0160a4;
  border-radius: 100px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1250px) {
  header .header_top > .logo .for_recruit {
    width: 224px;
  }
}
@media screen and (max-width: 600px) {
  header .header_top > .logo .for_recruit {
    width: 196px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  header .header_top > .logo .for_recruit {
    width: 168px;
  }
}
@media screen and (max-width: 400px) {
  header .header_top > .logo .for_recruit {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1250px) {
  header .header_top > .logo img {
    width: 224px;
  }
}
@media screen and (max-width: 600px) {
  header .header_top > .logo img {
    width: 196px;
  }
}
@media screen and (max-width: 480px) {
  header .header_top > .logo img {
    width: 168px;
  }
}
header .gnav {
  position: absolute;
  top: 84px;
  right: 40px;
  z-index: 10;
}
@media screen and (max-width: 1400px) {
  header .gnav {
    top: 74px;
    right: 20px;
  }
}
@media screen and (max-width: 1250px) {
  header .gnav {
    top: 64px;
  }
}
@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;
}
@media screen and (max-width: 1250px) {
  header .gnav ul li.parent > a {
    letter-spacing: 0;
  }
}
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;
}
@media screen and (max-width: 1400px) {
  header .gnav ul li.parent > a:after {
    top: 9px;
  }
}
header .gnav ul li.parent .child {
  display: block;
  background: #fff7ee;
  padding: 5px 20px;
  border-radius: 10px;
  position: absolute;
  top: 50px;
  left: -20px;
  width: 240px;
  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.parent .grandchild {
  display: block;
  padding-bottom: 10px;
}
header .gnav ul li.parent .grandchild li {
  padding-left: 20px;
  border-bottom: none;
}
header .gnav ul li.parent .grandchild li:first-child a {
  padding-top: 0;
}
header .gnav ul li.parent .grandchild li a {
  padding: 10px 5px 10px 15px;
  position: relative;
}
header .gnav ul li.parent .grandchild li a:before {
  content: "";
  width: 10px;
  height: 1px;
  background: #055086;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
header .gnav ul li.gnav_works .child {
  left: -80px;
}
header .gnav ul li.gnav_before_applying {
  margin-right: 0;
}
header .gnav ul li.gnav_before_applying .child {
  left: -160px;
}
header .gnav ul li.gnav_recruit {
  width: 216px;
  margin-right: 0;
  position: absolute;
  top: -84px;
  right: 176px;
}
header .gnav ul li.gnav_recruit a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 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;
}
@media screen and (max-width: 1400px) {
  header .gnav ul li.gnav_recruit {
    top: -74px;
    right: 196px;
  }
}
@media screen and (max-width: 1250px) {
  header .gnav ul li.gnav_recruit {
    top: -64px;
  }
}
header .gnav ul li.gnav_recruit a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #055086;
  background: #fbd356;
  padding: 13px 20px;
  border: none;
  border-radius: 0 0 0 10px;
}
header .gnav ul li.gnav_recruit a:after {
  content: none;
}
header .gnav ul li.gnav_recruit a:hover {
  background: #fbd356;
  color: #055086;
}
header .gnav ul li.gnav_entry {
  width: 216px;
  margin-right: 0;
  position: absolute;
  top: -84px;
  right: -40px;
}
header .gnav ul li.gnav_entry a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 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;
}
@media screen and (max-width: 1400px) {
  header .gnav ul li.gnav_entry {
    top: -74px;
    right: -20px;
  }
}
@media screen and (max-width: 1250px) {
  header .gnav ul li.gnav_entry {
    top: -64px;
  }
}
header .gnav ul li.gnav_entry a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  background: #0160a4;
  padding: 13px 20px;
  border: none;
  border-radius: 0;
}
header .gnav ul li.gnav_entry a:after {
  content: none;
}
header .gnav ul li.gnav_entry a:hover {
  color: #055086;
}
header .gnav a {
  font-size: 15px;
  font-size: 1.5rem;
  color: #055086;
  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: #055086;
}

.home header .header_top > h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.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: "Montserrat", sans-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: #055086;
  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: #055086;
}
@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: #055086;
}
@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: #eef7fe;
  z-index: 100000;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.drawer--top .drawer-nav .drawer-menu {
  padding: 150px 40px 40px;
}
@media screen and (max-width: 768px) {
  .drawer--top .drawer-nav .drawer-menu {
    padding: 130px 30px 45px;
  }
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu {
    padding-top: 110px;
  }
}
@media screen and (max-width: 400px) {
  .drawer--top .drawer-nav .drawer-menu {
    padding-top: 90px;
  }
}
.drawer--top .drawer-nav .drawer-menu .contact_tel {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  padding: 16px 28px;
  border-radius: 15px;
}
@media screen and (max-width: 1250px) {
  .drawer--top .drawer-nav .drawer-menu .contact_tel {
    border-radius: 12px;
  }
}
@media screen and (max-width: 600px) {
  .drawer--top .drawer-nav .drawer-menu .contact_tel {
    display: block;
  }
}
.drawer--top .drawer-nav .drawer-menu .contact_tel .txt {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  margin-right: 15px;
}
.drawer--top .drawer-nav .drawer-menu .contact_tel .tel_num {
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #055086;
  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-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 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: #055086;
  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: #055086;
  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: 800;
    text-align: center;
    background: #fbd356;
  }
  .btn_fixed_footer a.btn_entry {
    background: #055086;
  }
}

#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: #055086;
  line-height: 1.6;
  padding-left: 15px;
}
@media screen and (max-width: 480px) {
  #btn_fixed_new_graduate a p {
    width: calc(100% - 50px);
    font-size: 11px;
    font-size: 1.1rem;
    padding-left: 10px;
  }
}
#btn_fixed_new_graduate a p span {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 2px;
}
@media screen and (max-width: 480px) {
  #btn_fixed_new_graduate a p span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

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

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

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

#closeBanner {
  display: none;
}

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

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

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

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

@media (max-width: 1200px) {
  body:not(.home) .fixed-btn-new-graduate {
    display: none;
  }
}
@media (max-width: 824px) {
  .fixed-btn-new-graduate {
    bottom: 110px;
  }
}
.mainvisual {
  height: 660px;
  background: #f0fafd url(images/img_mainvisual.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .mainvisual {
    height: 600px;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual {
    height: 540px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual {
    height: 420px;
    margin-bottom: 160px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual {
    height: 340px;
    margin-bottom: 200px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual {
    height: 280px;
    margin-bottom: 220px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual {
    height: 220px;
  }
}
.mainvisual:after {
  content: "";
  width: 317px;
  height: 171px;
  background: url(images/img_illust_main_ttl_family.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -9px;
  left: 56%;
}
@media screen and (max-width: 1250px) {
  .mainvisual:after {
    left: 62%;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual:after {
    width: 253.6px;
    height: 136.8px;
    bottom: -160px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual:after {
    width: 221.9px;
    height: 119.7px;
    bottom: -200px;
    left: 60%;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual:after {
    width: 190.2px;
    height: 102.6px;
    bottom: -200px;
    left: 58%;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual:after {
    width: 158.5px;
    height: 85.5px;
    left: initial;
    right: 30px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual:after {
    bottom: -220px;
  }
}
.mainvisual .catch_area {
  background: #fff;
  border-radius: 30px;
  padding: 50px 60px;
  position: absolute;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1400px) {
  .mainvisual .catch_area {
    padding: 50px 30px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area {
    width: 600px;
    border-radius: 20px;
    bottom: -80px;
    box-shadow: 0 0 8px -3px #c5e9f5;
    padding: 50px 40px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area {
    width: 500px;
    bottom: -120px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area {
    width: 440px;
    padding: 40px 30px;
    bottom: -140px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area {
    width: 90%;
    border-radius: 15px;
    bottom: -160px;
  }
}
.mainvisual .catch_area:before {
  content: "";
  width: 112px;
  height: 73px;
  background: url(images/img_illust_mv.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -37px;
  left: 167px;
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area:before {
    left: 140px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area:before {
    width: 100.8px;
    height: 65.7px;
    top: -24px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area:before {
    width: 89.6px;
    height: 58.4px;
    top: -20px;
    left: 120px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area:before {
    width: 78.4px;
    height: 51.1px;
    left: 80px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch_area:before {
    width: 67.2px;
    height: 43.8px;
    left: 60px;
  }
}
.mainvisual .catch_area .catch_main {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  text-align: center;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 3px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area .catch_main {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .catch_main {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .catch_main {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_main {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .catch_main {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch_area .catch_main {
    font-size: 20px;
    font-size: 2rem;
  }
}
.mainvisual .catch_area .catch_main em {
  font-size: 48px;
  font-size: 4.8rem;
  color: #2697e7;
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area .catch_main em {
    font-size: 44px;
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .catch_main em {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .catch_main em {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_main em {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .catch_main em {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch_area .catch_main em {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.mainvisual .catch_area .catch_main span {
  font-size: 48px;
  font-size: 4.8rem;
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area .catch_main span {
    font-size: 44px;
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch_area .catch_main span {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .catch_main span {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_main span {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch_area .catch_main span {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch_area .catch_main span {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.mainvisual .catch_area .catch_sub {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #0466ac;
  font-weight: 500;
  letter-spacing: 2px;
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch_area .catch_sub {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch_area .catch_sub br {
    display: none;
  }
}
.mainvisual .catch_area .catch_sub span {
  background: linear-gradient(transparent 55%, #ffeb78 55%);
}
.mainvisual .photo {
  width: 924px;
  margin-left: auto;
}
@media screen and (max-width: 1400px) {
  .mainvisual .photo {
    width: 840px;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual .photo {
    width: 700px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .photo {
    width: 560px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .photo {
    width: 630px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .photo {
    width: 100%;
  }
}
.mainvisual .photo img {
  width: auto;
  height: 660px;
}
@media screen and (max-width: 1400px) {
  .mainvisual .photo img {
    height: 600px;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual .photo img {
    height: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .photo img {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .photo img {
    height: 450px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .photo img {
    height: auto;
  }
}

/* content
------------------------------------------------------------- */
.content {
  width: 100%;
  position: relative;
}
.content .btn_contact {
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 10;
}
@media screen and (max-width: 600px) {
  .content .btn_contact {
    width: 100%;
    top: initial;
    bottom: 0;
  }
}
.content .btn_contact a {
  display: block;
  height: 232px;
  font-family: "Montserrat", sans-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: #055086;
  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;
  }
}
@media screen and (max-width: 400px) {
  .content section {
    padding: 50px 25px;
  }
}
.content section.sec_message {
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_message {
    padding-bottom: 320px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message {
    padding-bottom: 280px;
  }
}
.content section.sec_message:before {
  content: "";
  width: 78px;
  height: 111px;
  background: url(images/img_illust_top_message01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 138px;
  right: 90px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_message:before {
    width: 70.2px;
    height: 99.9px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message:before {
    width: 62.4px;
    height: 88.8px;
    top: 160px;
    right: 50px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message:before {
    width: 46.8px;
    height: 66.6px;
    top: 160px;
    right: 25px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message:before {
    width: 39px;
    height: 55.5px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message:before {
    width: 31.2px;
    height: 44.4px;
    top: initial;
    bottom: 180px;
    right: 30px;
  }
}
.content section.sec_message .ttl_en {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 10px;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .content section.sec_message .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_message h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .content section.sec_message h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message h2 {
    margin-bottom: 30px;
  }
}
.content section.sec_message h2 span {
  display: inline-block;
}
@media screen and (max-width: 480px) {
  .content section.sec_message h2 {
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.content section.sec_message .msg {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .content section.sec_message .msg {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .msg {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg {
    margin-bottom: 30px;
  }
}
.content section.sec_message .msg p {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 500;
  line-height: 2;
  margin-bottom: 40px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_message .msg p {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .msg p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .msg p {
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}
.content section.sec_message .msg p span {
  background: linear-gradient(transparent 55%, #ffeb78 55%);
}
.content section.sec_message .photo {
  position: absolute;
}
.content section.sec_message .photo.photo01 {
  top: 340px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo.photo01 {
    left: -20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .photo.photo01 {
    top: initial;
    bottom: 50px;
  }
}
.content section.sec_message .photo.photo01 img {
  width: 335px;
  height: 409px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_message .photo.photo01 img {
    width: 268px;
    height: 327.2px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .photo.photo01 img {
    width: 201px;
    height: 245.4px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo.photo01 img {
    width: 134px;
    height: 163.6px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .photo.photo01 img {
    width: 201px;
    height: 245.4px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .photo.photo01 img {
    width: 167.5px;
    height: 204.5px;
  }
}
.content section.sec_message .photo.photo02 {
  bottom: -84px;
  right: 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .photo.photo02 {
    bottom: -60px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .photo.photo02 {
    bottom: -40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .photo.photo02 {
    bottom: -30px;
  }
}
.content section.sec_message .photo.photo02 img {
  width: 371px;
  height: 435px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_message .photo.photo02 img {
    width: 296.8px;
    height: 348px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .photo.photo02 img {
    width: 222.6px;
    height: 261px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .photo.photo02 img {
    width: 185.5px;
    height: 217.5px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .photo.photo02 img {
    width: 148.4px;
    height: 174px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .photo.photo02 img {
    width: 148.4px;
    height: 174px;
  }
}
.content section.sec_message .photo > img {
  width: 100%;
}
.content section.sec_message .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_message .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_message .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_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_message .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .btn_more a:after {
    right: 15px;
  }
}
.content section.sec_message .btn_more a:hover:after {
  right: 20px;
}
.content section.sec_clinic {
  background: #f0fafc url(images/bg_top_clinic.png) no-repeat center center;
  background-size: cover;
  padding-right: 0;
  padding-left: 0;
}
.content section.sec_clinic .section_inner {
  max-width: 1360px;
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic .section_inner {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .section_inner {
    padding: 0 25px;
  }
}
.content section.sec_clinic .ttl_en {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 10px;
  color: #2697e7;
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_clinic h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_clinic h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_clinic h2 {
    margin-bottom: 30px;
  }
}
.content section.sec_clinic h2 span {
  display: inline-block;
}
.content section.sec_clinic .clinic_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;
}
.content section.sec_clinic .clinic_inner .photo {
  width: 600px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_clinic .clinic_inner .photo {
    width: 460px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic .clinic_inner .photo {
    width: 100%;
    margin-bottom: 80px;
  }
}
.content section.sec_clinic .clinic_inner .photo:after {
  content: "";
  width: 100px;
  height: 100px;
  background: url(images/img_illust_top_clinic02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -17px;
  left: -22px;
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic .clinic_inner .photo:after {
    width: 80px;
    height: 80px;
    left: -15px;
  }
}
.content section.sec_clinic .clinic_inner .photo img {
  width: 100%;
  height: 590px;
  object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_clinic .clinic_inner .photo img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic .clinic_inner .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic .clinic_inner .photo img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_clinic .clinic_inner .photo img {
    border-radius: 15px;
  }
}
.content section.sec_clinic .clinic_inner .contents_box {
  width: calc(100% - 640px);
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  background: #d9f2fa;
  margin: 0 0 0 auto;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_clinic .clinic_inner .contents_box {
    width: calc(100% - 500px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic .clinic_inner .contents_box {
    width: 100%;
    padding-bottom: 80px;
  }
}
.content section.sec_clinic .clinic_inner .contents_box:after {
  content: "";
  width: 112px;
  height: 129px;
  background: url(images/img_illust_top_clinic01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -73px;
  right: -38px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_clinic .clinic_inner .contents_box:after {
    width: 100.8px;
    height: 116.1px;
    right: -30px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic .clinic_inner .contents_box:after {
    width: 89.6px;
    height: 103.2px;
    top: -50px;
    right: -20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic .clinic_inner .contents_box:after {
    width: 78.4px;
    height: 90.3px;
    top: -40px;
    right: -15px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_clinic .clinic_inner .contents_box:after {
    width: 67.2px;
    height: 77.4px;
  }
}
.content section.sec_clinic .clinic_inner .contents_box ul li {
  width: 100%;
  margin: 0 0 35px 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic .clinic_inner .contents_box ul li {
    margin-bottom: 30px;
  }
}
.content section.sec_clinic .contents_box {
  max-width: 1280px;
  background: #eef7fe;
  border-radius: 20px;
  padding: 40px 45px 0;
  margin: 0 auto;
  padding-bottom: 85px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_clinic .contents_box {
    padding: 40px 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_clinic .contents_box {
    padding: 40px 35px 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic .contents_box {
    border-radius: 15px;
    padding: 35px 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .contents_box {
    border-radius: 12px;
    padding: 30px 20px 0;
  }
}
.content section.sec_clinic .contents_box .link_list {
  position: relative;
}
.content section.sec_clinic .contents_box .link_ttl {
  width: 114px;
  height: 48px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 700;
  letter-spacing: 2px;
  background: url(images/bg_top_contents_box_ttl_blue.png) no-repeat 0 0;
  background-size: cover;
  padding-top: 12px;
  position: absolute;
  top: -88px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic .contents_box .link_ttl {
    top: -83px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .contents_box .link_ttl {
    width: 102.6px;
    height: 43.2px;
    font-size: 15px;
    font-size: 1.5rem;
    top: -73px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_clinic .contents_box .link_ttl {
    width: 91.2px;
    height: 38.4px;
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 10px;
    top: -69px;
  }
}
.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;
  }
}
.content section.sec_clinic .contents_box ul li:nth-child(even) {
  margin-right: 0;
}
.content section.sec_clinic .contents_box ul li a {
  display: block;
}
.content section.sec_clinic .contents_box ul li a .num {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #2697e7;
  font-weight: 500;
  line-height: 1;
  margin-right: 10px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_clinic .contents_box ul li a .num {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .contents_box ul li a .num {
    font-size: 18px;
    font-size: 1.8rem;
    margin-right: 5px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_clinic .contents_box ul li a .num {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_clinic .contents_box ul li a .ttl {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #055086;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  padding: 26px 70px 26px 30px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px -3px #c5e9f5;
  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;
    padding: 20px 60px 20px 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic .contents_box ul li a .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .contents_box ul li a .ttl {
    font-size: 16px;
    font-size: 1.6rem;
    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: 15px;
    font-size: 1.5rem;
    letter-spacing: 0;
    padding: 15px 40px 15px 15px;
    border-radius: 10px;
  }
}
.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: 1250px) {
  .content section.sec_clinic .contents_box ul li a .ttl:before {
    width: 20px;
    height: 20px;
    right: 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 .catch {
  font-size: 15px;
  font-size: 1.5rem;
  color: #2697e7;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .content section.sec_clinic .contents_box ul li .catch {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_clinic .contents_box .msg_baloon {
  position: absolute;
}
.content section.sec_clinic .contents_box .msg_baloon.msg01 {
  bottom: -50px;
  left: 35px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg01 {
    left: 20px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg01 {
    left: 0;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg01 {
    left: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg01 {
    left: 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg01 {
    bottom: -35px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg01 img {
    width: 144px;
    height: 64.8px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg01 img {
    width: 128px;
    height: 57.6px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg01 img {
    width: 112px;
    height: 50.4px;
  }
}
.content section.sec_clinic .contents_box .msg_baloon.msg02 {
  bottom: -45px;
  right: 78px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg02 {
    right: 30px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg02 {
    left: 160px;
    right: initial;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg02 {
    left: 200px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg02 {
    left: 160px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg02 {
    bottom: -35px;
    left: initial;
    right: 0;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg02 img {
    width: 187.2px;
    height: 58.5px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg02 img {
    width: 166.4px;
    height: 52px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_clinic .contents_box .msg_baloon.msg02 img {
    width: 145.6px;
    height: 45.5px;
  }
}
.content section.sec_clinic .photo_sub img {
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .content section.sec_clinic .photo_sub img {
    height: 360px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_clinic .photo_sub img {
    height: 280px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_clinic .photo_sub img {
    height: 260px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_clinic .photo_sub img {
    height: 240px;
  }
}
.content section.sec_photo_gallery {
  padding: 60px 0 100px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_photo_gallery {
    padding: 60px 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_photo_gallery {
    padding: 50px 0;
  }
}
.content section.sec_photo_gallery .photo {
  margin: 0 10px;
}
@media screen and (max-width: 600px) {
  .content section.sec_photo_gallery .photo {
    margin: 0 8px;
  }
}
.content section.sec_photo_gallery .photo img {
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_photo_gallery .photo img {
    width: 240px;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_photo_gallery .photo img {
    width: 200px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_photo_gallery .photo img {
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_photo_gallery .photo img {
    width: 180px;
  }
}
.content section.sec_doctor {
  background: #f1fffc;
}
.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 80px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor .doctor_header {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .doctor_header {
    margin-bottom: 60px;
  }
}
.content section.sec_doctor .txt_area {
  width: 48.43%;
  -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) {
  .content section.sec_doctor .txt_area {
    width: 100%;
  }
}
.content section.sec_doctor .txt_area .ttl_en {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 10px;
  color: #87e0db;
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .txt_area .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_doctor .txt_area h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .txt_area h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .txt_area h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .txt_area h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .txt_area h2 {
    margin-bottom: 30px;
  }
}
.content section.sec_doctor .txt_area h2 span {
  display: inline-block;
}
.content section.sec_doctor .txt_area .catch {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 26px;
  font-size: 2.6rem;
  color: #45cdb7;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.4;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .txt_area .catch {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .txt_area .catch {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .txt_area .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.content section.sec_doctor .txt_area .catch span:first-child {
  background: linear-gradient(transparent 55%, #ffeb78 55%);
}
.content section.sec_doctor .txt_area .catch span:last-child {
  display: inline-block;
}
.content section.sec_doctor .doctor_photo {
  width: 46.87%;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .doctor_photo {
    width: 100%;
    max-width: 580px;
    margin: 0 auto 40px;
  }
}
.content section.sec_doctor .doctor_photo .msg {
  position: absolute;
  top: -40px;
  left: 112px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor .doctor_photo .msg {
    left: 50px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .doctor_photo .msg {
    top: -30px;
    left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .doctor_photo .msg img {
    width: 99.9px;
    height: 79.2px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .doctor_photo .msg img {
    width: 88.8px;
    height: 70.4px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .doctor_photo .msg img {
    width: 77.7px;
    height: 61.6px;
  }
}
.content section.sec_doctor .doctor_photo .photo img {
  border-radius: 30px;
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .doctor_photo .photo img {
    border-radius: 20px;
  }
}
.content section.sec_doctor .contents_box {
  max-width: 1280px;
  background: #eef7fe;
  border-radius: 20px;
  padding: 40px 45px 0;
  margin: 0 auto;
  background: #d5faf4;
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor .contents_box {
    padding: 40px 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .contents_box {
    padding: 40px 35px 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .contents_box {
    border-radius: 15px;
    padding: 35px 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .contents_box {
    border-radius: 12px;
    padding: 30px 20px 0;
  }
}
.content section.sec_doctor .contents_box .link_list {
  position: relative;
}
.content section.sec_doctor .contents_box .link_ttl {
  width: 114px;
  height: 48px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 700;
  letter-spacing: 2px;
  background: url(images/bg_top_contents_box_ttl_blue.png) no-repeat 0 0;
  background-size: cover;
  padding-top: 12px;
  position: absolute;
  top: -88px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .contents_box .link_ttl {
    top: -83px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .contents_box .link_ttl {
    width: 102.6px;
    height: 43.2px;
    font-size: 15px;
    font-size: 1.5rem;
    top: -73px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .contents_box .link_ttl {
    width: 91.2px;
    height: 38.4px;
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 10px;
    top: -69px;
  }
}
.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;
  }
}
.content section.sec_doctor .contents_box ul li:nth-child(even) {
  margin-right: 0;
}
.content section.sec_doctor .contents_box ul li a {
  display: block;
}
.content section.sec_doctor .contents_box ul li a .num {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #2697e7;
  font-weight: 500;
  line-height: 1;
  margin-right: 10px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor .contents_box ul li a .num {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .contents_box ul li a .num {
    font-size: 18px;
    font-size: 1.8rem;
    margin-right: 5px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .contents_box ul li a .num {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_doctor .contents_box ul li a .ttl {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #055086;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  padding: 26px 70px 26px 30px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px -3px #c5e9f5;
  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;
    padding: 20px 60px 20px 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .contents_box ul li a .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .contents_box ul li a .ttl {
    font-size: 16px;
    font-size: 1.6rem;
    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: 15px;
    font-size: 1.5rem;
    letter-spacing: 0;
    padding: 15px 40px 15px 15px;
    border-radius: 10px;
  }
}
.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: 1250px) {
  .content section.sec_doctor .contents_box ul li a .ttl:before {
    width: 20px;
    height: 20px;
    right: 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 .catch {
  font-size: 15px;
  font-size: 1.5rem;
  color: #2697e7;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .contents_box ul li .catch {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_doctor .contents_box .link_ttl {
  background-image: url(images/bg_top_contents_box_ttl_green.png);
}
.content section.sec_doctor .contents_box ul li .catch {
  color: #20b89f;
}
.content section.sec_doctor .contents_box ul li a .ttl {
  box-shadow: 0 0 8px -3px #a0e6da;
}
.content section.sec_doctor .contents_box ul li a .num {
  color: #20b89f;
}
.content section.sec_interview {
  padding-top: 210px;
  padding-bottom: 300px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview {
    padding-bottom: 280px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview {
    padding-bottom: 250px;
  }
}
.content section.sec_interview:before {
  content: "";
  width: 50px;
  height: 48px;
  background: url(images/bg_top_interview_dots01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 118px;
  left: 442px;
}
@media screen and (max-width: 768px) {
  .content section.sec_interview:before {
    left: 200px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview:before {
    width: 40px;
    height: 38.4px;
    left: 100px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview:before {
    width: 35px;
    height: 33.6px;
    left: 70px;
  }
}
.content section.sec_interview:after {
  content: "";
  width: 60px;
  height: 78px;
  background: url(images/bg_top_interview_dots02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 266px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview:after {
    width: 48px;
    height: 62.4px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview:after {
    width: 42px;
    height: 54.6px;
    top: 160px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview:after {
    width: 36px;
    height: 46.8px;
  }
}
.content section.sec_interview .section_inner:before {
  content: "";
  width: 46px;
  height: 49px;
  background: url(images/bg_top_interview_dots03.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -87px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .section_inner:before {
    bottom: -220px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .section_inner:before {
    width: 41.4px;
    height: 44.1px;
    left: -10px;
  }
}
.content section.sec_interview .section_inner:after {
  content: "";
  width: 60px;
  height: 60px;
  background: url(images/bg_top_interview_dots04.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 15px;
  right: 102px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .section_inner:after {
    width: 30px;
    height: 30px;
    right: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .section_inner:after {
    top: -60px;
    right: 0;
  }
}
.content section.sec_interview .section_inner .txt_area .ttl_en {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 10px;
  text-align: center;
  color: #dee34c;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .section_inner .txt_area .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .section_inner .txt_area .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .section_inner .txt_area .ttl_en {
    letter-spacing: 2px;
  }
}
.content section.sec_interview .section_inner .txt_area h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .section_inner .txt_area h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .section_inner .txt_area h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .section_inner .txt_area h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .section_inner .txt_area h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .section_inner .txt_area h2 {
    margin-bottom: 30px;
  }
}
.content section.sec_interview .section_inner .txt_area h2 span {
  display: inline-block;
}
.content section.sec_interview .section_inner .txt_area p {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .section_inner .txt_area p {
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .section_inner .txt_area p {
    margin-bottom: 20px;
  }
}
.content section.sec_interview .section_inner .txt_area p:last-child {
  margin-bottom: 0;
}
.content section.sec_interview .section_inner .txt_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .section_inner .txt_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .section_inner .txt_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_interview .section_inner .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) {
  .content section.sec_interview .section_inner .txt_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .section_inner .txt_area .btn_more a:after {
    right: 15px;
  }
}
.content section.sec_interview .section_inner .txt_area .btn_more a:hover:after {
  right: 20px;
}
.content section.sec_interview .section_inner .txt_area .btn_more a {
  background-image: url(images/bg_btn_pale_green.png);
}
.content section.sec_interview .photo {
  position: absolute;
}
.content section.sec_interview .photo.photo01 {
  top: -28px;
  left: 72px;
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .photo.photo01 {
    left: 30px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .photo.photo01 {
    top: -15px;
    left: 20px;
  }
}
@media screen and (max-width: 1400px) {
  .content section.sec_interview .photo.photo01 img {
    width: 201.6px;
    height: 189px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .photo.photo01 img {
    width: 179.2px;
    height: 168px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo.photo01 img {
    width: 156.8px;
    height: 147px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .photo.photo01 img {
    width: 134.4px;
    height: 126px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .photo.photo01 img {
    width: 112px;
    height: 105px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .photo.photo01 img {
    width: 89.6px;
    height: 84px;
  }
}
.content section.sec_interview .photo.photo02 {
  top: 314px;
  left: 140px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .photo.photo02 {
    left: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo.photo02 {
    top: initial;
    bottom: 140px;
  }
}
@media screen and (max-width: 1400px) {
  .content section.sec_interview .photo.photo02 img {
    width: 189px;
    height: 194.4px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .photo.photo02 img {
    width: 168px;
    height: 172.8px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo.photo02 img {
    width: 147px;
    height: 151.2px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .photo.photo02 img {
    width: 126px;
    height: 129.6px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .photo.photo02 img {
    width: 105px;
    height: 108px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .photo.photo02 img {
    width: 84px;
    height: 86.4px;
  }
}
.content section.sec_interview .photo.photo03 {
  bottom: 52px;
  left: 352px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo.photo03 {
    left: 300px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .photo.photo03 {
    left: 260px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .photo.photo03 {
    left: 200px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .photo.photo03 {
    left: 140px;
  }
}
@media screen and (max-width: 1400px) {
  .content section.sec_interview .photo.photo03 img {
    width: 170.1px;
    height: 154.8px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .photo.photo03 img {
    width: 151.2px;
    height: 137.6px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo.photo03 img {
    width: 132.3px;
    height: 120.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .photo.photo03 img {
    width: 113.4px;
    height: 103.2px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .photo.photo03 img {
    width: 94.5px;
    height: 86px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .photo.photo03 img {
    width: 75.6px;
    height: 68.8px;
  }
}
.content section.sec_interview .photo.photo04 {
  top: 55px;
  right: 58px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .photo.photo04 {
    right: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo.photo04 {
    top: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .photo.photo04 {
    right: 20px;
  }
}
@media screen and (max-width: 1400px) {
  .content section.sec_interview .photo.photo04 img {
    width: 352.8px;
    height: 199.8px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .photo.photo04 img {
    width: 313.6px;
    height: 177.6px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo.photo04 img {
    width: 274.4px;
    height: 155.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .photo.photo04 img {
    width: 235.2px;
    height: 133.2px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .photo.photo04 img {
    width: 196px;
    height: 111px;
  }
}
.content section.sec_interview .photo.photo05 {
  bottom: 92px;
  right: 142px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo.photo05 {
    right: 90px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .photo.photo05 {
    right: 20px;
  }
}
@media screen and (max-width: 1400px) {
  .content section.sec_interview .photo.photo05 img {
    width: 197.1px;
    height: 189px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .photo.photo05 img {
    width: 175.2px;
    height: 168px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo.photo05 img {
    width: 153.3px;
    height: 147px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .photo.photo05 img {
    width: 131.4px;
    height: 126px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .photo.photo05 img {
    width: 109.5px;
    height: 105px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .photo.photo05 img {
    width: 87.6px;
    height: 84px;
  }
}
.content section.sec_interview .photo.photo05:before {
  content: "";
  width: 58px;
  height: 59px;
  background: url(images/bg_top_interview_dots05.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -22px;
  right: -116px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .photo.photo05:before {
    right: -90px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .photo.photo05:before {
    width: 52.2px;
    height: 53.1px;
    left: -60px;
    right: initial;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .photo.photo05:before {
    width: 40.6px;
    height: 41.3px;
    left: -40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .photo.photo05:before {
    width: 34.8px;
    height: 35.4px;
    left: -10px;
  }
}
.content section.sec_works {
  padding-top: 0;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .content section.sec_works {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_works {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_works {
    margin-top: 10px;
  }
}
.content section.sec_works:before {
  content: "";
  width: 100%;
  height: 280px;
  background: url(images/bg_top_works.svg) no-repeat left top;
  background-size: cover;
  position: absolute;
  top: -10px;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 1400px) {
  .content section.sec_works:before {
    background-image: url(images/bg_top_works2.svg);
    top: -30px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_works:before {
    height: 200px;
    top: 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_works:before {
    height: 160px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_works:before {
    height: 120px;
  }
}
.content section.sec_works:after {
  content: "";
  position: absolute;
  top: 270px;
  left: 0;
  width: 100%;
  height: calc(100% - 270px);
  background: #fcf6d9;
  z-index: -1;
}
@media screen and (max-width: 1400px) {
  .content section.sec_works:after {
    top: 250px;
    height: calc(100% - 250px);
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_works:after {
    top: 200px;
    height: calc(100% - 200px);
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_works:after {
    top: 160px;
    height: calc(100% - 160px);
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_works:after {
    top: 120px;
    height: calc(100% - 120px);
  }
}
.content section.sec_works .section_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1360px;
  /*padding: 0 40px;
  @include mq.mq(tab_600) {
  	padding: 0 30px;
  }
  @include mq.mq(sms_480) {
  	padding: 0 25px;
  }*/
}
.content section.sec_works .txt_area {
  width: calc(100% - 640px);
  padding-top: 80px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_works .txt_area {
    width: calc(100% - 500px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_works .txt_area {
    width: 100%;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_works .txt_area {
    margin-bottom: 50px;
    padding-top: 60px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_works .txt_area {
    margin-bottom: 40px;
  }
}
.content section.sec_works .txt_area .ttl_en {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 10px;
  color: #f0c71d;
}
@media screen and (max-width: 600px) {
  .content section.sec_works .txt_area .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_works .txt_area .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_works .txt_area h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_works .txt_area h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_works .txt_area h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_works .txt_area h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_works .txt_area h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_works .txt_area h2 {
    margin-bottom: 30px;
  }
}
.content section.sec_works .txt_area h2 span {
  display: inline-block;
}
.content section.sec_works .txt_area .txt {
  margin-bottom: 90px;
}
.content section.sec_works .txt_area .contents_box {
  max-width: 1280px;
  background: #eef7fe;
  border-radius: 20px;
  padding: 40px 45px 0;
  margin: 0 auto;
  background: #fbeeb2;
}
@media screen and (max-width: 1250px) {
  .content section.sec_works .txt_area .contents_box {
    padding: 40px 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_works .txt_area .contents_box {
    padding: 40px 35px 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_works .txt_area .contents_box {
    border-radius: 15px;
    padding: 35px 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_works .txt_area .contents_box {
    border-radius: 12px;
    padding: 30px 20px 0;
  }
}
.content section.sec_works .txt_area .contents_box .link_list {
  position: relative;
}
.content section.sec_works .txt_area .contents_box .link_ttl {
  width: 114px;
  height: 48px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 700;
  letter-spacing: 2px;
  background: url(images/bg_top_contents_box_ttl_blue.png) no-repeat 0 0;
  background-size: cover;
  padding-top: 12px;
  position: absolute;
  top: -88px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .content section.sec_works .txt_area .contents_box .link_ttl {
    top: -83px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_works .txt_area .contents_box .link_ttl {
    width: 102.6px;
    height: 43.2px;
    font-size: 15px;
    font-size: 1.5rem;
    top: -73px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_works .txt_area .contents_box .link_ttl {
    width: 91.2px;
    height: 38.4px;
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 10px;
    top: -69px;
  }
}
.content section.sec_works .txt_area .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_works .txt_area .contents_box ul li {
  width: 48.31%;
  margin: 0% 3.36% 3.36% 0%;
}
@media screen and (max-width: 1000px) {
  .content section.sec_works .txt_area .contents_box ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_works .txt_area .contents_box ul li {
    margin-bottom: 30px;
  }
}
.content section.sec_works .txt_area .contents_box ul li:nth-child(even) {
  margin-right: 0;
}
.content section.sec_works .txt_area .contents_box ul li a {
  display: block;
}
.content section.sec_works .txt_area .contents_box ul li a .num {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #2697e7;
  font-weight: 500;
  line-height: 1;
  margin-right: 10px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_works .txt_area .contents_box ul li a .num {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_works .txt_area .contents_box ul li a .num {
    font-size: 18px;
    font-size: 1.8rem;
    margin-right: 5px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_works .txt_area .contents_box ul li a .num {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_works .txt_area .contents_box ul li a .ttl {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #055086;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  padding: 26px 70px 26px 30px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px -3px #c5e9f5;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_works .txt_area .contents_box ul li a .ttl {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 20px 60px 20px 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_works .txt_area .contents_box ul li a .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_works .txt_area .contents_box ul li a .ttl {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
    padding: 20px 50px 20px 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_works .txt_area .contents_box ul li a .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0;
    padding: 15px 40px 15px 15px;
    border-radius: 10px;
  }
}
.content section.sec_works .txt_area .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: 1250px) {
  .content section.sec_works .txt_area .contents_box ul li a .ttl:before {
    width: 20px;
    height: 20px;
    right: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_works .txt_area .contents_box ul li a .ttl:before {
    width: 18px;
    height: 18px;
    right: 15px;
  }
}
.content section.sec_works .txt_area .contents_box ul li a .ttl:hover:before {
  right: 25px;
}
.content section.sec_works .txt_area .contents_box ul li .catch {
  font-size: 15px;
  font-size: 1.5rem;
  color: #2697e7;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .content section.sec_works .txt_area .contents_box ul li .catch {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_works .txt_area .contents_box .link_ttl {
  background-image: url(images/bg_top_contents_box_ttl_yellow.png);
}
.content section.sec_works .txt_area .contents_box ul li {
  width: 100%;
  margin: 0 0 30px 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_works .txt_area .contents_box ul li {
    margin-bottom: 30px;
  }
}
.content section.sec_works .txt_area .contents_box ul li a .ttl {
  box-shadow: 0 0 8px -3px #f9e697;
}
.content section.sec_works .txt_area .contents_box ul li a .num {
  color: #f0c71d;
}
.content section.sec_works .photo_area {
  width: 600px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_works .photo_area {
    width: 460px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_works .photo_area {
    width: 100%;
  }
}
.content section.sec_works .photo_area .msg {
  position: absolute;
  top: -22px;
  right: -22px;
}
@media screen and (max-width: 480px) {
  .content section.sec_works .photo_area .msg {
    right: -15px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_works .photo_area .msg img {
    width: 123.3px;
    height: 70.2px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_works .photo_area .msg img {
    width: 109.6px;
    height: 62.4px;
  }
}
.content section.sec_works .photo_area .photo img {
  width: 100%;
  height: 590px;
  object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_works .photo_area .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_works .photo_area .photo img {
    border-radius: 20px;
  }
}
.content section.sec_works .photo_area .img_illust {
  position: absolute;
  bottom: -100px;
  right: -40px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_works .photo_area .img_illust {
    right: -20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_works .photo_area .img_illust {
    bottom: -80px;
    right: -10px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_works .photo_area .img_illust img {
    width: 70.2px;
    height: 113.4px;
  }
}
.content section.sec_environment .environment_header {
  max-width: 1280px;
  margin: 0 auto 90px;
  background: url(images/photo_top_environment.jpg) no-repeat center right;
  background-size: cover;
  border-radius: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .environment_header {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .environment_header {
    margin-bottom: 80px;
  }
}
.content section.sec_environment .environment_header .ttl_en {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 10px;
  color: #f99955;
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .environment_header .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .environment_header .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_environment .environment_header h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .environment_header h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .environment_header h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .environment_header h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .environment_header h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment .environment_header h2 {
    margin-bottom: 30px;
  }
}
.content section.sec_environment .environment_header h2 span {
  display: inline-block;
}
.content section.sec_environment .environment_header .txt {
  margin-bottom: 50px;
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .environment_header .txt {
    margin-bottom: 30px;
  }
}
.content section.sec_environment .photo {
  position: relative;
}
.content section.sec_environment .photo:before {
  content: "";
  width: 119px;
  height: 124px;
  background: url(images/img_illust_top_environment.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -75px;
  right: 26px;
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .photo:before {
    width: 95.2px;
    height: 99.2px;
    top: -40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .photo:before {
    width: 83.3px;
    height: 86.8px;
    top: -30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .photo:before {
    width: 71.4px;
    height: 74.4px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment .photo:before {
    width: 59.5px;
    height: 62px;
  }
}
.content section.sec_environment .photo .msg {
  position: absolute;
  bottom: 0;
  left: -102px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_environment .photo .msg {
    bottom: -20px;
    left: -30px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .photo .msg {
    width: 321.3px;
    height: 277.2px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .photo .msg {
    width: 249.9px;
    height: 215.6px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .photo .msg {
    width: 214.2px;
    height: 184.8px;
    bottom: -60px;
    left: initial;
    right: -20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .photo .msg {
    width: 178.5px;
    height: 154px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .photo .msg {
    width: 142.8px;
    height: 123.2px;
    bottom: -40px;
  }
}
.content section.sec_environment .photo .object-fit-img {
  height: 540px;
  object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .photo .object-fit-img {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .photo .object-fit-img {
    height: 320px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .photo .object-fit-img {
    height: 260px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .photo .object-fit-img {
    height: 220px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment .photo .object-fit-img {
    height: 180px;
    border-radius: 15px;
  }
}
.content section.sec_environment .contents_box {
  max-width: 1280px;
  background: #eef7fe;
  border-radius: 20px;
  padding: 40px 45px 0;
  margin: 0 auto;
  background: #ffeed5;
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .contents_box {
    padding: 40px 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .contents_box {
    padding: 40px 35px 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .contents_box {
    border-radius: 15px;
    padding: 35px 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .contents_box {
    border-radius: 12px;
    padding: 30px 20px 0;
  }
}
.content section.sec_environment .contents_box .link_list {
  position: relative;
}
.content section.sec_environment .contents_box .link_ttl {
  width: 114px;
  height: 48px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 700;
  letter-spacing: 2px;
  background: url(images/bg_top_contents_box_ttl_blue.png) no-repeat 0 0;
  background-size: cover;
  padding-top: 12px;
  position: absolute;
  top: -88px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .contents_box .link_ttl {
    top: -83px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .contents_box .link_ttl {
    width: 102.6px;
    height: 43.2px;
    font-size: 15px;
    font-size: 1.5rem;
    top: -73px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment .contents_box .link_ttl {
    width: 91.2px;
    height: 38.4px;
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 10px;
    top: -69px;
  }
}
.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;
  }
}
.content section.sec_environment .contents_box ul li:nth-child(even) {
  margin-right: 0;
}
.content section.sec_environment .contents_box ul li a {
  display: block;
}
.content section.sec_environment .contents_box ul li a .num {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #2697e7;
  font-weight: 500;
  line-height: 1;
  margin-right: 10px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .contents_box ul li a .num {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .contents_box ul li a .num {
    font-size: 18px;
    font-size: 1.8rem;
    margin-right: 5px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment .contents_box ul li a .num {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_environment .contents_box ul li a .ttl {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #055086;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  padding: 26px 70px 26px 30px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px -3px #c5e9f5;
  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;
    padding: 20px 60px 20px 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .contents_box ul li a .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .contents_box ul li a .ttl {
    font-size: 16px;
    font-size: 1.6rem;
    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: 15px;
    font-size: 1.5rem;
    letter-spacing: 0;
    padding: 15px 40px 15px 15px;
    border-radius: 10px;
  }
}
.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: 1250px) {
  .content section.sec_environment .contents_box ul li a .ttl:before {
    width: 20px;
    height: 20px;
    right: 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 .catch {
  font-size: 15px;
  font-size: 1.5rem;
  color: #2697e7;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .contents_box ul li .catch {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_environment .contents_box .link_ttl {
  background-image: url(images/bg_top_contents_box_ttl_orange.png);
}
.content section.sec_environment .contents_box ul li .catch {
  color: #eb8c48;
}
.content section.sec_environment .contents_box ul li a .ttl {
  box-shadow: 0 0 8px -3px #f6cc99;
}
.content section.sec_environment .contents_box ul li a .ttl:before {
  background-image: url(images/img_icon_arrow_orange_white.png);
}
.content section.sec_environment .contents_box ul li a .num {
  color: #eb8c48;
}
.content section.sec_system {
  background: #fbd6b4 url(images/bg_top_system.png) no-repeat 0 0;
  background-size: cover;
}
.content section.sec_system .section_inner {
  background: #fff;
  border-radius: 30px;
  padding: 80px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_system .section_inner {
    padding: 60px 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_system .section_inner {
    padding: 50px 30px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_system .section_inner {
    padding: 40px 25px;
  }
}
.content section.sec_system .section_inner .ttl_en {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 10px;
  color: #f58d82;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .content section.sec_system .section_inner .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_system .section_inner .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_system .section_inner h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .content section.sec_system .section_inner h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_system .section_inner h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_system .section_inner h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_system .section_inner h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_system .section_inner h2 {
    margin-bottom: 30px;
  }
}
.content section.sec_system .section_inner h2 span {
  display: inline-block;
}
@media screen and (max-width: 480px) {
  .content section.sec_system .section_inner h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_system .section_inner h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.content section.sec_system .section_inner h2 span {
  position: relative;
}
.content section.sec_system .section_inner h2 span:after {
  content: "";
  width: 83px;
  height: 61px;
  background: url(images/img_lines_top_system.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -35px;
  right: -35px;
}
@media screen and (max-width: 768px) {
  .content section.sec_system .section_inner h2 span:after {
    width: 74.7px;
    height: 54.9px;
    top: -30px;
    right: -30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_system .section_inner h2 span:after {
    width: 66.4px;
    height: 48.8px;
    top: -26px;
    right: -26px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_system .section_inner h2 span:after {
    width: 58.1px;
    height: 42.7px;
    top: -22px;
    right: -22px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_system .section_inner h2 span:after {
    width: 49.8px;
    height: 36.6px;
    top: -18px;
    right: -18px;
  }
}
.content section.sec_system .section_inner .msg_baloon_area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .content section.sec_system .section_inner .msg_baloon_area {
    margin-bottom: 20px;
  }
}
.content section.sec_system .section_inner .msg_baloon_area .msg_baloon {
  margin: 0 25px;
}
@media screen and (max-width: 768px) {
  .content section.sec_system .section_inner .msg_baloon_area .msg_baloon {
    margin: 0 15px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_system .section_inner .msg_baloon_area .msg_baloon {
    margin: 0 4px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_system .section_inner .msg_baloon_area .msg_baloon {
    margin: 0 8px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_system .section_inner .msg_baloon_area .msg_baloon.msg01 img {
    width: 184.5px;
    height: 72.9px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_system .section_inner .msg_baloon_area .msg_baloon.msg01 img {
    width: 164px;
    height: 64.8px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_system .section_inner .msg_baloon_area .msg_baloon.msg01 img {
    width: 123px;
    height: 48.6px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_system .section_inner .msg_baloon_area .msg_baloon.msg01 img {
    width: 102.5px;
    height: 40.5px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_system .section_inner .msg_baloon_area .msg_baloon.msg02 img {
    width: 199.8px;
    height: 74.7px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_system .section_inner .msg_baloon_area .msg_baloon.msg02 img {
    width: 177.6px;
    height: 66.4px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_system .section_inner .msg_baloon_area .msg_baloon.msg02 img {
    width: 133.2px;
    height: 49.8px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_system .section_inner .msg_baloon_area .msg_baloon.msg02 img {
    width: 111px;
    height: 41.5px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_system .section_inner .msg_baloon_area .msg_baloon.msg03 img {
    width: 185.4px;
    height: 72px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_system .section_inner .msg_baloon_area .msg_baloon.msg03 img {
    width: 164.8px;
    height: 64px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_system .section_inner .msg_baloon_area .msg_baloon.msg03 img {
    width: 123.6px;
    height: 48px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_system .section_inner .msg_baloon_area .msg_baloon.msg03 img {
    width: 103px;
    height: 40px;
  }
}
.content section.sec_system .section_inner .txt {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .content section.sec_system .section_inner .txt {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_system .section_inner .txt {
    margin-bottom: 20px;
  }
}
.content section.sec_system .section_inner .photo_area {
  margin-bottom: 50px;
  position: relative;
}
.content section.sec_system .section_inner .photo_area .msg_baloon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .content section.sec_system .section_inner .photo_area .msg_baloon {
    top: initial;
    bottom: 0;
  }
}
.content section.sec_system .section_inner .photo_area .msg_baloon img {
  border-radius: 30px 0 0 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_system .section_inner .photo_area .msg_baloon img {
    width: 245.6px;
    height: 150.4px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_system .section_inner .photo_area .msg_baloon img {
    width: 214.9px;
    height: 131.6px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_system .section_inner .photo_area .msg_baloon img {
    width: 214.9px;
    height: 156.1px;
    border-radius: 0 0 0 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_system .section_inner .photo_area .msg_baloon img {
    width: 184.2px;
    height: 133.8px;
    border-radius: 0 0 0 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_system .section_inner .photo_area .msg_baloon img {
    width: 153.5px;
    height: 111.5px;
    border-radius: 0 0 0 15px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_system .section_inner .photo_area .msg_baloon img {
    width: 122.8px;
    height: 89.2px;
  }
}
.content section.sec_system .section_inner .photo_area .photo {
  position: relative;
}
.content section.sec_system .section_inner .photo_area .photo:after {
  content: "";
  width: 201px;
  height: 158px;
  background: url(images/img_illust_top_system.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -30px;
  right: -30px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_system .section_inner .photo_area .photo:after {
    width: 180.9px;
    height: 142.2px;
    right: -20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_system .section_inner .photo_area .photo:after {
    width: 160.8px;
    height: 126.4px;
    bottom: -20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_system .section_inner .photo_area .photo:after {
    width: 140.7px;
    height: 110.6px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_system .section_inner .photo_area .photo:after {
    width: 120.6px;
    height: 94.8px;
  }
}
.content section.sec_system .section_inner .photo_area .photo img {
  height: 440px;
  object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_system .section_inner .photo_area .photo img {
    height: 380px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_system .section_inner .photo_area .photo img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_system .section_inner .photo_area .photo img {
    height: 320px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_system .section_inner .photo_area .photo img {
    height: 260px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_system .section_inner .photo_area .photo img {
    height: 240px;
  }
}
.content section.sec_system .section_inner .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_system .section_inner .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_system .section_inner .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_system .section_inner .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_system .section_inner .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_system .section_inner .btn_more a:after {
    right: 15px;
  }
}
.content section.sec_system .section_inner .btn_more a:hover:after {
  right: 20px;
}
.content section.sec_system .section_inner .btn_more a {
  color: #fff;
  background: #f59577;
}
.content section.sec_before_applying .ttl_en {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 10px;
  color: #f0c71d;
}
@media screen and (max-width: 600px) {
  .content section.sec_before_applying .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_applying .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_before_applying h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_applying h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_applying h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_applying h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_applying h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_before_applying h2 {
    margin-bottom: 30px;
  }
}
.content section.sec_before_applying h2 span {
  display: inline-block;
}
.content section.sec_before_applying .bnr_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: 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_list > a {
  display: block;
  width: 32.18%;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_applying .bnr_list > a {
    width: 48%;
    margin: 0 4% 40px 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_applying .bnr_list > a {
    width: 100%;
    margin: 0 0 60px 0;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_applying .bnr_list > a:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_applying .bnr_list > a:last-child {
    margin-bottom: 0;
  }
}
.content section.sec_before_applying .bnr_list > a:hover h3 span:after {
  right: -35px;
}
.content section.sec_before_applying .bnr_list > a.bnr_visitor .photo {
  position: relative;
}
.content section.sec_before_applying .bnr_list > a.bnr_visitor .photo .msg_baloon {
  position: absolute;
  top: -16px;
  left: 26px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_applying .bnr_list > a.bnr_visitor .photo .msg_baloon {
    top: -35px;
    left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_applying .bnr_list > a.bnr_visitor .photo .msg_baloon {
    width: 151.2px;
    height: 81px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_applying .bnr_list > a.bnr_visitor .photo .msg_baloon {
    left: 50px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_applying .bnr_list > a.bnr_visitor .photo .msg_baloon {
    left: 30px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_before_applying .bnr_list > a.bnr_visitor .photo .msg_baloon {
    width: 134.4px;
    height: 72px;
    top: -25px;
  }
}
.content section.sec_before_applying .bnr_list > a .photo {
  margin-bottom: 25px;
}
.content section.sec_before_applying .bnr_list > a .photo .object-fit-img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_applying .bnr_list > a .photo .object-fit-img {
    border-radius: 15px;
  }
}
.content section.sec_before_applying .bnr_list > a h3 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #055086;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .content section.sec_before_applying .bnr_list > a h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_applying .bnr_list > a h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_applying .bnr_list > a h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.content section.sec_before_applying .bnr_list > a h3 span {
  position: relative;
}
.content section.sec_before_applying .bnr_list > a h3 span: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: 6px;
  right: -30px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .content section.sec_before_applying .bnr_list > a h3 span:after {
    width: 18px;
    height: 18px;
    right: -24px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_applying .bnr_list > a h3 span:after {
    width: 20px;
    height: 20px;
    right: -30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_applying .bnr_list > a h3 span:after {
    width: 18px;
    height: 18px;
    right: -24px;
  }
}
.content section.sec_before_applying .bnr_list > a .txt {
  color: #055086;
}
.content section.sec_entry {
  background: #fefaf0;
}
.content section.sec_entry .ttl_en {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 10px;
  text-align: center;
  color: #f0c71d;
}
@media screen and (max-width: 600px) {
  .content section.sec_entry .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_entry .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_entry h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .content section.sec_entry h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_entry h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_entry h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_entry h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_entry h2 {
    margin-bottom: 30px;
  }
}
.content section.sec_entry h2 span {
  display: inline-block;
}
.content section.sec_entry .lead {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .content section.sec_entry .lead {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_entry .lead {
    margin-bottom: 30px;
  }
}
.content section.sec_entry .lead span {
  display: inline-block;
}
.content section.sec_entry .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: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.content section.sec_entry .recruit_list .recruit_box {
  width: 490px;
  margin: 0 20px 20px 0;
  border: 1px solid #bbcfdf;
  border-radius: 15px;
  background: #fff;
}
@media screen and (max-width: 1250px) {
  .content section.sec_entry .recruit_list .recruit_box {
    width: 49%;
    margin: 0 2% 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_entry .recruit_list .recruit_box {
    width: 100%;
    margin-right: 0;
  }
}
.content section.sec_entry .recruit_list .recruit_box:nth-child(even) {
  margin-right: 0;
}
.content section.sec_entry .recruit_list .recruit_box:last-child {
  width: 100%;
  max-width: 1000px;
  margin: 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_entry .recruit_list .recruit_box:last-child {
    max-width: 100%;
  }
}
.content section.sec_entry .recruit_list .recruit_box .ttl {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #055086;
  font-weight: 700;
  background: #f0f5fd;
  padding: 13px 30px;
  border-radius: 15px 15px 0 0;
}
@media screen and (max-width: 480px) {
  .content section.sec_entry .recruit_list .recruit_box .ttl {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 13px 25px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_entry .recruit_list .recruit_box .ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_entry .recruit_list .recruit_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;
  padding: 22px 30px;
}
@media screen and (max-width: 480px) {
  .content section.sec_entry .recruit_list .recruit_box ul {
    padding: 20px 25px;
  }
}
.content section.sec_entry .recruit_list .recruit_box li {
  margin-right: 20px;
}
.content section.sec_entry .recruit_list .recruit_box li:last-child {
  margin-right: 0;
}
.content section.sec_entry .recruit_list .recruit_box li a {
  color: #055086;
  font-weight: 500;
}
.content section.sec_entry .recruit_list .recruit_box li a .job_cat {
  padding-right: 20px;
  text-decoration: underline;
  position: relative;
}
.content section.sec_entry .recruit_list .recruit_box li a .job_cat:after {
  content: "";
  width: 16px;
  height: 16px;
  background: url(images/img_icon_arrow_blue_yellow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 6px;
  right: 0;
}
.content section.sec_entry .recruit_list .recruit_box.no_recruit_post {
  width: 100%;
  text-align: center;
  margin: 0;
}
.content section.sec_entry .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_entry .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_entry .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_entry .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_entry .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_entry .btn_more a:after {
    right: 15px;
  }
}
.content section.sec_entry .btn_more a:hover:after {
  right: 20px;
}
.content section.sec_entry .btn_more a {
  background: #f55e62;
  color: #fff;
}

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

/* #footer
------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 49px;
  }
}
footer .fnav {
  background: #055086;
  padding: 70px 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:nth-child(n+2) {
  margin-bottom: 15px;
}
footer .fnav ul li a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 700;
}
footer .fnav ul li ul {
  padding-left: 15px;
}
footer .fnav ul li ul li a {
  font-size: 13px;
  font-size: 1.3rem;
  color: #d6eaf8;
  font-weight: 400;
}
footer .clinic_info {
  padding: 60px 40px;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 768px) {
  footer .clinic_info {
    padding: 60px 40px 50px;
  }
}
@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;
  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: #055086;
  text-align: center;
  font-weight: 500;
  border: 1px solid #055086;
  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-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 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-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #2697e7;
  letter-spacing: 2px;
  line-height: 1.2;
  margin-bottom: 20px;
}
@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;
}
footer .clinic_info .clinic_basic_info .btn_insta a {
  display: block;
  max-width: 230px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: left;
  font-weight: 700;
  border: 1px solid #0160a4;
  padding: 8px 10px 8px 44px;
  margin: 0 auto;
  border-radius: 10px;
  position: relative;
}
footer .clinic_info .clinic_basic_info .btn_insta a:before {
  content: "";
  width: 26px;
  height: 26px;
  background: url(images/img_icon_insta.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 10px;
  left: 10px;
}
footer .clinic_info .clinic_basic_info .btn_insta a:after {
  content: "";
  width: 18px;
  height: 18px;
  background: url(images/img_icon_arrow_blue_white.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  transition: 0.3s;
}
footer .clinic_info .clinic_basic_info .btn_insta a:hover:after {
  right: 8px;
}
@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: #2697e7;
  padding: 0 20px;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  footer .clinic_info .open_hours_table .table_header {
    border-radius: 8px 8px 0 0;
  }
}
@media screen and (max-width: 600px) {
  footer .clinic_info .open_hours_table .table_header {
    width: 100%;
    padding: 0 10px;
  }
}
footer .clinic_info .open_hours_table .table_header > div {
  width: 10.5%;
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table .table_header > div {
    width: 11.5%;
    padding: 10px 0;
    font-weight: 400;
  }
}
@media screen and (max-width: 400px) {
  footer .clinic_info .open_hours_table .table_header > div {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
footer .clinic_info .open_hours_table .table_header > div.hours_ttl {
  width: 26.5%;
  letter-spacing: 2px;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table .table_header > div.hours_ttl {
    width: 19.5%;
    letter-spacing: 1px;
  }
}
footer .clinic_info .open_hours_table .table_header > div.sun {
  letter-spacing: 0;
}
footer .clinic_info .open_hours_table .table_content {
  width: 480px;
  background: #fff;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  footer .clinic_info .open_hours_table .table_content {
    width: 100%;
    padding: 0 10px;
  }
}
footer .clinic_info .open_hours_table table {
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 400px) {
  footer .clinic_info .open_hours_table table {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  footer .clinic_info .open_hours_table table tr:last-child th,
  footer .clinic_info .open_hours_table table tr:last-child td {
    border-bottom: none;
  }
}
footer .clinic_info .open_hours_table table th,
footer .clinic_info .open_hours_table table td {
  padding: 15px 0;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  color: #055086;
  border-bottom: 1px solid #e4f3fd;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table table th,
  footer .clinic_info .open_hours_table table td {
    padding: 10px 0;
  }
}
@media screen and (max-width: 400px) {
  footer .clinic_info .open_hours_table table th,
  footer .clinic_info .open_hours_table table td {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
footer .clinic_info .open_hours_table table th {
  width: 26.5%;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  margin-left: 10px;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table table th {
    width: 19.5%;
    text-align: left;
    line-height: 1.5;
    padding-left: 15px;
  }
}
@media screen and (max-width: 400px) {
  footer .clinic_info .open_hours_table table th {
    padding-left: 12px;
  }
}
footer .clinic_info .open_hours_table table td {
  width: 10.5%;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table table td {
    width: 11.5%;
  }
}
footer .clinic_info .open_hours_table table td.open {
  color: #fabe00;
  font-weight: 700;
}
footer .clinic_info .open_hours_table table td.sat {
  color: #45cdb7;
}
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: "Montserrat", sans-serif;
  color: #45cdb7;
  letter-spacing: 2px;
  margin-left: 3px;
}
footer .copyright {
  background: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  color: #2a4981;
  text-align: center;
  letter-spacing: 2px;
  padding: 0 10px 30px;
}
@media screen and (max-width: 768px) {
  footer .copyright {
    padding-bottom: 20px;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  footer .copyright {
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0;
  }
}
footer .copyright a {
  color: #2a4981;
}

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

.bg_animation {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 101%;
  height: 100%;
  background-color: #055086;
  -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: 420px;
  background: #fcf8e9 url(images/bg_main_ttl_about.jpg) no-repeat center center;
  background-size: cover;
  padding: 0 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page header .main_ttl, .error404 header .main_ttl, .archive header .main_ttl, .single header .main_ttl {
    height: 360px;
  }
}
@media screen and (max-width: 768px) {
  .page header .main_ttl, .error404 header .main_ttl, .archive header .main_ttl, .single header .main_ttl {
    height: 320px;
  }
}
@media screen and (max-width: 600px) {
  .page header .main_ttl, .error404 header .main_ttl, .archive header .main_ttl, .single header .main_ttl {
    height: 240px;
  }
}
@media screen and (max-width: 480px) {
  .page header .main_ttl, .error404 header .main_ttl, .archive header .main_ttl, .single header .main_ttl {
    height: 200px;
  }
}
@media screen and (max-width: 400px) {
  .page header .main_ttl, .error404 header .main_ttl, .archive header .main_ttl, .single header .main_ttl {
    height: 180px;
  }
}
.page header .main_ttl:after, .error404 header .main_ttl:after, .archive header .main_ttl:after, .single header .main_ttl:after {
  content: "";
  width: 252px;
  height: 136px;
  background: url(images/img_illust_main_ttl_family.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -9px;
  right: 50px;
}
@media screen and (max-width: 1000px) {
  .page header .main_ttl:after, .error404 header .main_ttl:after, .archive header .main_ttl:after, .single header .main_ttl:after {
    width: 253.6px;
    height: 136.8px;
  }
}
@media screen and (max-width: 768px) {
  .page header .main_ttl:after, .error404 header .main_ttl:after, .archive header .main_ttl:after, .single header .main_ttl:after {
    width: 221.9px;
    height: 119.7px;
    bottom: -30px;
  }
}
@media screen and (max-width: 600px) {
  .page header .main_ttl:after, .error404 header .main_ttl:after, .archive header .main_ttl:after, .single header .main_ttl:after {
    width: 190.2px;
    height: 102.6px;
    right: 20px;
  }
}
@media screen and (max-width: 480px) {
  .page header .main_ttl:after, .error404 header .main_ttl:after, .archive header .main_ttl:after, .single header .main_ttl:after {
    width: 158.5px;
    height: 85.5px;
  }
}
@media screen and (max-width: 400px) {
  .page header .main_ttl:after, .error404 header .main_ttl:after, .archive header .main_ttl:after, .single header .main_ttl:after {
    width: 126.8px;
    height: 68.4px;
    bottom: -20px;
  }
}
.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;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 10px;
  text-align: center;
  padding-top: 165px;
}
@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: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@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;
  }
}
@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: 140px;
  }
}
@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 {
    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 {
    padding-top: 90px;
  }
}
@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 {
    padding-top: 72px;
  }
}
@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: 65px;
  }
}
.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: #055086;
  font-weight: 700;
  text-align: center;
  letter-spacing: 5px;
  line-height: 1.2;
  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: 44px;
    font-size: 4.4rem;
  }
}
@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: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 600px) {
  .page header .main_ttl h1, .error404 header .main_ttl h1, .archive header .main_ttl h1, .single header .main_ttl h1 {
    font-size: 32px;
    font-size: 3.2rem;
    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: 26px;
    font-size: 2.6rem;
  }
}
@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: 24px;
    font-size: 2.4rem;
  }
}
.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: #055086;
}
.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: #055086;
  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 .entry-submit,
.page .content .wpcf7-form .submit-btn, .error404 .content .wpcf7-form .entry-submit,
.error404 .content .wpcf7-form .submit-btn, .archive .content .wpcf7-form .entry-submit,
.archive .content .wpcf7-form .submit-btn, .single .content .wpcf7-form .entry-submit,
.single .content .wpcf7-form .submit-btn {
  width: 100%;
  max-width: 320px;
  margin: 40px auto 0;
  position: relative;
}
@media screen and (max-width: 480px) {
  .page .content .wpcf7-form .entry-submit,
  .page .content .wpcf7-form .submit-btn, .error404 .content .wpcf7-form .entry-submit,
  .error404 .content .wpcf7-form .submit-btn, .archive .content .wpcf7-form .entry-submit,
  .archive .content .wpcf7-form .submit-btn, .single .content .wpcf7-form .entry-submit,
  .single .content .wpcf7-form .submit-btn {
    max-width: 100%;
  }
}
.page .content .wpcf7-form .entry-submit:after,
.page .content .wpcf7-form .submit-btn:after, .error404 .content .wpcf7-form .entry-submit:after,
.error404 .content .wpcf7-form .submit-btn:after, .archive .content .wpcf7-form .entry-submit:after,
.archive .content .wpcf7-form .submit-btn:after, .single .content .wpcf7-form .entry-submit:after,
.single .content .wpcf7-form .submit-btn:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_blue.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 22px;
  right: 20px;
}
@media screen and (max-width: 480px) {
  .page .content .wpcf7-form .entry-submit:after,
  .page .content .wpcf7-form .submit-btn:after, .error404 .content .wpcf7-form .entry-submit:after,
  .error404 .content .wpcf7-form .submit-btn:after, .archive .content .wpcf7-form .entry-submit:after,
  .archive .content .wpcf7-form .submit-btn:after, .single .content .wpcf7-form .entry-submit:after,
  .single .content .wpcf7-form .submit-btn:after {
    top: 20px;
  }
}
@media screen and (max-width: 400px) {
  .page .content .wpcf7-form .entry-submit:after,
  .page .content .wpcf7-form .submit-btn:after, .error404 .content .wpcf7-form .entry-submit:after,
  .error404 .content .wpcf7-form .submit-btn:after, .archive .content .wpcf7-form .entry-submit:after,
  .archive .content .wpcf7-form .submit-btn:after, .single .content .wpcf7-form .entry-submit:after,
  .single .content .wpcf7-form .submit-btn:after {
    top: 16px;
  }
}
.page .content .wpcf7-form .entry-submit:hover:after,
.page .content .wpcf7-form .submit-btn:hover:after, .error404 .content .wpcf7-form .entry-submit:hover:after,
.error404 .content .wpcf7-form .submit-btn:hover:after, .archive .content .wpcf7-form .entry-submit:hover:after,
.archive .content .wpcf7-form .submit-btn:hover:after, .single .content .wpcf7-form .entry-submit:hover:after,
.single .content .wpcf7-form .submit-btn:hover:after {
  right: 10px;
}
.page .content .wpcf7-form .entry-submit:focus, .page .content .wpcf7-form .entry-submit:active,
.page .content .wpcf7-form .submit-btn:focus,
.page .content .wpcf7-form .submit-btn:active, .error404 .content .wpcf7-form .entry-submit:focus, .error404 .content .wpcf7-form .entry-submit:active,
.error404 .content .wpcf7-form .submit-btn:focus,
.error404 .content .wpcf7-form .submit-btn:active, .archive .content .wpcf7-form .entry-submit:focus, .archive .content .wpcf7-form .entry-submit:active,
.archive .content .wpcf7-form .submit-btn:focus,
.archive .content .wpcf7-form .submit-btn:active, .single .content .wpcf7-form .entry-submit:focus, .single .content .wpcf7-form .entry-submit:active,
.single .content .wpcf7-form .submit-btn:focus,
.single .content .wpcf7-form .submit-btn:active {
  outline: none;
}
.page .content .wpcf7-form .entry-submit i,
.page .content .wpcf7-form .submit-btn i, .error404 .content .wpcf7-form .entry-submit i,
.error404 .content .wpcf7-form .submit-btn i, .archive .content .wpcf7-form .entry-submit i,
.archive .content .wpcf7-form .submit-btn i, .single .content .wpcf7-form .entry-submit i,
.single .content .wpcf7-form .submit-btn i {
  display: none;
}
.page .content .wpcf7-form input[type=submit], .error404 .content .wpcf7-form input[type=submit], .archive .content .wpcf7-form input[type=submit], .single .content .wpcf7-form input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 20px 10px;
  margin: 0 auto;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  letter-spacing: 2px;
  line-height: 1.5;
  background: #055086;
  border: none;
  border-radius: 100px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .page .content .wpcf7-form input[type=submit], .error404 .content .wpcf7-form input[type=submit], .archive .content .wpcf7-form input[type=submit], .single .content .wpcf7-form input[type=submit] {
    line-height: 1.7;
  }
}
@media screen and (max-width: 600px) {
  .page .content .wpcf7-form input[type=submit], .error404 .content .wpcf7-form input[type=submit], .archive .content .wpcf7-form input[type=submit], .single .content .wpcf7-form input[type=submit] {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .page .content .wpcf7-form input[type=submit], .error404 .content .wpcf7-form input[type=submit], .archive .content .wpcf7-form input[type=submit], .single .content .wpcf7-form input[type=submit] {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 18px 10px;
  }
}
@media screen and (max-width: 400px) {
  .page .content .wpcf7-form input[type=submit], .error404 .content .wpcf7-form input[type=submit], .archive .content .wpcf7-form input[type=submit], .single .content .wpcf7-form input[type=submit] {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 15px 10px;
  }
}
.page .content .wpcf7-form input[type=submit]:hover, .error404 .content .wpcf7-form input[type=submit]:hover, .archive .content .wpcf7-form input[type=submit]:hover, .single .content .wpcf7-form input[type=submit]:hover {
  opacity: 0.8;
}
.page .content .page_link, .error404 .content .page_link, .archive .content .page_link, .single .content .page_link {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1180px;
  margin: 100px auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .page .content .page_link, .error404 .content .page_link, .archive .content .page_link, .single .content .page_link {
    margin: 60px auto;
  }
}
@media screen and (max-width: 600px) {
  .page .content .page_link, .error404 .content .page_link, .archive .content .page_link, .single .content .page_link {
    padding: 0 30px;
    margin: 40px auto;
  }
}
@media screen and (max-width: 480px) {
  .page .content .page_link, .error404 .content .page_link, .archive .content .page_link, .single .content .page_link {
    padding: 0 20px;
    margin: 30px auto;
  }
}
.page .content .page_link .prev_page_link, .error404 .content .page_link .prev_page_link, .archive .content .page_link .prev_page_link, .single .content .page_link .prev_page_link {
  width: 50%;
  margin-right: auto;
}
.page .content .page_link .prev_page_link a, .error404 .content .page_link .prev_page_link a, .archive .content .page_link .prev_page_link a, .single .content .page_link .prev_page_link a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 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-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 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 .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: #055086;
  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_white.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: #2697e7;
}
@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: #ffeed5;
  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: #055086;
  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: #055086;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 6px;
  font-weight: 600;
  margin-bottom: 60px;
}
@media screen and (max-width: 1250px) {
  .page .content section.sec_related_page .main_ttl, .error404 .content section.sec_related_page .main_ttl, .archive .content section.sec_related_page .main_ttl, .single .content section.sec_related_page .main_ttl {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .page .content section.sec_related_page .main_ttl, .error404 .content section.sec_related_page .main_ttl, .archive .content section.sec_related_page .main_ttl, .single .content section.sec_related_page .main_ttl {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 4px;
    margin-bottom: 80px;
  }
}
@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;
  }
}
@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: 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;
  position: relative;
}
.page .content section.sec_related_page .contents_list:before, .error404 .content section.sec_related_page .contents_list:before, .archive .content section.sec_related_page .contents_list:before, .single .content section.sec_related_page .contents_list:before {
  content: "";
  width: 275px;
  height: 198px;
  background: url(images/img_msg_baloon_recomment.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -198px;
  right: 116px;
}
@media screen and (max-width: 1400px) {
  .page .content section.sec_related_page .contents_list:before, .error404 .content section.sec_related_page .contents_list:before, .archive .content section.sec_related_page .contents_list:before, .single .content section.sec_related_page .contents_list:before {
    right: 80px;
  }
}
@media screen and (max-width: 1250px) {
  .page .content section.sec_related_page .contents_list:before, .error404 .content section.sec_related_page .contents_list:before, .archive .content section.sec_related_page .contents_list:before, .single .content section.sec_related_page .contents_list:before {
    width: 247.5px;
    height: 178.2px;
    top: -178px;
    right: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .page .content section.sec_related_page .contents_list:before, .error404 .content section.sec_related_page .contents_list:before, .archive .content section.sec_related_page .contents_list:before, .single .content section.sec_related_page .contents_list:before {
    width: 220px;
    height: 158.4px;
    top: -159px;
    right: -30px;
  }
}
@media screen and (max-width: 768px) {
  .page .content section.sec_related_page .contents_list:before, .error404 .content section.sec_related_page .contents_list:before, .archive .content section.sec_related_page .contents_list:before, .single .content section.sec_related_page .contents_list:before {
    width: 192.5px;
    height: 138.6px;
    top: -139px;
    right: -30px;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page .contents_list:before, .error404 .content section.sec_related_page .contents_list:before, .archive .content section.sec_related_page .contents_list:before, .single .content section.sec_related_page .contents_list:before {
    width: 165px;
    height: 118.8px;
    top: -119px;
    right: -20px;
  }
}
.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: 1250px) {
  .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: 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.5%;
    margin: 0 3% 30px 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;
    margin-bottom: 25px;
  }
}
@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 25px 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: 20px;
  }
}
.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: 3%;
  }
}
@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:last-child, .error404 .content section.sec_related_page .contents_box:last-child, .archive .content section.sec_related_page .contents_box:last-child, .single .content section.sec_related_page .contents_box:last-child {
  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;
  height: 100%;
  padding: 30px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .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 {
    padding: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .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 {
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .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 {
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .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 {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .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 {
    padding: 20px;
  }
}
.page .content section.sec_related_page .contents_box a:before, .error404 .content section.sec_related_page .contents_box a:before, .archive .content section.sec_related_page .contents_box a:before, .single .content section.sec_related_page .contents_box a: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;
  bottom: 30px;
  right: 30px;
}
@media screen and (max-width: 1250px) {
  .page .content section.sec_related_page .contents_box a:before, .error404 .content section.sec_related_page .contents_box a:before, .archive .content section.sec_related_page .contents_box a:before, .single .content section.sec_related_page .contents_box a:before {
    width: 20px;
    height: 20px;
    right: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .page .content section.sec_related_page .contents_box a:before, .error404 .content section.sec_related_page .contents_box a:before, .archive .content section.sec_related_page .contents_box a:before, .single .content section.sec_related_page .contents_box a:before {
    right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .page .content section.sec_related_page .contents_box a:before, .error404 .content section.sec_related_page .contents_box a:before, .archive .content section.sec_related_page .contents_box a:before, .single .content section.sec_related_page .contents_box a:before {
    right: 20px;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page .contents_box a:before, .error404 .content section.sec_related_page .contents_box a:before, .archive .content section.sec_related_page .contents_box a:before, .single .content section.sec_related_page .contents_box a:before {
    right: 30px;
  }
}
@media screen and (max-width: 480px) {
  .page .content section.sec_related_page .contents_box a:before, .error404 .content section.sec_related_page .contents_box a:before, .archive .content section.sec_related_page .contents_box a:before, .single .content section.sec_related_page .contents_box a:before {
    right: 20px;
  }
}
.page .content section.sec_related_page .contents_box a:hover:before, .error404 .content section.sec_related_page .contents_box a:hover:before, .archive .content section.sec_related_page .contents_box a:hover:before, .single .content section.sec_related_page .contents_box a:hover:before {
  right: 20px;
}
.page .content section.sec_related_page .contents_box .photo, .error404 .content section.sec_related_page .contents_box .photo, .archive .content section.sec_related_page .contents_box .photo, .single .content section.sec_related_page .contents_box .photo {
  margin-bottom: 25px;
}
.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: 12px;
}
.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-bottom: 60px;
}
.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: 20px;
  font-size: 2rem;
  color: #055086;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 20px;
  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: 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 {
    font-size: 18px;
    font-size: 1.8rem;
    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;
    margin-bottom: 20px;
  }
}
.page .content section.sec_related_page .contents_box p, .error404 .content section.sec_related_page .contents_box p, .archive .content section.sec_related_page .contents_box p, .single .content section.sec_related_page .contents_box p {
  font-size: 14px;
  font-size: 1.4rem;
  color: #2697e7;
}

.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: #2697e7;
  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: #055086;
  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-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 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);
}

.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: #055086;
}
.numbers .content section.sec_numbers {
  max-width: 1360px;
  margin: 0 auto;
}
.numbers .content section.sec_numbers h2 {
  font-size: 42px;
  font-size: 4.2rem;
  color: #055086;
  font-weight: 700;
  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: 36px;
    font-size: 3.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@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: #fcf6d9;
  border-radius: 20px;
  padding: 50px;
}
@media screen and (max-width: 1250px) {
  .numbers .content section.sec_numbers .numbers_list > li {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers .numbers_list > li {
    padding: 30px 20px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers .numbers_list > li {
    width: 100%;
    margin-right: 0;
  }
}
.numbers .content section.sec_numbers .numbers_list > li:nth-child(even) {
  margin-right: 0;
}
.numbers .content section.sec_numbers .numbers_list > li h3 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #f0c71d;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section.sec_numbers .numbers_list > li h3 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers .numbers_list > li h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@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: 480px) {
  .numbers .content section.sec_numbers .numbers_list > li h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section.sec_numbers .numbers_list > li h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.numbers .content section.sec_numbers .numbers_list > li h3 p {
  display: inline-block;
  background: #fffcf0;
  padding: 8px 40px;
  border-radius: 100px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section.sec_numbers .numbers_list > li h3 p {
    padding: 8px 30px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers .numbers_list > li h3 p {
    padding: 6px 30px;
  }
}
.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;
  color: #055086;
  text-align: center;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
}
@media screen and (max-width: 1000px) {
  .numbers .content section.sec_numbers .numbers_list > li .detail_number {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers .numbers_list > li .detail_number {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers .numbers_list > li .detail_number {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers .numbers_list > li .detail_number {
    font-size: 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;
  margin-right: 5px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section.sec_numbers .numbers_list > li .detail_number .num {
    font-size: 52px;
    font-size: 5.2rem;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section.sec_numbers .numbers_list > li .detail_number .num {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers .numbers_list > li .detail_number .num {
    font-size: 64px;
    font-size: 6.4rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers .numbers_list > li .detail_number .num {
    font-size: 58px;
    font-size: 5.8rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section.sec_numbers .numbers_list > li .detail_number .num {
    font-size: 44px;
    font-size: 4.4rem;
  }
}
.numbers .content section.sec_numbers .numbers_list > li .detail_number .note {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  color: #055086;
  margin-top: 10px;
}
.numbers .content section.sec_numbers .numbers_list > li figure {
  text-align: center;
}
.numbers .content section.sec_numbers .numbers_list > li .txt a {
  text-decoration: underline;
}
.numbers .content section#sec_numbers_about_clinic {
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_about_clinic {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_about_clinic {
    padding-bottom: 40px;
  }
}
.numbers .content section#sec_numbers_about_clinic .numbers_list li.patient_age figure {
  margin-bottom: 30px;
}
.numbers .content section#sec_numbers_about_clinic .numbers_list li.line_works .detail_number .num {
  font-size: 52px;
  font-size: 5.2rem;
  letter-spacing: 2px;
}
@media screen and (max-width: 1250px) {
  .numbers .content section#sec_numbers_about_clinic .numbers_list li.line_works .detail_number .num {
    font-size: 44px;
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_numbers_about_clinic .numbers_list li.line_works .detail_number .num {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_about_clinic .numbers_list li.line_works .detail_number .num {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_about_clinic .numbers_list li.line_works .detail_number .num {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_about_clinic .numbers_list li.line_works .detail_number .num {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_numbers_about_clinic .numbers_list li.line_works .detail_number .num {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.numbers .content section#sec_numbers_about_clinic .numbers_list li .txt {
  text-align: center;
}
.numbers .content section#sec_numbers_about_clinic .numbers_list li .txt span {
  display: inline-block;
}
.numbers .content section#sec_numbers_about_staff {
  max-width: 100%;
  background: #f1fffc;
}
.numbers .content section#sec_numbers_about_staff .staff_gallery {
  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: 1000px) {
  .numbers .content section#sec_numbers_about_staff .staff_gallery {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_about_staff .staff_gallery {
    margin-bottom: 10px;
  }
}
.numbers .content section#sec_numbers_about_staff .staff_gallery .photo {
  width: 23.82%;
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_about_staff .staff_gallery .photo {
    width: 49%;
    margin: 0 2% 15px 0;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_about_staff .staff_gallery .photo {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_numbers_about_staff .staff_gallery .photo {
    margin-bottom: 8px;
  }
}
.numbers .content section#sec_numbers_about_staff .staff_gallery .photo:nth-child(even) {
  margin-right: 0;
}
.numbers .content section#sec_numbers_about_staff .staff_gallery .photo img {
  width: 100%;
  height: 262px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1250px) {
  .numbers .content section#sec_numbers_about_staff .staff_gallery .photo img {
    height: 240px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_numbers_about_staff .staff_gallery .photo img {
    height: 180px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_about_staff .staff_gallery .photo img {
    height: 200px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_about_staff .staff_gallery .photo img {
    height: 180px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_about_staff .staff_gallery .photo img {
    height: 150px;
  }
}
.numbers .content section#sec_numbers_about_staff .numbers_list {
  max-width: 1280px;
  margin: 0 auto;
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li {
  background: #fff;
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li h3 {
  color: #45cdb7;
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li h3 p {
  background: #f1fffc;
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li.active {
  width: 100%;
  margin-right: 0;
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite {
  width: 100%;
  margin-right: 0;
  position: relative;
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite:before {
  content: "";
  width: 110px;
  height: 200px;
  background: url(images/bg_illust_goout.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -14px;
  right: 34px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite:before {
    width: 99px;
    height: 180px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite:before {
    width: 88px;
    height: 160px;
    top: -14px;
    right: -10px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite:before {
    width: 77px;
    height: 140px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite:before {
    width: 66px;
    height: 120px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite:before {
    width: 55px;
    height: 100px;
  }
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite:after {
  content: "";
  width: 53px;
  height: 46px;
  background: url(images/bg_illust_baggage.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 135px;
  left: -22px;
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite:after {
    width: 47.7px;
    height: 41.4px;
    left: -15px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite:after {
    width: 42.4px;
    height: 36.8px;
    left: -15px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite:after {
    width: 37.1px;
    height: 32.2px;
    left: -15px;
  }
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite h3 {
  color: #fff;
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite h3 p {
  background: #16876e;
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite .sub_sec {
  padding: 0 0 60px 0;
  margin-bottom: 60px;
  border-bottom: 1px solid #7acbba;
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite .sub_sec {
    padding-bottom: 50px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite .sub_sec {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite .sub_sec {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite .sub_sec:nth-child(3) {
  position: relative;
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite .sub_sec:nth-child(3):before {
  content: "";
  content: "";
  width: 58px;
  height: 49px;
  background: url(images/bg_illust_car.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 700px;
  right: -78px;
}
@media screen and (max-width: 1250px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite .sub_sec:nth-child(3):before {
    right: -60px;
  }
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite .sub_sec:nth-child(3):before {
    top: 480px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite .sub_sec:nth-child(3):before {
    width: 52.2px;
    height: 44.1px;
    top: 400px;
    right: -40px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite .sub_sec:nth-child(3):before {
    width: 46.4px;
    height: 39.2px;
    top: 350px;
    right: -30px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite .sub_sec:nth-child(3):before {
    width: 40.6px;
    height: 34.3px;
    top: 320px;
    right: -25px;
  }
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite .sub_sec:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite h4 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #16876e;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite h4 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite h4 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite h4 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li.favorite h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li ul li {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li ul li {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 14px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li ul li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li ul li {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 14px;
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li ul li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #45cdb7;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li ul li:before {
    width: 6px;
    height: 6px;
    top: 11px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li ul li:before {
    top: 10px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li ul li:before {
    width: 6px;
    height: 6px;
    top: 11px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li ul li:before {
    top: 10px;
  }
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li ul li:last-child {
  margin-bottom: 0;
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li dl {
  margin-bottom: 30px;
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li dl:last-child {
  margin-bottom: 0;
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li dl:last-child dd {
  font-size: 16px;
  font-size: 1.6rem;
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li dl:last-child dd:before {
  top: 8px;
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li dl dt {
  font-size: 20px;
  font-size: 2rem;
  color: #55a2e5;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li dl dt {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li dl dt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li dl dt span {
  font-size: 30px;
  font-size: 3rem;
  margin-right: 5px;
  position: relative;
  top: 6px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li dl dt span {
    font-size: 24px;
    font-size: 2.4rem;
    top: 5px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li dl dt span {
    font-size: 22px;
    font-size: 2.2rem;
    top: 5px;
  }
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li dl dd {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li dl dd {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 14px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li dl dd {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li dl dd {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 14px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li dl dd {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li dl dd:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #45cdb7;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li dl dd:before {
    width: 6px;
    height: 6px;
    top: 11px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li dl dd:before {
    top: 10px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li dl dd:before {
    width: 6px;
    height: 6px;
    top: 11px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_about_staff .numbers_list > li dl dd:before {
    top: 10px;
  }
}
.numbers .content section#sec_numbers_about_staff .numbers_list > li dl dd:last-child {
  margin-bottom: 0;
}
.numbers .content section#sec_numbers_staff_voice {
  max-width: 100%;
}
.numbers .content section#sec_numbers_staff_voice .numbers_list > li {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto 70px;
  border: 1px solid #055086;
  border-radius: 20px;
  background: #fff;
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li {
    margin-bottom: 50px;
  }
}
.numbers .content section#sec_numbers_staff_voice .numbers_list > li:first-child {
  padding-top: 80px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li:first-child {
    padding-top: 50px;
  }
}
.numbers .content section#sec_numbers_staff_voice .numbers_list > li:first-child:before {
  content: "";
  width: 116px;
  height: 125px;
  background: url(images/bg_illust_numbers_good_point.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 10px;
  left: 74%;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li:first-child:before {
    width: 104.4px;
    height: 112.5px;
    top: -20px;
    left: 80%;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li:first-child:before {
    width: 92.8px;
    height: 100px;
    top: -20px;
    left: 80%;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li:first-child:before {
    width: 81.2px;
    height: 87.5px;
    top: -40px;
    left: initial;
    right: -20px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li:first-child:before {
    width: 69.6px;
    height: 75px;
  }
}
.numbers .content section#sec_numbers_staff_voice .numbers_list > li:last-child {
  margin-bottom: 0;
  position: relative;
}
.numbers .content section#sec_numbers_staff_voice .numbers_list > li:last-child:before {
  content: "";
  width: 84px;
  height: 109px;
  background: url(images/bg_illust_numbers_improvement.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -20px;
  left: 110px;
}
@media screen and (max-width: 1250px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li:last-child:before {
    left: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li:last-child:before {
    width: 75.6px;
    height: 98.1px;
    left: 10px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li:last-child:before {
    width: 67.2px;
    height: 87.2px;
    top: -60px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li:last-child:before {
    width: 58.8px;
    height: 76.3px;
    top: -50px;
    left: -10px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li:last-child:before {
    width: 50.4px;
    height: 65.4px;
    top: -40px;
    left: -20px;
  }
}
.numbers .content section#sec_numbers_staff_voice .numbers_list > li h3 {
  color: #fff;
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.numbers .content section#sec_numbers_staff_voice .numbers_list > li h3 p {
  background: #4569ab;
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li h3 p {
    padding: 8px 20px;
  }
}
.numbers .content section#sec_numbers_staff_voice .numbers_list > li .sub_sec {
  padding: 0 0 60px 0;
  margin-bottom: 60px;
  border-bottom: 1px solid #b5deec;
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li .sub_sec {
    padding-bottom: 50px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li .sub_sec {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li .sub_sec {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.numbers .content section#sec_numbers_staff_voice .numbers_list > li .sub_sec:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.numbers .content section#sec_numbers_staff_voice .numbers_list > li h4 {
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li h4 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li h4 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li h4 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.numbers .content section#sec_numbers_staff_voice .numbers_list > li h4 span {
  display: block;
  font-size: 20px;
  font-size: 2rem;
  color: #53a9eb;
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li h4 span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_numbers_staff_voice .numbers_list > li h4 span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/*@mixin ttl_en_small {
	@include settings.font-size(22);
	color: settings.$baseEnTitleFontColor;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 4px;
	padding-left: 26px;
	margin-bottom: 10px;
	position: relative;
	@include mq.mq(lg_1000) {
		@include settings.font-size(20);
		padding-left: 22px;
	}
	@include mq.mq(tab_600) {
		@include settings.font-size(18);
		letter-spacing: 3px;
	}
	@include mq.mq(sms_480) {
		@include settings.font-size(16);
		padding-left: 18px;
	}
	&:before {
		content: '';
		width: 16px;
		height: 16px;
		background: settings.$baseEnTitleFontColor;
		border-radius: 100%;
		position: absolute;
		top: 5px;
		left: 0;
		@include mq.mq(lg_1000) {
			width: 14px;
			height: 14px;
			top: 4px;
		}
		@include mq.mq(sms_480) {
			width: 12px;
			height: 12px;
			top: 3px;
		}
	}
	&:after {
		content: '';
		width: 6px;
		height: 6px;
		background: #fff;
		border-radius: 100%;
		position: absolute;
		top: 10px;
		left: 5px;
		@include mq.mq(lg_1000) {
			width: 6px;
			height: 6px;
			top: 8px;
			left: 4px;
		}
		@include mq.mq(sms_480) {
			top: 6px;
			left: 3px;
		}
	}
}
@mixin h2_style_big {
	@include settings.font-size(42);
	color: settings.$baseTitleFontColor;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 4px;
	margin-bottom: 60px;
	@include mq.mq(lg_1000) {
		@include settings.font-size(36);
	}
	@include mq.mq(md_768) {
		@include settings.font-size(34);
		letter-spacing: 5px;
	}
	@include mq.mq(tab_600) {
		@include settings.font-size(30);
	}
	@include mq.mq(sms_480) {
		@include settings.font-size(28);
		margin-bottom: 40px;
	}
	@include mq.mq(sm_400) {
		margin-bottom: 30px;
	}
	span {
		display: inline-block;
	}
}*/
.about header .main_ttl {
  background-image: url(images/bg_main_ttl_about.jpg);
}
.about .content section .ttl_en {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 10px;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .about .content section .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.about .content section h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .about .content section h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .about .content section h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section h2 {
    margin-bottom: 30px;
  }
}
.about .content section h2 span {
  display: inline-block;
}
.about .content section p {
  margin-bottom: 20px;
}
.about .content section p:last-child {
  margin-bottom: 0;
}
.about .content section p em {
  font-weight: 700;
  color: #055086;
}
.about .content section#sec_about_message {
  max-width: 1360px;
  margin: 0 auto;
}
.about .content section#sec_about_message .ttl_en {
  color: #2697e7;
}
@media screen and (max-width: 400px) {
  .about .content section#sec_about_message h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.about .content section#sec_about_message .about_message_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_about_message .about_message_lead .photo {
  width: 600px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_about_message .about_message_lead .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_about_message .about_message_lead .photo {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_about_message .about_message_lead .photo {
    margin-bottom: 30px;
  }
}
.about .content section#sec_about_message .about_message_lead .photo:after {
  content: "";
  width: 129px;
  height: 109px;
  background: url(images/img_illust_about_baby.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -36px;
  left: -36px;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_about_message .about_message_lead .photo:after {
    width: 116.1px;
    height: 98.1px;
    left: -30px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_about_message .about_message_lead .photo:after {
    bottom: -26px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_about_message .about_message_lead .photo:after {
    width: 103.2px;
    height: 87.2px;
    bottom: -20px;
    left: -20px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_about_message .about_message_lead .photo:after {
    width: 90.3px;
    height: 76.3px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_about_message .about_message_lead .photo:after {
    width: 77.4px;
    height: 65.4px;
  }
}
.about .content section#sec_about_message .about_message_lead .photo img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_about_message .about_message_lead .photo img {
    height: auto;
  }
}
.about .content section#sec_about_message .about_message_lead .txt_area {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_about_message .about_message_lead .txt_area {
    width: calc(100% - 550px);
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_about_message .about_message_lead .txt_area {
    width: 100%;
  }
}
.about .content section#sec_about_message .about_message_lead .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 50px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .about .content section#sec_about_message .about_message_lead .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_about_message .about_message_lead .txt_area p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}
.about .content section#sec_about_message .about_message_lead .txt_area p:last-child {
  margin-bottom: 0;
}
.about .content section#sec_philosophy {
  background: #f1fffc;
}
.about .content section#sec_philosophy .ttl_en {
  color: #87e0db;
}
.about .content section#sec_philosophy h3 {
  font-size: 32px;
  font-size: 3.2rem;
  color: #45cdb7;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 2px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy h3 {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.about .content section#sec_philosophy h3 span {
  display: inline-block;
}
.about .content section#sec_philosophy .philosophy_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;
}
.about .content section#sec_philosophy .philosophy_box.philosophy01 {
  margin-bottom: 130px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .philosophy_box.philosophy01 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .philosophy_box.philosophy01 {
    margin-bottom: 50px;
  }
}
.about .content section#sec_philosophy .philosophy_box.philosophy01 .photo img {
  height: 360px;
  object-fit: cover;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .philosophy_box.philosophy01 .photo img {
    height: auto;
  }
}
.about .content section#sec_philosophy .philosophy_box.philosophy02 {
  margin-bottom: 100px;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_philosophy .philosophy_box.philosophy02 {
    -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_philosophy .philosophy_box.philosophy02 .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) {
  .about .content section#sec_philosophy .philosophy_box.philosophy02 .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_box.philosophy02 .photo:before {
  content: "";
  width: 206px;
  height: 73px;
  background: url(images/img_msg_baloon_about_philosophy.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -46px;
  left: -30px;
}
@media screen and (max-width: 1400px) {
  .about .content section#sec_philosophy .philosophy_box.philosophy02 .photo:before {
    width: 185.4px;
    height: 65.7px;
    left: -20px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .philosophy_box.philosophy02 .photo:before {
    left: 60px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .philosophy_box.philosophy02 .photo:before {
    left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_box.philosophy02 .photo:before {
    width: 164.8px;
    height: 58.4px;
    top: -40px;
    left: 20px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .philosophy_box.philosophy02 .photo:before {
    width: 144.2px;
    height: 51.1px;
    left: 0;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .philosophy_box.philosophy02 .photo:before {
    width: 123.6px;
    height: 43.8px;
    top: -30px;
  }
}
.about .content section#sec_philosophy .philosophy_box.philosophy02 .photo:after {
  content: "";
  width: 90px;
  height: 115px;
  background: url(images/img_illust_about_virus.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -15px;
  right: -30px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .philosophy_box.philosophy02 .photo:after {
    right: -20px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .philosophy_box.philosophy02 .photo:after {
    width: 81px;
    height: 103.5px;
    right: -15px;
  }
}
.about .content section#sec_philosophy .philosophy_box.philosophy02 .photo img {
  height: 590px;
  object-fit: cover;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .philosophy_box.philosophy02 .photo img {
    height: auto;
  }
}
.about .content section#sec_philosophy .philosophy_box.philosophy02 .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) {
  .about .content section#sec_philosophy .philosophy_box.philosophy02 .txt_area {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .philosophy_box.philosophy02 .txt_area {
    margin-bottom: 60px;
  }
}
.about .content section#sec_philosophy .philosophy_box .photo {
  width: 580px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_philosophy .philosophy_box .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .philosophy_box .photo {
    width: 100%;
  }
}
.about .content section#sec_philosophy .philosophy_box .photo img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_box .photo img {
    border-radius: 15px;
  }
}
.about .content section#sec_philosophy .philosophy_box .txt_area {
  width: calc(100% - 640px);
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_philosophy .philosophy_box .txt_area {
    width: calc(100% - 550px);
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .philosophy_box .txt_area {
    width: 100%;
    margin-bottom: 20px;
  }
}
.about .content section#sec_philosophy .philosophy_box .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .philosophy_box .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .philosophy_box .txt_area p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.about .content section#sec_philosophy .philosophy_box .txt_area p:last-child {
  margin-bottom: 0;
}
.about .content section#sec_philosophy .about_day_one {
  max-width: 1280px;
  margin: 0 auto;
  background: #fff;
  padding: 60px;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .about_day_one {
    padding: 60px 40px 40px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .about_day_one {
    padding: 60px 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .about_day_one {
    border-radius: 15px;
    padding: 60px 25px 30px;
  }
}
.about .content section#sec_philosophy .about_day_one:after {
  content: "";
  width: 190px;
  height: 165px;
  background: url(images/img_icon_about_dayone.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -36px;
  right: -52px;
}
@media screen and (max-width: 1400px) {
  .about .content section#sec_philosophy .about_day_one:after {
    right: -20px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .about_day_one:after {
    width: 171px;
    height: 148.5px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .about_day_one:after {
    width: 152px;
    height: 132px;
    top: -30px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .about_day_one:after {
    width: 133px;
    height: 115.5px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .about_day_one:after {
    width: 114px;
    height: 99px;
  }
}
.about .content section#sec_philosophy .about_day_one h3 {
  color: #055086;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .about_day_one h3 span {
    display: block;
  }
}
.about .content section#sec_philosophy .about_day_one .lead {
  margin-bottom: 70px;
}
.about .content section#sec_philosophy .about_day_one p {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .about_day_one p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .about_day_one p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.about .content section#sec_philosophy .about_day_one p em {
  color: #45cdb7;
  font-weight: 700;
}
.about .content section#sec_philosophy .about_day_one .staff_gallery {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.about .content section#sec_philosophy .about_day_one .staff_gallery:after {
  content: "";
  width: 158px;
  height: 57px;
  background: url(images/img_msg_baloon_about_dayone.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -36px;
  right: 26px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .about_day_one .staff_gallery:after {
    top: -44px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .about_day_one .staff_gallery:after {
    width: 142.2px;
    height: 51.3px;
    top: -36px;
  }
}
.about .content section#sec_philosophy .about_day_one .staff_gallery .photo {
  width: 24.74%;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .about_day_one .staff_gallery .photo {
    width: 50%;
  }
}
.about .content section#sec_message_for_you {
  max-width: 1360px;
  margin: 0 auto;
}
.about .content section#sec_message_for_you .ttl_en {
  text-align: left;
}
.about .content section#sec_message_for_you h2 {
  text-align: left;
}
.about .content section#sec_message_for_you .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;
  margin-bottom: 80px;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_message_for_you .message_box {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_message_for_you .message_box {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_message_for_you .message_box {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_message_for_you .message_box {
    margin-bottom: 30px;
  }
}
.about .content section#sec_message_for_you .message_box .photo {
  width: 620px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_message_for_you .message_box .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_message_for_you .message_box .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.about .content section#sec_message_for_you .message_box .photo img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_message_for_you .message_box .photo img {
    border-radius: 15px;
  }
}
.about .content section#sec_message_for_you .message_box .txt_area {
  width: calc(100% - 680px);
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_message_for_you .message_box .txt_area {
    width: calc(100% - 550px);
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_message_for_you .message_box .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_message_for_you .message_box .txt_area {
    margin-bottom: 20px;
  }
}
.about .content section#sec_message_for_you .message_box .txt_area .catch {
  font-size: 32px;
  font-size: 3.2rem;
  color: #2697e7;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 3px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_message_for_you .message_box .txt_area .catch {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_message_for_you .message_box .txt_area .catch {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_message_for_you .message_box .txt_area .catch {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_message_for_you .message_box .txt_area .catch {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_message_for_you .message_box .txt_area .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
.about .content section#sec_message_for_you .message_box .txt_area .catch span {
  background: linear-gradient(transparent 70%, #ffeb78 70%);
}
.about .content section#sec_message_for_you .message_box .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 40px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .about .content section#sec_message_for_you .message_box .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_message_for_you .message_box .txt_area p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}
.about .content section#sec_message_for_you .message_box .txt_area p:last-child {
  margin-bottom: 0;
}
.about .content section#sec_message_for_you .for_staff {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #055086;
  border-radius: 20px;
  padding: 60px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_message_for_you .for_staff {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_message_for_you .for_staff {
    padding: 30px;
    border-radius: 15px;
  }
}
.about .content section#sec_message_for_you .for_staff .txt_area {
  width: calc(100% - 560px);
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_message_for_you .for_staff .txt_area {
    width: calc(100% - 450px);
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_message_for_you .for_staff .txt_area {
    width: 100%;
    margin-bottom: 60px;
  }
}
.about .content section#sec_message_for_you .for_staff .txt_area h3 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #eecb27;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .about .content section#sec_message_for_you .for_staff .txt_area h3 {
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_message_for_you .for_staff .txt_area h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_message_for_you .for_staff .txt_area h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_message_for_you .for_staff .txt_area h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.about .content section#sec_message_for_you .for_staff .txt_area .doctor_message {
  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: 20px;
}
.about .content section#sec_message_for_you .for_staff .txt_area .doctor_message:last-child {
  margin-bottom: 0;
}
.about .content section#sec_message_for_you .for_staff .txt_area .doctor_message .doctor_thumb {
  width: 100px;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_message_for_you .for_staff .txt_area .doctor_message .doctor_thumb {
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.about .content section#sec_message_for_you .for_staff .txt_area .doctor_message .message {
  width: calc(100% - 130px);
  background: #fcf6d9;
  border-radius: 12px;
  padding: 15px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_message_for_you .for_staff .txt_area .doctor_message .message {
    width: 100%;
    margin-left: 0;
  }
}
.about .content section#sec_message_for_you .for_staff .txt_area .doctor_message .message:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 14px solid #fcf6d9;
  border-bottom: 5px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 20px;
  left: -28px;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_message_for_you .for_staff .txt_area .doctor_message .message:before {
    border-top: 14px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 14px solid #fcf6d9;
    border-left: 5px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.about .content section#sec_message_for_you .for_staff .txt_area .doctor_message .message .staff_cat {
  font-size: 14px;
  font-size: 1.4rem;
  color: #2697e7;
  letter-spacing: 2px;
  margin-top: 5px;
}
.about .content section#sec_message_for_you .for_staff .photo {
  width: 500px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_message_for_you .for_staff .photo {
    width: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_message_for_you .for_staff .photo {
    width: 100%;
  }
}
.about .content section#sec_message_for_you .for_staff .photo:after {
  content: "";
  width: 182px;
  height: 137px;
  background: url(images/img_msg_baloon_about_message.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -50px;
  right: -28px;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_message_for_you .for_staff .photo:after {
    right: -50px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_message_for_you .for_staff .photo:after {
    right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_message_for_you .for_staff .photo:after {
    width: 163.8px;
    height: 123.3px;
    right: -20px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_message_for_you .for_staff .photo:after {
    width: 145.6px;
    height: 109.6px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_message_for_you .for_staff .photo:after {
    width: 127.4px;
    height: 95.9px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_message_for_you .for_staff .photo:after {
    width: 109.2px;
    height: 82.2px;
    top: -40px;
  }
}
.about .content section#sec_message_for_you .for_staff .photo img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_message_for_you .for_staff .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_message_for_you .for_staff .photo img {
    border-radius: 15px;
  }
}

.keyword header .main_ttl {
  background-image: url(images/bg_main_ttl_keyword.jpg);
}
@media screen and (max-width: 600px) {
  .keyword header .main_ttl .ttl_en {
    padding-top: 70px;
  }
}
@media screen and (max-width: 480px) {
  .keyword header .main_ttl .ttl_en {
    padding-top: 55px;
  }
}
@media screen and (max-width: 400px) {
  .keyword header .main_ttl .ttl_en {
    padding-top: 55px;
  }
}
@media screen and (max-width: 768px) {
  .keyword header .main_ttl h1 {
    letter-spacing: 2px;
  }
}
.keyword header .main_ttl h1 span {
  display: inline-block;
}
@media screen and (max-width: 600px) {
  .keyword header .main_ttl h1 span {
    display: block;
  }
}
.keyword .content section#sec_keyword_lead {
  max-width: 1360px;
  margin: 0 auto;
}
.keyword .content section#sec_keyword_lead .ttl_en {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 10px;
  color: #87e0db;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword_lead .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword_lead .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.keyword .content section#sec_keyword_lead h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword_lead h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword_lead h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword_lead h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword_lead h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_keyword_lead h2 {
    margin-bottom: 30px;
  }
}
.keyword .content section#sec_keyword_lead h2 span {
  display: inline-block;
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword_lead h2 {
    letter-spacing: 2px;
  }
}
.keyword .content section#sec_keyword_lead .keyword_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;
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_keyword_lead .keyword_lead {
    -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_lead .keyword_lead .photo {
  width: 600px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .photo {
    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_lead .keyword_lead .photo img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .photo img {
    border-radius: 15px;
  }
}
.keyword .content section#sec_keyword_lead .keyword_lead .txt_area {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .txt_area {
    width: calc(100% - 550px);
  }
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
.keyword .content section#sec_keyword_lead .keyword_lead .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .txt_area p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.keyword .content section#sec_keyword_lead .keyword_lead .txt_area p em {
  color: #45cdb7;
  font-weight: 700;
}
.keyword .content section#sec_keyword_lead .keyword_lead .txt_area .doctor_message {
  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-top: 30px;
}
.keyword .content section#sec_keyword_lead .keyword_lead .txt_area .doctor_message:last-child {
  margin-bottom: 0;
}
.keyword .content section#sec_keyword_lead .keyword_lead .txt_area .doctor_message .doctor_thumb {
  width: 100px;
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .txt_area .doctor_message .doctor_thumb {
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.keyword .content section#sec_keyword_lead .keyword_lead .txt_area .doctor_message .message {
  width: calc(100% - 130px);
  background: #f2fbfe;
  border-radius: 12px;
  padding: 15px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .txt_area .doctor_message .message {
    width: 100%;
    margin-left: 0;
  }
}
.keyword .content section#sec_keyword_lead .keyword_lead .txt_area .doctor_message .message:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 14px solid #f2fbfe;
  border-bottom: 5px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 20px;
  left: -28px;
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .txt_area .doctor_message .message:before {
    border-top: 14px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 14px solid #f2fbfe;
    border-left: 5px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.keyword .content section#sec_keyword_lead .keyword_lead .txt_area .doctor_message .message .staff_cat {
  font-size: 14px;
  font-size: 1.4rem;
  color: #2697e7;
  letter-spacing: 2px;
  margin-top: 5px;
}
.keyword .content section#sec_keyword_lead .keyword_lead .keyword_area {
  width: 100%;
  margin-top: 60px;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .keyword_area {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .keyword_area {
    margin-top: 50px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .keyword_area {
    margin-top: 40px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .keyword_area {
    margin-top: 30px;
  }
}
.keyword .content section#sec_keyword_lead .keyword_lead .keyword_area p {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .keyword_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .keyword_area p {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .keyword_area p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.keyword .content section#sec_keyword_lead .keyword_lead .keyword_area p span {
  display: inline-block;
}
.keyword .content section#sec_keyword_lead .keyword_lead .keyword_area 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_lead .keyword_lead .keyword_area ul li {
  background: #e4fdf8;
  border-radius: 100px;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1.4;
  padding: 12px 45px;
  margin: 0 15px;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .keyword_area ul li {
    font-size: 28px;
    font-size: 2.8rem;
    margin: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .keyword_area ul li {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 8px 30px;
    margin: 0 5px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .keyword_area ul li {
    font-size: 20px;
    font-size: 2rem;
    padding: 8px 24px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .keyword_area ul li {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 2px;
    padding: 7px 20px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_keyword_lead .keyword_lead .keyword_area ul li {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 2px;
    padding: 6px 16px;
  }
}
.keyword .content section#sec_keyword_lead .keyword_lead .keyword_area ul li:nth-child(2) {
  background: #dcf5fa;
}
.keyword .content section#sec_keyword_lead .keyword_lead .keyword_area ul li:nth-child(3) {
  background: #e1f0fc;
}
.keyword .content section#sec_keyword {
  max-width: 1360px;
  margin: 0 auto;
  padding-top: 20px;
}
.keyword .content section#sec_keyword .keyword_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;
  border: 1px solid #055086;
  border-radius: 30px;
  padding: 60px;
  margin-bottom: 115px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_keyword .keyword_box {
    padding: 50px 40px;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword .keyword_box {
    padding: 35px 30px;
    margin-bottom: 90px;
    border-radius: 25px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword .keyword_box {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword .keyword_box {
    padding: 25px;
    margin-bottom: 70px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_keyword .keyword_box {
    margin-bottom: 60px;
  }
}
.keyword .content section#sec_keyword .keyword_box:nth-child(2) .num {
  background-image: url(images/bg_keyword_num_pale_blue.png);
}
.keyword .content section#sec_keyword .keyword_box:nth-child(2) .txt_area p em {
  color: #2697e7;
}
.keyword .content section#sec_keyword .keyword_box:last-child {
  margin-bottom: 0;
}
.keyword .content section#sec_keyword .keyword_box:last-child .num {
  background-image: url(images/bg_keyword_num_blue.png);
}
.keyword .content section#sec_keyword .keyword_box:last-child .txt_area p em {
  color: #2580e8;
}
.keyword .content section#sec_keyword .keyword_box .num {
  width: 114px;
  height: 55px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 36px;
  font-size: 3.6rem;
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 4px;
  background: url(images/bg_keyword_num_green.png) no-repeat 0 0;
  background-size: cover;
  padding-top: 11px;
  position: absolute;
  top: -56px;
  left: 60px;
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_keyword .keyword_box .num {
    left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword .keyword_box .num {
    width: 102.6px;
    height: 49.5px;
    font-size: 32px;
    font-size: 3.2rem;
    top: -51px;
    left: 30px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword .keyword_box .num {
    width: 91.2px;
    height: 44px;
    font-size: 28px;
    font-size: 2.8rem;
    padding-top: 10px;
    top: -45px;
    left: 25px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword .keyword_box .num {
    width: 79.8px;
    height: 38.5px;
    font-size: 24px;
    font-size: 2.4rem;
    padding-top: 9px;
    top: -40px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_keyword .keyword_box .num {
    width: 68.4px;
    height: 33px;
    font-size: 20px;
    font-size: 2rem;
    padding-top: 8px;
    top: -34px;
  }
}
.keyword .content section#sec_keyword .keyword_box .txt_area {
  width: calc(100% - 640px);
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_keyword .keyword_box .txt_area {
    width: calc(100% - 500px);
  }
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword .keyword_box .txt_area {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword .keyword_box .txt_area {
    margin-bottom: 20px;
  }
}
.keyword .content section#sec_keyword .keyword_box .txt_area h2 {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword .keyword_box .txt_area h2 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword .keyword_box .txt_area h2 {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword .keyword_box .txt_area h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword .keyword_box .txt_area h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_keyword .keyword_box .txt_area h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.keyword .content section#sec_keyword .keyword_box .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword .keyword_box .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword .keyword_box .txt_area p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.keyword .content section#sec_keyword .keyword_box .txt_area p:last-child {
  margin-bottom: 0;
}
.keyword .content section#sec_keyword .keyword_box .txt_area p em {
  color: #45cdb7;
  font-weight: 700;
}
.keyword .content section#sec_keyword .keyword_box .photo {
  width: 580px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_keyword .keyword_box .photo {
    width: 460px;
  }
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword .keyword_box .photo {
    width: 100%;
  }
}
.keyword .content section#sec_keyword .keyword_box .photo img {
  width: 100%;
  height: 360px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword .keyword_box .photo img {
    height: auto;
  }
}
.keyword .content section#sec_keyword .keyword_box .photo img:first-child {
  border-radius: 30px 30px 0 0;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword .keyword_box .photo img:first-child {
    border-radius: 25px 25px 0 0;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword .keyword_box .photo img:first-child {
    border-radius: 20px 20px 0 0;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword .keyword_box .photo img:first-child {
    border-radius: 15px 15px 0 0;
  }
}
.keyword .content section#sec_keyword .keyword_box .photo img:last-child {
  border-radius: 0 0 30px 30px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword .keyword_box .photo img:last-child {
    border-radius: 0 0 25px 25px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword .keyword_box .photo img:last-child {
    border-radius: 0 0 20px 20px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword .keyword_box .photo img:last-child {
    border-radius: 0 0 15px 15px;
  }
}
.keyword .content section#sec_keyword .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 .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 .keyword_inner .txt_area {
  width: calc(100% - 680px);
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_keyword .keyword_inner .txt_area {
    width: calc(100% - 540px);
  }
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword .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 .keyword_inner .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_keyword .keyword_inner .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword .keyword_inner .txt_area p {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword .keyword_inner .txt_area p {
    margin-bottom: 20px;
  }
}
.keyword .content section#sec_keyword .keyword_inner .txt_area p:last-child {
  margin-bottom: 0;
}
.keyword .content section#sec_keyword .keyword_inner .photo {
  width: 620px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_keyword .keyword_inner .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword .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: 600px) {
  .keyword .content section#sec_keyword .keyword_inner .photo {
    margin-bottom: 20px;
  }
}
.keyword .content section#sec_keyword .keyword_inner .photo img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_keyword .keyword_inner .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_keyword .keyword_inner .photo img {
    height: 320px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_keyword .keyword_inner .photo img {
    height: 280px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_keyword .keyword_inner .photo img {
    height: 240px;
  }
}

.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 h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .access .content section.sec_clinic_outline h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .access .content section.sec_clinic_outline h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .access .content section.sec_clinic_outline h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .access .content section.sec_clinic_outline h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .access .content section.sec_clinic_outline h2 {
    margin-bottom: 30px;
  }
}
.access .content section.sec_clinic_outline h2 span {
  display: inline-block;
}
.access .content section.sec_clinic_outline table {
  border-top: 1px solid #055086;
  border-left: 1px solid #055086;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .access .content section.sec_clinic_outline table {
    border-bottom: 1px solid #055086;
  }
}
.access .content section.sec_clinic_outline table:last-child {
  margin-bottom: 0;
}
.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 #055086;
  border-bottom: 1px solid #055086;
}
@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: #eef7fe;
}
@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%;
  font-weight: 500;
}
@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;
}
.access .content section.sec_clinic_outline table td p {
  margin-bottom: 20px;
}
.access .content section.sec_clinic_outline table td p:last-child {
  margin-bottom: 0;
}

.profile header .main_ttl {
  background-image: url(images/bg_main_ttl_profile.jpg);
}
.profile .content section h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .profile .content section h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@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: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section h2 {
    margin-bottom: 30px;
  }
}
.profile .content section h2 span {
  display: inline-block;
}
.profile .content section#sec_about_doctor {
  max-width: 1360px;
  margin: 0 auto;
}
.profile .content section#sec_about_doctor .profile_inner {
  background: #f1fffc;
  padding: 60px;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .profile_inner {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .profile_inner {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .profile_inner {
    border-radius: 15px;
    padding: 25px;
  }
}
.profile .content section#sec_about_doctor .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: 15px;
  margin-bottom: 50px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_about_doctor .profile_header {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .profile_header {
    background: transparent;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .profile_header {
    margin-bottom: 40px;
  }
}
.profile .content section#sec_about_doctor .profile_header:after {
  content: "";
  width: 205px;
  height: 186px;
  background: url(images/photo_profile_doctor_sub.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 0 0 12px 0;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .profile_header:after {
    width: 164px;
    height: 148.8px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .profile_header:after {
    width: 143.5px;
    height: 130.2px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_doctor .profile_header:after {
    width: 123px;
    height: 111.6px;
  }
}
.profile .content section#sec_about_doctor .profile_header .doctor_photo {
  width: 450px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .profile_header .doctor_photo {
    width: 100%;
    max-width: 580px;
    margin: 0 auto 30px;
  }
}
.profile .content section#sec_about_doctor .profile_header .doctor_photo .msg {
  position: absolute;
  top: -40px;
  left: 40px;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_about_doctor .profile_header .doctor_photo .msg {
    left: 50px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_doctor .profile_header .doctor_photo .msg {
    top: -30px;
    left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .profile_header .doctor_photo .msg img {
    width: 99.9px;
    height: 79.2px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .profile_header .doctor_photo .msg img {
    width: 88.8px;
    height: 70.4px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_doctor .profile_header .doctor_photo .msg img {
    width: 77.7px;
    height: 61.6px;
  }
}
.profile .content section#sec_about_doctor .profile_header .doctor_photo .photo img {
  border-radius: 15px 0 0 15px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .profile_header .doctor_photo .photo img {
    width: 100%;
    border-radius: 20px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .profile_header .doctor_photo .photo img {
    border-radius: 15px;
  }
}
.profile .content section#sec_about_doctor .profile_header .profile_basic {
  width: calc(100% - 450px);
  padding: 40px 70px;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic {
    padding: 80px 40px 0;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic {
    width: 100%;
    background: #fff;
    padding: 40px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic {
    padding: 25px;
    padding-bottom: 100px;
    border-radius: 15px;
  }
}
.profile .content section#sec_about_doctor .profile_header .profile_basic .name {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.5;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic .name {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic .name {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic .name {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic .name {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic .name {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.profile .content section#sec_about_doctor .profile_header .profile_basic .name span {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic .name span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic .name span {
    letter-spacing: 0;
  }
}
.profile .content section#sec_about_doctor .profile_header .profile_basic ul {
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic ul {
    margin-bottom: 20px;
  }
}
.profile .content section#sec_about_doctor .profile_header .profile_basic li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.profile .content section#sec_about_doctor .profile_header .profile_basic li:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_about_doctor .profile_header .profile_basic li span {
  color: #45cdb7;
}
.profile .content section#sec_about_doctor .profile_header .profile_basic li span:after {
  content: "： ";
}
.profile .content section#sec_about_doctor .profile_header .profile_basic .note {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic .note {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .profile_header .profile_basic .note {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.profile .content section#sec_about_doctor .profile_detail h3 {
  font-size: 32px;
  font-size: 3.2rem;
  color: #055086;
  font-weight: 700;
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .profile_detail h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .profile_detail h3 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .profile_detail h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_doctor .profile_detail h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.profile .content section#sec_about_doctor .profile_detail h3 span {
  position: relative;
}
.profile .content section#sec_about_doctor .profile_detail h3 span:before {
  content: "";
  width: 1px;
  height: 50px;
  background: #055086;
  position: absolute;
  top: 0;
  left: -20px;
  transform: rotate(-11deg);
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .profile_detail h3 span:before {
    height: 40px;
    top: 2px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .profile_detail h3 span:before {
    height: 36px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_doctor .profile_detail h3 span:before {
    height: 30px;
    left: -15px;
  }
}
.profile .content section#sec_about_doctor .profile_detail h3 span:after {
  content: "";
  width: 1px;
  height: 50px;
  background: #055086;
  position: absolute;
  top: 0;
  right: -15px;
  transform: rotate(11deg);
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .profile_detail h3 span:after {
    height: 40px;
    top: 2px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .profile_detail h3 span:after {
    height: 36px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_doctor .profile_detail h3 span:after {
    height: 30px;
    right: -12px;
  }
}
.profile .content section#sec_about_doctor .profile_detail .profile_detail_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.profile .content section#sec_about_doctor .profile_detail .profile_detail_box {
  width: 49.13%;
  margin: 0% 0% 1.72% 0%;
  background: #fff;
  border-radius: 12px;
  padding: 30px 40px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .profile_detail .profile_detail_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .profile_detail .profile_detail_box {
    padding: 25px;
    margin-bottom: 15px;
  }
}
.profile .content section#sec_about_doctor .profile_detail .profile_detail_box.profile_holiday dd, .profile .content section#sec_about_doctor .profile_detail .profile_detail_box.profile_student dd {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.profile .content section#sec_about_doctor .profile_detail .profile_detail_box.profile_holiday dd .txt, .profile .content section#sec_about_doctor .profile_detail .profile_detail_box.profile_student dd .txt {
  width: calc(100% - 320px);
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .profile_detail .profile_detail_box.profile_holiday dd .txt, .profile .content section#sec_about_doctor .profile_detail .profile_detail_box.profile_student dd .txt {
    width: 100%;
    margin-bottom: 20px;
  }
}
.profile .content section#sec_about_doctor .profile_detail .profile_detail_box.profile_holiday dd .photo, .profile .content section#sec_about_doctor .profile_detail .profile_detail_box.profile_student dd .photo {
  width: 280px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .profile_detail .profile_detail_box.profile_holiday dd .photo, .profile .content section#sec_about_doctor .profile_detail .profile_detail_box.profile_student dd .photo {
    width: 100%;
  }
}
.profile .content section#sec_about_doctor .profile_detail .profile_detail_box.profile_holiday dd .photo img, .profile .content section#sec_about_doctor .profile_detail .profile_detail_box.profile_student dd .photo img {
  border-radius: 12px;
}
.profile .content section#sec_about_doctor .profile_detail .profile_detail_box:first-child {
  width: 100%;
}
.profile .content section#sec_about_doctor .profile_detail .profile_detail_box:nth-child(even) {
  margin: 0% 1.72% 1.72% 0%;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .profile_detail .profile_detail_box:nth-child(even) {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .profile_detail .profile_detail_box:nth-child(even) {
    margin-bottom: 15px;
  }
}
.profile .content section#sec_about_doctor .profile_detail .profile_detail_box:nth-child(n+6) {
  width: 100%;
  margin-right: 0;
}
.profile .content section#sec_about_doctor .profile_detail .profile_detail_box:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_about_doctor .profile_detail .profile_detail_box dt {
  font-size: 20px;
  font-size: 2rem;
  color: #45cdb7;
  font-weight: 500;
  letter-spacing: 2px;
  padding: 0 0 10px 32px;
  margin-bottom: 10px;
  border-bottom: 1px solid #c3ddf2;
  position: relative;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .profile_detail .profile_detail_box dt {
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .profile_detail .profile_detail_box dt {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .profile_detail .profile_detail_box dt {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 28px;
  }
}
.profile .content section#sec_about_doctor .profile_detail .profile_detail_box dt:before {
  content: "Q.";
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  position: absolute;
  top: 7px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .profile_detail .profile_detail_box dt:before {
    font-size: 20px;
    font-size: 2rem;
    top: 6px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .profile_detail .profile_detail_box dt:before {
    font-size: 18px;
    font-size: 1.8rem;
    top: 5px;
  }
}
.profile .content section#sec_about_doctor .profile_detail .profile_detail_box dd {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .profile_detail .profile_detail_box dd {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .profile_detail .profile_detail_box dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.profile .content section#sec_about_doctor .profile_detail .profile_detail_box dd p {
  margin-bottom: 20px;
}
.profile .content section#sec_about_doctor .profile_detail .profile_detail_box dd p:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_about_doctor .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_about_doctor .profile_detail .profile_detail_box dd em {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_doctor .profile_detail .profile_detail_box dd em {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.profile .content section#sec_doctor_history {
  max-width: 1360px;
  padding-top: 0;
  margin: 0 auto;
}
.profile .content section#sec_doctor_history .history_box_wrapper {
  margin-bottom: 60px;
}
.profile .content section#sec_doctor_history .history_box {
  padding-bottom: 60px;
  position: relative;
}
.profile .content section#sec_doctor_history .history_box:last-child {
  padding-bottom: 27px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_doctor_history .history_box:last-child {
    padding-bottom: 0;
  }
}
.profile .content section#sec_doctor_history .history_box:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #055086;
  position: absolute;
  top: 13px;
  left: 4px;
}
.profile .content section#sec_doctor_history .history_box h3 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #2697e7;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 30px;
  padding-left: 30px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_doctor_history .history_box h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_doctor_history .history_box h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_doctor_history .history_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.profile .content section#sec_doctor_history .history_box h3:before {
  content: "";
  width: 9px;
  height: 9px;
  background: #055086;
  border-radius: 100px;
  position: absolute;
  top: 13px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_doctor_history .history_box h3:before {
    top: 11px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_doctor_history .history_box h3:before {
    top: 10px;
  }
}
.profile .content section#sec_doctor_history .history_box .history_detail {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 30px;
}
.profile .content section#sec_doctor_history .history_box .history_detail .txt {
  width: calc(100% - 320px);
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_doctor_history .history_box .history_detail .txt {
    width: 100%;
    margin-bottom: 20px;
  }
}
.profile .content section#sec_doctor_history .history_box .history_detail .txt:last-child {
  width: 100%;
  margin-top: 30px;
}
.profile .content section#sec_doctor_history .history_box .history_detail .txt p {
  margin-bottom: 30px;
}
.profile .content section#sec_doctor_history .history_box .history_detail .txt p:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_doctor_history .history_box .history_detail .txt p em {
  color: #2697e7;
  font-weight: 700;
}
.profile .content section#sec_doctor_history .history_box .history_detail .photo {
  width: 280px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_doctor_history .history_box .history_detail .photo {
    width: 100%;
  }
}
.profile .content section#sec_doctor_history .history_box .history_detail .photo img {
  border-radius: 12px;
}
.profile .content section#sec_doctor_history .doctor_message {
  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;
}
.profile .content section#sec_doctor_history .doctor_message h3 {
  width: 100%;
  font-size: 24px;
  font-size: 2.4rem;
  color: #2697e7;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_doctor_history .doctor_message h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_doctor_history .doctor_message h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_doctor_history .doctor_message h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_doctor_history .doctor_message h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_doctor_history .doctor_message h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.profile .content section#sec_doctor_history .doctor_message .doctor_thumb {
  width: 100px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_doctor_history .doctor_message .doctor_thumb {
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.profile .content section#sec_doctor_history .doctor_message .message {
  width: calc(100% - 130px);
  background: #f2fbfe;
  border-radius: 12px;
  padding: 20px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_doctor_history .doctor_message .message {
    width: 100%;
    margin-left: 0;
  }
}
.profile .content section#sec_doctor_history .doctor_message .message:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 14px solid #f2fbfe;
  border-bottom: 5px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 20px;
  left: -28px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_doctor_history .doctor_message .message:before {
    border-top: 14px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 14px solid #f2fbfe;
    border-left: 5px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}

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

.reason header .main_ttl {
  background-image: url(images/bg_main_ttl_reason.jpg);
}
.reason .content section.sec_reason {
  max-width: 1360px;
  margin: 0 auto;
}
.reason .content section.sec_reason:nth-child(-n+3) {
  padding-bottom: 0;
}
.reason .content section.sec_reason#sec_reason01 .reason_lead .photo:before {
  content: "";
  width: 130px;
  height: 70px;
  background: url(images/img_msg_baloon_reason_enjoy.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -8px;
  left: -16px;
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason#sec_reason01 .reason_lead .photo:before {
    width: 117px;
    height: 63px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason#sec_reason01 .reason_lead .photo:before {
    width: 104px;
    height: 56px;
    left: -12px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_reason#sec_reason01 .reason_lead .photo:before {
    width: 91px;
    height: 49px;
  }
}
.reason .content section.sec_reason#sec_reason01 .reason_lead .photo img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .reason .content section.sec_reason#sec_reason01 .reason_lead .photo img {
    height: 360px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason#sec_reason01 .reason_lead .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason#sec_reason01 .reason_lead .photo img {
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason#sec_reason01 .reason_lead .point_box .btn_more a {
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_reason#sec_reason01 .reason_lead .point_box .btn_more a {
    letter-spacing: 0;
  }
}
.reason .content section.sec_reason#sec_reason02 .point_num, .reason .content section.sec_reason#sec_reason04 .point_num {
  color: #2697e7;
}
.reason .content section.sec_reason#sec_reason02 .point_num:before, .reason .content section.sec_reason#sec_reason04 .point_num:before {
  background-image: url(images/img_icon_reason02_line.png);
}
.reason .content section.sec_reason#sec_reason02 .reason_lead .txt_area .catch, .reason .content section.sec_reason#sec_reason04 .reason_lead .txt_area .catch {
  color: #2697e7;
}
.reason .content section.sec_reason#sec_reason02 .point_box h3 span:before, .reason .content section.sec_reason#sec_reason04 .point_box h3 span:before {
  background-image: url(images/img_msg_baloon_point_reason02.png);
}
.reason .content section.sec_reason#sec_reason02 .point_box dl dt, .reason .content section.sec_reason#sec_reason04 .point_box dl dt {
  color: #2697e7;
}
.reason .content section.sec_reason .point_num {
  width: 66px;
  font-size: 50px;
  font-size: 5rem;
  color: #45cdb7;
  text-align: center;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 8px;
  margin: 0 auto 20px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason .point_num {
    font-size: 45px;
    font-size: 4.5rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason .point_num {
    font-size: 40px;
    font-size: 4rem;
  }
}
.reason .content section.sec_reason .point_num:before {
  content: "";
  width: 30px;
  height: 35px;
  background: url(images/img_icon_reason01_line.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -22px;
  right: -22px;
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason .point_num:before {
    width: 27px;
    height: 31.5px;
    top: -20px;
    right: -20px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason .point_num:before {
    width: 24px;
    height: 28px;
    top: -16px;
    right: -16px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_reason .point_num:before {
    width: 21px;
    height: 24.5px;
    top: -12px;
    right: -12px;
  }
}
.reason .content section.sec_reason .point_num span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason .point_num span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason .point_num span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.reason .content section.sec_reason h2 {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1.5;
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .reason .content section.sec_reason h2 {
    font-size: 36px;
    font-size: 3.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason h2 {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_reason h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.reason .content section.sec_reason h2 span {
  display: inline-block;
}
.reason .content section.sec_reason .reason_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: 120px;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason .reason_lead {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason .reason_lead {
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_reason .reason_lead {
    margin-bottom: 80px;
  }
}
.reason .content section.sec_reason .reason_lead .txt_area {
  width: calc(100% - 640px);
}
@media screen and (max-width: 1250px) {
  .reason .content section.sec_reason .reason_lead .txt_area {
    width: calc(100% - 540px);
  }
}
@media screen and (max-width: 1000px) {
  .reason .content section.sec_reason .reason_lead .txt_area {
    width: calc(100% - 390px);
  }
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason .reason_lead .txt_area {
    width: 100%;
  }
}
.reason .content section.sec_reason .reason_lead .txt_area .catch {
  font-size: 32px;
  font-size: 3.2rem;
  color: #45cdb7;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1.4;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .reason .content section.sec_reason .reason_lead .txt_area .catch {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason .reason_lead .txt_area .catch {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason .reason_lead .txt_area .catch {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason .reason_lead .txt_area .catch {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_reason .reason_lead .txt_area .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
.reason .content section.sec_reason .reason_lead .txt_area .catch span {
  display: inline-block;
}
.reason .content section.sec_reason .reason_lead .txt_area .txt {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason .reason_lead .txt_area .txt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.reason .content section.sec_reason .reason_lead .txt_area .txt:last-child {
  margin-bottom: 0;
}
.reason .content section.sec_reason .reason_lead .photo {
  width: 580px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .reason .content section.sec_reason .reason_lead .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .reason .content section.sec_reason .reason_lead .photo {
    width: 360px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason .reason_lead .photo {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason .reason_lead .photo {
    margin-bottom: 20px;
  }
}
.reason .content section.sec_reason .reason_lead .photo img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .reason .content section.sec_reason .reason_lead .photo img {
    height: 360px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason .reason_lead .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason .reason_lead .photo img {
    border-radius: 15px;
  }
}
.reason .content section.sec_reason .point_box {
  border: 1px solid #055086;
  border-radius: 20px;
  padding: 60px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .reason .content section.sec_reason .point_box {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason .point_box {
    padding: 40px 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason .point_box {
    padding: 40px 25px 30px;
    border-radius: 15px;
  }
}
.reason .content section.sec_reason .point_box h3 {
  width: 100%;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 3px;
  line-height: 1.4;
  margin-bottom: 40px;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1000px) {
  .reason .content section.sec_reason .point_box h3 {
    font-size: 28px;
    font-size: 2.8rem;
    top: -20px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason .point_box h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason .point_box h3 {
    font-size: 24px;
    font-size: 2.4rem;
    top: -16px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason .point_box h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_reason .point_box h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.reason .content section.sec_reason .point_box h3 span {
  display: inline-block;
  background: #fff;
  padding: 0 25px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason .point_box h3 span {
    padding: 0 20px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason .point_box h3 span {
    padding: 0 15px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_reason .point_box h3 span {
    padding: 0 10px;
  }
}
.reason .content section.sec_reason .point_box h3 span:before {
  content: "";
  width: 110px;
  height: 41px;
  background: url(images/img_msg_baloon_point_reason01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -46px;
  left: -30px;
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason .point_box h3 span:before {
    width: 99px;
    height: 36.9px;
    top: -40px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_reason .point_box h3 span:before {
    width: 88px;
    height: 32.8px;
    top: -36px;
  }
}
.reason .content section.sec_reason .point_box dl {
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason .point_box dl {
    margin-bottom: 30px;
  }
}
.reason .content section.sec_reason .point_box dl dt {
  font-size: 24px;
  font-size: 2.4rem;
  color: #45cdb7;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason .point_box dl dt {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason .point_box dl dt {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason .point_box dl dt {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_reason .point_box dl dt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.reason .content section.sec_reason .point_box dl dd {
  margin-bottom: 30px;
}
.reason .content section.sec_reason .point_box dl dd:last-child {
  margin-bottom: 0;
}
.reason .content section.sec_reason .point_box .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason .point_box .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason .point_box .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.reason .content section.sec_reason .point_box .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) {
  .reason .content section.sec_reason .point_box .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_reason .point_box .btn_more a:after {
    right: 15px;
  }
}
.reason .content section.sec_reason .point_box .btn_more a:hover:after {
  right: 20px;
}

.welfare header .main_ttl {
  background-image: url(images/bg_main_ttl_welfare.jpg);
}
.welfare .content section#sec_welfare {
  max-width: 1360px;
  margin: 0 auto;
}
.welfare .content section#sec_welfare .sec_welare_point {
  padding: 0;
  margin-bottom: 100px;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .sec_welare_point {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .sec_welare_point {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .sec_welare_point {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .sec_welare_point {
    margin-bottom: 50px;
  }
}
.welfare .content section#sec_welfare .sec_welare_point#sec_welfare02 .welfare_box {
  background: #f1fffc;
}
.welfare .content section#sec_welfare .sec_welare_point#sec_welfare02 .welfare_box dt {
  color: #45cdb7;
}
.welfare .content section#sec_welfare .sec_welare_point#sec_welfare02 .welfare_box dd:before {
  background-color: #45cdb7;
}
.welfare .content section#sec_welfare .sec_welare_point#sec_welfare03 .welfare_box {
  background: #f2fbfe;
}
.welfare .content section#sec_welfare .sec_welare_point#sec_welfare03 .welfare_box dt {
  color: #2697e7;
}
.welfare .content section#sec_welfare .sec_welare_point#sec_welfare03 .welfare_box dd:before {
  background-color: #2697e7;
}
.welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .welfare_box {
  background: #ffefea;
}
.welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .welfare_box dt {
  color: #ef7e56;
}
.welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .welfare_box dd:before {
  background-color: #ef7e56;
}
.welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .doctor_message {
  margin-bottom: 60px;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .doctor_message {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .doctor_message {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .doctor_message {
    margin-bottom: 30px;
  }
}
.welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .about_faq p {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .about_faq p {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .about_faq p {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .about_faq p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .about_faq p span {
  display: inline-block;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .about_faq p span {
    display: block;
  }
}
.welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .about_faq .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .about_faq .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .about_faq .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .about_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) {
  .welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .about_faq .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .about_faq .btn_more a:after {
    right: 15px;
  }
}
.welfare .content section#sec_welfare .sec_welare_point#sec_welfare04 .about_faq .btn_more a:hover:after {
  right: 20px;
}
.welfare .content section#sec_welfare .sec_welare_point:last-child {
  margin-bottom: 0;
}
.welfare .content section#sec_welfare .sec_welare_point h2 {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1.4;
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .sec_welare_point h2 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .sec_welare_point h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .sec_welare_point h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .sec_welare_point h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .sec_welare_point h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.welfare .content section#sec_welfare .sec_welare_point h2 span {
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .sec_welare_point h2 span {
    display: block;
  }
}
.welfare .content section#sec_welfare .sec_welare_point .welfare_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: 8px;
}
.welfare .content section#sec_welfare .sec_welare_point .welfare_box {
  width: 32.18%;
  margin: 0% 1.71% 1.71% 0%;
  background: #fcf6d9;
  padding: 40px;
  margin-bottom: 20px;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .sec_welare_point .welfare_box {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .sec_welare_point .welfare_box {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .sec_welare_point .welfare_box {
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .sec_welare_point .welfare_box {
    padding: 25px;
    margin-bottom: 10px;
  }
}
.welfare .content section#sec_welfare .sec_welare_point .welfare_box:nth-child(3) {
  margin-right: 0;
}
.welfare .content section#sec_welfare .sec_welare_point .welfare_box dl {
  margin-bottom: 20px;
}
.welfare .content section#sec_welfare .sec_welare_point .welfare_box dt {
  font-size: 22px;
  font-size: 2.2rem;
  color: #f99955;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 15px;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .sec_welare_point .welfare_box dt {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .sec_welare_point .welfare_box dt {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .sec_welare_point .welfare_box dt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.welfare .content section#sec_welfare .sec_welare_point .welfare_box dd {
  font-size: 16px;
  font-size: 1.6rem;
  padding-left: 12px;
  margin-bottom: 5px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .sec_welare_point .welfare_box dd {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.welfare .content section#sec_welfare .sec_welare_point .welfare_box dd:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #f99955;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
.welfare .content section#sec_welfare .sec_welare_point .welfare_box dd:last-child {
  margin-bottom: 0;
}
.welfare .content section#sec_welfare .sec_welare_point .doctor_message {
  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;
}
.welfare .content section#sec_welfare .sec_welare_point .doctor_message .doctor_thumb {
  width: 100px;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .sec_welare_point .doctor_message .doctor_thumb {
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.welfare .content section#sec_welfare .sec_welare_point .doctor_message .message {
  width: calc(100% - 130px);
  background: #f5f5f5;
  border-radius: 12px;
  padding: 20px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .sec_welare_point .doctor_message .message {
    width: 100%;
    margin-left: 0;
  }
}
.welfare .content section#sec_welfare .sec_welare_point .doctor_message .message:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 14px solid #f5f5f5;
  border-bottom: 5px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 20px;
  left: -28px;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .sec_welare_point .doctor_message .message:before {
    border-top: 14px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 14px solid #f5f5f5;
    border-left: 5px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.gallery header .main_ttl {
  background-image: url(images/bg_main_ttl_gallery.jpg);
}
.gallery .content section.sec_gallery {
  max-width: 1360px;
  margin: 0 auto;
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery {
    padding-top: 60px;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery {
    padding-top: 50px;
  }
}
.gallery .content section.sec_gallery .sec_gallery_box {
  padding: 0;
  margin-bottom: 70px;
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .sec_gallery_box {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .sec_gallery_box {
    margin-bottom: 50px;
  }
}
.gallery .content section.sec_gallery .sec_gallery_box#sec_main_clinic h2 {
  background: #2697e7;
}
.gallery .content section.sec_gallery .sec_gallery_box#sec_branch h2 {
  background: #45cdb7;
}
.gallery .content section.sec_gallery .sec_gallery_box#sec_branch .sub_sec h3 {
  color: #45cdb7;
}
.gallery .content section.sec_gallery .sec_gallery_box#sec_branch .sub_sec h3:before {
  background: #45cdb7;
}
.gallery .content section.sec_gallery .sec_gallery_box:last-child {
  margin-bottom: 0;
}
.gallery .content section.sec_gallery h2 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: 2px;
  background: #055086;
  padding: 9px 30px;
  margin-bottom: 20px;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery h2 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 5px 20px;
    border-radius: 8px;
  }
}
@media screen and (max-width: 400px) {
  .gallery .content section.sec_gallery h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.gallery .content section.sec_gallery .gallery_lead {
  margin-bottom: 20px;
}
.gallery .content section.sec_gallery .sub_sec {
  padding: 0;
  margin-bottom: 70px;
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .sub_sec {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .sub_sec {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .gallery .content section.sec_gallery .sub_sec {
    margin-bottom: 40px;
  }
}
.gallery .content section.sec_gallery .sub_sec:last-child {
  margin-bottom: 0;
}
.gallery .content section.sec_gallery .sub_sec h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #2697e7;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  padding-left: 24px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery .sub_sec h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .sub_sec h3 {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 20px;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .sub_sec h3 {
    font-size: 15px;
    font-size: 1.5rem;
    padding-left: 18px;
  }
}
.gallery .content section.sec_gallery .sub_sec h3:before {
  content: "";
  width: 16px;
  height: 16px;
  background: #2697e7;
  border-radius: 100%;
  position: absolute;
  top: 10px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .gallery .content section.sec_gallery .sub_sec h3:before {
    width: 14px;
    height: 14px;
    top: 11px;
  }
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery .sub_sec h3:before {
    top: 10px;
  }
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .sub_sec h3:before {
    width: 12px;
    height: 12px;
    top: 9px;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .sub_sec h3:before {
    top: 8px;
  }
}
.gallery .content section.sec_gallery .sub_sec h3:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  top: 14px;
  left: 4px;
}
@media screen and (max-width: 1000px) {
  .gallery .content section.sec_gallery .sub_sec h3:after {
    width: 6px;
    height: 6px;
    top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery .sub_sec h3:after {
    top: 14px;
  }
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .sub_sec h3:after {
    top: 12px;
    left: 3px;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .sub_sec h3:after {
    top: 11px;
  }
}
.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: 10px;
}
.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% 1.71% 0%;
}
@media screen and (max-width: 1000px) {
  .gallery .content section.sec_gallery .gallery_list li {
    width: 49%;
    margin: 0 2% 15px 0;
  }
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .gallery_list li {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .gallery_list li {
    width: 100%;
    margin-right: 0;
  }
}
.gallery .content section.sec_gallery .gallery_list li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .gallery .content section.sec_gallery .gallery_list li:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .gallery_list li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .gallery .content section.sec_gallery .gallery_list li:nth-child(even) {
    margin-right: 0;
  }
}
.gallery .content section.sec_gallery .gallery_list li img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .gallery_list li img {
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .gallery_list li img {
    border-radius: 10px;
  }
}
.gallery .content section.sec_gallery .staff_message {
  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: 20px;
}
.gallery .content section.sec_gallery .staff_message:last-child {
  margin-bottom: 0;
}
.gallery .content section.sec_gallery .staff_message .doctor_thumb {
  width: 100px;
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .staff_message .doctor_thumb {
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.gallery .content section.sec_gallery .staff_message .message {
  width: calc(100% - 130px);
  background: #f1fffc;
  border-radius: 12px;
  padding: 20px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .staff_message .message {
    width: 100%;
    margin-left: 0;
  }
}
.gallery .content section.sec_gallery .staff_message .message:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 14px solid #f1fffc;
  border-bottom: 5px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 20px;
  left: -28px;
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .staff_message .message:before {
    border-top: 14px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 14px solid #f1fffc;
    border-left: 5px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.gallery .content section.sec_gallery .staff_message .message.msg_red {
  background: #ffeaf0;
}
.gallery .content section.sec_gallery .staff_message .message.msg_red:before {
  border-right-color: #ffeaf0;
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .staff_message .message.msg_red:before {
    border-right-color: transparent;
    border-bottom-color: #ffeaf0;
  }
}
.gallery .content section.sec_gallery .staff_message .message.msg_orange {
  background: #fdf2e6;
}
.gallery .content section.sec_gallery .staff_message .message.msg_orange:before {
  border-right-color: #fdf2e6;
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .staff_message .message.msg_orange:before {
    border-right-color: transparent;
    border-bottom-color: #fdf2e6;
  }
}
.gallery .content section.sec_gallery .staff_message .message.msg_pink {
  background: #fff2f6;
}
.gallery .content section.sec_gallery .staff_message .message.msg_pink:before {
  border-right-color: #fff2f6;
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .staff_message .message.msg_pink:before {
    border-right-color: transparent;
    border-bottom-color: #fff2f6;
  }
}
.gallery .content section.sec_gallery .staff_message .message.msg_yellow {
  background: #fbfbd7;
}
.gallery .content section.sec_gallery .staff_message .message.msg_yellow:before {
  border-right-color: #fbfbd7;
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .staff_message .message.msg_yellow:before {
    border-right-color: transparent;
    border-bottom-color: #fbfbd7;
  }
}
.gallery .content section.sec_gallery .staff_message .message .staff_cat {
  font-size: 14px;
  font-size: 1.4rem;
  color: #2697e7;
  letter-spacing: 2px;
  margin-top: 5px;
}

.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: 159px;
  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: 128px;
    padding: 25px;
  }
}
@media screen and (max-width: 1000px) {
  .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: #055086;
}
.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: 1000px) {
  .faq .content section.page-layout #mokuji,
  .qa99 .content section.page-layout #mokuji {
    position: sticky;
    top: 116px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout #mokuji,
  .qa99 .content section.page-layout #mokuji {
    top: 91px;
  }
}
.faq .content section.page-layout #faq_tob_sp,
.qa99 .content section.page-layout #faq_tob_sp {
  display: none;
}
@media screen and (max-width: 1000px) {
  .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: 320px;
}
@media screen and (max-width: 1250px) {
  .faq .content section.page-layout .faq-menu,
  .qa99 .content section.page-layout .faq-menu {
    width: 300px;
  }
}
@media screen and (max-width: 1000px) {
  .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% - 360px);
  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% - 340px);
  }
}
@media screen and (max-width: 1000px) {
  .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: 50px;
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout .faq_item,
  .qa99 .content section.page-layout .faq_item {
    margin-bottom: 40px;
  }
}
.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 #055086;
  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: #055086;
}

.faq header .main_ttl {
  background-image: url(images/bg_main_ttl_faq.jpg);
}
.faq .content section.page-layout .faq_lead {
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
}
.faq .content section.page-layout .sub_sec_ttl {
  font-size: 18px;
  font-size: 1.8rem;
  color: #2697e7;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
  padding-left: 24px;
  position: relative;
}
.faq .content section.page-layout .sub_sec_ttl:before {
  content: "";
  width: 16px;
  height: 1px;
  background: #2697e7;
  position: absolute;
  top: 50%;
  left: 0;
}
.faq .content section.page-layout h2 {
  background: #055086;
  padding: 8px 30px;
  margin-bottom: 20px;
  border-radius: 12px;
  color: #fff;
}
@media screen and (max-width: 600px) {
  .faq .content section.page-layout h2 {
    border-radius: 10px;
  }
}
.faq .content section.page-layout h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 15px;
  padding-bottom: 10px;
  padding-left: 30px;
  text-indent: -30px;
  border-bottom: 1px solid #c1d4ee;
}
@media screen and (max-width: 1000px) {
  .faq .content section.page-layout h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout h3 {
    padding-left: 28px;
    text-indent: -28px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout h3 {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 26px;
    text-indent: -23px;
  }
}
@media screen and (max-width: 400px) {
  .faq .content section.page-layout h3 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.faq .content section.page-layout h3:before {
  font-family: "Montserrat", sans-serif;
  content: "Q.";
  padding-right: 0.5em;
}
.faq .content section.page-layout .answer {
  font-size: 15px;
  font-size: 1.5rem;
}
@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 {
  padding-left: 35px;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout .answer {
    padding-left: 28px;
  }
}
.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 .comment {
  background: #fff9ef;
  padding: 25px 30px;
  border-radius: 15px;
}
.faq .content section.page-layout .answer .comment .comment_ttl {
  color: #f0ad5d;
  font-weight: 700;
  margin-bottom: 10px;
}

.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: #055086;
  font-weight: 700;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c1d4ee;
}
@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 .answer {
  font-size: 14px;
  font-size: 1.4rem;
}
.qa99 .content section.page-layout .faq_item .answer em {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  color: #2697e7;
  font-weight: 700;
  margin-bottom: 10px;
}

.works header .main_ttl {
  background-image: url(images/bg_main_ttl_works.jpg);
}
.works .content section .select_type {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 80px;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .works .content section .select_type {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section .select_type {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section .select_type {
    margin-bottom: 50px;
    padding: 0 25px;
  }
}
.works .content section .select_type li {
  width: 19.37%;
  margin: 0% 1.17% 0% 1.17%;
  border: 1px solid #055086;
  padding: 8px 10px;
  border-radius: 100px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (max-width: 1250px) {
  .works .content section .select_type li {
    width: 50%;
    max-width: 248px;
    margin: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section .select_type li {
    width: 49%;
    margin: 0 2% 0 0;
  }
}
@media screen and (max-width: 600px) {
  .works .content section .select_type li {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 6px 10px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section .select_type li {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.works .content section .select_type li:hover {
  background: #055086;
  color: #fff;
}
.works .content section .select_type li:nth-child(2n) {
  margin-right: 0;
}
.works .content section .select_type li.active {
  background: #055086;
  color: #fff;
}
.works .content section#sec_works {
  padding-right: 0;
  padding-left: 0;
}
.works .content section#sec_works .ttl_en {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 10px;
  color: #2697e7;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.works .content section#sec_works .works_detail {
  display: none;
  padding: 0;
}
.works .content section#sec_works .works_detail.active {
  display: block;
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_working_hours .working_hours_list {
  display: block;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail#type_dh .sub_sec.sec_working_hours .working_hours_list > dl {
    width: 100%;
  }
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_job_description .job_description .cat_ttl {
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #055086;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail#type_dh .sub_sec.sec_job_description .job_description .cat_ttl {
    margin-top: 20px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail#type_dh .sub_sec.sec_job_description .job_description .cat_ttl {
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 10px;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail#type_dh .sub_sec.sec_job_description .job_description .cat_ttl:first-child {
    margin-top: 0;
  }
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_job_description .job_description .job_description_box {
  width: 32.06%;
  margin: 0% 1.89% 1.89% 0%;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail#type_dh .sub_sec.sec_job_description .job_description .job_description_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_job_description .job_description .job_description_box:first-child {
  width: 32.06%;
  margin: 0% 1.89% 1.89% 0%;
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_job_description .job_description .job_description_box:first-child ul {
  display: block;
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_job_description .job_description .job_description_box:first-child ul li {
  width: 100%;
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_job_description .job_description .job_description_box:nth-child(3n) {
  margin-right: 0;
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_job_description .unnecessary_job .unnecessary_job_list li {
  width: 48%;
  margin-right: 4%;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail#type_dh .sub_sec.sec_job_description .unnecessary_job .unnecessary_job_list li {
    width: 100%;
    margin-right: 0;
  }
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_job_description .unnecessary_job .unnecessary_job_list li:nth-child(even) {
  margin-right: 0;
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_skillup .skillup_list .skillup_box {
  width: 49%;
  margin-right: 2%;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail#type_dh .sub_sec.sec_skillup .skillup_list .skillup_box {
    width: 100%;
    margin-right: 0;
  }
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_skillup .skillup_list .skillup_box:nth-child(even) {
  margin-right: 0;
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_skillup .skillup_list .skillup_box .ttl {
  margin-bottom: 20px;
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_skillup .skillup_list .skillup_box .txt {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: left;
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_education_system .system_detail {
  margin-top: 20px;
  background: #fff;
  padding: 30px 40px;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail#type_dh .sub_sec.sec_education_system .system_detail {
    padding: 25px 30px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail#type_dh .sub_sec.sec_education_system .system_detail {
    border-radius: 10px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail#type_dh .sub_sec.sec_education_system .system_detail {
    padding: 20px 25px;
  }
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_education_system .system_detail .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail#type_dh .sub_sec.sec_education_system .system_detail .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase {
  margin-top: 20px;
  background: #fff;
  padding: 30px 40px;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase {
    padding: 25px 30px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase {
    border-radius: 10px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase {
    padding: 20px 25px;
  }
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase ul li {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 10px;
  padding-left: 12px;
  position: relative;
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #055086;
  border-radius: 100px;
  position: absolute;
  top: 11px;
  left: 0;
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase ul li:last-child {
  margin-bottom: 0;
}
.works .content section#sec_works .works_detail#type_dh .sub_sec.sec_salary .salary_modelcase ul li span {
  display: inline-block;
}
.works .content section#sec_works .works_detail#type_da #sec_works_contents_da .lead {
  margin-bottom: 30px;
}
.works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da {
  margin-bottom: 30px;
}
.works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da:last-child {
  margin-bottom: 0;
}
.works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da h4 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da h4 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da .works_detail_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da .works_detail_list .works_detail_box {
  width: 32.18%;
  margin: 0% 1.71% 1.56% 0%;
  border: 1px solid #055086;
  border-radius: 15px;
  padding: 30px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da .works_detail_list .works_detail_box {
    width: 48.5%;
    margin: 0 3% 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da .works_detail_list .works_detail_box {
    width: 100%;
    margin: 0 0 15px 0;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da .works_detail_list .works_detail_box {
    padding: 25px;
  }
}
.works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da .works_detail_list .works_detail_box:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da .works_detail_list .works_detail_box:nth-child(3n) {
    margin-right: 3%;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da .works_detail_list .works_detail_box:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da .works_detail_list .works_detail_box:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da .works_detail_list .works_detail_box:last-child {
    margin-bottom: 0;
  }
}
.works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da .works_detail_list .works_detail_box h5 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da .works_detail_list .works_detail_box h5 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da .works_detail_list .works_detail_box h5 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail#type_da #sec_works_contents_da .works_detail_da .works_detail_list .works_detail_box h5 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.works .content section#sec_works .works_detail h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail h2 {
    margin-bottom: 30px;
  }
}
.works .content section#sec_works .works_detail h2 span {
  display: inline-block;
}
.works .content section#sec_works .works_detail .works_header {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 40px;
  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) {
  .works .content section#sec_works .works_detail .works_header {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .works_header {
    padding: 0 25px;
  }
}
.works .content section#sec_works .works_detail .works_header .txt_area {
  width: calc(100% - 680px);
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_works .works_detail .works_header .txt_area {
    width: calc(100% - 540px);
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .works_header .txt_area {
    width: calc(100% - 360px);
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .works_header .txt_area {
    width: 100%;
  }
}
.works .content section#sec_works .works_detail .works_header .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .works_header .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.works .content section#sec_works .works_detail .works_header .photo {
  width: 620px;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_works .works_detail .works_header .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .works_header .photo {
    width: 320px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .works_header .photo {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .works_header .photo {
    margin-bottom: 20px;
  }
}
.works .content section#sec_works .works_detail .works_header .photo img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .works_header .photo img {
    border-radius: 15px;
  }
}
.works .content section#sec_works .works_detail .lnav {
  padding: 60px 40px;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .lnav {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .lnav {
    padding: 60px 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .lnav {
    padding: 60px 25px 30px;
  }
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_works .works_detail .lnav ul {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_works .works_detail .lnav ul li {
    margin: 0 25px 0 0;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .lnav ul li {
    width: auto;
    margin: 0 25px 0 0;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da {
  max-width: 1360px;
  margin: 0 auto;
  padding-top: 0;
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents h3, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da h3 {
  background: #2697e7;
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  padding: 12px 30px;
  margin-bottom: 30px;
  border-radius: 10px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents h3, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da h3 {
    padding: 12px 30px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents h3, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da h3 {
    font-size: 20px;
    font-size: 2rem;
    padding: 10px 30px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents h3, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px 25px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents h3, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da h3 {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px 20px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents h3 .num, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da h3 .num {
  color: #d8eaf9;
  letter-spacing: 4px;
  margin-right: 10px;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents h3 .num, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da h3 .num {
    margin-right: 5px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .lead, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .lead {
  margin-bottom: 80px;
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .team_intro, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .team_intro {
  position: relative;
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .team_intro h4, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .team_intro h4 {
  position: absolute;
  top: -36px;
  left: 2px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .team_intro h4 img, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .team_intro h4 img {
    width: 144px;
    height: 48.6px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_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;
  margin-bottom: 28px;
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box {
  width: 32.18%;
  margin: 0% 1.71% 1.56% 0%;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box {
    width: 100%;
    margin: 0 0 60px 0;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box:nth-child(3n), .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box:last-child, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box:last-child {
    margin-bottom: 0;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .photo, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .photo {
  margin-bottom: 20px;
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .photo img {
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .photo img {
    border-radius: 12px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .photo img {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .photo img {
    border-radius: 15px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .team_ttl, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .team_ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .team_ttl, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .team_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .team_ttl, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .team_ttl {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .team_ttl, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .team_ttl {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .team_ttl, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .team_ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .team_ttl span, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .team_ttl span {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .team_ttl span, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .team_ttl span {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .team_ttl span, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .team_ttl span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .team_ttl span, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .team_ttl span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .team_ttl span, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .team_ttl span {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box ul li, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box ul li {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 5px;
  padding-left: 12px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box ul li, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box ul li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box ul li, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box ul li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box ul li:before, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #055086;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box ul li:before, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box ul li:before {
    top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box ul li:before, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box ul li:before {
    top: 11px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box ul li:before, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box ul li:before {
    top: 12px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .note, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .note {
  margin-top: 30px;
  background: #fff;
  color: #2887d9;
  padding: 20px;
  border-radius: 10px;
  position: relative;
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .works_contents_list .works_contents_box .note:before, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .works_contents_list .works_contents_box .note:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 16px solid #fff;
  border-left: 8px solid transparent;
  position: absolute;
  top: -32px;
  left: 30px;
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #055086;
  border-radius: 20px;
  padding: 50px;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works {
    padding: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works {
    border-radius: 15px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works {
    padding: 25px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works .txt_area, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works .txt_area {
  width: calc(100% - 452px);
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works .txt_area, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works .txt_area {
    width: 100%;
    margin-bottom: 30px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works .txt_area h4, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works .txt_area h4 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works .txt_area h4, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works .txt_area h4 {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works .txt_area h4, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works .txt_area h4 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works .txt_area ul li, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works .txt_area ul li {
  margin-bottom: 5px;
  padding-left: 12px;
  position: relative;
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works .txt_area ul li:before, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works .txt_area ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #055086;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works .txt_area ul li:before, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works .txt_area ul li:before {
    top: 11px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works .txt_area ul li:before, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works .txt_area ul li:before {
    top: 10px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works .txt_area ul li:last-child, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works .txt_area ul li:last-child {
  margin-bottom: 0;
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works .photo, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works .photo {
  width: 412px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works .photo, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works .photo {
    width: 100%;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works .photo img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_works_contents .common_works .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_works_contents_da .common_works .photo img {
    border-radius: 15px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da {
  background: #fcf6d9;
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .ttl_en, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .ttl_en {
  color: #f0c71d;
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow h2, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow h2, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow h2, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow h2, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow h2, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow h2, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da h2 {
    margin-bottom: 30px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow h2 span, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da h2 span {
  display: inline-block;
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow {
  margin: 0 auto 40px;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow {
    margin-bottom: 30px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  padding: 40px 40px 40px 0;
  margin-bottom: 50px;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box {
    padding: 25px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box:before, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box:before {
  content: "";
  width: 1px;
  height: 200px;
  background: #f4eabb;
  position: absolute;
  top: 40px;
  left: 160px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box:before, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box:before {
    content: none;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box:after, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 28px solid #fcea92;
  border-right: 108px solid transparent;
  border-bottom: 28px solid transparent;
  border-left: 108px solid transparent;
  position: absolute;
  bottom: -56px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box:after, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box:after {
    border-top-width: 20px;
    border-right-width: 80px;
    border-bottom-width: 20px;
    border-left-width: 80px;
    bottom: -40px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box:last-child, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box:last-child {
  min-height: 222px;
  margin-bottom: 0;
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box:last-child:before, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box:last-child:before {
  height: 142px;
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box:last-child:after, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box:last-child:after {
  content: none;
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .time, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .time {
  width: 160px;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .time, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .time {
    width: 100%;
    padding: 10px;
    background: #fffbe7;
    border-radius: 8px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .time, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .time {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .day_flow_content, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .day_flow_content {
  width: calc(100% - 480px);
  padding: 0 40px;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .day_flow_content, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .day_flow_content {
    width: calc(100% - 420px);
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .day_flow_content, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .day_flow_content {
    width: calc(100% - 260px);
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .day_flow_content, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .day_flow_content {
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .day_flow_content, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .day_flow_content {
    margin-bottom: 20px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .day_flow_content h3, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .day_flow_content h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #f0c71d;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .day_flow_content h3, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .day_flow_content h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .day_flow_content p, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .day_flow_content p {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .day_flow_content p, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .day_flow_content p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .photo, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .photo {
  width: 320px;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .photo, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .photo {
    width: 260px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .photo, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .photo {
    width: 100%;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .photo img {
  height: 200px;
  object-fit: cover;
  border-radius: 12px;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .day_flow_box .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .day_flow_box .photo img {
    width: 100%;
    height: auto;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point h3, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point h3 {
  margin-bottom: 15px;
  position: relative;
  left: -35px;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point h3, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point h3 {
    left: -25px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point h3, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point h3 {
    left: 60px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point h3, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point h3 {
    left: 40px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point h3, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point h3 {
    left: 20px;
  }
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point h3 img, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point h3 img {
    width: 153px;
    height: 103.5px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point h3 img, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point h3 img {
    width: 153px;
    height: 103.5px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point h3 img, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point h3 img {
    width: 136px;
    height: 92px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point .staff_comment, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point .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;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point .staff_comment, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point .staff_comment {
    margin-bottom: 40px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point .staff_comment:last-child, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point .staff_comment:last-child {
  margin-bottom: 0;
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point .staff_comment .staff_thumb, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point .staff_comment .staff_thumb {
  width: 100px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point .staff_comment .staff_thumb, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point .staff_comment .staff_thumb {
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point .staff_comment .message, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point .staff_comment .message {
  width: calc(100% - 130px);
  background: #fff;
  border-radius: 12px;
  padding: 25px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point .staff_comment .message, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point .staff_comment .message {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point .staff_comment .message, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point .staff_comment .message {
    padding: 20px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point .staff_comment .message:before, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point .staff_comment .message:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 14px solid #fff;
  border-bottom: 5px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 20px;
  left: -28px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_flow .clinic_point .staff_comment .message:before, .works .content section#sec_works .works_detail .sub_sec#sec_flow_da .clinic_point .staff_comment .message:before {
    border-top: 14px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 14px solid #fff;
    border-left: 5px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education, .works .content section#sec_works .works_detail .sub_sec#sec_education_da {
  max-width: 1360px;
  margin: 0 auto;
}
.works .content section#sec_works .works_detail .sub_sec#sec_education h3, .works .content section#sec_works .works_detail .sub_sec#sec_education_da h3 {
  background: #2697e7;
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  padding: 12px 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  background-color: #4569ab;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education h3, .works .content section#sec_works .works_detail .sub_sec#sec_education_da h3 {
    padding: 12px 30px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education h3, .works .content section#sec_works .works_detail .sub_sec#sec_education_da h3 {
    font-size: 20px;
    font-size: 2rem;
    padding: 10px 30px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education h3, .works .content section#sec_works .works_detail .sub_sec#sec_education_da h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px 25px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education h3, .works .content section#sec_works .works_detail .sub_sec#sec_education_da h3 {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px 20px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education h3 .num, .works .content section#sec_works .works_detail .sub_sec#sec_education_da h3 .num {
  color: #d8eaf9;
  letter-spacing: 4px;
  margin-right: 10px;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education h3 .num, .works .content section#sec_works .works_detail .sub_sec#sec_education_da h3 .num {
    margin-right: 5px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_header, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_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;
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_header .txt_area, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_header .txt_area {
  width: calc(100% - 680px);
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_header .txt_area, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_header .txt_area {
    width: calc(100% - 540px);
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_header .txt_area, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_header .txt_area {
    width: calc(100% - 360px);
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_header .txt_area, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_header .txt_area {
    width: 100%;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_header .txt_area p, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_header .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_header .txt_area p, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_header .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_header .photo, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_header .photo {
  width: 620px;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_header .photo, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_header .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_header .photo, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_header .photo {
    width: 320px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_header .photo, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_header .photo {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_header .photo, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_header .photo {
    margin-bottom: 20px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_header .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_header .photo img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_header .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_header .photo img {
    border-radius: 15px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow {
  padding: 0;
  margin-bottom: 60px;
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box {
  background: #f2fbfe;
  padding: 30px;
  margin-bottom: 44px;
  border-radius: 12px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box {
    padding: 25px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box:after, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 28px solid #cff6fa;
  border-right: 106px solid transparent;
  border-bottom: 28px solid transparent;
  border-left: 106px solid transparent;
  position: absolute;
  bottom: -56px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box:after, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box:after {
    border-top-width: 20px;
    border-right-width: 40px;
    border-bottom-width: 20px;
    border-left-width: 40px;
    bottom: -40px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box:last-child, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box:last-child {
  margin-bottom: 0;
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box:last-child:after, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box:last-child:after {
  content: none;
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box h4, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box h4 {
  font-size: 20px;
  font-size: 2rem;
  color: #055086;
  font-weight: 700;
  letter-spacing: 2px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #055086;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box h4, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box h4, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box h4 {
    font-size: 16px;
    font-size: 1.6rem;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box h4 span:first-child, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box h4 span:first-child {
  color: #54a9eb;
  margin-right: 26px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box h4 span:first-child, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box h4 span:first-child {
    display: block;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box h4 span:first-child:after, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box h4 span:first-child:after {
  content: "";
  width: 1px;
  height: 20px;
  background: #055086;
  position: absolute;
  top: 5px;
  right: -12px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box h4 span:first-child:after, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box h4 span:first-child:after {
    content: none;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box .txt ul, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box .txt ul {
  margin-bottom: 30px;
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box .txt ul li, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box .txt ul li {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 5px;
  padding-left: 12px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box .txt ul li, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box .txt ul li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box .txt ul li:before, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box .txt ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #53a9eb;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box .txt ul li:before, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box .txt ul li:before {
    top: 11px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box .txt ul li:last-child, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box .txt ul li:last-child {
  margin-bottom: 0;
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box .doctor_message, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box .doctor_message {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box .doctor_message .doctor_thumb, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box .doctor_message .doctor_thumb {
  width: 100px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box .doctor_message .doctor_thumb, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box .doctor_message .doctor_thumb {
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box .doctor_message .message, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box .doctor_message .message {
  width: calc(100% - 130px);
  background: #fff;
  border-radius: 12px;
  padding: 25px 20px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box .doctor_message .message, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box .doctor_message .message {
    width: 100%;
    margin-left: 0;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box .doctor_message .message:before, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box .doctor_message .message:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 14px solid #fff;
  border-bottom: 5px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 20px;
  left: -28px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_flow .education_flow_list .education_box .doctor_message .message:before, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_flow .education_flow_list .education_box .doctor_message .message:before {
    border-top: 14px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 14px solid #fff;
    border-left: 5px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_support, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support {
  padding: 0;
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box {
  width: 32.18%;
  margin: 0% 1.71% 0% 0%;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box {
    width: 100%;
    margin: 0 0 60px 0;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box:nth-child(3n), .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box:last-child, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box:last-child {
    margin-bottom: 0;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box .photo, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box .photo {
  margin-bottom: 20px;
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box .photo img {
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box .photo img {
    border-radius: 12px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box .photo img {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box .photo img {
    border-radius: 15px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box h4, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box h4 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box h4, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box h4, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box h4 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box h4, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box h4 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box h4, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box h4, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box h4 {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_education .education_support .support_list .support_box p, .works .content section#sec_works .works_detail .sub_sec#sec_education_da .education_support .support_list .support_box p {
  color: #2697e7;
}
.works .content section#sec_works .works_detail .sub_sec#sec_career, .works .content section#sec_works .works_detail .sub_sec#sec_career_da {
  background: #e8fdf9;
  margin-bottom: 0;
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .ttl_en, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .ttl_en {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 10px;
  color: #45cdb7;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .ttl_en, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .ttl_en, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_career h2, .works .content section#sec_works .works_detail .sub_sec#sec_career_da h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career h2, .works .content section#sec_works .works_detail .sub_sec#sec_career_da h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career h2, .works .content section#sec_works .works_detail .sub_sec#sec_career_da h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career h2, .works .content section#sec_works .works_detail .sub_sec#sec_career_da h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career h2, .works .content section#sec_works .works_detail .sub_sec#sec_career_da h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career h2, .works .content section#sec_works .works_detail .sub_sec#sec_career_da h2 {
    margin-bottom: 30px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_career h2 span, .works .content section#sec_works .works_detail .sub_sec#sec_career_da h2 span {
  display: inline-block;
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .lead, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .lead {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .lead, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .lead {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .lead, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .lead {
    margin-bottom: 20px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_box, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_box {
  margin-bottom: 50px;
  padding: 0;
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_box:last-child, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_box:last-child {
  margin-bottom: 0;
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_box h3, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_box h3 {
  background: #2697e7;
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  padding: 12px 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  background-color: #45cdb7;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_box h3, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_box h3 {
    padding: 12px 30px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_box h3, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_box h3 {
    font-size: 20px;
    font-size: 2rem;
    padding: 10px 30px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_box h3, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px 25px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_box h3, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px 20px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_box h3 .num, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_box h3 .num {
  color: #d8eaf9;
  letter-spacing: 4px;
  margin-right: 10px;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_box h3 .num, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_box h3 .num {
    margin-right: 5px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_step, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_step {
  background: #fff;
  padding: 20px 30px;
  margin-bottom: 20px;
  border-radius: 12px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 2px;
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_step span, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_step span {
  display: inline-block;
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .fee_step, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .fee_step {
  background: #fff;
  padding: 20px 30px;
  border-radius: 12px;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 2px;
  margin-top: 20px;
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .fee_step li, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .fee_step li {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 5px;
  padding-left: 12px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .fee_step li, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .fee_step li {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 15px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .fee_step li span, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .fee_step li span {
  color: #45cdb7;
  font-weight: 700;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .fee_step li span, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .fee_step li span {
    display: block;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .fee_step li span:after, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .fee_step li span:after {
  content: "：";
  color: #055086;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .fee_step li span:after, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .fee_step li span:after {
    content: none;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .fee_step li:before, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .fee_step li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #45cdb7;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .fee_step li:before, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .fee_step li:before {
    top: 11px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .fee_step li:last-child, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .fee_step li:last-child {
  margin-bottom: 0;
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_future,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box {
  width: 32.18%;
  margin: 0% 1.71% 0% 0%;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box {
    padding: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box {
    padding: 30px 25px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 40px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box {
    padding: 30px;
    margin-bottom: 15px;
    border-radius: 15px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box:last-child,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box:last-child,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box:last-child,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box:last-child, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box:last-child,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box:last-child,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box:last-child,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box:last-child,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box:last-child,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box:last-child,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box:last-child, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box:last-child,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box:last-child,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box:last-child,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box:last-child {
    margin-bottom: 0;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box .icon,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box .icon,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box .icon,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box .icon, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box .icon,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box .icon,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box .icon,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box .icon {
  text-align: center;
  margin-bottom: 20px;
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box .icon span,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box .icon span,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box .icon span,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box .icon span, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box .icon span,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box .icon span,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box .icon span,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box .icon span {
  font-size: 46px;
  font-size: 4.6rem;
  color: #45cdb7;
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box h4,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box h4,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box h4,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box h4, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box h4,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box h4,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box h4,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box h4 {
  font-size: 20px;
  font-size: 2rem;
  color: #45cdb7;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box h4, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box h4 {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box h4, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box h4 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box h4, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box h4 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box h4, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box h4, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box h4,
  .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box h4 {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_future_box h4 span,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_future .career_fee_step_box h4 span,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_future_box h4 span,
.works .content section#sec_works .works_detail .sub_sec#sec_career .career_fee_step .career_fee_step_box h4 span, .works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_future_box h4 span,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_future .career_fee_step_box h4 span,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_future_box h4 span,
.works .content section#sec_works .works_detail .sub_sec#sec_career_da .career_fee_step .career_fee_step_box h4 span {
  display: inline-block;
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da {
  padding-bottom: 0;
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .ttl_en, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .ttl_en {
  color: #f58d82;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq h2, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq h2, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list {
  max-width: 1280px;
  border-radius: 20px;
  padding: 50px;
  margin: 0 auto 100px;
  background: #fff9ef;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list {
    padding: 40px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list {
    padding: 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list {
    padding: 25px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list .qa_box, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list .qa_box {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f58d82;
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list .qa_box:last-child, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list .qa_box:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list .question, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list .question {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  padding-left: 30px;
  margin-bottom: 15px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list .question, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list .question {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list .question, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list .question {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list .question:before, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list .question:before {
  content: "Q";
  font-size: 20px;
  font-size: 2rem;
  color: #f58d82;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 4px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list .question:before, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list .question:before {
    top: 3px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list .question:before, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list .question:before {
    top: 1px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list .answer, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list .answer {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  padding-left: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list .answer, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list .answer {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list .answer, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list .answer {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list .answer:before, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list .answer:before {
  content: "A";
  font-size: 20px;
  font-size: 2rem;
  color: #f0ad5d;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 4px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list .answer:before, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list .answer:before {
    top: 3px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .qa_list .answer:before, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .qa_list .answer:before {
    top: 1px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor h3, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor h3 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor h3, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor h3, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor h3 span, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor h3 span {
  display: inline-block;
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .staff_photo, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .staff_photo {
  max-width: 860px;
  margin: 0 auto 50px;
  text-align: center;
  position: relative;
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .staff_photo .msg, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .staff_photo .msg {
  position: absolute;
  top: -42px;
  left: 77px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .staff_photo .msg, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .staff_photo .msg {
    left: -20px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .staff_photo .msg, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .staff_photo .msg {
    width: 189px;
    height: 171px;
    top: -60px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .staff_photo .msg, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .staff_photo .msg {
    width: 168px;
    height: 152px;
    top: -70px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .staff_photo .msg, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .staff_photo .msg {
    width: 147px;
    height: 133px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .staff_photo .msg, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .staff_photo .msg {
    width: 126px;
    height: 114px;
    top: -60px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .staff_photo .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .staff_photo .photo img {
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .staff_photo .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .staff_photo .photo img {
    height: 420px;
    object-fit: cover;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .staff_photo .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .staff_photo .photo img {
    height: 360px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .staff_photo .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .staff_photo .photo img {
    height: 320px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .staff_photo .photo img, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .staff_photo .photo img {
    height: 300px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .btn_more a, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .btn_more a, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .btn_more a, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .btn_more a:after, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .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) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .btn_more a:after, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .btn_more a:after, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .btn_more a:after {
    right: 15px;
  }
}
.works .content section#sec_works .works_detail .sub_sec#sec_faq .sec_for_visitor .btn_more a:hover:after, .works .content section#sec_works .works_detail .sub_sec#sec_faq_da .sec_for_visitor .btn_more a:hover:after {
  right: 20px;
}

.matching header .main_ttl {
  background-image: url(images/bg_main_ttl_matching.jpg);
}
.matching .content section.sec_matching_system {
  margin-bottom: 0;
  padding-block: 50px;
}
.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: #055086;
  text-align: left;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1px;
  margin-bottom: 30px;
  padding-left: 45px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .matching-box h2 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 40px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .matching-box h2 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}
.matching .content section.sec_matching_system .matching-box h2:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.5rem;
  letter-spacing: 0;
  background: #055086;
  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: #fff;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  border-radius: 100px;
  background: #055086;
  border: 1px solid #055086;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_system button#resultbtn {
    max-width: 320px;
    padding: 20px 10px;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system button#resultbtn {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system button#resultbtn {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system button#resultbtn {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system button#resultbtn {
    padding: 18px 10px;
    max-width: 100%;
  }
}
.matching .content section.sec_matching_system button#resultbtn:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
.matching .content section.sec_matching_system button#resultbtn:hover:after {
  right: 20px;
}
.matching .content section.sec_matching_system .resource {
  margin-top: 50px;
}
.matching .content section.sec_matching_system .resource .matching-txt {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #055086;
  margin-bottom: 20px;
  line-height: 1.6;
}
.matching .content section.sec_matching_system .resource p#goukei {
  font-size: 24px;
  font-size: 2.4rem;
  color: #055086;
  font-weight: 700;
  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 .resource .mach_txt .btn a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .resource .mach_txt .btn a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .resource .mach_txt .btn a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.matching .content section.sec_matching_system .resource .mach_txt .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 .resource .mach_txt .btn a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system .resource .mach_txt .btn a:after {
    right: 15px;
  }
}
.matching .content section.sec_matching_system .resource .mach_txt .btn a:hover:after {
  right: 20px;
}
.matching .content section.sec_matching_system .resource .mach_txt .btn a {
  max-width: 350px;
  color: #055086;
  margin: 40px auto 0;
  padding: 18px 10px;
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system .resource .mach_txt .btn a {
    letter-spacing: 1px;
  }
}

.visitor header .main_ttl {
  background-image: url(images/bg_main_ttl_visitor.jpg);
}
.visitor .content section h2 {
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 4px;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .visitor .content section h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section h2 {
    margin-bottom: 30px;
  }
}
.visitor .content section h2 span {
  display: inline-block;
}
.visitor .content section .lead {
  margin-bottom: 80px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section .lead {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section .lead {
    margin-bottom: 40px;
  }
}
.visitor .content section.sec_visitor_lead {
  max-width: 1360px;
  margin: 0 auto;
}
.visitor .content section.sec_visitor_lead .visitor_point h3 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 80px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_visitor_lead .visitor_point h3 {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_lead .visitor_point h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_lead .visitor_point h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_lead .visitor_point h3 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_visitor_lead .visitor_point h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.visitor .content section.sec_visitor_lead .visitor_point h3 span {
  position: relative;
}
.visitor .content section.sec_visitor_lead .visitor_point h3 span:before {
  content: "";
  width: 1px;
  height: 66px;
  background: #055086;
  position: absolute;
  top: 0;
  left: -20px;
  transform: rotate(-18deg);
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_lead .visitor_point h3 span:before {
    height: 54px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_lead .visitor_point h3 span:before {
    height: 44px;
    left: -15px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_lead .visitor_point h3 span:before {
    height: 40px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_visitor_lead .visitor_point h3 span:before {
    height: 36px;
  }
}
.visitor .content section.sec_visitor_lead .visitor_point h3 span:after {
  content: "";
  width: 1px;
  height: 66px;
  background: #055086;
  position: absolute;
  top: 0;
  right: -20px;
  transform: rotate(18deg);
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_lead .visitor_point h3 span:after {
    height: 54px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_lead .visitor_point h3 span:after {
    height: 44px;
    right: -15px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_lead .visitor_point h3 span:after {
    height: 40px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_visitor_lead .visitor_point h3 span:after {
    height: 36px;
  }
}
.visitor .content section.sec_visitor_lead .visitor_point .point_box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box {
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box {
    margin-bottom: 80px;
  }
}
.visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 {
    margin-bottom: 20px;
  }
}
.visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .photo {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .photo {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .photo:before {
  content: "";
  width: 210px;
  height: 190px;
  background: url(images/img_msg_baloon_staff_for_visitor.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -42px;
  left: -50px;
}
@media screen and (max-width: 1250px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .photo:before {
    width: 168px;
    height: 152px;
    top: -70px;
    left: -30px;
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .photo:before {
    width: 189px;
    height: 171px;
    left: 80px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .photo:before {
    width: 168px;
    height: 152px;
    top: -60px;
    left: -20px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .photo:before {
    width: 147px;
    height: 133px;
    top: -70px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .photo:before {
    width: 126px;
    height: 114px;
    top: -65px;
    left: -15px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .photo:before {
    width: 105px;
    height: 95px;
    top: -60px;
  }
}
.visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .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) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .txt_area {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 80px;
  }
}
.visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .txt_area .point_num {
  position: absolute;
  top: -95px;
  left: 340px;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .txt_area .point_num {
    top: -75px;
    left: 290px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .txt_area .point_num {
    top: -70px;
    left: 270px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .txt_area .point_num {
    top: -60px;
    left: 250px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box.point02 .txt_area .point_num {
    left: 230px;
  }
}
.visitor .content section.sec_visitor_lead .visitor_point .point_box .photo {
  width: 600px;
}
@media screen and (max-width: 1250px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_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_visitor_lead .visitor_point .point_box .photo img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .photo img {
    border-radius: 15px;
  }
}
.visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area {
  width: calc(100% - 660px);
  position: relative;
}
@media screen and (max-width: 1250px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_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;
  }
}
.visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area .point_num {
  position: absolute;
  top: -95px;
  left: -48px;
}
@media screen and (max-width: 1400px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area .point_num {
    left: -30px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area .point_num {
    top: -80px;
    left: -20px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area .point_num {
    top: -70px;
    left: -15px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area .point_num {
    top: -60px;
    left: -10px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area .point_num img {
    width: 89.1px;
    height: 77.4px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area .point_num img {
    width: 79.2px;
    height: 68.8px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area .point_num img {
    width: 69.3px;
    height: 60.2px;
  }
}
.visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area h4 {
  font-size: 32px;
  font-size: 3.2rem;
  color: #2697e7;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area h4 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area h4 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area h4 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area h4 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_visitor_lead .visitor_point .point_box .txt_area h4 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.visitor .content section.sec_visitor_lead .visitor_schedule {
  margin: 0 auto;
  padding: 40px 50px;
  border: 1px solid #055086;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_visitor_lead .visitor_schedule {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_lead .visitor_schedule {
    padding: 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_lead .visitor_schedule {
    padding: 25px;
  }
}
.visitor .content section.sec_visitor_lead .visitor_schedule h3 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #2697e7;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_lead .visitor_schedule h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_lead .visitor_schedule h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_lead .visitor_schedule h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_visitor_lead .visitor_schedule h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.visitor .content section.sec_visitor_lead .visitor_schedule ul li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 15px;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_lead .visitor_schedule ul li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_visitor_lead .visitor_schedule ul li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.visitor .content section.sec_visitor_lead .visitor_schedule ul li:last-child {
  margin-bottom: 0;
}
.visitor .content section.sec_visitor_outline {
  background: #fcf6d9;
}
.visitor .content section.sec_visitor_outline .outline_wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 50px;
  background: #fff;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_outline .outline_wrapper {
    padding: 30px;
  }
}
.visitor .content section.sec_visitor_outline table tr:first-child th,
.visitor .content section.sec_visitor_outline table tr:first-child td {
  padding-top: 0;
}
.visitor .content section.sec_visitor_outline table tr:last-child th,
.visitor .content section.sec_visitor_outline table tr:last-child td {
  border-bottom: none;
  padding-bottom: 0;
}
.visitor .content section.sec_visitor_outline table th,
.visitor .content section.sec_visitor_outline table td {
  padding: 40px 0;
  vertical-align: top;
  border-bottom: 1px solid #e7da9b;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_outline table th,
  .visitor .content section.sec_visitor_outline table td {
    display: block;
  }
}
.visitor .content section.sec_visitor_outline table th {
  width: 210px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #e9bd09;
  font-weight: 500;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_visitor_outline table th {
    width: 140px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_outline table th {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_outline table th {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 10px;
    border-bottom: none;
  }
}
.visitor .content section.sec_visitor_outline table td {
  width: calc(100% - 210px);
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_visitor_outline table td {
    width: calc(100% - 140px);
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_outline table td {
    width: 100%;
    padding-top: 0;
    padding-bottom: 30px;
  }
}
.visitor .content section.sec_visitor_outline table td p {
  font-weight: 500;
}
.visitor .content section.sec_visitor_outline table td .note {
  font-size: 14px;
  font-size: 1.4rem;
  color: #929292;
  margin-top: 10px;
}
.visitor .content section.sec_visitor_outline table td .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_outline table td .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_outline table td .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.visitor .content section.sec_visitor_outline table td .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_outline table td .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_visitor_outline table td .btn_more a:after {
    right: 15px;
  }
}
.visitor .content section.sec_visitor_outline table td .btn_more a:hover:after {
  right: 20px;
}
.visitor .content section.sec_visitor_outline table td .btn_more a {
  margin: 30px auto 0 0;
}
.visitor .content section.sec_visitor_outline table td.access p {
  margin-bottom: 30px;
}
.visitor .content section.sec_access .access_wrapper {
  max-width: 1064px;
  margin: 0 auto;
}
.visitor .content section.sec_access dl dt {
  font-size: 16px;
  font-size: 1.6rem;
  color: #2697e7;
  font-weight: 500;
  letter-spacing: 2px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #2697e7;
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_access dl dt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.visitor .content section.sec_access dl dt span {
  font-size: 32px;
  font-size: 3.2rem;
  margin-right: 5px;
  position: relative;
  top: 10px;
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_access dl dt span {
    font-size: 28px;
    font-size: 2.8rem;
    margin-right: 3px;
    top: 8px;
  }
}
.visitor .content section.sec_access dl dd {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_access dl dd:last-child {
    margin-bottom: 20px;
  }
}
.visitor .content section.sec_access dl dd ul {
  margin-top: 20px;
}
.visitor .content section.sec_visitor_faq {
  background: #fff;
}
.visitor .content section.sec_visitor_faq h2 {
  letter-spacing: 2px;
}
.visitor .content section.sec_visitor_faq h2 span {
  display: inline-block;
}
.visitor .content section.sec_visitor_faq .qa_list {
  max-width: 1280px;
  border-radius: 20px;
  padding: 60px 60px 80px;
  margin: 0 auto;
  background: #fff9ef;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_visitor_faq .qa_list {
    padding: 40px 40px 80px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_faq .qa_list {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_faq .qa_list {
    padding: 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_faq .qa_list {
    padding: 25px 25px 35px;
  }
}
.visitor .content section.sec_visitor_faq .qa_list .qa_box {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f58d82;
}
.visitor .content section.sec_visitor_faq .qa_list .qa_box:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.visitor .content section.sec_visitor_faq .qa_list .question {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  padding-left: 30px;
  margin-bottom: 15px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_faq .qa_list .question {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_faq .qa_list .question {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.visitor .content section.sec_visitor_faq .qa_list .question:before {
  content: "Q";
  font-size: 20px;
  font-size: 2rem;
  color: #f58d82;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 4px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_faq .qa_list .question:before {
    top: 3px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_faq .qa_list .question:before {
    top: 1px;
  }
}
.visitor .content section.sec_visitor_faq .qa_list .answer {
  font-size: 16px;
  font-size: 1.6rem;
  padding-left: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.visitor .content section.sec_visitor_faq .qa_list .answer:before {
  content: "A";
  font-size: 20px;
  font-size: 2rem;
  color: #f0ad5d;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 4px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer:before {
    top: 3px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer:before {
    top: 1px;
  }
}
.visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.visitor .content section.sec_visitor_faq .qa_list .answer .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_faq .qa_list .answer .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a:after {
    right: 15px;
  }
}
.visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a:hover:after {
  right: 20px;
}
.visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a {
  min-width: 716px;
  margin: 100px auto 0;
  background: #f59577;
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding: 40px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a {
    min-width: 100%;
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a {
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: 50px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a {
    font-size: 20px;
    font-size: 2rem;
    padding: 30px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
    padding: 22px 30px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 18px 30px;
  }
}
.visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a:before {
  content: "";
  width: 220px;
  height: 250px;
  background: url(images/photo_vistior_staff.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -80px;
  left: -52px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a:before {
    left: -80px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a:before {
    width: 198px;
    height: 225px;
    bottom: -100px;
    left: -90px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a:before {
    width: 176px;
    height: 200px;
    bottom: -100px;
    left: -80px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a:before {
    width: 154px;
    height: 175px;
    bottom: -95px;
    left: -75px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a:before {
    width: 132px;
    height: 150px;
    bottom: -85px;
    left: -80px;
  }
}
.visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a:after {
  width: 34px;
  height: 34px;
  right: 45px;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a:after {
    width: 30px;
    height: 30px;
    right: 30px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a:after {
    width: 22px;
    height: 22px;
    right: 25px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a:after {
    width: 20px;
    height: 20px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 15px;
  }
}
.visitor .content section.sec_visitor_faq .qa_list .answer .btn_more a:hover:after {
  right: 35px;
}
.visitor .content section#sec_entry {
  max-width: 1080px;
  margin: 0 auto;
}
.visitor .content section#sec_entry h2 .ttl_en {
  text-align: center;
  color: #055086;
}
.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;
}

.flow header .main_ttl {
  background-image: url(images/bg_main_ttl_flow.jpg);
}
.flow .content section#sec_flow {
  max-width: 1360px;
  margin: 0 auto;
}
.flow .content section#sec_flow .lead {
  text-align: center;
  margin-bottom: 60px;
}
.flow .content section#sec_flow .lead span {
  display: inline-block;
}
.flow .content section#sec_flow .btn_area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  width: 100%;
  margin-top: 30px;
}
.flow .content section#sec_flow .btn_area p {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .btn_area p {
    margin-bottom: 20px;
  }
}
.flow .content section#sec_flow .btn_area p span {
  display: inline-block;
}
.flow .content section#sec_flow .btn_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .btn_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .btn_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.flow .content section#sec_flow .btn_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) {
  .flow .content section#sec_flow .btn_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .btn_area .btn_more a:after {
    right: 15px;
  }
}
.flow .content section#sec_flow .btn_area .btn_more a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1250px) {
  .flow .content section#sec_flow .btn_area .btn_more {
    width: 48%;
    margin: 0 1%;
  }
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .btn_area .btn_more {
    width: 100%;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .btn_area .btn_more {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .btn_area .btn_more:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .btn_area .btn_more:last-child a {
    letter-spacing: -1px;
  }
}
.flow .content section#sec_flow .btn_area .btn_more a {
  width: 412px;
  margin: 0 20px;
  letter-spacing: 1px;
}
@media screen and (max-width: 1250px) {
  .flow .content section#sec_flow .btn_area .btn_more a {
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .flow .content section#sec_flow .btn_area .btn_more a {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .btn_area .btn_more a {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.flow .content section#sec_flow .flow_list {
  margin-bottom: 50px;
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .flow_list {
    margin-bottom: 30px;
  }
}
.flow .content section#sec_flow .flow_list .flow_box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 50px;
  margin-bottom: 60px;
  border: 1px solid #055086;
  border-radius: 20px;
  position: relative;
  /*.btn_area {
  	@include settings.display-flex();
  	@include mixins.justify-content(center);
  	@include mixins.flex-wrap(wrap);
  	@include mixins.order(2);
  	width: 100%;
  	margin-top: 30px;
  	.btn_more {
  		@include layout.basic_btn_style;
  		@include mq.mq(xl_1250) {
  			width: 48%;
  			margin: 0 1%;
  		}
  		@include mq.mq(lg_1000) {
  			width: 100%;
  			margin: 0 auto 20px;
  		}
  		@include mq.mq(tab_600) {
  			margin-bottom: 15px;
  		}
  		&:last-child {
  			@include mq.mq(lg_1000) {
  				margin-bottom: 0;
  			}
  			a {
  				@include mq.mq(sms_480) {
  					letter-spacing: -1px;
  				}
  			}
  		}
  		a {
  			width: 412px;
  			margin: 0 20px;
  			letter-spacing: 1px;
  			@include mq.mq(xl_1250) {
  				width: 100%;
  				margin: 0 auto;
  			}
  			@include mq.mq(md_768) {
  				letter-spacing: 0;
  			}
  			@include mq.mq(sms_480) {
  				@include settings.font-size(13);
  			}
  		}
  	}
  }*/
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .flow_list .flow_box {
    padding: 40px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .flow_box {
    border-radius: 15px;
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .flow_box {
    border-radius: 10px;
    margin-bottom: 60px;
    padding: 30px 25px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .flow_list .flow_box {
    padding: 30px 20px;
  }
}
.flow .content section#sec_flow .flow_list .flow_box:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 35px solid #d5e9f8;
  border-right: 106px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 106px solid transparent;
  position: absolute;
  bottom: -71px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .flow_box:after {
    border-top-width: 26px;
    border-right-width: 70px;
    border-bottom-width: 26px;
    border-left-width: 70px;
    bottom: -53px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .flow_list .flow_box:after {
    border-top-width: 20px;
    border-right-width: 60px;
    border-bottom-width: 20px;
    border-left-width: 60px;
    bottom: -41px;
  }
}
.flow .content section#sec_flow .flow_list .flow_box:nth-child(2) .txt_area .access_info {
  background: #eef7fe;
  font-weight: 500;
  padding: 20px;
  border-radius: 10px;
}
.flow .content section#sec_flow .flow_list .flow_box:nth-child(2) .txt_area .access_info dd span {
  color: #2697e7;
}
.flow .content section#sec_flow .flow_list .flow_box:nth-child(3) .txt_area dl {
  font-weight: 500;
  margin-bottom: 20px;
}
.flow .content section#sec_flow .flow_list .flow_box:nth-child(3) .txt_area dl:last-child {
  margin-bottom: 0;
}
.flow .content section#sec_flow .flow_list .flow_box:nth-child(3) .txt_area dl dt {
  color: #2697e7;
  margin-bottom: 5px;
}
.flow .content section#sec_flow .flow_list .flow_box:nth-child(3) .txt_area dd {
  background: #eef7fe;
  padding: 20px;
  border-radius: 10px;
}
.flow .content section#sec_flow .flow_list .flow_box:nth-child(4) .necessary {
  background: #eef7fe;
  padding: 20px;
  border-radius: 10px;
}
.flow .content section#sec_flow .flow_list .flow_box:nth-child(4) .necessary span {
  color: #2697e7;
}
.flow .content section#sec_flow .flow_list .flow_box:last-child {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
}
.flow .content section#sec_flow .flow_list .flow_box:last-child:after {
  content: none;
}
.flow .content section#sec_flow .flow_list .flow_box .flow_num {
  position: absolute;
  top: -31px;
  left: -27px;
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .flow_list .flow_box .flow_num {
    top: -40px;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .flow_box .flow_num {
    left: -20px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .flow_box .flow_num {
    top: -30px;
    left: -15px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .flow_list .flow_box .flow_num {
    top: -24px;
  }
}
@media screen and (max-width: 768px) {
  .flow .content section#sec_flow .flow_list .flow_box .flow_num img {
    width: 89.1px;
    height: 77.4px;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .flow_box .flow_num img {
    width: 79.2px;
    height: 68.8px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .flow_box .flow_num img {
    width: 69.3px;
    height: 60.2px;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .flow_list .flow_box .flow_num img {
    width: 59.4px;
    height: 51.6px;
  }
}
.flow .content section#sec_flow .flow_list .flow_box .txt_area {
  width: calc(100% - 420px);
  -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) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area {
    width: calc(100% - 340px);
  }
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area {
    width: 100%;
    margin: 0 0 30px 0;
    -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) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area {
    margin-bottom: 20px;
  }
}
.flow .content section#sec_flow .flow_list .flow_box .txt_area h2 {
  font-size: 38px;
  font-size: 3.8rem;
  color: #055086;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area h2 {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area h2 {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 400px) {
  .flow .content section#sec_flow .flow_list .flow_box .txt_area h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.flow .content section#sec_flow .flow_list .flow_box .txt_area p {
  margin-bottom: 20px;
}
.flow .content section#sec_flow .flow_list .flow_box .txt_area p:last-child {
  margin-bottom: 0;
}
.flow .content section#sec_flow .flow_list .flow_box .txt_area a {
  text-decoration: underline;
}
.flow .content section#sec_flow .flow_list .flow_box .txt_area .note {
  color: #87aac4;
}
.flow .content section#sec_flow .flow_list .flow_box .photo {
  width: 360px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1250px) {
  .flow .content section#sec_flow .flow_list .flow_box .photo {
    width: 300px;
  }
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .flow_list .flow_box .photo {
    width: 100%;
  }
}
.flow .content section#sec_flow .flow_list .flow_box .photo img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .flow .content section#sec_flow .flow_list .flow_box .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .flow .content section#sec_flow .flow_list .flow_box .photo img {
    border-radius: 10px;
  }
}

.new_graduate #btn_fixed_new_graduate {
  display: none !important;
}
.new_graduate header .main_ttl {
  background-image: url(images/bg_main_ttl_new_graduate.jpg);
}
.new_graduate .content section.sub_sec .ttl_en {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f0c71d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 10px;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sub_sec .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section.sub_sec .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.new_graduate .content section.sub_sec h2 {
  font-size: 40px;
  font-size: 4rem;
  color: #055086;
  font-weight: 700;
  letter-spacing: 4px;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section.sub_sec h2 {
    font-size: 36px;
    font-size: 3.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section.sub_sec h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sub_sec h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section.sub_sec h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section.sub_sec h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.new_graduate .content section.sub_sec .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;
}
.new_graduate .content section.sub_sec .staff_comment .staff_thumb {
  width: 100px;
  margin-top: 15px;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sub_sec .staff_comment .staff_thumb {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}
.new_graduate .content section.sub_sec .staff_comment .comment {
  width: calc(100% - 100px);
  background: #edf6fc;
  border-radius: 12px;
  padding: 20px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sub_sec .staff_comment .comment {
    width: 100%;
    margin-left: 0;
  }
}
.new_graduate .content section.sub_sec .staff_comment .comment:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 14px solid #edf6fc;
  border-bottom: 5px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 20px;
  left: -28px;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sub_sec .staff_comment .comment:before {
    border-top: 14px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 14px solid #edf6fc;
    border-left: 5px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.new_graduate .content section.sub_sec .staff_comment .comment .staff_cat {
  font-size: 14px;
  font-size: 1.4rem;
  color: #2697e7;
  letter-spacing: 2px;
  margin-top: 5px;
}
.new_graduate .content section#sec_about_clinic {
  max-width: 1280px;
  margin: 0 auto;
}
.new_graduate .content section#sec_about_clinic .ttl_en {
  color: #2697e7;
}
.new_graduate .content section#sec_about_clinic .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_about_clinic .lead {
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_clinic .lead {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.new_graduate .content section#sec_about_clinic .about_clinic {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_about_clinic .about_clinic {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.new_graduate .content section#sec_about_clinic .about_clinic .photo {
  width: 620px;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_about_clinic .about_clinic .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_clinic .about_clinic .photo {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_clinic .about_clinic .photo {
    margin-bottom: 30px;
  }
}
.new_graduate .content section#sec_about_clinic .about_clinic .photo img {
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_clinic .about_clinic .photo img {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_clinic .about_clinic .photo img {
    border-radius: 15px;
  }
}
.new_graduate .content section#sec_about_clinic .about_clinic .basic_info {
  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;
  width: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_about_clinic .about_clinic .basic_info {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_clinic .about_clinic .basic_info {
    width: 100%;
  }
}
.new_graduate .content section#sec_about_clinic .about_clinic .basic_info dt {
  width: 8em;
  font-size: 16px;
  font-size: 1.6rem;
  color: #2697e7;
  font-weight: 500;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_clinic .about_clinic .basic_info dt {
    width: 100%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_clinic .about_clinic .basic_info dt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.new_graduate .content section#sec_about_clinic .about_clinic .basic_info dd {
  width: calc(100% - 10em);
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_clinic .about_clinic .basic_info dd {
    width: 100%;
  }
}
.new_graduate .content section#sec_about_clinic .clinic_point {
  margin-top: 100px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_clinic .clinic_point {
    margin-top: 80px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_clinic .clinic_point {
    margin-top: 70px;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_about_clinic .clinic_point {
    margin-top: 60px;
  }
}
.new_graduate .content section#sec_about_clinic .clinic_point h3 {
  position: absolute;
  top: -66px;
  left: -34px;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_clinic .clinic_point h3 {
    top: -50px;
    left: -20px;
  }
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_about_clinic .clinic_point h3 img {
    width: 153px;
    height: 103.5px;
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_clinic .clinic_point h3 img {
    width: 170px;
    height: 115px;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_about_clinic .clinic_point h3 img {
    width: 153px;
    height: 103.5px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_clinic .clinic_point h3 img {
    width: 136px;
    height: 92px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_clinic .clinic_point h3 img {
    width: 119px;
    height: 80.5px;
  }
}
.new_graduate .content section#sec_about_clinic .clinic_point .point_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: 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;
}
.new_graduate .content section#sec_about_clinic .clinic_point .point_list .point_box {
  width: 32.5%;
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_about_clinic .clinic_point .point_list .point_box {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_about_clinic .clinic_point .point_list .point_box:last-child {
    margin-bottom: 0;
  }
}
.new_graduate .content section#sec_about_clinic .clinic_point .point_list .point_box .photo {
  margin-bottom: 20px;
}
.new_graduate .content section#sec_about_clinic .clinic_point .point_list .point_box .photo img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_about_clinic .clinic_point .point_list .point_box .photo img {
    border-radius: 15px;
  }
}
.new_graduate .content section#sec_about_clinic .clinic_point .point_list .point_box h4 {
  font-size: 20px;
  font-size: 2rem;
  color: #2697e7;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_about_clinic .clinic_point .point_list .point_box h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_clinic .clinic_point .point_list .point_box h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_about_clinic .clinic_point .point_list .point_box h4 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_clinic .clinic_point .point_list .point_box h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_about_clinic .clinic_point .point_list .point_box h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.new_graduate .content section#sec_about_works {
  background: #f1fffc;
}
.new_graduate .content section#sec_about_works .ttl_en {
  color: #45cdb7;
}
.new_graduate .content section#sec_about_works .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_about_works .lead {
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_works .lead {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.new_graduate .content section#sec_about_works .job_category {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_works .job_category {
    margin-bottom: 60px;
  }
}
.new_graduate .content section#sec_about_works .job_category:first-child .photo:before {
  content: "";
  width: 43px;
  height: 49px;
  background: url(images/img_icon_new_graduate_job01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -22px;
  left: 13px;
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_works .job_category:first-child .photo:before {
    width: 38.7px;
    height: 44.1px;
  }
}
.new_graduate .content section#sec_about_works .job_category:nth-child(2) .photo {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.new_graduate .content section#sec_about_works .job_category:nth-child(2) .photo:before {
  content: "";
  width: 128px;
  height: 75px;
  background: url(images/img_icon_new_graduate_job02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -28px;
  right: -20px;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_works .job_category:nth-child(2) .photo:before {
    width: 115.2px;
    height: 67.5px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_works .job_category:nth-child(2) .photo:before {
    width: 102.4px;
    height: 60px;
  }
}
.new_graduate .content section#sec_about_works .job_category:nth-child(2) .txt_area {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.new_graduate .content section#sec_about_works .job_category:nth-child(3) .photo:before {
  content: "";
  width: 65px;
  height: 90px;
  background: url(images/img_icon_new_graduate_job03.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -30px;
  left: -16px;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_works .job_category:nth-child(3) .photo:before {
    width: 58.5px;
    height: 81px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_works .job_category:nth-child(3) .photo:before {
    width: 52px;
    height: 72px;
    top: -26px;
    left: -10px;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_about_works .job_category:nth-child(3) .photo:before {
    width: 45.5px;
    height: 63px;
  }
}
.new_graduate .content section#sec_about_works .job_category .photo {
  width: 580px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_about_works .job_category .photo {
    width: 480px;
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_works .job_category .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.new_graduate .content section#sec_about_works .job_category .photo img {
  border-radius: 20px;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_about_works .job_category .photo img {
    height: 360px;
    object-fit: cover;
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_works .job_category .photo img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_works .job_category .photo img {
    border-radius: 15px;
  }
}
.new_graduate .content section#sec_about_works .job_category .txt_area {
  width: calc(100% - 640px);
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_about_works .job_category .txt_area {
    width: calc(100% - 520px);
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_works .job_category .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 40px;
  }
}
.new_graduate .content section#sec_about_works .job_category .txt_area h3 {
  font-size: 28px;
  font-size: 2.8rem;
  color: #45cdb7;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_works .job_category .txt_area h3 {
    text-align: center;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_works .job_category .txt_area h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_works .job_category .txt_area h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_about_works .job_category .txt_area h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.new_graduate .content section#sec_about_works .job_category .txt_area h3 span {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_works .job_category .txt_area h3 span {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_works .job_category .txt_area h3 span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_works .job_category .txt_area h3 span {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_about_works .job_category .txt_area h3 span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.new_graduate .content section#sec_about_works .job_category .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.9;
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_works .job_category .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.new_graduate .content section#sec_about_works .clinic_point {
  margin-top: 140px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_works .clinic_point {
    margin-top: 120px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_works .clinic_point {
    margin-top: 100px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_works .clinic_point {
    margin-top: 90px;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_about_works .clinic_point {
    margin-top: 80px;
  }
}
.new_graduate .content section#sec_about_works .clinic_point h3 {
  position: absolute;
  top: -100px;
  left: -36px;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_about_works .clinic_point h3 {
    top: -85px;
    left: -30px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_works .clinic_point h3 {
    top: -70px;
    left: -20px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_works .clinic_point h3 {
    top: -60px;
    left: -15px;
  }
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_about_works .clinic_point h3 img {
    width: 153px;
    height: 103.5px;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_about_works .clinic_point h3 img {
    width: 153px;
    height: 103.5px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_works .clinic_point h3 img {
    width: 136px;
    height: 92px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_works .clinic_point h3 img {
    width: 119px;
    height: 80.5px;
  }
}
.new_graduate .content section#sec_about_works .clinic_point .point_box {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_works .clinic_point .point_box {
    border-radius: 15px;
    padding: 30px 25px 25px;
  }
}
.new_graduate .content section.sec_about_staff .ttl_en {
  color: #c0cf21;
}
.new_graduate .content section.sec_about_staff .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .new_graduate .content section.sec_about_staff .lead {
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section.sec_about_staff .lead {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
}
.new_graduate .content section.sec_about_staff .graduate_school_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #055086;
  border-radius: 20px;
  background: #fcfedb;
  margin-bottom: 50px;
}
@media screen and (max-width: 480px) {
  .new_graduate .content section.sec_about_staff .graduate_school_list {
    border-radius: 15px;
  }
}
.new_graduate .content section.sec_about_staff .graduate_school_list h3 {
  width: 390px;
  padding: 20px;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  font-weight: 700;
  letter-spacing: 2px;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section.sec_about_staff .graduate_school_list h3 {
    width: 280px;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section.sec_about_staff .graduate_school_list h3 {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sec_about_staff .graduate_school_list h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section.sec_about_staff .graduate_school_list h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.new_graduate .content section.sec_about_staff .graduate_school_list ul {
  width: calc(100% - 390px);
  background: #fefff5;
  padding: 30px;
  border-radius: 0 20px 20px 0;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section.sec_about_staff .graduate_school_list ul {
    width: calc(100% - 280px);
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section.sec_about_staff .graduate_school_list ul {
    width: 100%;
    border-radius: 0 0 20px 20px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section.sec_about_staff .graduate_school_list ul {
    padding: 20px;
    border-radius: 0 0 15px 15px;
  }
}
.new_graduate .content section.sec_about_staff .graduate_school_list ul li {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 2px;
  margin-bottom: 5px;
  padding-left: 12px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sec_about_staff .graduate_school_list ul li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.new_graduate .content section.sec_about_staff .graduate_school_list ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #e4ee78;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sec_about_staff .graduate_school_list ul li:before {
    top: 11px;
  }
}
.new_graduate .content section.sec_about_staff .graduate_school_list ul li:last-child {
  margin-bottom: 0;
}
.new_graduate .content section.sec_about_staff .reason_box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 50px;
}
.new_graduate .content section.sec_about_staff .reason_box .photo {
  width: 580px;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section.sec_about_staff .reason_box .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section.sec_about_staff .reason_box .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.new_graduate .content section.sec_about_staff .reason_box .photo img {
  height: 360px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section.sec_about_staff .reason_box .photo img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sec_about_staff .reason_box .photo img {
    border-radius: 15px;
  }
}
.new_graduate .content section.sec_about_staff .reason_box .txt_area {
  width: calc(100% - 640px);
  position: relative;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section.sec_about_staff .reason_box .txt_area {
    width: calc(100% - 540px);
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section.sec_about_staff .reason_box .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sec_about_staff .reason_box .txt_area {
    margin-bottom: 20px;
  }
}
.new_graduate .content section.sec_about_staff .reason_box .txt_area h3 {
  font-size: 28px;
  font-size: 2.8rem;
  color: #c0cf21;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
  margin: 0 0 30px;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section.sec_about_staff .reason_box .txt_area h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section.sec_about_staff .reason_box .txt_area h3 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sec_about_staff .reason_box .txt_area h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section.sec_about_staff .reason_box .txt_area h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section.sec_about_staff .reason_box .txt_area h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.new_graduate .content section.sec_about_staff .reason_box .txt_area h3 span {
  display: inline-block;
}
.new_graduate .content section.sec_about_staff .reason_box .txt_area ul {
  background: #fcfde9;
  border-radius: 15px;
  padding: 30px;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sec_about_staff .reason_box .txt_area ul {
    padding: 20px;
  }
}
.new_graduate .content section.sec_about_staff .reason_box .txt_area ul li {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sec_about_staff .reason_box .txt_area ul li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section.sec_about_staff .reason_box .txt_area ul li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.new_graduate .content section.sec_about_staff .reason_box .txt_area ul li:last-child {
  margin-bottom: 0;
}
.new_graduate .content section.sec_about_staff .reason_box .txt_area ul li span {
  color: #2697e7;
}
.new_graduate .content section.sec_about_staff .interview_btn {
  margin-bottom: 50px;
}
.new_graduate .content section.sec_about_staff .interview_btn p {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sec_about_staff .interview_btn p {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section.sec_about_staff .interview_btn p {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
.new_graduate .content section.sec_about_staff .interview_btn p span {
  position: relative;
}
.new_graduate .content section.sec_about_staff .interview_btn p span:before {
  content: "";
  width: 1px;
  height: 38px;
  background: #055086;
  position: absolute;
  top: -4px;
  left: -20px;
  transform: rotate(-18deg);
}
@media screen and (max-width: 480px) {
  .new_graduate .content section.sec_about_staff .interview_btn p span:before {
    left: -15px;
  }
}
.new_graduate .content section.sec_about_staff .interview_btn p span:after {
  content: "";
  width: 1px;
  height: 38px;
  background: #055086;
  position: absolute;
  top: -4px;
  right: -20px;
  transform: rotate(18deg);
}
@media screen and (max-width: 480px) {
  .new_graduate .content section.sec_about_staff .interview_btn p span:after {
    right: -15px;
  }
}
.new_graduate .content section.sec_about_staff .interview_btn .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sec_about_staff .interview_btn .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section.sec_about_staff .interview_btn .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.new_graduate .content section.sec_about_staff .interview_btn .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) {
  .new_graduate .content section.sec_about_staff .interview_btn .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section.sec_about_staff .interview_btn .btn_more a:after {
    right: 15px;
  }
}
.new_graduate .content section.sec_about_staff .interview_btn .btn_more a:hover:after {
  right: 20px;
}
.new_graduate .content section.sec_about_staff .interview_btn .btn_more a {
  background-image: url(images/bg_btn_pale_green.png);
}
.new_graduate .content section.sec_about_staff .education_support {
  border: 1px solid #055086;
  border-radius: 20px;
  padding: 40px;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section.sec_about_staff .education_support {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sec_about_staff .education_support {
    border-radius: 15px;
    padding: 25px;
  }
}
.new_graduate .content section.sec_about_staff .education_support dt {
  font-size: 24px;
  font-size: 2.4rem;
  color: #c0cf21;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .new_graduate .content section.sec_about_staff .education_support dt {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section.sec_about_staff .education_support dt {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section.sec_about_staff .education_support dt {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.new_graduate .content section.sec_about_staff .education_support dd {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 2px;
  margin-bottom: 5px;
  padding-left: 12px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .new_graduate .content section.sec_about_staff .education_support dd {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.new_graduate .content section.sec_about_staff .education_support dd:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #e4ee78;
  border-radius: 100px;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .new_graduate .content section.sec_about_staff .education_support dd:before {
    top: 11px;
  }
}
.new_graduate .content section.sec_about_staff .education_support dd:last-child {
  margin-bottom: 0;
}
.new_graduate .content section#sec_flow {
  background: #fcf6d9;
}
.new_graduate .content section#sec_flow h2 span {
  font-size: 28px;
  font-size: 2.8rem;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_flow h2 span {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_flow h2 span {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_flow h2 span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_flow h2 span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.new_graduate .content section#sec_flow .day_flow {
  margin: 0 auto 50px;
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_flow .day_flow {
    margin-bottom: 30px;
  }
}
.new_graduate .content section#sec_flow .day_flow_box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  padding: 40px 40px 40px 0;
  margin-bottom: 50px;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_flow .day_flow_box {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_flow .day_flow_box {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_flow .day_flow_box {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_flow .day_flow_box {
    padding: 25px;
  }
}
.new_graduate .content section#sec_flow .day_flow_box:before {
  content: "";
  width: 1px;
  height: 200px;
  background: #f4eabb;
  position: absolute;
  top: 40px;
  left: 160px;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_flow .day_flow_box:before {
    content: none;
  }
}
.new_graduate .content section#sec_flow .day_flow_box:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 28px solid #fcea92;
  border-right: 108px solid transparent;
  border-bottom: 28px solid transparent;
  border-left: 108px solid transparent;
  position: absolute;
  bottom: -56px;
  left: 50%;
  transform: translateX(-50%);
  /*@include mq.mq(sm_400) {
  	border-top-width: 18px;
  	border-right-width: 60px;
  	border-bottom-width: 20px;
  	border-left-width: 60px;
  	bottom: -40px;
  }*/
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_flow .day_flow_box:after {
    border-top-width: 20px;
    border-right-width: 80px;
    border-bottom-width: 20px;
    border-left-width: 80px;
    bottom: -40px;
  }
}
.new_graduate .content section#sec_flow .day_flow_box:last-child {
  min-height: 222px;
  margin-bottom: 0;
}
.new_graduate .content section#sec_flow .day_flow_box:last-child:before {
  height: 142px;
}
.new_graduate .content section#sec_flow .day_flow_box:last-child:after {
  content: none;
}
.new_graduate .content section#sec_flow .day_flow_box .time {
  width: 160px;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_flow .day_flow_box .time {
    width: 100%;
    padding: 10px;
    background: #fffbe7;
    border-radius: 8px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_flow .day_flow_box .time {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.new_graduate .content section#sec_flow .day_flow_box .day_flow_content {
  width: calc(100% - 480px);
  padding: 0 40px;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_flow .day_flow_box .day_flow_content {
    width: calc(100% - 420px);
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_flow .day_flow_box .day_flow_content {
    width: calc(100% - 260px);
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_flow .day_flow_box .day_flow_content {
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_flow .day_flow_box .day_flow_content {
    margin-bottom: 20px;
  }
}
.new_graduate .content section#sec_flow .day_flow_box .day_flow_content h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #f0c71d;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_flow .day_flow_box .day_flow_content h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.new_graduate .content section#sec_flow .day_flow_box .day_flow_content p {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_flow .day_flow_box .day_flow_content p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.new_graduate .content section#sec_flow .day_flow_box .photo {
  width: 320px;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_flow .day_flow_box .photo {
    width: 260px;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_flow .day_flow_box .photo {
    width: 100%;
  }
}
.new_graduate .content section#sec_flow .day_flow_box .photo img {
  height: 200px;
  object-fit: cover;
  border-radius: 12px;
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_flow .day_flow_box .photo img {
    width: 100%;
    height: auto;
  }
}
.new_graduate .content section#sec_flow .clinic_point {
  margin-top: 140px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_flow .clinic_point {
    margin-top: 120px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_flow .clinic_point {
    margin-top: 100px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_flow .clinic_point {
    margin-top: 90px;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_flow .clinic_point {
    margin-top: 80px;
  }
}
.new_graduate .content section#sec_flow .clinic_point h3 {
  position: absolute;
  top: -100px;
  left: -36px;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_flow .clinic_point h3 {
    top: -85px;
    left: -30px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_flow .clinic_point h3 {
    top: -70px;
    left: -20px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_flow .clinic_point h3 {
    top: -60px;
    left: -15px;
  }
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_flow .clinic_point h3 img {
    width: 153px;
    height: 103.5px;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_flow .clinic_point h3 img {
    width: 153px;
    height: 103.5px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_flow .clinic_point h3 img {
    width: 136px;
    height: 92px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_flow .clinic_point h3 img {
    width: 119px;
    height: 80.5px;
  }
}
.new_graduate .content section#sec_flow .clinic_point .point_box {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_flow .clinic_point .point_box {
    border-radius: 15px;
    padding: 30px 25px 25px;
  }
}
.new_graduate .content section#sec_about_doctor {
  max-width: 1360px;
  margin: 0 auto;
}
.new_graduate .content section#sec_about_doctor .ttl_en {
  color: #45cdb7;
}
.new_graduate .content section#sec_about_doctor .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: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 15px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_doctor .profile_header {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_about_doctor .profile_header {
    background: transparent;
  }
}
.new_graduate .content section#sec_about_doctor .profile_header .doctor_photo {
  width: 600px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_about_doctor .profile_header .doctor_photo {
    width: 460px;
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_doctor .profile_header .doctor_photo {
    width: 100%;
    max-width: 600px;
    margin: 40px auto;
  }
}
.new_graduate .content section#sec_about_doctor .profile_header .doctor_photo .msg {
  position: absolute;
  top: -40px;
  left: 112px;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_about_doctor .profile_header .doctor_photo .msg {
    left: 50px;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_about_doctor .profile_header .doctor_photo .msg {
    top: -30px;
    left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_doctor .profile_header .doctor_photo .msg img {
    width: 99.9px;
    height: 79.2px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_doctor .profile_header .doctor_photo .msg img {
    width: 88.8px;
    height: 70.4px;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_about_doctor .profile_header .doctor_photo .msg img {
    width: 77.7px;
    height: 61.6px;
  }
}
.new_graduate .content section#sec_about_doctor .profile_header .doctor_photo .photo img {
  border-radius: 30px;
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_doctor .profile_header .doctor_photo .photo img {
    border-radius: 20px;
  }
}
.new_graduate .content section#sec_about_doctor .profile_header .profile_basic {
  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: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_about_doctor .profile_header .profile_basic {
    width: calc(100% - 500px);
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_doctor .profile_header .profile_basic {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    background: #fff;
    padding: 0;
  }
}
.new_graduate .content section#sec_about_doctor .profile_header .profile_basic dt {
  width: 8em;
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #45cdb7;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_doctor .profile_header .profile_basic dt {
    width: 100%;
    margin-bottom: 0;
  }
}
.new_graduate .content section#sec_about_doctor .profile_header .profile_basic dd {
  width: calc(100% - 8em);
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_doctor .profile_header .profile_basic dd {
    width: 100%;
  }
}
.new_graduate .content section#sec_about_doctor .profile_header .profile_basic dd.name span {
  font-size: 20px;
  font-size: 2rem;
}
.new_graduate .content section#sec_about_doctor .doctors_message {
  background: #f1fffc;
  border-radius: 20px;
  padding: 40px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_about_doctor .doctors_message {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_about_doctor .doctors_message {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_doctor .doctors_message {
    border-radius: 15px;
  }
}
.new_graduate .content section#sec_about_doctor .doctors_message:before {
  content: "";
  width: 139px;
  height: 85px;
  background: url(images/img_msg_baloon_new_graduate_message.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -46px;
  right: -8px;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_doctor .doctors_message:before {
    width: 125.1px;
    height: 76.5px;
    top: -36px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_doctor .doctors_message:before {
    width: 111.2px;
    height: 68px;
    top: -36px;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_about_doctor .doctors_message:before {
    width: 97.3px;
    height: 59.5px;
    top: -36px;
  }
}
.new_graduate .content section#sec_about_doctor .doctors_message h3 {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_about_doctor .doctors_message h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_about_doctor .doctors_message h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_about_doctor .doctors_message h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.new_graduate .content section#sec_about_doctor .doctors_message p {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_about_doctor .doctors_message p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.new_graduate .content section#sec_faq {
  background: #fcdebb;
}
.new_graduate .content section#sec_faq .ttl_en {
  color: #f58d82;
}
.new_graduate .content section#sec_faq .qa_list {
  max-width: 1280px;
  border-radius: 20px;
  padding: 50px;
  margin: 0 auto;
  background: #fff9ef;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_faq .qa_list {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_faq .qa_list {
    padding: 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_faq .qa_list {
    padding: 25px;
  }
}
.new_graduate .content section#sec_faq .qa_list .qa_box {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f58d82;
}
.new_graduate .content section#sec_faq .qa_list .qa_box:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.new_graduate .content section#sec_faq .qa_list .question {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  padding-left: 30px;
  margin-bottom: 15px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_faq .qa_list .question {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_faq .qa_list .question {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.new_graduate .content section#sec_faq .qa_list .question:before {
  content: "Q";
  font-size: 20px;
  font-size: 2rem;
  color: #f58d82;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 4px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_faq .qa_list .question:before {
    top: 3px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_faq .qa_list .question:before {
    top: 1px;
  }
}
.new_graduate .content section#sec_faq .qa_list .answer {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  padding-left: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_faq .qa_list .answer {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_faq .qa_list .answer {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.new_graduate .content section#sec_faq .qa_list .answer:before {
  content: "A";
  font-size: 20px;
  font-size: 2rem;
  color: #f0ad5d;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 4px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_faq .qa_list .answer:before {
    top: 3px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_faq .qa_list .answer:before {
    top: 1px;
  }
}
.new_graduate .content section#sec_faq .qa_list .answer .note {
  display: block;
  font-weight: 500;
  margin-top: 5px;
}
.new_graduate .content section#sec_faq .qa_list .answer .btn_more a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_faq .qa_list .answer .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_faq .qa_list .answer .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.new_graduate .content section#sec_faq .qa_list .answer .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) {
  .new_graduate .content section#sec_faq .qa_list .answer .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_faq .qa_list .answer .btn_more a:after {
    right: 15px;
  }
}
.new_graduate .content section#sec_faq .qa_list .answer .btn_more a:hover:after {
  right: 20px;
}
.new_graduate .content section#sec_faq .qa_list .answer .btn_more a {
  margin: 20px 0 0 0;
  background: #f59577;
  color: #fff;
}
.new_graduate .content section#sec_faq .bnr_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.new_graduate .content section#sec_faq .bnr_list .bnr_box {
  width: 32.18%;
  background: #f1f8fe;
  border: 1px solid #b4c7d6;
  border-radius: 20px;
  padding: 30px;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_box {
    padding: 25px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_box {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_box {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 30px 40px 40px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_box {
    padding: 30px;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_box {
    padding: 20px 25px 25px;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_box:last-child {
    margin-bottom: 0;
  }
}
.new_graduate .content section#sec_faq .bnr_list .bnr_ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #055086;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_ttl {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_ttl {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.new_graduate .content section#sec_faq .bnr_list .bnr_ttl span {
  position: relative;
}
.new_graduate .content section#sec_faq .bnr_list .bnr_ttl span: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: 6px;
  right: -32px;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_ttl span:after {
    width: 18px;
    height: 18px;
    right: -28px;
  }
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_ttl span:after {
    width: 16px;
    height: 16px;
    right: -24px;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_ttl span:after {
    width: 20px;
    height: 20px;
    top: 6px;
    right: -32px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_ttl span:after {
    width: 18px;
    height: 18px;
    right: -28px;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_ttl span:after {
    width: 16px;
    height: 16px;
    right: -24px;
  }
}
.new_graduate .content section#sec_faq .bnr_list .bnr_photo img {
  border-radius: 20px;
}
@media screen and (max-width: 1250px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_photo img {
    height: 180px;
    object-fit: cover;
    border-radius: 12px;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_faq .bnr_list .bnr_photo img {
    width: 100%;
    height: auto;
  }
}
.new_graduate .content section#sec_for_visitor h2 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_for_visitor h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_for_visitor h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.new_graduate .content section#sec_for_visitor h2 span {
  display: inline-block;
}
.new_graduate .content section#sec_for_visitor .staff_photo {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.new_graduate .content section#sec_for_visitor .staff_photo .msg {
  position: absolute;
  top: -42px;
  left: 77px;
}
@media screen and (max-width: 1000px) {
  .new_graduate .content section#sec_for_visitor .staff_photo .msg {
    left: -20px;
  }
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_for_visitor .staff_photo .msg {
    width: 189px;
    height: 171px;
    top: -60px;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_for_visitor .staff_photo .msg {
    width: 168px;
    height: 152px;
    top: -70px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_for_visitor .staff_photo .msg {
    width: 147px;
    height: 133px;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_for_visitor .staff_photo .msg {
    width: 126px;
    height: 114px;
    top: -60px;
  }
}
.new_graduate .content section#sec_for_visitor .staff_photo .photo img {
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .new_graduate .content section#sec_for_visitor .staff_photo .photo img {
    height: 420px;
    object-fit: cover;
  }
}
@media screen and (max-width: 600px) {
  .new_graduate .content section#sec_for_visitor .staff_photo .photo img {
    height: 360px;
  }
}
@media screen and (max-width: 480px) {
  .new_graduate .content section#sec_for_visitor .staff_photo .photo img {
    height: 320px;
  }
}
@media screen and (max-width: 400px) {
  .new_graduate .content section#sec_for_visitor .staff_photo .photo img {
    height: 300px;
  }
}

.contact header .main_ttl {
  background-image: url(images/bg_main_ttl_contact.jpg);
}
.contact .content section.page-layout {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .contact .content section.page-layout {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .contact .content section.page-layout {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .contact .content section.page-layout {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.contact .content section.page-layout h2 {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: left;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid #055086;
}
@media screen and (max-width: 768px) {
  .contact .content section.page-layout h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .contact .content section.page-layout h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .contact .content section.page-layout h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.contact .content section.page-layout .lead {
  margin-bottom: 20px;
}
.contact .content .wpcf7 {
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .contact .content .wpcf7 {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .contact .content .wpcf7 {
    padding: 0 25px;
  }
}
.contact .content .wpcf7-form {
  max-width: 100%;
  max-width: 1280px;
  background: #f8f3e9;
  padding: 60px 70px 40px;
  margin: 0 auto 50px;
  border-radius: 12px;
}
@media screen and (max-width: 1000px) {
  .contact .content .wpcf7-form {
    padding: 40px 40px 20px;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .wpcf7-form {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .contact .content .wpcf7-form {
    padding: 25px 25px 5px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 480px) {
  .contact .content .wpcf7-form {
    padding: 20px 25px 5px;
  }
}
.contact .content .wpcf7-form table tr.schedule-row {
  display: none;
}
.contact .content .wpcf7-form table th,
.contact .content .wpcf7-form table td {
  padding: 12px;
}
@media screen and (max-width: 768px) {
  .contact .content .wpcf7-form table th,
  .contact .content .wpcf7-form table td {
    display: block;
  }
}
.contact .content .wpcf7-form table th {
  width: 300px;
  font-weight: 500;
  vertical-align: top;
  padding-top: 15px;
}
@media screen and (max-width: 768px) {
  .contact .content .wpcf7-form table th {
    width: 100%;
    padding: 12px 0 0;
  }
}
.contact .content .wpcf7-form table th p {
  margin-bottom: 0;
}
.contact .content .wpcf7-form table td {
  width: calc(100% - 300px);
}
@media screen and (max-width: 768px) {
  .contact .content .wpcf7-form table td {
    width: 100%;
    padding-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .contact .content .wpcf7-form table td {
    padding: 5px 0 12px;
  }
}
.contact .content .wpcf7-form table td input[type=text],
.contact .content .wpcf7-form table td input[type=tel],
.contact .content .wpcf7-form table td input[type=email] {
  height: 50px;
  border: none;
  background: #fffefc;
  padding: 10px;
}
@media screen and (max-width: 480px) {
  .contact .content .wpcf7-form table td input[type=text],
  .contact .content .wpcf7-form table td input[type=tel],
  .contact .content .wpcf7-form table td input[type=email] {
    height: 40px;
  }
}
.contact .content .wpcf7-form table td p {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .contact .content .wpcf7-form table td p {
    margin-bottom: 5px;
  }
}
.contact .content .wpcf7-form table td input[type=tel] {
  max-width: 360px;
}
@media screen and (max-width: 600px) {
  .contact .content .wpcf7-form table td input[type=tel] {
    max-width: 100%;
  }
}
.contact .content .wpcf7-form table td.your_name input[type=text] {
  max-width: 360px;
}
@media screen and (max-width: 600px) {
  .contact .content .wpcf7-form table td.your_name input[type=text] {
    max-width: 100%;
  }
}
.contact .content .wpcf7-form table td .select_type,
.contact .content .wpcf7-form table td .select_jobcat {
  width: 218px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .contact .content .wpcf7-form table td .select_type,
  .contact .content .wpcf7-form table td .select_jobcat {
    width: 100%;
  }
}
.contact .content .wpcf7-form table td .select_type:after,
.contact .content .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;
}
.contact .content .wpcf7-form table td .select_type select,
.contact .content .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) {
  .contact .content .wpcf7-form table td .select_type select,
  .contact .content .wpcf7-form table td .select_jobcat select {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .contact .content .wpcf7-form table td .select_type select,
  .contact .content .wpcf7-form table td .select_jobcat select {
    padding: 10px 20px;
  }
}
.contact .content .wpcf7-form .link_privacy {
  color: #4b92e4;
  text-align: center;
  text-decoration: underline;
}
.contact .content .wpcf7-form .contact-privacy {
  text-align: center;
}
.contact .content .wpcf7-form .entry-submit p {
  margin-bottom: 0;
}

.privacy-policy .content section.page-layout {
  max-width: 1360px;
  margin: 80px auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .privacy-policy .content section.page-layout {
    margin: 60px auto;
  }
}
@media screen and (max-width: 600px) {
  .privacy-policy .content section.page-layout {
    margin: 50px auto;
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .privacy-policy .content section.page-layout {
    margin: 40px auto;
    padding: 0 25px;
  }
}
@media screen and (max-width: 768px) {
  .privacy-policy .content section.page-layout {
    max-width: 100%;
  }
}
.privacy-policy .content section.page-layout h2 {
  text-align: left;
  margin-bottom: 40px;
}
.privacy-policy .content section.page-layout .headline {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  border-bottom: 1px solid #055086;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
@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;
  background: transparent;
}
@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:before, .post-type-archive-interview .content section.sec_interview:after {
  content: none;
}
.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: 3%;
  }
}
.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: 3%;
  }
}
@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: 48.5%;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .photo {
  position: relative;
  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%;
  border: 1px solid #e9f2f9;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .photo > img {
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .photo > img {
    border-radius: 12px;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl {
  display: inline-block;
  line-height: 1.3;
  background: #055086;
  padding: 4px 25px 5px;
  margin-bottom: 15px;
  border-radius: 100px;
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl {
    padding: 4px 20px 5px;
  }
}
.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: 1000px) {
  .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: 600px) {
  .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: #055086;
  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: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .name {
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  font-weight: 700;
  letter-spacing: 1px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .name {
    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 .name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .name {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .join_year {
  font-size: 13px;
  font-size: 1.3rem;
  color: #2697e7;
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .join_year {
    display: block;
  }
}
.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: #fbd356;
  color: #fff;
  border-radius: 3px;
}
.post-type-archive-interview .content .archives-nav .page-numbers.current {
  background: #f9f3f5;
  color: #055086;
  border: 1px solid #fbd356;
}

.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;
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    padding: 25px;
    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: 320px;
  }
}
@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: #055086;
  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 .name {
  font-size: 22px;
  font-size: 2.2rem;
  color: #055086;
  font-weight: 700;
  letter-spacing: 1px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .name {
    font-size: 20px;
    font-size: 2rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .join_year {
  font-size: 15px;
  font-size: 1.5rem;
  color: #2697e7;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main .join_year {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main .join_year {
    display: block;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .catch {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #055086;
  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: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@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;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .staff_tag {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main .staff_tag {
    margin-bottom: 20px;
  }
}
.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 #055086;
  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,
.single-interview .content section.sec_interview_detail .interview_profile .personality_ttl {
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  font-weight: 700;
  margin-bottom: 10px;
}
.single-interview .content section.sec_interview_detail .interview_profile .staff_profile {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #055086;
}
.single-interview .content section.sec_interview_detail .interview_profile .personality p:nth-child(even) {
  margin-bottom: 10px;
}
.single-interview .content section.sec_interview_detail .interview_profile .personality p strong {
  color: #2697e7;
  font-weight: 700;
}
.single-interview .content section.sec_interview_detail .interview_qa {
  max-width: 1280px;
  margin: 0 auto 80px;
  padding: 0;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa {
    margin-bottom: 50px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa h2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
  padding-left: 22px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_qa h2 {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 18px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa h2:before {
  content: "";
  width: 16px;
  height: 1px;
  background: #055086;
  position: absolute;
  top: 50%;
  left: 0;
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_qa h2:before {
    width: 12px;
  }
}
.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: #2697e7;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: left;
  margin-bottom: 20px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #055086;
  position: relative;
}
@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: #eef7fe;
  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: #055086;
  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: #055086;
  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: #055086;
  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: #055086;
  font-weight: 700;
  margin-bottom: 20px;
}
.single-interview .content section.sec_interview_detail .interview_doctor_comment {
  max-width: 1280px;
  margin: 100px auto 0;
  padding: 40px;
  border: 1px solid #055086;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_doctor_comment {
    margin-top: 60px;
    padding: 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_doctor_comment {
    margin-top: 50px;
    padding: 25px;
  }
}
.single-interview .content section.sec_interview_detail .interview_doctor_comment .doctor_comment_ttl {
  font-size: 22px;
  font-size: 2.2rem;
  color: #055086;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 30px;
}
@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 h3 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #2697e7;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-top: 30px;
  margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_doctor_comment .doctor_comment h3 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_doctor_comment .doctor_comment p {
  margin-bottom: 10px;
}
.single-interview .content section.sec_interview_detail .interview_doctor_comment .doctor_comment p:last-child {
  margin-bottom: 0;
}
.single-interview .content section.sec_interview_detail .interview_doctor_comment .interview_doctor_message {
  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-top: 40px;
}
.single-interview .content section.sec_interview_detail .interview_doctor_comment .interview_doctor_message:last-child {
  margin-bottom: 0;
}
.single-interview .content section.sec_interview_detail .interview_doctor_comment .interview_doctor_message .doctor_thumb {
  width: 100px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_doctor_comment .interview_doctor_message .doctor_thumb {
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.single-interview .content section.sec_interview_detail .interview_doctor_comment .interview_doctor_message .message {
  width: calc(100% - 130px);
  background: #f2fbfe;
  border-radius: 12px;
  padding: 20px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_doctor_comment .interview_doctor_message .message {
    width: 100%;
    margin-left: 0;
  }
}
.single-interview .content section.sec_interview_detail .interview_doctor_comment .interview_doctor_message .message:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 14px solid #f2fbfe;
  border-bottom: 5px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 20px;
  left: -28px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_doctor_comment .interview_doctor_message .message:before {
    border-top: 14px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 14px solid #f2fbfe;
    border-left: 5px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.single-interview .content section.sec_interview_detail .interview_doctor_comment .interview_doctor_message .message .doctor_message_ttl {
  color: #2697e7;
  font-weight: 700;
}
.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-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 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;
  padding: 15px 20px;
}
@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: #055086;
    padding: 20px;
    border: 1px solid #055086;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    padding: 14px 10px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .navigation_wrapper .btn_back a:after {
    background-image: url(images/img_icon_arrow_blue_yellow.png);
  }
}
.single-interview .content .post-navigation .nav-links {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  max-width: 1280px;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links {
    margin: 0 auto 10px;
  }
}
.single-interview .content .post-navigation .nav-links > div {
  width: 50%;
}
.single-interview .content .post-navigation .nav-links > div a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 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: "Montserrat", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #055086;
  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-bottom: 80px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-recruit .content .lnav,
  .tax-recruit_cat .content .lnav,
  .tax-recruit_status .content .lnav {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content .lnav,
  .tax-recruit_cat .content .lnav,
  .tax-recruit_status .content .lnav {
    padding-bottom: 50px;
  }
}
.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 #055086;
  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 h2 span,
.tax-recruit_cat .content section.sec_recruit_list h2 span,
.tax-recruit_status .content section.sec_recruit_list h2 span {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section.sec_recruit_list h2 span,
  .tax-recruit_cat .content section.sec_recruit_list h2 span,
  .tax-recruit_status .content section.sec_recruit_list h2 span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list h2 span,
  .tax-recruit_cat .content section.sec_recruit_list h2 span,
  .tax-recruit_status .content section.sec_recruit_list h2 span {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section.sec_recruit_list h2 span,
  .tax-recruit_cat .content section.sec_recruit_list h2 span,
  .tax-recruit_status .content section.sec_recruit_list h2 span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.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-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 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 50px 20px 30px;
}
@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 50px 15px 30px;
  }
}
.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_list .recruit-list li .ttl span,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li .ttl span,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li .ttl span {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .ttl span,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li .ttl span,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li .ttl span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .ttl span,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li .ttl span,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li .ttl span {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .ttl span,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li .ttl span,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li .ttl span {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .ttl span,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li .ttl span,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li .ttl span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.post-type-archive-recruit .content section.sec_recruit,
.tax-recruit_cat .content section.sec_recruit,
.tax-recruit_status .content section.sec_recruit {
  display: none;
}
.post-type-archive-recruit footer,
.tax-recruit_cat footer,
.tax-recruit_status footer {
  padding-bottom: 0;
}

.single-recruit.postid-3818 header .main_ttl .ttl_en {
  padding-top: 145px;
}
@media screen and (max-width: 1000px) {
  .single-recruit.postid-3818 header .main_ttl .ttl_en {
    padding-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  .single-recruit.postid-3818 header .main_ttl .ttl_en {
    padding-top: 100px;
  }
}
@media screen and (max-width: 600px) {
  .single-recruit.postid-3818 header .main_ttl .ttl_en {
    padding-top: 68px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit.postid-3818 header .main_ttl .ttl_en {
    padding-top: 52px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit.postid-3818 header .main_ttl .ttl_en {
    padding-top: 40px;
  }
}
.single-recruit header .main_ttl h1 span {
  display: block;
  font-size: 20px;
  font-size: 2rem;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  .single-recruit header .main_ttl h1 span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .single-recruit header .main_ttl h1 span {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 600px) {
  .single-recruit header .main_ttl h1 span {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
    margin-top: 5px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit header .main_ttl h1 span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@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: #055086;
  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 h2 span {
  display: inline-block;
  font-size: 22px;
  font-size: 2.2rem;
}
@media screen and (max-width: 1000px) {
  .single-recruit .content section.recruit_wrapper h2 span {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper h2 span {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper h2 span {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper h2 span {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.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: #055086;
}
.single-recruit .content section.recruit_wrapper .contants_nav li a {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  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 .entry_btn_area {
  text-align: center;
}
.single-recruit .content section.recruit_wrapper .entry_btn_area .ttl {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  font-weight: 700;
  letter-spacing: 3px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .entry_btn_area .ttl {
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .entry_btn_area .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .entry_btn_area .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.single-recruit .content section.recruit_wrapper .entry_btn_area .ttl > p {
  position: relative;
}
.single-recruit .content section.recruit_wrapper .entry_btn_area .ttl > p:before {
  content: "";
  width: 1px;
  height: 30px;
  background: #055086;
  position: absolute;
  top: 3px;
  left: -20px;
  transform: rotate(-10deg);
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .entry_btn_area .ttl > p:before {
    left: -10px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .entry_btn_area .ttl > p:before {
    height: 24px;
  }
}
.single-recruit .content section.recruit_wrapper .entry_btn_area .ttl > p:after {
  content: "";
  width: 1px;
  height: 30px;
  background: #055086;
  position: absolute;
  top: 3px;
  right: -15px;
  transform: rotate(10deg);
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .entry_btn_area .ttl > p:after {
    right: -5px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .entry_btn_area .ttl > p:after {
    height: 24px;
  }
}
.single-recruit .content section.recruit_wrapper .entry_btn_area .ttl > p span {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 2px;
}
.single-recruit .content section.recruit_wrapper .btn_entry a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 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: 480px;
  margin: 0 auto 80px;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 25px 30px;
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 20px 30px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 18px 30px;
    margin-bottom: 50px;
  }
}
.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 #055086;
  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 #055086;
  border-left: 1px solid #055086;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table {
    border-bottom: 1px solid #055086;
  }
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .recruit_table {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .recruit_table {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .recruit_table {
    margin-bottom: 50px;
  }
}
.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 #055086;
  border-bottom: 1px solid #055086;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th,
  .single-recruit .content section.recruit_wrapper .recruit_table td {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th,
  .single-recruit .content section.recruit_wrapper .recruit_table td {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 25px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th,
  .single-recruit .content section.recruit_wrapper .recruit_table td {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single-recruit .content section.recruit_wrapper .recruit_table th {
  width: 25%;
  font-weight: 700;
  color: #055086;
  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%;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table td {
    width: 100%;
    border-bottom: none;
  }
}
.single-recruit .content section.recruit_wrapper .recruit_table td.addr span {
  display: inline-block;
  margin-right: 10px;
}
.single-recruit .content section.recruit_wrapper .recruit_table td iframe {
  height: 300px;
}
.single-recruit .content section.recruit_wrapper .recruit_table td .link_visitor {
  margin-top: 20px;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form label {
  width: 100%;
  max-width: 480px;
  display: inline-block;
  text-align: left;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form label .rec {
  color: #ea1b1b;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form input[type=text],
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form input[type=tel],
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form input[type=email] {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 10px;
  max-width: 480px;
  width: 100%;
  height: 40px;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .check-web {
  margin-top: 30px;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .check-web .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .entry_form_area .check-web .sp {
    display: block;
  }
}
.single-recruit .content section.recruit_wrapper .btn_visitor {
  margin-bottom: 50px;
}
.single-recruit .content section.recruit_wrapper .btn_visitor a {
  display: block;
  width: 100%;
  max-width: 412px;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #055086;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #fbd356 url(images/bg_btn_yellow.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 100px;
  padding: 22px 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: #055086;
}
.single-recruit .content .fix_btn2 i.far.fa-envelope {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .single-recruit footer {
    padding-bottom: 0;
  }
}

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