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

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

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

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

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

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

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

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

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

.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: 126px;
}
@media screen and (max-width: 768px) {
  html {
    scroll-padding-top: 116px;
  }
}
@media screen and (max-width: 600px) {
  html {
    scroll-padding-top: 99px;
  }
}
@media screen and (max-width: 480px) {
  html {
    scroll-padding-top: 83px;
  }
}

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;
  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: 153px;
}
@media screen and (max-width: 768px) {
  header.fixed {
    padding-top: 139px;
  }
}
@media screen and (max-width: 600px) {
  header.fixed {
    padding-top: 132px;
  }
}
@media screen and (max-width: 480px) {
  header.fixed {
    padding-top: 100px;
  }
}
header.fixed .header_top {
  width: 100%;
  padding: 20px 30px 20px 40px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: #fff;
}
@media screen and (max-width: 1250px) {
  header.fixed .header_top {
    padding: 20px;
  }
}
@media screen and (max-width: 1000px) {
  header.fixed .header_top {
    padding: 20px 30px 20px 20px;
  }
}
@media screen and (max-width: 600px) {
  header.fixed .header_top {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 480px) {
  header.fixed .header_top {
    padding: 10px 20px;
  }
}
header.fixed .header_top > .logo {
  width: 220px;
}
@media screen and (max-width: 768px) {
  header.fixed .header_top > .logo {
    width: 200px;
  }
}
@media screen and (max-width: 600px) {
  header.fixed .header_top > .logo {
    width: 180px;
  }
}
@media screen and (max-width: 480px) {
  header.fixed .header_top > .logo {
    width: 160px;
  }
}
header.fixed .header_top > .logo .for_recruit {
  width: 220px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  header.fixed .header_top > .logo .for_recruit {
    width: 200px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 600px) {
  header.fixed .header_top > .logo .for_recruit {
    width: 180px;
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 480px) {
  header.fixed .header_top > .logo .for_recruit {
    width: 160px;
    font-size: 10px;
    font-size: 1rem;
  }
}
header.fixed .header_top > .logo img {
  width: 220px;
}
@media screen and (max-width: 768px) {
  header.fixed .header_top > .logo img {
    width: 200px;
  }
}
@media screen and (max-width: 600px) {
  header.fixed .header_top > .logo img {
    width: 180px;
  }
}
@media screen and (max-width: 480px) {
  header.fixed .header_top > .logo img {
    width: 160px;
  }
}
header .header_top {
  padding: 20px 30px 17px 40px;
  transition: 0.5s;
}
@media screen and (max-width: 1250px) {
  header .header_top {
    padding-left: 20px;
  }
}
@media screen and (max-width: 600px) {
  header .header_top {
    padding: 15px 30px;
  }
}
@media screen and (max-width: 480px) {
  header .header_top {
    padding: 10px 20px;
  }
}
header .header_top > .logo {
  width: 300px;
  text-align: center;
}
@media screen and (max-width: 1250px) {
  header .header_top > .logo {
    width: 240px;
  }
}
@media screen and (max-width: 600px) {
  header .header_top > .logo {
    width: 226px;
  }
}
@media screen and (max-width: 480px) {
  header .header_top > .logo {
    width: 198px;
    border-radius: 0 0 10px 10px;
  }
}
@media screen and (max-width: 400px) {
  header .header_top > .logo {
    width: 180px;
  }
}
header .header_top > .logo .for_recruit {
  width: 300px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #765f4f;
  text-align: center;
  font-weight: 500;
  border: 1px solid #765f4f;
  border-radius: 100px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1250px) {
  header .header_top > .logo .for_recruit {
    width: 240px;
  }
}
@media screen and (max-width: 600px) {
  header .header_top > .logo .for_recruit {
    width: 226px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  header .header_top > .logo .for_recruit {
    width: 198px;
  }
}
@media screen and (max-width: 400px) {
  header .header_top > .logo .for_recruit {
    width: 180px;
  }
}
@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: 240px;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  header .header_top > .logo img {
    width: 206px;
  }
}
@media screen and (max-width: 480px) {
  header .header_top > .logo img {
    width: 178px;
  }
}
@media screen and (max-width: 400px) {
  header .header_top > .logo img {
    width: 160px;
  }
}
header .gnav {
  position: absolute;
  top: 76px;
  right: 40px;
  z-index: 10;
}
@media screen and (max-width: 1250px) {
  header .gnav {
    right: 20px;
  }
}
@media screen and (max-width: 1000px) {
  header .gnav {
    display: none;
  }
}
header .gnav ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
header .gnav ul li {
  margin-right: 30px;
}
@media screen and (max-width: 1400px) {
  header .gnav ul li {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1400px) {
  header .gnav ul li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
header .gnav ul li.parent {
  position: relative;
}
header .gnav ul li.parent:hover .child {
  opacity: 1;
  z-index: 1;
  visibility: visible;
}
header .gnav ul li.parent.gnav_before_applying {
  margin-right: 0;
}
header .gnav ul li.parent.gnav_before_applying .child {
  left: initial;
  right: -20px;
}
@media screen and (max-width: 1250px) {
  header .gnav ul li.parent.gnav_before_applying .child {
    right: -10px;
  }
}
header .gnav ul li.parent > a {
  padding-right: 15px;
  position: relative;
}
header .gnav ul li.parent > a:after {
  content: "";
  width: 10px;
  height: 6px;
  background: url(images/img_icon_arrow_gnav.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 10px;
  right: 0;
}
header .gnav ul li.parent .child {
  display: block;
  background: #fef8e2;
  padding: 5px 20px;
  border-radius: 10px;
  position: absolute;
  top: 50px;
  left: -20px;
  width: 260px;
  overflow: hidden;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s;
  opacity: 0;
  visibility: hidden;
  z-index: -100;
}
header .gnav ul li.parent .child li {
  margin: 0;
  border-bottom: 1px solid #e3d5a8;
}
header .gnav ul li.parent .child li:last-child {
  border-bottom: none;
}
header .gnav ul li.parent .child li a {
  display: block;
  padding: 20px 5px;
}
header .gnav ul li.gnav_entry {
  width: 232px;
  margin-right: 0;
  position: absolute;
  top: -76px;
  right: -40px;
}
header .gnav ul li.gnav_entry a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  header .gnav ul li.gnav_entry a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  header .gnav ul li.gnav_entry a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
header .gnav ul li.gnav_entry a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  header .gnav ul li.gnav_entry a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  header .gnav ul li.gnav_entry a:after {
    right: 15px;
  }
}
header .gnav ul li.gnav_entry a:hover {
  opacity: 1;
}
header .gnav ul li.gnav_entry a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1250px) {
  header .gnav ul li.gnav_entry {
    right: -20px;
  }
}
header .gnav ul li.gnav_entry a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 13px 20px;
  border: none;
  border-radius: 0 0 0 10px;
}
header .gnav ul li.gnav_entry a:after {
  content: none;
}
header .gnav ul li.gnav_entry a:hover {
  background: #f47883;
  color: #fff;
}
header .gnav ul li.gnav_entry a:hover span:before {
  left: 5px;
}
header .gnav ul li.gnav_entry a span {
  display: inline-block;
  padding-left: 26px;
  position: relative;
}
header .gnav ul li.gnav_entry a span:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(images/img_icon_arrow_white_pink.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: 0.3s;
}
header .gnav a {
  font-size: 15px;
  font-size: 1.5rem;
  color: #765f4f;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1250px) {
  header .gnav a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
header .gnav a:hover {
  color: #41bdce;
}

.drawer--top .drawer-hamburger {
  display: none;
  border: none;
  background: #41bdce;
  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: 768px) {
  .drawer-hamburger {
    width: 40px;
    padding: 40px 24px;
  }
}
@media screen and (max-width: 600px) {
  .drawer-hamburger {
    width: 38px;
    padding: 36px 20px;
  }
}
@media screen and (max-width: 480px) {
  .drawer-hamburger {
    width: 38px;
    padding: 32px 16px;
  }
}
.drawer-hamburger .txt {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
}
.drawer-hamburger .txt:before {
  content: "MENU";
  width: 100%;
  font-family: "Montserrat", serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 4px;
  color: #fff;
  font-style: italic;
}
@media screen and (max-width: 480px) {
  .drawer-hamburger .txt:before {
    font-size: 11px;
    font-size: 1.1rem;
    bottom: 12px;
  }
}
@media screen and (max-width: 400px) {
  .drawer-hamburger .txt:before {
    letter-spacing: 3px;
  }
}

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

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

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

.drawer-hamburger-icon,
.drawer-open .drawer-hamburger-icon {
  width: 42px;
  height: 1px;
}
@media screen and (max-width: 768px) {
  .drawer-hamburger-icon,
  .drawer-open .drawer-hamburger-icon {
    width: 36px;
  }
}
@media screen and (max-width: 600px) {
  .drawer-hamburger-icon,
  .drawer-open .drawer-hamburger-icon {
    width: 34px;
  }
}
@media screen and (max-width: 480px) {
  .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: 768px) {
  .drawer-hamburger-icon:before, .drawer-hamburger-icon:after,
  .drawer-open .drawer-hamburger-icon:before,
  .drawer-open .drawer-hamburger-icon:after {
    width: 44px;
  }
}
@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: 40px;
  }
}
@media screen and (max-width: 480px) {
  .drawer-hamburger-icon:before, .drawer-hamburger-icon:after,
  .drawer-open .drawer-hamburger-icon:before,
  .drawer-open .drawer-hamburger-icon:after {
    width: 36px;
  }
}
.drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:before {
  top: -16px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .drawer-hamburger-icon:before,
  .drawer-open .drawer-hamburger-icon:before {
    top: -15px;
  }
}
@media screen and (max-width: 600px) {
  .drawer-hamburger-icon:before,
  .drawer-open .drawer-hamburger-icon:before {
    top: -14px;
  }
}
@media screen and (max-width: 480px) {
  .drawer-hamburger-icon:before,
  .drawer-open .drawer-hamburger-icon:before {
    top: -12px;
  }
}
.drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:after {
  top: 16px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .drawer-hamburger-icon:after,
  .drawer-open .drawer-hamburger-icon:after {
    top: 15px;
  }
}
@media screen and (max-width: 600px) {
  .drawer-hamburger-icon:after,
  .drawer-open .drawer-hamburger-icon:after {
    top: 14px;
  }
}
@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: #eefcff;
  z-index: 100000;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.drawer--top .drawer-nav .drawer-menu {
  padding: 100px 40px 40px;
}
@media screen and (max-width: 768px) {
  .drawer--top .drawer-nav .drawer-menu {
    padding: 100px 30px 45px;
  }
}
@media screen and (max-width: 600px) {
  .drawer--top .drawer-nav .drawer-menu {
    padding-top: 90px;
  }
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu {
    padding-top: 80px;
  }
}
.drawer--top .drawer-nav .drawer-menu .contact_tel {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  padding: 16px 28px;
  border-radius: 15px;
}
@media screen and (max-width: 1250px) {
  .drawer--top .drawer-nav .drawer-menu .contact_tel {
    border-radius: 12px;
  }
}
@media screen and (max-width: 600px) {
  .drawer--top .drawer-nav .drawer-menu .contact_tel {
    display: block;
  }
}
.drawer--top .drawer-nav .drawer-menu .contact_tel .txt {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  margin-right: 15px;
}
.drawer--top .drawer-nav .drawer-menu .contact_tel .tel_num {
  font-family: "Montserrat", serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #41bdce;
  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 #8bc2cb;
}
.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: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a:after {
    right: 15px;
  }
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li.btn_entry a:hover {
  opacity: 1;
}
.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#menu-item-2603 {
  border-bottom-color: #f47883;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li#menu-item-123 {
  border-bottom-color: #f47883;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li#menu-item-123 a {
  color: #fff;
  background: #f47883;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li a {
  display: block;
  padding: 20px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #765f4f;
  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: 14px 20px;
  position: relative;
}
.drawer--top .drawer-nav .drawer-menu .sp-menu > li .sub-menu li a:before {
  content: "";
  width: 12px;
  height: 1px;
  background: #765f4f;
  position: absolute;
  top: 50%;
  left: 0;
}

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

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

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

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

#closeBanner {
  display: none;
}

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

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

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

.close-btn-label:hover {
  background: #41bdce;
  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 {
  overflow: hidden;
}

.mv_inner {
  height: 660px;
  background: #ecf2f9 url(images/img_mainvisual.jpg) no-repeat center center;
  background-size: cover;
  border-radius: 40px;
  margin: 0 40px 290px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .mv_inner {
    height: 600px;
    margin: 0 20px 290px;
  }
}
@media screen and (max-width: 1000px) {
  .mv_inner {
    height: 520px;
  }
}
@media screen and (max-width: 768px) {
  .mv_inner {
    height: 450px;
    margin-bottom: 400px;
  }
}
@media screen and (max-width: 600px) {
  .mv_inner {
    height: 380px;
    border-radius: 30px;
  }
}
@media screen and (max-width: 480px) {
  .mv_inner {
    height: 320px;
    border-radius: 25px;
    margin-bottom: 450px;
  }
}
@media screen and (max-width: 400px) {
  .mv_inner {
    height: 280px;
  }
}
.mv_inner:before {
  content: "";
  width: 252px;
  height: 146px;
  background: url(images/img_icon_cloud01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -286px;
  left: 5%;
  z-index: 1;
}
@media screen and (max-width: 1250px) {
  .mv_inner:before {
    left: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .mv_inner:before {
    width: 201.6px;
    height: 116.8px;
    left: -50px;
  }
}
@media screen and (max-width: 768px) {
  .mv_inner:before {
    width: 176.4px;
    height: 102.2px;
    left: -100px;
  }
}
@media screen and (max-width: 600px) {
  .mv_inner:before {
    width: 151.2px;
    height: 87.6px;
    left: -120px;
  }
}
.mv_inner:after {
  content: "";
  width: 195px;
  height: 142px;
  background: url(images/img_icon_cloud02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -246px;
  right: -40px;
}
@media screen and (max-width: 1000px) {
  .mv_inner:after {
    width: 175.5px;
    height: 127.8px;
    bottom: -200px;
  }
}
@media screen and (max-width: 768px) {
  .mv_inner:after {
    width: 156px;
    height: 113.6px;
    right: -60px;
  }
}
@media screen and (max-width: 600px) {
  .mv_inner:after {
    width: 136.5px;
    height: 99.4px;
    right: -80px;
  }
}
.mv_inner .catch_area {
  width: 820px;
  background: #fff;
  padding: 60px 30px 50px;
  border-radius: 30px 30px 0 0;
  position: absolute;
  top: 490px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1250px) {
  .mv_inner .catch_area {
    top: 450px;
  }
}
@media screen and (max-width: 1000px) {
  .mv_inner .catch_area {
    width: 90%;
    top: 410px;
  }
}
@media screen and (max-width: 768px) {
  .mv_inner .catch_area {
    top: 360px;
  }
}
@media screen and (max-width: 600px) {
  .mv_inner .catch_area {
    padding: 60px 15px 50px;
    border-radius: 20px 20px 0 0;
    top: 300px;
  }
}
@media screen and (max-width: 480px) {
  .mv_inner .catch_area {
    top: 260px;
  }
}
@media screen and (max-width: 400px) {
  .mv_inner .catch_area {
    top: 240px;
  }
}
.mv_inner .catch_area:before {
  content: "";
  width: 138px;
  height: 100px;
  background: url(images/img_logo_mark.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -68px;
  left: calc(50% - 10px);
  transform: translateX(-50%);
}
@media screen and (max-width: 600px) {
  .mv_inner .catch_area:before {
    width: 124.2px;
    height: 90px;
    top: -58px;
  }
}
.mv_inner .catch_area .catch_main {
  font-size: 42px;
  font-size: 4.2rem;
  color: #41bdce;
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 3px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1400px) {
  .mv_inner .catch_area .catch_main {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 1250px) {
  .mv_inner .catch_area .catch_main {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 1000px) {
  .mv_inner .catch_area .catch_main {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 768px) {
  .mv_inner .catch_area .catch_main {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .mv_inner .catch_area .catch_main {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .mv_inner .catch_area .catch_main {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 400px) {
  .mv_inner .catch_area .catch_main {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.mv_inner .catch_area .catch_main span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .mv_inner .catch_area .catch_main span {
    display: block;
  }
}
.mv_inner .catch_area .catch_sub {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  font-weight: 700;
  letter-spacing: 3px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .mv_inner .catch_area .catch_sub {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 768px) {
  .mv_inner .catch_area .catch_sub {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .mv_inner .catch_area .catch_sub {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 2px;
  }
}
.mv_inner .catch_area .catch_sub span {
  display: inline-block;
}
.mv_inner .catch_area .txt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .mv_inner .catch_area .txt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.mv_inner .catch_area .txt span {
  display: inline-block;
}
.mv_inner .catch_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .mv_inner .catch_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .mv_inner .catch_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.mv_inner .catch_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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) {
  .mv_inner .catch_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .mv_inner .catch_area .btn_more a:after {
    right: 15px;
  }
}
.mv_inner .catch_area .btn_more a:hover {
  opacity: 1;
}
.mv_inner .catch_area .btn_more a:hover:after {
  right: 20px;
}

/* content
------------------------------------------------------------- */
.content {
  width: 100%;
  position: relative;
}
.content .btn_contact {
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 10;
}
@media screen and (max-width: 600px) {
  .content .btn_contact {
    width: 100%;
    top: initial;
    bottom: 0;
  }
}
.content .btn_contact a {
  display: block;
  height: 232px;
  font-family: "Montserrat", serif;
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  background: #765f4f;
  padding: 15px;
}
@media screen and (max-width: 600px) {
  .content .btn_contact a {
    width: 100%;
    height: auto;
    -ms-writing-mode: initial;
    writing-mode: initial;
  }
}
.content section {
  padding: 100px 40px;
}
@media screen and (max-width: 768px) {
  .content section {
    padding: 80px 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section {
    padding: 70px 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section {
    padding: 60px 25px;
  }
}
.content section .ttl_en {
  font-family: "Montserrat", serif;
  font-size: 20px;
  font-size: 2rem;
  color: #765f4f;
  font-weight: 300;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 4px;
  margin-bottom: 5px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section .ttl_en {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section .ttl_en:before {
  content: "";
  width: 26px;
  height: 18px;
  background: url(images/img_icon_chick.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}
.content section h2 {
  font-size: 40px;
  font-size: 4rem;
  color: #41bdce;
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 4px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1250px) {
  .content section h2 {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 1000px) {
  .content section h2 {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section h2 {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 2px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .content section h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.content section.sec_about {
  overflow: hidden;
  position: relative;
}
.content section.sec_about:before {
  content: "";
  width: 188px;
  height: 120px;
  background: url(images/img_icon_cloud03.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 65%;
}
@media screen and (max-width: 1000px) {
  .content section.sec_about:before {
    width: 150.4px;
    height: 96px;
    left: 75%;
  }
}
.content section.sec_about:after {
  content: "";
  width: 118px;
  height: 90px;
  background: url(images/img_icon_cloud05.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 72px;
  left: -7px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_about:after {
    width: 106.2px;
    height: 81px;
    top: 90px;
    left: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_about:after {
    top: 50px;
    left: 0;
  }
}
.content section.sec_about .section_inner {
  position: static;
}
.content section.sec_about .section_inner:before {
  content: "";
  width: 126px;
  height: 84px;
  background: url(images/img_icon_cloud04.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 125px;
  left: 85%;
}
@media screen and (max-width: 1000px) {
  .content section.sec_about .section_inner:before {
    width: 113.4px;
    height: 75.6px;
    top: 165px;
    left: initial;
    right: -10px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_about .section_inner:before {
    right: -30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_about .section_inner:before {
    display: none;
  }
}
.content section.sec_about .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 500;
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .content section.sec_about .lead {
    text-align: left;
  }
}
.content section.sec_about .about_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;
}
.content section.sec_about .about_box .photo {
  width: 600px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .content section.sec_about .about_box .photo {
    width: 660px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_about .about_box .photo {
    width: 520px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_about .about_box .photo {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_about .about_box .photo {
    margin-bottom: 30px;
  }
}
.content section.sec_about .about_box .photo:before {
  content: "";
  width: 117px;
  height: 72px;
  background: url(images/img_illust_about_flags.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -10px;
  left: -22px;
}
@media screen and (max-width: 480px) {
  .content section.sec_about .about_box .photo:before {
    width: 105.3px;
    height: 64.8px;
    left: -15px;
  }
}
.content section.sec_about .about_box .photo img {
  height: 520px;
  object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_about .about_box .photo img {
    width: 100%;
    height: auto;
    border-radius: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_about .about_box .photo img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about .about_box .photo img {
    border-radius: 15px;
  }
}
.content section.sec_about .about_box .link_list {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .content section.sec_about .about_box .link_list {
    width: calc(100% - 560px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_about .about_box .link_list {
    width: 100%;
  }
}
.content section.sec_about .about_box .link_list ul li {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #b9e2e8;
}
@media screen and (max-width: 480px) {
  .content section.sec_about .about_box .link_list ul li {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.content section.sec_about .about_box .link_list ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.content section.sec_about .about_box .link_list ul li a {
  display: block;
}
.content section.sec_about .about_box .link_list ul li a:hover .ttl:before {
  left: 5px;
}
.content section.sec_about .about_box .link_list ul li .ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #765f4f;
  letter-spacing: 2px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 5px;
  padding-left: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_about .about_box .link_list ul li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about .about_box .link_list ul li .ttl {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_about .about_box .link_list ul li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_about .about_box .link_list ul li .ttl:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_blue.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.content section.sec_about .about_box .link_list ul li .catch {
  font-size: 15px;
  font-size: 1.5rem;
  color: #41bdce;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .content section.sec_about .about_box .link_list ul li .catch {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about .about_box .link_list ul li .catch {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
.content section.sec_doctor {
  background: url(images/bg_top_doctor.png) no-repeat 0 0;
  background-size: cover;
  position: relative;
}
.content section.sec_doctor:before {
  content: "";
  width: 241px;
  height: 149px;
  background: url(images/img_illust_tree01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 70px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor:before {
    width: 216.9px;
    height: 134.1px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor:before {
    width: 192.8px;
    height: 119.2px;
    left: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor:before {
    width: 168.7px;
    height: 104.3px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor:before {
    width: 144.6px;
    height: 89.4px;
  }
}
.content section.sec_doctor:after {
  content: "";
  width: 166px;
  height: 129px;
  background: url(images/img_illust_tree02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 56px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor:after {
    width: 149.4px;
    height: 116.1px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor:after {
    width: 132.8px;
    height: 103.2px;
    right: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor:after {
    width: 116.2px;
    height: 90.3px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor:after {
    width: 99.6px;
    height: 77.4px;
    right: 20px;
  }
}
.content section.sec_doctor h2 {
  color: #00ab84;
}
.content section.sec_doctor .doctor_box {
  max-width: 1280px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.content section.sec_doctor .doctor_box:before {
  content: "";
  width: 166px;
  height: 64px;
  background: url(images/img_illust_doctor_bird.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -30px;
  left: -90px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_doctor .doctor_box:before {
    width: 149.4px;
    height: 57.6px;
    top: -20px;
    left: -20px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .doctor_box:before {
    top: -160px;
    left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .doctor_box:before {
    width: 132.8px;
    height: 51.2px;
    left: 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .doctor_box:before {
    width: 116.2px;
    height: 44.8px;
    top: -190px;
    left: -10px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .doctor_box:before {
    width: 99.6px;
    height: 38.4px;
    top: -160px;
    left: -10px;
  }
}
.content section.sec_doctor .txt_area {
  width: 53.12%;
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor .txt_area {
    width: calc(100% - 560px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area {
    margin-bottom: 80px;
  }
}
.content section.sec_doctor .txt_area .message {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor .txt_area .message {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .txt_area .message {
    font-size: 34px;
    font-size: 3.4rem;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .txt_area .message {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .txt_area .message {
    font-size: 26px;
    font-size: 2.6rem;
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area .message {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .txt_area .message {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.content section.sec_doctor .txt_area .message span {
  display: inline-block;
  position: relative;
}
.content section.sec_doctor .txt_area .message span:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 0.4em;
  background-color: #f9f468;
  z-index: -1;
}
.content section.sec_doctor .txt_area .lead {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 50px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_doctor .txt_area .lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .txt_area .lead {
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .txt_area .lead {
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area .lead {
    margin-bottom: 40px;
  }
}
.content section.sec_doctor .txt_area .link_list ul li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #b7e0d7;
}
.content section.sec_doctor .txt_area .link_list ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.content section.sec_doctor .txt_area .link_list ul li a {
  display: block;
}
.content section.sec_doctor .txt_area .link_list ul li a:hover .ttl:before {
  left: 5px;
}
.content section.sec_doctor .txt_area .link_list ul li .ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #00ab84;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  margin-bottom: 5px;
  padding-left: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .txt_area .link_list ul li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area .link_list ul li .ttl {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .txt_area .link_list ul li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_doctor .txt_area .link_list ul li .ttl:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_green.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .txt_area .link_list ul li .ttl:before {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area .link_list ul li .ttl:before {
    width: 20px;
    height: 20px;
  }
}
.content section.sec_doctor .txt_area .link_list ul li .catch {
  font-size: 15px;
  font-size: 1.5rem;
  color: #765f4f;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .txt_area .link_list ul li .catch {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .txt_area .link_list ul li .catch {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
.content section.sec_doctor .photo_area {
  width: 520px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_doctor .photo_area {
    width: 100%;
    max-width: 520px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin: 0 auto 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .photo_area {
    max-width: 480px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .photo_area {
    max-width: 100%;
  }
}
.content section.sec_doctor .photo_area .photo {
  position: relative;
}
.content section.sec_doctor .photo_area .photo:before {
  content: "";
  width: 251px;
  height: 125px;
  background: url(images/img_illust_doctor_flags.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -28px;
  right: -45px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_doctor .photo_area .photo:before {
    width: 225.9px;
    height: 112.5px;
    top: -20px;
    right: -20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .photo_area .photo:before {
    width: 200.8px;
    height: 100px;
    top: -10px;
    right: -20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .photo_area .photo:before {
    width: 175.7px;
    height: 87.5px;
    right: -10px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_doctor .photo_area .photo:before {
    width: 150.6px;
    height: 75px;
  }
}
.content section.sec_doctor .photo_area .photo > img {
  border-radius: 30px;
  height: 520px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .content section.sec_doctor .photo_area .photo > img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .photo_area .photo > img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .photo_area .photo > img {
    border-radius: 15px;
  }
}
.content section.sec_doctor .photo_area .signature {
  background: #fff;
  text-align: left;
  font-weight: 500;
  padding: 15px 30px;
  border-radius: 0 10px 10px 0;
  position: absolute;
  bottom: 30px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .photo_area .signature {
    padding: 10px 18px;
    border-radius: 0 8px 8px 0;
    bottom: 20px;
  }
}
.content section.sec_doctor .photo_area .signature .clinic_name {
  font-size: 14px;
  font-size: 1.4rem;
  color: #00ab84;
  line-height: 1.4;
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .photo_area .signature .clinic_name {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.content section.sec_doctor .photo_area .signature .doctor_name {
  font-size: 17px;
  font-size: 1.7rem;
  letter-spacing: 2px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_doctor .photo_area .signature .doctor_name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .photo_area .signature .doctor_name {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
  }
}
.content section.sec_doctor .photo_area .signature .doctor_name span {
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 480px) {
  .content section.sec_doctor .photo_area .signature .doctor_name span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.content section.sec_interview {
  background: url(images/bg_top_interview.jpg) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 480px) {
  .content section.sec_interview {
    padding-top: 70px;
  }
}
.content section.sec_interview .section_inner {
  max-width: 1100px;
  background: #fff;
  border-radius: 40px;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .section_inner {
    border-radius: 20px;
  }
}
.content section.sec_interview .section_inner:before {
  content: "";
  width: 382px;
  height: 274px;
  background: url(images/bg_illust_logo_mark.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 18px;
  right: -60px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .section_inner:before {
    width: 343.8px;
    height: 246.6px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .section_inner:before {
    width: 267.4px;
    height: 191.8px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .section_inner:before {
    width: 229.2px;
    height: 164.4px;
    bottom: 0;
  }
}
.content section.sec_interview .interview_inner {
  padding: 80px 40px 60px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_inner {
    padding: 80px 25px 60px;
  }
}
.content section.sec_interview .interview_inner:before {
  content: "";
  width: 116px;
  height: 140px;
  background: url(images/img_illust_top_interview_flower01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 10px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .interview_inner:before {
    width: 104.4px;
    height: 126px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .interview_inner:before {
    width: 92.8px;
    height: 112px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_inner:before {
    width: 69.6px;
    height: 84px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_inner:before {
    width: 58px;
    height: 70px;
  }
}
.content section.sec_interview .interview_inner:after {
  content: "";
  width: 200px;
  height: 248px;
  background: url(images/img_illust_top_interview_flower02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 45px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .interview_inner:after {
    width: 160px;
    height: 198.4px;
    left: 25px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .interview_inner:after {
    width: 140px;
    height: 173.6px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_inner:after {
    content: none;
  }
}
.content section.sec_interview .interview_inner h2 {
  color: #f18252;
  margin-bottom: 40px;
}
.content section.sec_interview .interview_inner .photo {
  text-align: center;
  margin-bottom: 40px;
}
.content section.sec_interview .interview_inner .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 500;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_inner .lead {
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_inner .lead {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_interview .interview_inner .btn_more {
  position: relative;
}
.content section.sec_interview .interview_inner .btn_more a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_inner .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_inner .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_interview .interview_inner .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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 .interview_inner .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .interview_inner .btn_more a:after {
    right: 15px;
  }
}
.content section.sec_interview .interview_inner .btn_more a:hover {
  opacity: 1;
}
.content section.sec_interview .interview_inner .btn_more a:hover:after {
  right: 20px;
}
.content section.sec_interview .interview_inner .btn_more a {
  background: #fff;
  color: #f18252;
  z-index: 1;
}
.content section.sec_interview .interview_inner .btn_more a:after {
  background-image: url(images/img_icon_arrow_pink_white.png);
}
.content section.sec_environment {
  background: #d9f8ee url(images/bg_top_environment.png) no-repeat center center;
  background-size: cover;
  padding-top: 100px;
  position: relative;
}
.content section.sec_environment:before {
  content: "";
  width: 242px;
  height: 230px;
  background: url(images/bg_top_environment_tree.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment:before {
    width: 193.6px;
    height: 184px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment:before {
    width: 145.2px;
    height: 138px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment:before {
    width: 121px;
    height: 115px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment:before {
    width: 96.8px;
    height: 92px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment:before {
    width: 72.6px;
    height: 69px;
  }
}
.content section.sec_environment:after {
  content: "";
  width: 172px;
  height: 175px;
  background: url(images/img_illust_top_environment_sun.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment:after {
    width: 137.6px;
    height: 140px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment:after {
    width: 120.4px;
    height: 122.5px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment:after {
    width: 86px;
    height: 87.5px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment:after {
    width: 68.8px;
    height: 70px;
  }
}
.content section.sec_environment .section_inner {
  max-width: initial;
}
.content section.sec_environment .section_inner:after {
  content: "";
  width: 290px;
  height: 161px;
  background: url(images/img_illust_top_environment_mountain02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -131px;
  right: 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .section_inner:after {
    width: 261px;
    height: 144.9px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .section_inner:after {
    width: 232px;
    height: 128.8px;
    right: -20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .section_inner:after {
    bottom: -120px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .section_inner:after {
    width: 203px;
    height: 112.7px;
    bottom: -100px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .section_inner:after {
    width: 174px;
    height: 96.6px;
    bottom: -90px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment .section_inner:after {
    width: 145px;
    height: 80.5px;
    bottom: -80px;
  }
}
.content section.sec_environment .environment_header {
  max-width: 1360px;
  margin: 0 auto 70px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .environment_header {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .environment_header {
    margin-bottom: 30px;
  }
}
.content section.sec_environment h2 {
  color: #00ab84;
}
.content section.sec_environment .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .lead {
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left;
  }
}
.content section.sec_environment .lead span {
  display: inline-block;
}
.content section.sec_environment .work_box {
  max-width: 1280px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.content section.sec_environment .work_box:before {
  content: "";
  width: 110px;
  height: 144px;
  background: url(images/img_icon_top_environment_bird.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -117px;
  right: 116px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .work_box:before {
    width: 99px;
    height: 129.6px;
    right: 60px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .work_box:before {
    width: 77px;
    height: 100.8px;
    top: -130px;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .work_box:before {
    width: 55px;
    height: 72px;
    top: -140px;
    right: -25px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .work_box:before {
    width: 44px;
    height: 57.6px;
    top: -140px;
    right: -20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .work_box:before {
    content: none;
  }
}
.content section.sec_environment .work_box .photo {
  width: 600px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .content section.sec_environment .work_box .photo {
    width: 660px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .work_box .photo {
    width: 520px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .work_box .photo {
    width: 100%;
  }
}
.content section.sec_environment .work_box .photo:before {
  content: "";
  width: 166px;
  height: 90px;
  background: url(images/img_illust_top_environment_mountain01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -34px;
  left: -40px;
}
@media screen and (max-width: 1400px) {
  .content section.sec_environment .work_box .photo:before {
    left: -20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .work_box .photo:before {
    width: 149.4px;
    height: 81px;
    bottom: -20px;
    left: -10px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment .work_box .photo:before {
    width: 132.8px;
    height: 72px;
    bottom: -20px;
    left: -10px;
  }
}
.content section.sec_environment .work_box .photo img {
  height: 520px;
  object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .work_box .photo img {
    width: 100%;
    height: auto;
    object-position: 50% 20%;
    border-radius: 20px;
  }
}
.content section.sec_environment .work_box .link_list {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1400px) {
  .content section.sec_environment .work_box .link_list {
    width: calc(100% - 660px);
    padding-right: 40px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_environment .work_box .link_list {
    width: calc(100% - 560px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_environment .work_box .link_list {
    width: 100%;
    padding: 80px 0 40px 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .work_box .link_list {
    padding-top: 70px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .work_box .link_list {
    padding-top: 50px;
  }
}
.content section.sec_environment .work_box .link_list ul li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ace5d9;
}
.content section.sec_environment .work_box .link_list ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.content section.sec_environment .work_box .link_list ul li a {
  display: block;
}
.content section.sec_environment .work_box .link_list ul li a:hover .ttl:before {
  left: 5px;
}
.content section.sec_environment .work_box .link_list ul li .ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #00ab84;
  letter-spacing: 2px;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 5px;
  padding-left: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .work_box .link_list ul li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .work_box .link_list ul li .ttl {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_environment .work_box .link_list ul li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_environment .work_box .link_list ul li .ttl:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_green.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 600px) {
  .content section.sec_environment .work_box .link_list ul li .ttl:before {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .work_box .link_list ul li .ttl:before {
    width: 20px;
    height: 20px;
  }
}
.content section.sec_environment .work_box .link_list ul li .catch {
  font-size: 15px;
  font-size: 1.5rem;
  color: #765f4f;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .content section.sec_environment .work_box .link_list ul li .catch {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_environment .work_box .link_list ul li .catch {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
.content section.sec_faq {
  position: relative;
  overflow: hidden;
}
.content section.sec_faq:before {
  content: "";
  width: 174px;
  height: 110px;
  background: url(images/img_illust_top_faq_cloud01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 30px;
  left: -45px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_faq:before {
    width: 156.6px;
    height: 99px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_faq:before {
    width: 139.2px;
    height: 88px;
    left: -60px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_faq:before {
    content: none;
  }
}
.content section.sec_faq:after {
  content: "";
  width: 212px;
  height: 134px;
  background: url(images/img_illust_top_faq_cloud02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 100px;
  right: 10%;
}
@media screen and (max-width: 1250px) {
  .content section.sec_faq:after {
    width: 190.8px;
    height: 120.6px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_faq:after {
    width: 169.6px;
    height: 107.2px;
    top: 80px;
    right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_faq:after {
    width: 148.4px;
    height: 93.8px;
    right: -20px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_faq:after {
    width: 127.2px;
    height: 80.4px;
    right: -40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_faq:after {
    width: 106px;
    height: 67px;
    top: 60px;
    right: -40px;
  }
}
.content section.sec_faq .section_inner {
  max-width: initial;
}
.content section.sec_faq .section_inner:before {
  content: "";
  width: 138px;
  height: 129px;
  background: url(images/img_illust_top_faq_bird01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 80px;
  left: 50px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_faq .section_inner:before {
    width: 124.2px;
    height: 116.1px;
    top: 50px;
    left: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_faq .section_inner:before {
    width: 110.4px;
    height: 103.2px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_faq .section_inner:before {
    width: 96.6px;
    height: 90.3px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_faq .section_inner:before {
    width: 82.8px;
    height: 77.4px;
    left: 0;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_faq .section_inner:before {
    width: 69px;
    height: 64.5px;
  }
}
.content section.sec_faq .section_inner:after {
  content: "";
  width: 54px;
  height: 52px;
  background: url(images/img_illust_top_faq_bird02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 158px;
  right: 40px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_faq .section_inner:after {
    right: -20px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_faq .section_inner:after {
    width: 48.6px;
    height: 46.8px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_faq .section_inner:after {
    width: 37.8px;
    height: 36.4px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_faq .section_inner:after {
    width: 32.4px;
    height: 31.2px;
    top: 120px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_faq .section_inner:after {
    width: 27px;
    height: 26px;
  }
}
.content section.sec_faq h2 {
  color: #f47883;
}
.content section.sec_faq .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: 40px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_faq .msg_baloon_area {
    margin-bottom: 20px;
  }
}
.content section.sec_faq .msg_baloon_area > div {
  margin: 0 28px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_faq .msg_baloon_area > div {
    margin: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_faq .msg_baloon_area > div {
    margin: 0;
    width: 33.3%;
  }
}
.content section.sec_faq .msg_baloon_area > div.msg_baloon01 {
  margin-top: 67px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_faq .msg_baloon_area > div.msg_baloon01 img {
    width: 217.8px;
    height: 156.6px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_faq .msg_baloon_area > div.msg_baloon01 img {
    width: 193.6px;
    height: 139.2px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_faq .msg_baloon_area > div.msg_baloon01 img {
    width: auto;
    height: auto;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_faq .msg_baloon_area > div.msg_baloon02 img {
    width: 225px;
    height: 178.2px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_faq .msg_baloon_area > div.msg_baloon02 img {
    width: 200px;
    height: 158.4px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_faq .msg_baloon_area > div.msg_baloon02 img {
    width: auto;
    height: auto;
  }
}
.content section.sec_faq .msg_baloon_area > div.msg_baloon03 {
  margin-top: 71px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_faq .msg_baloon_area > div.msg_baloon03 img {
    width: 241.2px;
    height: 176.4px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_faq .msg_baloon_area > div.msg_baloon03 img {
    width: 214.4px;
    height: 156.8px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_faq .msg_baloon_area > div.msg_baloon03 img {
    width: auto;
    height: auto;
  }
}
.content section.sec_faq .btn_more a {
  display: block;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 50px 40px;
  background: #e67382 url(images/bg_top_faq_btn.jpg) no-repeat center center;
  background-size: cover;
  border-radius: 100px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_faq .btn_more a {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_faq .btn_more a {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_faq .btn_more a {
    padding: 25px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_faq .btn_more a {
    padding: 20px 25px;
  }
}
.content section.sec_faq .btn_more a:after {
  content: "";
  width: 30px;
  height: 30px;
  background: url(images/img_icon_arrow_white_pink.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .content section.sec_faq .btn_more a:after {
    width: 26px;
    height: 26px;
    right: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_faq .btn_more a:after {
    width: 22px;
    height: 22px;
    right: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_faq .btn_more a:after {
    width: 18px;
    height: 18px;
  }
}
.content section.sec_faq .btn_more .lead {
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 3px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .content section.sec_faq .btn_more .lead {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 2px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_faq .btn_more .lead {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_faq .btn_more .lead {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_faq .btn_more .lead {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
.content section.sec_faq .btn_more .lead span {
  position: relative;
}
.content section.sec_faq .btn_more .lead span:before {
  content: "";
  width: 1px;
  height: 35px;
  background: #fff;
  position: absolute;
  top: 0;
  left: -20px;
  transform: rotate(-17deg);
}
@media screen and (max-width: 768px) {
  .content section.sec_faq .btn_more .lead span:before {
    height: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_faq .btn_more .lead span:before {
    height: 24px;
    left: -15px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_faq .btn_more .lead span:before {
    height: 20px;
    top: 2px;
    left: -10px;
  }
}
.content section.sec_faq .btn_more .lead span:after {
  content: "";
  width: 1px;
  height: 35px;
  background: #fff;
  position: absolute;
  top: 0;
  right: -15px;
  transform: rotate(17deg);
}
@media screen and (max-width: 768px) {
  .content section.sec_faq .btn_more .lead span:after {
    height: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_faq .btn_more .lead span:after {
    height: 24px;
    right: -10px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_faq .btn_more .lead span:after {
    height: 20px;
    top: 2px;
    right: -5px;
  }
}
.content section.sec_faq .btn_more .txt {
  font-size: 32px;
  font-size: 3.2rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 5px;
}
@media screen and (max-width: 768px) {
  .content section.sec_faq .btn_more .txt {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_faq .btn_more .txt {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_faq .btn_more .txt {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_faq .btn_more .txt {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 2px;
  }
}
.content section.sec_before_entry {
  padding-top: 125px;
  background: url(images/bg_top_before_entry.png) no-repeat center center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry {
    padding-top: 110px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_before_entry {
    padding-top: 100px;
  }
}
.content section.sec_before_entry:before {
  content: "";
  width: 100%;
  height: 71px;
  background: url(images/bg_mask_wave.png) repeat-x 0 0;
  background-size: auto 100%;
  position: absolute;
  top: -56px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry:before {
    height: 50px;
    top: -38px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry:before {
    height: 30px;
    top: -18px;
  }
}
.content section.sec_before_entry:after {
  content: "";
  width: 118px;
  height: 114px;
  background: url(images/img_illust_top_octopus.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -25px;
  right: 104px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_entry:after {
    right: 50px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry:after {
    width: 106.2px;
    height: 102.6px;
    right: 15px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_before_entry:after {
    width: 94.4px;
    height: 91.2px;
  }
}
.content section.sec_before_entry .contents_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: 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;
}
.content section.sec_before_entry .contents_box {
  width: 31.71%;
  margin: 0% 2.42% 0% 0%;
  background: #fff;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_entry .contents_box {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .contents_box {
    width: 100%;
    margin: 0 0 40px 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .contents_box {
    margin-bottom: 20px;
  }
}
.content section.sec_before_entry .contents_box:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .contents_box:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_before_entry .contents_box:nth-child(even) {
    margin-right: 0;
  }
}
.content section.sec_before_entry .contents_box a {
  display: block;
}
.content section.sec_before_entry .contents_box a:hover h3:before {
  left: 5px;
}
.content section.sec_before_entry .contents_box .photo img {
  width: 100%;
  border-radius: 20px 20px 0 0;
}
.content section.sec_before_entry .contents_box .contents_txt {
  padding: 40px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_before_entry .contents_box .contents_txt {
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .contents_box .contents_txt {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry .contents_box .contents_txt {
    padding: 35px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .contents_box .contents_txt {
    padding: 30px;
  }
}
.content section.sec_before_entry .contents_box h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #41bdce;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 3px;
  margin-bottom: 20px;
  padding-left: 34px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .contents_box h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry .contents_box h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .contents_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_before_entry .contents_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 30px;
  }
}
.content section.sec_before_entry .contents_box h3:before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(images/img_icon_arrow_page_blue.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 4px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .content section.sec_before_entry .contents_box h3:before {
    width: 24px;
    height: 24px;
    top: 7px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry .contents_box h3:before {
    width: 22px;
    height: 22px;
    top: 5px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .contents_box h3:before {
    top: 4px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_before_entry .contents_box h3:before {
    width: 20px;
    height: 20px;
    top: 3px;
  }
}
.content section.sec_before_entry .contents_box p {
  color: #765f4f;
}
@media screen and (max-width: 600px) {
  .content section.sec_before_entry .contents_box p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_before_entry .contents_box p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_entry {
    padding-bottom: 80px;
  }
}
.content section.sec_entry h2 {
  color: #00ab84;
}
.content section.sec_entry .lead {
  text-align: center;
  font-weight: 500;
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_entry .lead {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_entry .lead {
    text-align: left;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_entry .lead {
    margin-bottom: 30px;
  }
}
.content section.sec_entry ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: 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;
}
.content section.sec_entry ul li {
  width: 350px;
  margin: 0 20px 10px;
}
.content section.sec_entry ul li a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .content section.sec_entry ul li a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_entry ul li a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.content section.sec_entry ul li a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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 ul li a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_entry ul li a:after {
    right: 15px;
  }
}
.content section.sec_entry ul li a:hover {
  opacity: 1;
}
.content section.sec_entry ul li a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_entry ul li {
    width: 320px;
    margin: 0 10px 10px 0;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_entry ul li {
    width: 48%;
    max-width: 100%;
    margin: 0 2% 10px 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_entry ul li {
    width: 100%;
    margin: 0 auto 10px;
  }
}
.content section.sec_entry ul li a {
  padding: 12px 20px;
  background: #765f4f;
  border: 1px solid #765f4f;
}
@media screen and (max-width: 1000px) {
  .content section.sec_entry ul li a {
    max-width: 100%;
  }
}
.content section.sec_entry ul li a:after {
  background-image: url(images/img_icon_arrow_white_brown.png);
}
.content section.sec_entry ul li a:hover {
  background: #765f4f;
}
.content section.sec_entry ul li p {
  line-height: 1.4;
  margin-bottom: 0;
}
.content section.sec_entry ul li .job_cat {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fbe43f;
}
.content section.sec_entry ul li .ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
}
@media screen and (max-width: 1250px) {
  .content section.sec_entry ul li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_entry ul li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_entry ul li.no_recruit_post {
  width: 100%;
  text-align: center;
  margin: 0;
}

.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: #ecc336;
}
.pagetop-wrapper a:hover {
  color: #41bdce !important;
}

/* #footer
------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 49px;
  }
}
footer .fnav {
  background: #41bdce;
  padding: 80px 0;
}
@media screen and (max-width: 1000px) {
  footer .fnav {
    display: none;
  }
}
footer .fnav .fnav_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto;
}
footer .fnav nav {
  width: 23%;
  padding-left: 40px;
}
@media screen and (max-width: 1000px) {
  footer .fnav nav {
    padding-left: 30px;
  }
}
footer .fnav nav:first-child {
  width: 31%;
}
footer .fnav nav .parent-menu > li {
  margin-bottom: 40px;
}
footer .fnav nav .parent-menu > li:last-child {
  margin-bottom: 0;
}
footer .fnav nav #menu-footer4 > li:nth-child(n+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;
  font-weight: 400;
}
footer .clinic_info {
  padding: 60px 40px 40px;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 1000px) {
  footer .clinic_info {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  footer .clinic_info {
    padding: 0 40px 50px;
  }
}
@media screen and (max-width: 600px) {
  footer .clinic_info {
    padding: 0 30px 50px;
  }
}
@media screen and (max-width: 480px) {
  footer .clinic_info {
    padding: 0 20px 40px;
  }
}
footer .clinic_info:after {
  content: "";
  width: 100%;
  height: 40px;
  background: url(images/img_footer_wave.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -40px;
  left: 0;
}
@media screen and (max-width: 768px) {
  footer .clinic_info:after {
    content: none;
  }
}
footer .clinic_info .clinic_info_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}
footer .clinic_info .clinic_logo {
  width: 254px;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  footer .clinic_info .clinic_logo {
    margin-bottom: 30px;
  }
}
footer .clinic_info .clinic_logo .for_recruit {
  width: 254px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #765f4f;
  text-align: center;
  font-weight: 500;
  border: 1px solid #765f4f;
  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: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  footer .clinic_info .clinic_logo .btn_official_site a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  footer .clinic_info .clinic_logo .btn_official_site a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
footer .clinic_info .clinic_logo .btn_official_site a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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 {
  opacity: 1;
}
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_logo .btn_official_site a:after {
  width: 18px;
  height: 18px;
  right: 15px;
}
footer .clinic_info .clinic_basic_info {
  width: 340px;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  footer .clinic_info .clinic_basic_info {
    margin-bottom: 30px;
  }
}
footer .clinic_info .clinic_basic_info .clinic_addr {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .clinic_basic_info .clinic_addr {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
footer .clinic_info .clinic_basic_info .clinic_addr .zipcode {
  display: block;
}
footer .clinic_info .clinic_basic_info .tel_num {
  font-family: "Montserrat", serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 600;
  color: #41bdce;
  letter-spacing: 2px;
  line-height: 1.2;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .clinic_basic_info .tel_num {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
footer .clinic_info .clinic_basic_info .tel_num .num {
  font-size: 26px;
  font-size: 2.6rem;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .clinic_basic_info .tel_num .num {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
footer .clinic_info .clinic_basic_info .tel_num a {
  color: #48b8d5;
}
@media screen and (max-width: 600px) {
  footer .clinic_info .open_hours_table {
    width: 100%;
  }
}
footer .clinic_info .open_hours_table .table_header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 480px;
  background: #765f4f;
  border-radius: 8px;
}
@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: 9.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 {
    padding: 10px 0;
  }
}
@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: 24%;
  letter-spacing: 2px;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table .table_header > div.hours_ttl {
    letter-spacing: 1px;
  }
}
footer .clinic_info .open_hours_table .table_header > div.holiday {
  padding-right: 10px;
}
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: 14px;
  font-size: 1.4rem;
  text-align: center;
  color: #765f4f;
  border-bottom: 1px solid #e9decc;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table table th,
  footer .clinic_info .open_hours_table table td {
    padding: 10px 0;
  }
}
@media screen and (max-width: 400px) {
  footer .clinic_info .open_hours_table table th,
  footer .clinic_info .open_hours_table table td {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
footer .clinic_info .open_hours_table table th {
  width: 24%;
  font-family: "Montserrat", serif;
  font-weight: 700;
  letter-spacing: 1px;
  margin-left: 10px;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .open_hours_table table th {
    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: 9.5%;
  font-weight: 700;
}
footer .clinic_info .open_hours_table table td.open {
  color: #f4d855;
  font-weight: 700;
}
footer .clinic_info .open_hours_table table td.sat {
  color: #46ad56;
}
footer .clinic_info .open_hours_table table td.sun {
  color: #f47883;
}
footer .clinic_info .open_hours_table table td:last-child {
  padding-right: 10px;
}
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 {
  color: #46ad56;
}
footer .clinic_info .open_hours_table .note .other_schedule span {
  color: #f47883;
}
footer .copyright {
  background: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  color: #6b3b30;
  text-align: center;
  letter-spacing: 1px;
  padding: 0 10px 30px;
}
@media screen and (max-width: 768px) {
  footer .copyright {
    padding-bottom: 20px;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  footer .copyright {
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0;
  }
}
footer .copyright a {
  color: #9ca6c0;
}

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

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

.btn_hover {
  position: relative;
}
.btn_hover.from_left:before {
  transform-origin: right top;
  transform: scale(0, 1);
}
.btn_hover.from_top:before {
  transform-origin: left bottom;
  transform: scale(1, 0);
}
.btn_hover:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background: #41bdce;
  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: #41bdce !important;
}

.bg_animation {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 101%;
  height: 100%;
  background-color: #41bdce;
  -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: calc(100% - 80px);
  height: 400px;
  margin: 0 40px;
  background: #fafafa url(images/bg_main_ttl_about.jpg) no-repeat center center;
  background-size: cover;
  border-radius: 40px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .page header .main_ttl, .error404 header .main_ttl, .archive header .main_ttl, .single header .main_ttl {
    width: calc(100% - 40px);
    margin: 0 20px;
  }
}
@media screen and (max-width: 1000px) {
  .page header .main_ttl, .error404 header .main_ttl, .archive header .main_ttl, .single header .main_ttl {
    height: 320px;
  }
}
@media screen and (max-width: 768px) {
  .page header .main_ttl, .error404 header .main_ttl, .archive header .main_ttl, .single header .main_ttl {
    height: 300px;
  }
}
@media screen and (max-width: 600px) {
  .page header .main_ttl, .error404 header .main_ttl, .archive header .main_ttl, .single header .main_ttl {
    height: 240px;
    border-radius: 30px;
  }
}
@media screen and (max-width: 480px) {
  .page header .main_ttl, .error404 header .main_ttl, .archive header .main_ttl, .single header .main_ttl {
    height: 200px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 400px) {
  .page header .main_ttl, .error404 header .main_ttl, .archive header .main_ttl, .single header .main_ttl {
    height: 180px;
  }
}
.page header .main_ttl:before, .error404 header .main_ttl:before, .archive header .main_ttl:before, .single header .main_ttl:before {
  content: "";
  width: 250px;
  height: 146px;
  background: url(images/bg_main_ttl_cloud01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 53px;
  left: -86px;
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .page header .main_ttl:before, .error404 header .main_ttl:before, .archive header .main_ttl:before, .single header .main_ttl:before {
    width: 200px;
    height: 116.8px;
    left: -50px;
  }
}
@media screen and (max-width: 768px) {
  .page header .main_ttl:before, .error404 header .main_ttl:before, .archive header .main_ttl:before, .single header .main_ttl:before {
    width: 175px;
    height: 102.2px;
    left: -100px;
  }
}
@media screen and (max-width: 600px) {
  .page header .main_ttl:before, .error404 header .main_ttl:before, .archive header .main_ttl:before, .single header .main_ttl:before {
    width: 125px;
    height: 73px;
    left: -60px;
  }
}
@media screen and (max-width: 480px) {
  .page header .main_ttl:before, .error404 header .main_ttl:before, .archive header .main_ttl:before, .single header .main_ttl:before {
    width: 100px;
    height: 58.4px;
    left: -50px;
  }
}
.page header .main_ttl:after, .error404 header .main_ttl:after, .archive header .main_ttl:after, .single header .main_ttl:after {
  content: "";
  width: 210px;
  height: 142px;
  background: url(images/bg_main_ttl_cloud02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -34px;
  right: 36px;
  z-index: 1;
}
@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: 168px;
    height: 113.6px;
    right: 20px;
  }
}
@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: 147px;
    height: 99.4px;
  }
}
@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: 105px;
    height: 71px;
    bottom: -26px;
  }
}
@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: 84px;
    height: 56.8px;
    bottom: -20px;
    right: -10px;
  }
}
.page header .main_ttl .ttl_en, .error404 header .main_ttl .ttl_en, .archive header .main_ttl .ttl_en, .single header .main_ttl .ttl_en {
  font-family: "Montserrat", serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #2baec0;
  text-align: center;
  letter-spacing: 4px;
  padding-top: 160px;
  margin-bottom: 10px;
}
@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 {
    font-size: 17px;
    font-size: 1.7rem;
    padding-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  .page header .main_ttl .ttl_en, .error404 header .main_ttl .ttl_en, .archive header .main_ttl .ttl_en, .single header .main_ttl .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 110px;
  }
}
@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: 15px;
    font-size: 1.5rem;
    letter-spacing: 3px;
    padding-top: 80px;
  }
}
@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: 14px;
    font-size: 1.4rem;
    padding-top: 70px;
  }
}
@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 {
    font-size: 13px;
    font-size: 1.3rem;
    padding-top: 60px;
  }
}
.page header .main_ttl .ttl_en span, .error404 header .main_ttl .ttl_en span, .archive header .main_ttl .ttl_en span, .single header .main_ttl .ttl_en span {
  display: inline-block;
  background: #d5f7fc;
  border-radius: 100px;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .page header .main_ttl .ttl_en span, .error404 header .main_ttl .ttl_en span, .archive header .main_ttl .ttl_en span, .single header .main_ttl .ttl_en span {
    padding: 0 25px;
  }
}
@media screen and (max-width: 480px) {
  .page header .main_ttl .ttl_en span, .error404 header .main_ttl .ttl_en span, .archive header .main_ttl .ttl_en span, .single header .main_ttl .ttl_en span {
    padding: 0 20px;
  }
}
.page header .main_ttl h1, .error404 header .main_ttl h1, .archive header .main_ttl h1, .single header .main_ttl h1 {
  font-size: 42px;
  font-size: 4.2rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  letter-spacing: 4px;
  line-height: 1.4;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page header .main_ttl h1, .error404 header .main_ttl h1, .archive header .main_ttl h1, .single header .main_ttl h1 {
    font-size: 34px;
    font-size: 3.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: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .page header .main_ttl h1, .error404 header .main_ttl h1, .archive header .main_ttl h1, .single header .main_ttl h1 {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 480px) {
  .page header .main_ttl h1, .error404 header .main_ttl h1, .archive header .main_ttl h1, .single header .main_ttl h1 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .page header .main_ttl h1, .error404 header .main_ttl h1, .archive header .main_ttl h1, .single header .main_ttl h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.page header .main_ttl h1 span, .error404 header .main_ttl h1 span, .archive header .main_ttl h1 span, .single header .main_ttl h1 span {
  display: inline-block;
}
.page .content .breadcrumb-list, .error404 .content .breadcrumb-list, .archive .content .breadcrumb-list, .single .content .breadcrumb-list {
  max-width: 1360px;
  margin: 40px auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .page .content .breadcrumb-list, .error404 .content .breadcrumb-list, .archive .content .breadcrumb-list, .single .content .breadcrumb-list {
    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;
  position: relative;
  top: -1px;
}
@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: #765f4f;
}
.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: #765f4f;
  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.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: #f47883;
  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: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .page .content .page_link .prev_page_link a, .error404 .content .page_link .prev_page_link a, .archive .content .page_link .prev_page_link a, .single .content .page_link .prev_page_link a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .page .content .page_link .prev_page_link a, .error404 .content .page_link .prev_page_link a, .archive .content .page_link .prev_page_link a, .single .content .page_link .prev_page_link a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.page .content .page_link .prev_page_link a:after, .error404 .content .page_link .prev_page_link a:after, .archive .content .page_link .prev_page_link a:after, .single .content .page_link .prev_page_link a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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, .error404 .content .page_link .prev_page_link a:hover, .archive .content .page_link .prev_page_link a:hover, .single .content .page_link .prev_page_link a:hover {
  opacity: 1;
}
.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: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .page .content .page_link .next_page_link a, .error404 .content .page_link .next_page_link a, .archive .content .page_link .next_page_link a, .single .content .page_link .next_page_link a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .page .content .page_link .next_page_link a, .error404 .content .page_link .next_page_link a, .archive .content .page_link .next_page_link a, .single .content .page_link .next_page_link a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.page .content .page_link .next_page_link a:after, .error404 .content .page_link .next_page_link a:after, .archive .content .page_link .next_page_link a:after, .single .content .page_link .next_page_link a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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, .error404 .content .page_link .next_page_link a:hover, .archive .content .page_link .next_page_link a:hover, .single .content .page_link .next_page_link a:hover {
  opacity: 1;
}
.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: #41bdce;
  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_page_blue.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: #765f4f;
}
@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 {
  margin-top: 100px;
  padding-top: 125px;
  padding-bottom: 80px;
  background: url(images/bg_top_before_entry.png) no-repeat center center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page .content section.sec_related_page, .error404 .content section.sec_related_page, .archive .content section.sec_related_page, .single .content section.sec_related_page {
    margin-top: 80px;
    padding-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  .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-bottom: 60px;
  }
}
@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 {
    margin-top: 70px;
    padding-top: 80px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .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-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: 70px;
  }
}
.page .content section.sec_related_page:before, .error404 .content section.sec_related_page:before, .archive .content section.sec_related_page:before, .single .content section.sec_related_page:before {
  content: "";
  width: 100%;
  height: 71px;
  background: url(images/bg_mask_wave.png) repeat-x 0 0;
  background-size: auto 100%;
  position: absolute;
  top: -56px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page:before, .error404 .content section.sec_related_page:before, .archive .content section.sec_related_page:before, .single .content section.sec_related_page:before {
    height: 50px;
    top: -38px;
  }
}
@media screen and (max-width: 480px) {
  .page .content section.sec_related_page:before, .error404 .content section.sec_related_page:before, .archive .content section.sec_related_page:before, .single .content section.sec_related_page:before {
    height: 30px;
    top: -18px;
  }
}
.page .content section.sec_related_page:after, .error404 .content section.sec_related_page:after, .archive .content section.sec_related_page:after, .single .content section.sec_related_page:after {
  content: "";
  width: 118px;
  height: 114px;
  background: url(images/img_illust_top_octopus.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -25px;
  right: 104px;
}
@media screen and (max-width: 1000px) {
  .page .content section.sec_related_page:after, .error404 .content section.sec_related_page:after, .archive .content section.sec_related_page:after, .single .content section.sec_related_page:after {
    right: 50px;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page:after, .error404 .content section.sec_related_page:after, .archive .content section.sec_related_page:after, .single .content section.sec_related_page:after {
    width: 106.2px;
    height: 102.6px;
    right: 15px;
  }
}
@media screen and (max-width: 400px) {
  .page .content section.sec_related_page:after, .error404 .content section.sec_related_page:after, .archive .content section.sec_related_page:after, .single .content section.sec_related_page:after {
    width: 94.4px;
    height: 91.2px;
  }
}
.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: 20px;
  font-size: 2rem;
  color: #1f8694;
  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: 40px;
  font-size: 4rem;
  color: #41bdce;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 6px;
  font-weight: 600;
  margin-bottom: 60px;
}
@media screen and (max-width: 1250px) {
  .page .content section.sec_related_page .main_ttl, .error404 .content section.sec_related_page .main_ttl, .archive .content section.sec_related_page .main_ttl, .single .content section.sec_related_page .main_ttl {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .page .content section.sec_related_page .main_ttl, .error404 .content section.sec_related_page .main_ttl, .archive .content section.sec_related_page .main_ttl, .single .content section.sec_related_page .main_ttl {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page .main_ttl, .error404 .content section.sec_related_page .main_ttl, .archive .content section.sec_related_page .main_ttl, .single .content section.sec_related_page .main_ttl {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .page .content section.sec_related_page .main_ttl, .error404 .content section.sec_related_page .main_ttl, .archive .content section.sec_related_page .main_ttl, .single .content section.sec_related_page .main_ttl {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .page .content section.sec_related_page .main_ttl, .error404 .content section.sec_related_page .main_ttl, .archive .content section.sec_related_page .main_ttl, .single .content section.sec_related_page .main_ttl {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.page .content section.sec_related_page .contents_list, .error404 .content section.sec_related_page .contents_list, .archive .content section.sec_related_page .contents_list, .single .content section.sec_related_page .contents_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page .content section.sec_related_page .contents_box, .error404 .content section.sec_related_page .contents_box, .archive .content section.sec_related_page .contents_box, .single .content section.sec_related_page .contents_box {
  width: 31.71%;
  margin: 0% 2.42% 2.42% 0%;
  background: #fff;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .page .content section.sec_related_page .contents_box, .error404 .content section.sec_related_page .contents_box, .archive .content section.sec_related_page .contents_box, .single .content section.sec_related_page .contents_box {
    width: 48%;
    margin: 0 4% 40px 0;
  }
}
@media screen and (max-width: 768px) {
  .page .content section.sec_related_page .contents_box, .error404 .content section.sec_related_page .contents_box, .archive .content section.sec_related_page .contents_box, .single .content section.sec_related_page .contents_box {
    border-radius: 15px;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page .contents_box, .error404 .content section.sec_related_page .contents_box, .archive .content section.sec_related_page .contents_box, .single .content section.sec_related_page .contents_box {
    width: 100%;
    margin: 0 0 40px 0;
  }
}
@media screen and (max-width: 480px) {
  .page .content section.sec_related_page .contents_box, .error404 .content section.sec_related_page .contents_box, .archive .content section.sec_related_page .contents_box, .single .content section.sec_related_page .contents_box {
    margin-bottom: 30px;
  }
}
.page .content section.sec_related_page .contents_box:nth-child(3n), .error404 .content section.sec_related_page .contents_box:nth-child(3n), .archive .content section.sec_related_page .contents_box:nth-child(3n), .single .content section.sec_related_page .contents_box:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .page .content section.sec_related_page .contents_box:nth-child(3n), .error404 .content section.sec_related_page .contents_box:nth-child(3n), .archive .content section.sec_related_page .contents_box:nth-child(3n), .single .content section.sec_related_page .contents_box:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page .contents_box:nth-child(3n), .error404 .content section.sec_related_page .contents_box:nth-child(3n), .archive .content section.sec_related_page .contents_box:nth-child(3n), .single .content section.sec_related_page .contents_box:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .page .content section.sec_related_page .contents_box:nth-child(even), .error404 .content section.sec_related_page .contents_box:nth-child(even), .archive .content section.sec_related_page .contents_box:nth-child(even), .single .content section.sec_related_page .contents_box:nth-child(even) {
    margin-right: 0;
  }
}
.page .content section.sec_related_page .contents_box a, .error404 .content section.sec_related_page .contents_box a, .archive .content section.sec_related_page .contents_box a, .single .content section.sec_related_page .contents_box a {
  display: block;
}
.page .content section.sec_related_page .contents_box a:hover h3:before, .error404 .content section.sec_related_page .contents_box a:hover h3:before, .archive .content section.sec_related_page .contents_box a:hover h3:before, .single .content section.sec_related_page .contents_box a:hover h3:before {
  left: 5px;
}
.page .content section.sec_related_page .contents_box .photo img, .error404 .content section.sec_related_page .contents_box .photo img, .archive .content section.sec_related_page .contents_box .photo img, .single .content section.sec_related_page .contents_box .photo img {
  width: 100%;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 768px) {
  .page .content section.sec_related_page .contents_box .photo img, .error404 .content section.sec_related_page .contents_box .photo img, .archive .content section.sec_related_page .contents_box .photo img, .single .content section.sec_related_page .contents_box .photo img {
    border-radius: 15px 15px 0 0;
  }
}
.page .content section.sec_related_page .contents_box .contents_info, .error404 .content section.sec_related_page .contents_box .contents_info, .archive .content section.sec_related_page .contents_box .contents_info, .single .content section.sec_related_page .contents_box .contents_info {
  padding: 40px;
}
@media screen and (max-width: 1250px) {
  .page .content section.sec_related_page .contents_box .contents_info, .error404 .content section.sec_related_page .contents_box .contents_info, .archive .content section.sec_related_page .contents_box .contents_info, .single .content section.sec_related_page .contents_box .contents_info {
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .page .content section.sec_related_page .contents_box .contents_info, .error404 .content section.sec_related_page .contents_box .contents_info, .archive .content section.sec_related_page .contents_box .contents_info, .single .content section.sec_related_page .contents_box .contents_info {
    padding: 25px;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page .contents_box .contents_info, .error404 .content section.sec_related_page .contents_box .contents_info, .archive .content section.sec_related_page .contents_box .contents_info, .single .content section.sec_related_page .contents_box .contents_info {
    padding: 30px;
  }
}
@media screen and (max-width: 400px) {
  .page .content section.sec_related_page .contents_box .contents_info, .error404 .content section.sec_related_page .contents_box .contents_info, .archive .content section.sec_related_page .contents_box .contents_info, .single .content section.sec_related_page .contents_box .contents_info {
    padding: 25px;
  }
}
.page .content section.sec_related_page .contents_box h3, .error404 .content section.sec_related_page .contents_box h3, .archive .content section.sec_related_page .contents_box h3, .single .content section.sec_related_page .contents_box h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #41bdce;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 3px;
  margin-bottom: 20px;
  padding-left: 34px;
  position: relative;
}
@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: 22px;
    font-size: 2.2rem;
  }
}
@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: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .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: 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: 16px;
    font-size: 1.6rem;
    padding-left: 30px;
  }
}
.page .content section.sec_related_page .contents_box h3:before, .error404 .content section.sec_related_page .contents_box h3:before, .archive .content section.sec_related_page .contents_box h3:before, .single .content section.sec_related_page .contents_box h3:before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(images/img_icon_arrow_page_blue.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_related_page .contents_box h3:before, .error404 .content section.sec_related_page .contents_box h3:before, .archive .content section.sec_related_page .contents_box h3:before, .single .content section.sec_related_page .contents_box h3:before {
    width: 24px;
    height: 24px;
    top: 7px;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page .contents_box h3:before, .error404 .content section.sec_related_page .contents_box h3:before, .archive .content section.sec_related_page .contents_box h3:before, .single .content section.sec_related_page .contents_box h3:before {
    width: 22px;
    height: 22px;
    top: 5px;
  }
}
@media screen and (max-width: 480px) {
  .page .content section.sec_related_page .contents_box h3:before, .error404 .content section.sec_related_page .contents_box h3:before, .archive .content section.sec_related_page .contents_box h3:before, .single .content section.sec_related_page .contents_box h3:before {
    top: 4px;
  }
}
@media screen and (max-width: 400px) {
  .page .content section.sec_related_page .contents_box h3:before, .error404 .content section.sec_related_page .contents_box h3:before, .archive .content section.sec_related_page .contents_box h3:before, .single .content section.sec_related_page .contents_box h3:before {
    width: 20px;
    height: 20px;
    top: 3px;
  }
}
.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 {
  color: #765f4f;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page .contents_box p, .error404 .content section.sec_related_page .contents_box p, .archive .content section.sec_related_page .contents_box p, .single .content section.sec_related_page .contents_box p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .page .content section.sec_related_page .contents_box p, .error404 .content section.sec_related_page .contents_box p, .archive .content section.sec_related_page .contents_box p, .single .content section.sec_related_page .contents_box p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.error404 .content section.error-404 {
  max-width: 1280px;
  margin: 0 auto;
}
.error404 .content section.error-404 h2 {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .error404 .content section.error-404 h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .error404 .content section.error-404 h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.error404 .content section.error-404 h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}
.error404 .content section.error-404 h3:before {
  content: "";
  width: 12px;
  height: 12px;
  background: #765f4f;
  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: #765f4f;
  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: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .entry-thanks .content section.sec_entry_thanks .btn_return a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .entry-thanks .content section.sec_entry_thanks .btn_return a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.entry-thanks .content section.sec_entry_thanks .btn_return a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .entry-thanks .content section.sec_entry_thanks .btn_return a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .entry-thanks .content section.sec_entry_thanks .btn_return a:after {
    right: 15px;
  }
}
.entry-thanks .content section.sec_entry_thanks .btn_return a:hover {
  opacity: 1;
}
.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);
}
.clinic .content section p {
  margin-bottom: 20px;
}
.clinic .content section p:last-child {
  margin-bottom: 0;
}
.clinic .content section p em {
  font-weight: 800;
  color: #41bdce;
}

.about header .main_ttl {
  background-image: url(images/bg_main_ttl_about.jpg);
}
.about .content section p em {
  font-weight: 700;
  color: #41bdce;
}
.about .content section .doctor_message_box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 1250px) {
  .about .content section .doctor_message_box {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.about .content section .doctor_message_box .photo {
  width: 620px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .about .content section .doctor_message_box .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section .doctor_message_box .photo {
    width: 100%;
  }
}
.about .content section .doctor_message_box .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 1000px) {
  .about .content section .doctor_message_box .photo img {
    border-radius: 30px 30px 0 0;
  }
}
@media screen and (max-width: 600px) {
  .about .content section .doctor_message_box .photo img {
    border-radius: 20px 20px 0 0;
  }
}
.about .content section .doctor_message_box .txt_area {
  width: calc(100% - 680px);
  background: #fff;
  border-radius: 20px;
  padding: 60px 40px 40px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .about .content section .doctor_message_box .txt_area {
    width: calc(100% - 550px);
  }
}
@media screen and (max-width: 1000px) {
  .about .content section .doctor_message_box .txt_area {
    width: 100%;
    border-radius: 0 0 30px 30px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section .doctor_message_box .txt_area {
    border-radius: 0 0 20px 20px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section .doctor_message_box .txt_area {
    padding: 60px 30px 30px;
  }
}
.about .content section .doctor_message_box .txt_area:before {
  content: "";
  width: 100px;
  height: 100px;
  background: url(images/photo_about_doctor_thumb.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -58px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 480px) {
  .about .content section .doctor_message_box .txt_area:before {
    width: 90px;
    height: 90px;
    top: -45px;
  }
}
.about .content section .doctor_message_box .txt_area .catch {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.4;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .about .content section .doctor_message_box .txt_area .catch {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section .doctor_message_box .txt_area .catch {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section .doctor_message_box .txt_area .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .about .content section .doctor_message_box .txt_area .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.about .content section .doctor_message_box .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .about .content section .doctor_message_box .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section .doctor_message_box .txt_area p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.about .content section .doctor_message_box .txt_area p em {
  color: #f47883;
  font-weight: 700;
}
.about .content section .doctor_message_box .txt_area p:last-child {
  margin-bottom: 0;
}
.about .content section .point_list {
  background: #d9f8ff;
  padding: 50px 50px 40px;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .about .content section .point_list {
    padding: 40px 40px 30px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section .point_list {
    padding: 35px 35px 25px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section .point_list {
    padding: 25px 25px 15px;
  }
}
.about .content section .point_list h3 {
  font-size: 22px;
  font-size: 2.2rem;
  text-align: center;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 20px;
  background: #f4fcfe;
  padding: 15px 30px;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .about .content section .point_list h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section .point_list h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 12px 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section .point_list h3 {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 10px 30px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section .point_list h3 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.about .content section .point_list h3 span {
  position: relative;
}
.about .content section .point_list h3 span:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #efe02e;
  border-radius: 100px;
  position: absolute;
  top: 55%;
  left: -20px;
  transform: translateY(-50%);
}
.about .content section .point_list h3 span:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #efe02e;
  border-radius: 100px;
  position: absolute;
  top: 55%;
  right: -15px;
  transform: translateY(-50%);
}
.about .content section .point_list ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.about .content section .point_list ul li {
  width: 50%;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  text-indent: -1em;
  margin-bottom: 15px;
  padding-right: 30px;
  padding-left: 1em;
}
@media screen and (max-width: 1000px) {
  .about .content section .point_list ul li {
    width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .about .content section .point_list ul li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section .point_list ul li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .about .content section .point_list ul li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.about .content section#sec_philosophy {
  max-width: 1360px;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .ttl_en {
    letter-spacing: 6px;
  }
}
.about .content section#sec_philosophy .philosophy_lead {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_philosophy .philosophy_lead {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .philosophy_lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_lead {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .philosophy_lead {
    margin-bottom: 30px;
  }
}
.about .content section#sec_philosophy .philosophy_lead .photo {
  width: 520px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_philosophy .philosophy_lead .photo {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .philosophy_lead .photo {
    width: 100%;
  }
}
.about .content section#sec_philosophy .philosophy_lead .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_lead .photo img {
    border-radius: 20px;
  }
}
.about .content section#sec_philosophy .philosophy_lead .photo .signature {
  background: #fff;
  text-align: left;
  font-weight: 500;
  padding: 15px 30px;
  border-radius: 0 10px 10px 0;
  position: absolute;
  bottom: 30px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_lead .photo .signature {
    padding: 10px 18px;
    border-radius: 0 8px 8px 0;
    bottom: 20px;
  }
}
.about .content section#sec_philosophy .philosophy_lead .photo .signature .clinic_name {
  font-size: 14px;
  font-size: 1.4rem;
  color: #00ab84;
  line-height: 1.4;
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_lead .photo .signature .clinic_name {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.about .content section#sec_philosophy .philosophy_lead .photo .signature .doctor_name {
  font-size: 17px;
  font-size: 1.7rem;
  letter-spacing: 2px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_lead .photo .signature .doctor_name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .philosophy_lead .photo .signature .doctor_name {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
  }
}
.about .content section#sec_philosophy .philosophy_lead .photo .signature .doctor_name span {
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .philosophy_lead .photo .signature .doctor_name span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.about .content section#sec_philosophy .philosophy_lead .txt_area {
  width: calc(100% - 580px);
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_philosophy .philosophy_lead .txt_area {
    width: calc(100% - 550px);
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .philosophy_lead .txt_area {
    width: 100%;
    margin-bottom: 30px;
  }
}
.about .content section#sec_philosophy .philosophy_lead .txt_area .catch {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.4;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .philosophy_lead .txt_area .catch {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_lead .txt_area .catch {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .philosophy_lead .txt_area .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .philosophy_lead .txt_area .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.about .content section#sec_philosophy .philosophy_lead .txt_area .catch span {
  display: inline-block;
}
.about .content section#sec_philosophy .philosophy_lead .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_lead .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .philosophy_lead .txt_area p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.about .content section#sec_philosophy .philosophy_lead .txt_area p:last-child {
  margin-bottom: 0;
}
.about .content section#sec_philosophy .philosophy_box {
  position: relative;
}
.about .content section#sec_philosophy .philosophy_box:before {
  content: "";
  width: 138px;
  height: 100px;
  background: url(images/img_logo_mark.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -25px;
  right: 114px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_philosophy .philosophy_box:before {
    width: 124.2px;
    height: 90px;
    top: -15px;
    right: 70px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_philosophy .philosophy_box:before {
    width: 110.4px;
    height: 80px;
    top: -20px;
    right: 60px;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_philosophy .philosophy_box:before {
    width: 96.6px;
    height: 70px;
    top: -20px;
    right: 20px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_philosophy .philosophy_box:before {
    width: 82.8px;
    height: 60px;
    top: -25px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_philosophy .philosophy_box:before {
    width: 69px;
    height: 50px;
    top: -15px;
  }
}
.about .content section#sec_doctor {
  background: url(images/bg_about_doctor.png) no-repeat 0 0;
  background-size: cover;
}
.about .content section#sec_doctor h2 {
  color: #f47883;
}
.about .content section#sec_doctor .lead {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .about .content section#sec_doctor .lead {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_doctor .lead {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_doctor .lead {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_doctor .lead {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.about .content section#sec_doctor .lead span {
  display: inline-block;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_doctor .lead {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_doctor .lead {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_doctor .lead {
    margin-bottom: 60px;
  }
}
.about .content section#sec_doctor .doctor_message_box {
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_doctor .doctor_message_box {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .about .content section#sec_doctor .doctor_message_box {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_doctor .doctor_message_box {
    margin-bottom: 20px;
  }
}
.about .content section#sec_doctor .doctor_message_box .photo {
  position: relative;
}
.about .content section#sec_doctor .doctor_message_box .photo:before {
  content: "";
  width: 166px;
  height: 64px;
  background: url(images/img_illust_doctor_bird.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -32px;
  left: -32px;
}
@media screen and (max-width: 1250px) {
  .about .content section#sec_doctor .doctor_message_box .photo:before {
    left: -20px;
  }
}
.about .content section#sec_doctor .policy_point {
  background: #fff;
}
.about .content section#sec_doctor .policy_point h3 {
  background: #ffedef;
}
.about .content section#sec_doctor .policy_point h3 span:before {
  background: #f47883;
}
.about .content section#sec_doctor .policy_point h3 span:after {
  background: #f47883;
}
.about .content section#sec_doctor .policy_point ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.about .content section#sec_doctor .policy_point ul li span {
  color: #f47883;
}
.about .content section#sec_future {
  max-width: 1360px;
  margin: 0 auto;
}
.about .content section#sec_future h2 {
  color: #00ab84;
}
.about .content section#sec_future .lead {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 70px;
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .about .content section#sec_future .lead {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_future .lead {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_future .lead {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_future .lead {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.about .content section#sec_future .lead span {
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_future .lead {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_future .lead {
    margin-bottom: 30px;
  }
}
.about .content section#sec_future .doctor_message_box {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.about .content section#sec_future .doctor_message_box .photo {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_future .doctor_message_box .photo {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
.about .content section#sec_future .doctor_message_box .txt_area {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  background: #effffb;
}
@media screen and (max-width: 1000px) {
  .about .content section#sec_future .doctor_message_box .txt_area {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.about .content section#sec_future .doctor_message_box .txt_area p em {
  color: #00ab84;
}
.about .content section#sec_about_message {
  background: #fae9de;
}
.about .content section#sec_about_message h2 {
  color: #f47883;
}
.about .content section#sec_about_message .lead {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 70px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .about .content section#sec_about_message .lead {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .about .content section#sec_about_message .lead {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about .content section#sec_about_message .lead {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .about .content section#sec_about_message .lead {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.about .content section#sec_about_message .lead span {
  display: inline-block;
}

.keyword header .main_ttl {
  background-image: url(images/bg_main_ttl_keyword.jpg);
}
.keyword .content section#sec_important {
  padding-bottom: 0;
}
.keyword .content section#sec_important h2 {
  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: #765f4f;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_important h2 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
.keyword .content section#sec_important h2 span {
  display: inline-block;
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important h2 span {
    display: block;
  }
}
.keyword .content section#sec_important .keywords ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_important .keywords ul {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_important .keywords ul {
    margin-bottom: 50px;
  }
}
.keyword .content section#sec_important .keywords ul li {
  width: 290px;
  font-size: 22px;
  font-size: 2.2rem;
  color: #765f4f;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  background: #ddf7fd;
  border-radius: 100px;
  padding: 13px 10px;
  margin: 0 15px 15px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .keywords ul li {
    width: 240px;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
    margin: 0 10px 15px;
    padding: 10px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .keywords ul li {
    width: 200px;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 5px 10px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .keywords ul li {
    width: 190px;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0;
    padding: 6px 10px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_important .keywords ul li {
    width: 180px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .keywords ul li:first-child {
    width: 160px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_important .keywords ul li:first-child {
    width: 150px;
  }
}
.keyword .content section#sec_important .keywords ul li:nth-child(2) {
  background: #cdf3ea;
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .keywords ul li:nth-child(2) {
    width: 160px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_important .keywords ul li:nth-child(2) {
    width: 150px;
  }
}
.keyword .content section#sec_important .keywords ul li:nth-child(3) {
  background: #faf6de;
}
.keyword .content section#sec_important .sub_sec {
  background: #d9f8ff;
  border-radius: 30px;
  margin-bottom: 40px;
  padding: 50px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .sub_sec {
    padding: 60px 40px 40px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec {
    padding: 45px 30px 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec {
    padding: 35px 25px 25px;
    margin-bottom: 20px;
  }
}
.keyword .content section#sec_important .sub_sec.keyword01 {
  position: relative;
}
.keyword .content section#sec_important .sub_sec.keyword01:before {
  content: "";
  width: 138px;
  height: 100px;
  background: url(images/img_logo_mark.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -96px;
  right: 40px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .sub_sec.keyword01:before {
    right: 0;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec.keyword01:before {
    width: 124.2px;
    height: 90px;
    top: -88px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec.keyword01:before {
    width: 110.4px;
    height: 80px;
    top: -78px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_important .sub_sec.keyword01:before {
    width: 96.6px;
    height: 70px;
    top: -68px;
  }
}
.keyword .content section#sec_important .sub_sec.keyword02 {
  background: #cdf3ea;
}
.keyword .content section#sec_important .sub_sec.keyword02 h3 {
  background: #f1fefb;
}
.keyword .content section#sec_important .sub_sec.keyword02 .keyword_inner .txt_area p em {
  color: #26ab8c;
}
.keyword .content section#sec_important .sub_sec.keyword03 {
  background: #faf6de;
  margin-bottom: 0;
}
.keyword .content section#sec_important .sub_sec.keyword03 h3 {
  background: #fffff7;
}
.keyword .content section#sec_important .sub_sec.keyword03 .keyword_inner .txt_area p em {
  color: #eba205;
}
.keyword .content section#sec_important .sub_sec h3 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #765f4f;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 45px;
  padding: 13px 20px;
  background: #f4fcfe;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .keyword .content section#sec_important .sub_sec h3 {
    margin-bottom: 30px;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 6px 20px;
  }
}
@media screen and (max-width: 400px) {
  .keyword .content section#sec_important .sub_sec h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.keyword .content section#sec_important .sub_sec h3 span {
  position: relative;
}
.keyword .content section#sec_important .sub_sec h3 span:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #efe02e;
  border-radius: 100px;
  position: absolute;
  top: 55%;
  left: -20px;
  transform: translateY(-50%);
}
.keyword .content section#sec_important .sub_sec h3 span:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #efe02e;
  border-radius: 100px;
  position: absolute;
  top: 55%;
  right: -15px;
  transform: translateY(-50%);
}
.keyword .content section#sec_important .sub_sec .keyword_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_important .sub_sec .keyword_inner {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.keyword .content section#sec_important .sub_sec .keyword_inner .txt_area {
  width: calc(100% - 560px);
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_important .sub_sec .keyword_inner .txt_area {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_important .sub_sec .keyword_inner .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.keyword .content section#sec_important .sub_sec .keyword_inner .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec .keyword_inner .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec .keyword_inner .txt_area p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.keyword .content section#sec_important .sub_sec .keyword_inner .txt_area p:last-child {
  margin-bottom: 0;
}
.keyword .content section#sec_important .sub_sec .keyword_inner .txt_area p em {
  font-weight: 700;
  color: #41bdce;
}
.keyword .content section#sec_important .sub_sec .keyword_inner .photo {
  width: 520px;
}
@media screen and (max-width: 1250px) {
  .keyword .content section#sec_important .sub_sec .keyword_inner .photo {
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .keyword .content section#sec_important .sub_sec .keyword_inner .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec .keyword_inner .photo {
    margin-bottom: 20px;
  }
}
.keyword .content section#sec_important .sub_sec .keyword_inner .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 600px) {
  .keyword .content section#sec_important .sub_sec .keyword_inner .photo img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .keyword .content section#sec_important .sub_sec .keyword_inner .photo img {
    border-radius: 15px;
  }
}

.numbers header .main_ttl {
  background-image: url(images/bg_main_ttl_numbers.jpg);
}
.numbers .content section p {
  margin-bottom: 20px;
}
.numbers .content section p:last-child {
  margin-bottom: 0;
}
.numbers .content section#sec_about_numbers {
  padding-bottom: 0;
}
.numbers .content section#sec_about_numbers .lead {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_about_numbers .lead {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .lead {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.numbers .content section#sec_about_numbers .lead span {
  display: inline-block;
}
.numbers .content section#sec_about_numbers .sec_numbers {
  padding: 0 0 60px;
}
.numbers .content section#sec_about_numbers .sec_numbers.about_staff .numbers_list li {
  background: #e1f9f3;
}
.numbers .content section#sec_about_numbers .sec_numbers.about_staff .numbers_list li h3 {
  color: #26ab8c;
}
.numbers .content section#sec_about_numbers .sec_numbers.about_staff .numbers_list li .detail_number {
  color: #137b63;
}
.numbers .content section#sec_about_numbers .sec_numbers.about_staff .numbers_list li .detail_number .num {
  color: #137b63;
}
.numbers .content section#sec_about_numbers .sec_numbers.about_staff .numbers_list li .txt {
  color: #137b63;
}
.numbers .content section#sec_about_numbers .sec_numbers.about_environment .numbers_list li {
  background: #faf6de;
}
.numbers .content section#sec_about_numbers .sec_numbers.about_environment .numbers_list li h3 {
  color: #765f4f;
}
.numbers .content section#sec_about_numbers .sec_numbers.about_environment .numbers_list li .detail_number {
  color: #e7b30b;
}
.numbers .content section#sec_about_numbers .sec_numbers.about_environment .numbers_list li .detail_number .num {
  color: #e7b30b;
}
.numbers .content section#sec_about_numbers .sec_numbers.about_environment .numbers_list li .txt {
  color: #765f4f;
}
.numbers .content section#sec_about_numbers .sec_numbers h2 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #765f4f;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_about_numbers .sec_numbers h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .sec_numbers h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers .sec_numbers h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.numbers .content section#sec_about_numbers .sec_numbers h2 span {
  position: relative;
}
.numbers .content section#sec_about_numbers .sec_numbers h2 span:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #efe02e;
  border-radius: 100px;
  position: absolute;
  top: 55%;
  left: -20px;
  transform: translateY(-50%);
}
.numbers .content section#sec_about_numbers .sec_numbers h2 span:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #efe02e;
  border-radius: 100px;
  position: absolute;
  top: 55%;
  right: -15px;
  transform: translateY(-50%);
}
.numbers .content section#sec_about_numbers .sec_numbers:last-child {
  padding-bottom: 0;
}
.numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li .detail_number {
  margin-bottom: 40px;
}
.numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li.closing_time .detail_number {
  padding: 0 30px;
}
@media screen and (max-width: 1400px) {
  .numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li.closing_time .detail_number {
    padding: 0;
  }
}
.numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li.closing_time .detail_number p {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: 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;
}
.numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li.closing_time .week {
  display: inline-block;
  width: 70px;
  text-align: right;
  margin-right: 10px;
  position: relative;
  top: 5px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li.closing_time .week {
    width: 62px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li.closing_time .week {
    width: 44px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li.closing_time .week {
    width: 66px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li.closing_time .week {
    width: 54px;
    top: 4px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li.closing_time .week {
    width: 50px;
  }
}
.numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li.closing_time .num {
  display: inline-block;
  width: 210px;
  text-align: left;
  margin: 0;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li.closing_time .num {
    width: 175px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li.closing_time .num {
    width: 134px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li.closing_time .num {
    width: 186px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li.closing_time .num {
    width: 170px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers .sec_numbers:last-child .numbers_list li.closing_time .num {
    width: 134px;
  }
}
.numbers .content section#sec_about_numbers h3 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #07461f;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_about_numbers h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_about_numbers h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.numbers .content section#sec_about_numbers h3 span {
  display: inline-block;
}
.numbers .content section#sec_about_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_about_numbers .numbers_list li {
  width: 48.43%;
  margin: 0% 3.12% 3.12% 0%;
  background: #e2faff;
  border-radius: 20px;
  padding: 50px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_about_numbers .numbers_list li {
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_about_numbers .numbers_list li {
    width: 100%;
    margin-right: 0;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .numbers_list li {
    padding: 30px 25px;
  }
}
.numbers .content section#sec_about_numbers .numbers_list li.numbers_patient .detail_number {
  margin-bottom: 15px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_about_numbers .numbers_list li.numbers_patient .detail_number {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .numbers_list li.numbers_patient .detail_number {
    font-size: 20px;
    font-size: 2rem;
  }
}
.numbers .content section#sec_about_numbers .numbers_list li.numbers_patient .detail_number .week {
  display: inline-block;
  width: 3em;
  text-align: right;
}
.numbers .content section#sec_about_numbers .numbers_list li.numbers_patient .detail_number .num {
  font-size: 48px;
  font-size: 4.8rem;
  margin-left: 10px;
  top: 3px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_about_numbers .numbers_list li.numbers_patient .detail_number .num {
    font-size: 36px;
    font-size: 3.6rem;
    margin-left: 5px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .numbers_list li.numbers_patient .detail_number .num {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
.numbers .content section#sec_about_numbers .numbers_list li.patient_age .detail_number {
  margin-bottom: 15px;
}
@media screen and (max-width: 1250px) {
  .numbers .content section#sec_about_numbers .numbers_list li.patient_age .detail_number {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_about_numbers .numbers_list li.patient_age .detail_number {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .numbers_list li.patient_age .detail_number {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers .numbers_list li.patient_age .detail_number {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.numbers .content section#sec_about_numbers .numbers_list li.patient_age .detail_number .num {
  font-size: 48px;
  font-size: 4.8rem;
  margin-left: 10px;
  top: 3px;
}
@media screen and (max-width: 1250px) {
  .numbers .content section#sec_about_numbers .numbers_list li.patient_age .detail_number .num {
    font-size: 44px;
    font-size: 4.4rem;
    margin-left: 5px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_about_numbers .numbers_list li.patient_age .detail_number .num {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .numbers_list li.patient_age .detail_number .num {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers .numbers_list li.patient_age .detail_number .num {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
.numbers .content section#sec_about_numbers .numbers_list li.staff_age .detail_number {
  margin-bottom: 10px;
}
.numbers .content section#sec_about_numbers .numbers_list li.staff_age .detail_number .num {
  font-size: 48px;
  font-size: 4.8rem;
  margin-left: 10px;
  top: 3px;
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_about_numbers .numbers_list li.staff_age .detail_number .num {
    font-size: 64px;
    font-size: 6.4rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .numbers_list li.staff_age .detail_number .num {
    font-size: 54px;
    font-size: 5.4rem;
    top: 5px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers .numbers_list li.staff_age .detail_number .num {
    font-size: 44px;
    font-size: 4.4rem;
  }
}
.numbers .content section#sec_about_numbers .numbers_list li.staff_age .detail_number p {
  display: block;
}
.numbers .content section#sec_about_numbers .numbers_list li.staff_school .detail_number p {
  font-size: 22px;
  font-size: 2.2rem;
}
@media screen and (max-width: 1250px) {
  .numbers .content section#sec_about_numbers .numbers_list li.staff_school .detail_number p {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_about_numbers .numbers_list li.staff_school .detail_number p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_about_numbers .numbers_list li.staff_school .detail_number p {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .numbers_list li.staff_school .detail_number p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers .numbers_list li.staff_school .detail_number p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.numbers .content section#sec_about_numbers .numbers_list li.staff_school .detail_number .num {
  font-size: 48px;
  font-size: 4.8rem;
  margin-left: 10px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_about_numbers .numbers_list li.staff_school .detail_number .num {
    font-size: 42px;
    font-size: 4.2rem;
    margin-left: 5px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .numbers_list li.staff_school .detail_number .num {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers .numbers_list li.staff_school .detail_number .num {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
.numbers .content section#sec_about_numbers .numbers_list li.overtime_pay h3 {
  margin-bottom: 50px;
}
.numbers .content section#sec_about_numbers .numbers_list li.overtime_pay .detail_number {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
  margin-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_about_numbers .numbers_list li.overtime_pay .detail_number {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .numbers_list li.overtime_pay .detail_number {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers .numbers_list li.overtime_pay .detail_number {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.numbers .content section#sec_about_numbers .numbers_list li.overtime_pay .detail_number .num {
  font-size: 40px;
  font-size: 4rem;
  margin-left: 5px;
  top: 3px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_about_numbers .numbers_list li.overtime_pay .detail_number .num {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_about_numbers .numbers_list li.overtime_pay .detail_number .num {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .numbers_list li.overtime_pay .detail_number .num {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers .numbers_list li.overtime_pay .detail_number .num {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
.numbers .content section#sec_about_numbers .numbers_list li.kids_sick .detail_number {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .numbers_list li.kids_sick .detail_number {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers .numbers_list li.kids_sick .detail_number {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.numbers .content section#sec_about_numbers .numbers_list li.kids_sick .detail_number .num {
  font-size: 40px;
  font-size: 4rem;
  margin-left: 5px;
  top: 3px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_about_numbers .numbers_list li.kids_sick .detail_number .num {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_about_numbers .numbers_list li.kids_sick .detail_number .num {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .numbers_list li.kids_sick .detail_number .num {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers .numbers_list li.kids_sick .detail_number .num {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
.numbers .content section#sec_about_numbers .numbers_list li:nth-child(even) {
  margin-right: 0;
}
.numbers .content section#sec_about_numbers .numbers_list li h3 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #41bdce;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_about_numbers .numbers_list li h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section#sec_about_numbers .numbers_list li h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers .numbers_list li h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.numbers .content section#sec_about_numbers .numbers_list li .detail_number {
  font-size: 34px;
  font-size: 3.4rem;
  color: #22a5b7;
  text-align: center;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_about_numbers .numbers_list li .detail_number {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .numbers_list li .detail_number {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers .numbers_list li .detail_number {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.numbers .content section#sec_about_numbers .numbers_list li .detail_number p {
  display: inline-block;
  margin-bottom: 0;
}
.numbers .content section#sec_about_numbers .numbers_list li .detail_number .num {
  font-family: "Montserrat", serif;
  font-size: 72px;
  font-size: 7.2rem;
  color: #22a5b7;
  letter-spacing: 4px;
  line-height: 1;
  font-weight: 700;
  margin-right: 5px;
  position: relative;
  top: 6px;
}
@media screen and (max-width: 1000px) {
  .numbers .content section#sec_about_numbers .numbers_list li .detail_number .num {
    font-size: 60px;
    font-size: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .numbers .content section#sec_about_numbers .numbers_list li .detail_number .num {
    font-size: 64px;
    font-size: 6.4rem;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section#sec_about_numbers .numbers_list li .detail_number .num {
    font-size: 54px;
    font-size: 5.4rem;
    top: 5px;
  }
}
@media screen and (max-width: 400px) {
  .numbers .content section#sec_about_numbers .numbers_list li .detail_number .num {
    font-size: 44px;
    font-size: 4.4rem;
  }
}
.numbers .content section#sec_about_numbers .numbers_list li figure {
  text-align: center;
}
.numbers .content section#sec_about_numbers .numbers_list li .txt {
  color: #22a5b7;
  font-weight: 500;
}

.access header .main_ttl {
  background-image: url(images/bg_main_ttl_access.jpg);
}
.access .content section.sec_clinic_outline {
  max-width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .access .content section.sec_clinic_outline {
    max-width: 100%;
  }
}
.access .content section.sec_clinic_outline table {
  border-top: 1px solid #765f4f;
  border-left: 1px solid #765f4f;
}
@media screen and (max-width: 768px) {
  .access .content section.sec_clinic_outline table {
    border-bottom: 1px solid #765f4f;
  }
}
.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 #765f4f;
  border-bottom: 1px solid #765f4f;
}
@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: #d9f8ff;
}
@media screen and (max-width: 768px) {
  .access .content section.sec_clinic_outline table th {
    width: 100%;
    border-bottom: none;
  }
}
@media screen and (max-width: 480px) {
  .access .content section.sec_clinic_outline table th {
    text-align: left;
  }
}
.access .content section.sec_clinic_outline table td {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .access .content section.sec_clinic_outline table td {
    width: 100%;
    border-bottom: none;
  }
}
.access .content section.sec_clinic_outline table td span {
  display: inline-block;
}
.access .content section.sec_clinic_outline table td iframe {
  height: 300px;
}
.access .content section.sec_clinic_outline table td a {
  color: #4b92e4;
}

.doctor header .main_ttl {
  background-image: url(images/bg_main_ttl_doctor.jpg);
}
.doctor header .gnav .gnav_dentist a span:after {
  width: 100%;
}
.doctor .content section#sec_lead_msg {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}
.doctor .content section#sec_lead_msg h2 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  font-size: 22px;
  font-size: 2.2rem;
  color: #41bdce;
  text-align: left;
  margin-bottom: 5px;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_lead_msg h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_lead_msg h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_lead_msg h2 {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 3px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_lead_msg h2 {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 2px;
    padding: 0 25px;
  }
}
@media screen and (max-width: 400px) {
  .doctor .content section#sec_lead_msg h2 {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.doctor .content section#sec_lead_msg .sub_ttl {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 1.4;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_lead_msg .sub_ttl {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_lead_msg .sub_ttl {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_lead_msg .sub_ttl {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
    padding: 0 30px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_lead_msg .sub_ttl {
    font-size: 20px;
    font-size: 2rem;
    padding: 0 25px;
  }
}
@media screen and (max-width: 400px) {
  .doctor .content section#sec_lead_msg .sub_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.doctor .content section#sec_lead_msg .lead_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;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_lead_msg .lead_box {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_lead_msg .lead_box {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_lead_msg .lead_box {
    margin-bottom: 40px;
  }
}
.doctor .content section#sec_lead_msg .lead_box .txt_area {
  width: 57.5%;
  padding: 0% 4.37% 0% 10%;
}
@media screen and (max-width: 1250px) {
  .doctor .content section#sec_lead_msg .lead_box .txt_area {
    padding: 0 40px;
  }
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_lead_msg .lead_box .txt_area {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_lead_msg .lead_box .txt_area {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_lead_msg .lead_box .txt_area {
    padding: 0 25px;
  }
}
.doctor .content section#sec_lead_msg .lead_box .txt_area ul {
  background: #e8f6f6;
  padding: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_lead_msg .lead_box .txt_area ul {
    margin-bottom: 20px;
  }
}
.doctor .content section#sec_lead_msg .lead_box .txt_area li {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_lead_msg .lead_box .txt_area li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.doctor .content section#sec_lead_msg .lead_box .txt_area li:last-child {
  margin-bottom: 0;
}
.doctor .content section#sec_lead_msg .lead_box .txt_area p {
  line-height: 1.9;
  margin-bottom: 20px;
}
.doctor .content section#sec_lead_msg .lead_box .txt_area p:last-child {
  margin-bottom: 0;
}
.doctor .content section#sec_lead_msg .lead_box .photo {
  width: 42.5%;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_lead_msg .lead_box .photo {
    width: 100%;
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_lead_msg .lead_box .photo {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_lead_msg .lead_box .photo {
    padding: 0 25px;
  }
}
.doctor .content section#sec_lead_msg .lead_box .photo img {
  width: 100%;
  height: 490px;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_lead_msg .lead_box .photo img {
    height: auto;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor {
    padding: 0 25px;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor .about_doctor_inner {
  padding: 60px;
  background: #faf3e9;
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .about_doctor_inner {
    padding: 40px;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .about_doctor_inner {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 400px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .about_doctor_inner {
    padding: 40px 25px;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor h3 {
  font-size: 22px;
  font-size: 2.2rem;
  letter-spacing: 3px;
  text-align: center;
  font-weight: 300;
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor h3 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor .msg_head {
  max-width: 960px;
  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 50px;
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .msg_head {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .msg_head {
    margin-bottom: 30px;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .photo {
  width: 46.87%;
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .photo {
    width: 100%;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .photo img {
  width: 100%;
  height: 490px;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .photo img {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .photo img {
    height: auto;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .doctor_basic_info {
  width: 53.12%;
  background: #fff;
  padding: 60px 60px 0;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .doctor_basic_info {
    padding: 40px 40px 0;
  }
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .doctor_basic_info {
    width: 100%;
    padding: 20px 40px 40px;
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .doctor_basic_info {
    padding: 10px 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .doctor_basic_info {
    padding: 5px 20px 25px;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .doctor_basic_info dl dt {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #41bdce;
  margin-top: 20px;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .doctor_basic_info dl dt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .doctor_basic_info dl dd {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 5px;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .doctor_basic_info dl dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .doctor_basic_info dl dd.name {
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .doctor_basic_info dl dd.name {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .doctor_basic_info dl dd.name span {
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .doctor_basic_info dl dd.name span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .msg_head .doctor_basic_info dl dd.name span {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor .doctor_career,
.doctor .content section#sec_lead_msg #sec_about_doctor .doctor_qualification {
  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;
}
.doctor .content section#sec_lead_msg #sec_about_doctor .doctor_career h4,
.doctor .content section#sec_lead_msg #sec_about_doctor .doctor_qualification h4 {
  width: 120px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .doctor_career h4,
  .doctor .content section#sec_lead_msg #sec_about_doctor .doctor_qualification h4 {
    width: 100%;
    font-size: 15px;
    font-size: 1.5rem;
    border-bottom: 1px solid #765f4f;
    padding-bottom: 10px;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor .doctor_career ul,
.doctor .content section#sec_lead_msg #sec_about_doctor .doctor_qualification ul {
  width: calc(100% - 120px);
  font-size: 15px;
  font-size: 1.5rem;
  padding: 10px 0 10px 50px;
  border-left: 1px solid #765f4f;
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .doctor_career ul,
  .doctor .content section#sec_lead_msg #sec_about_doctor .doctor_qualification ul {
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px 0 0;
    border-left: none;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor .doctor_career ul li,
.doctor .content section#sec_lead_msg #sec_about_doctor .doctor_qualification ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -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: 5px;
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .doctor_career ul li,
  .doctor .content section#sec_lead_msg #sec_about_doctor .doctor_qualification ul li {
    margin-bottom: 15px;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor .doctor_career ul li:last-child,
.doctor .content section#sec_lead_msg #sec_about_doctor .doctor_qualification ul li:last-child {
  margin-bottom: 0;
}
.doctor .content section#sec_lead_msg #sec_about_doctor .doctor_career ul li .date,
.doctor .content section#sec_lead_msg #sec_about_doctor .doctor_qualification ul li .date {
  display: inline-block;
  width: 170px;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .doctor_career ul li .date,
  .doctor .content section#sec_lead_msg #sec_about_doctor .doctor_qualification ul li .date {
    width: 100%;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor .doctor_career ul li .ttl,
.doctor .content section#sec_lead_msg #sec_about_doctor .doctor_qualification ul li .ttl {
  width: calc(100% - 170px);
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_lead_msg #sec_about_doctor .doctor_career ul li .ttl,
  .doctor .content section#sec_lead_msg #sec_about_doctor .doctor_qualification ul li .ttl {
    width: 100%;
  }
}
.doctor .content section#sec_lead_msg #sec_about_doctor .doctor_career {
  margin-bottom: 40px;
}
.doctor .content section#sec_doctor_history {
  background: #f6fae7;
  padding-right: 0;
  padding-left: 0;
}
.doctor .content section#sec_doctor_history h2 {
  max-width: 1280px;
  margin: 0 auto 60px;
  padding: 0 40px;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 500;
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_doctor_history h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_doctor_history h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_doctor_history h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
    padding: 0 30px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_doctor_history h2 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
    padding: 0 25px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .doctor .content section#sec_doctor_history h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.doctor .content section#sec_doctor_history .history_lead {
  max-width: 1280px;
  margin: 0 auto 60px;
  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: 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: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_doctor_history .history_lead {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 30px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_doctor_history .history_lead {
    padding: 0 25px;
    margin-bottom: 40px;
  }
}
.doctor .content section#sec_doctor_history .history_lead .photo {
  width: 90px;
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_doctor_history .history_lead .photo {
    width: 70px;
  }
}
.doctor .content section#sec_doctor_history .history_lead p {
  width: 510px;
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  margin: 10px 0 0 40px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_doctor_history .history_lead p {
    width: calc(100% - 130px);
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_doctor_history .history_lead p {
    padding: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_doctor_history .history_lead p {
    width: calc(100% - 100px);
    margin-left: 30px;
    padding: 15px 20px;
  }
}
.doctor .content section#sec_doctor_history .history_lead p:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 14px solid #fff;
  border-bottom: 7px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 30px;
  left: -28px;
}
.doctor .content section#sec_doctor_history .history_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: 600px) {
  .doctor .content section#sec_doctor_history .history_box {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_doctor_history .history_box {
    margin-bottom: 50px;
  }
}
.doctor .content section#sec_doctor_history .history_box:nth-child(even) .txt_area {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  padding: 0% 10% 0% 4.37%;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_doctor_history .history_box:nth-child(even) .txt_area {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
.doctor .content section#sec_doctor_history .history_box:nth-child(even) .photo {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_doctor_history .history_box:nth-child(even) .photo {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.doctor .content section#sec_doctor_history .history_box:last-child {
  margin-bottom: 0;
}
.doctor .content section#sec_doctor_history .history_box .txt_area {
  width: 58.75%;
  padding: 0% 4.37% 0% 10%;
}
@media screen and (max-width: 1250px) {
  .doctor .content section#sec_doctor_history .history_box .txt_area {
    padding: 0% 4.37% 0% 5%;
  }
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_doctor_history .history_box .txt_area {
    width: 100%;
    margin-bottom: 30px;
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_doctor_history .history_box .txt_area {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_doctor_history .history_box .txt_area {
    padding: 0 25px;
  }
}
.doctor .content section#sec_doctor_history .history_box .txt_area h3 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #41bdce;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_doctor_history .history_box .txt_area h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_doctor_history .history_box .txt_area h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_doctor_history .history_box .txt_area h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .doctor .content section#sec_doctor_history .history_box .txt_area h3 {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
}
.doctor .content section#sec_doctor_history .history_box .txt_area ul {
  background: #e8f6f6;
  padding: 20px;
  margin-bottom: 30px;
}
.doctor .content section#sec_doctor_history .history_box .txt_area li {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 5px;
}
.doctor .content section#sec_doctor_history .history_box .txt_area li:last-child {
  margin-bottom: 0;
}
.doctor .content section#sec_doctor_history .history_box .txt_area p {
  line-height: 2;
  margin-bottom: 20px;
}
.doctor .content section#sec_doctor_history .history_box .txt_area p:last-child {
  margin-bottom: 0;
}
.doctor .content section#sec_doctor_history .history_box .txt_area p em {
  font-weight: 700;
}
.doctor .content section#sec_doctor_history .history_box .photo {
  width: 41.25%;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_doctor_history .history_box .photo {
    width: 100%;
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_doctor_history .history_box .photo {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_doctor_history .history_box .photo {
    padding: 0 25px;
  }
}
.doctor .content section#sec_doctor_history .history_box .photo img {
  width: 100%;
  height: 400px;
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_doctor_history .history_box .photo img {
    height: auto;
  }
}
.doctor .content section#sec_activity {
  max-width: 1280px;
  margin: 0 auto;
}
.doctor .content section#sec_activity h2 {
  max-width: 1280px;
  margin: 0 auto 60px;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 500;
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_activity h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_activity h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_activity h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_activity h2 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .doctor .content section#sec_activity h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.doctor .content section#sec_activity h3 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #41bdce;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_activity h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_activity h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_activity h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .doctor .content section#sec_activity h3 {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
}
.doctor .content section#sec_activity .activity_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;
  margin-bottom: 60px;
}
.doctor .content section#sec_activity .activity_lead .txt_area {
  width: 46.87%;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_activity .activity_lead .txt_area {
    width: 100%;
    margin-bottom: 30px;
  }
}
.doctor .content section#sec_activity .activity_lead .txt_area p {
  line-height: 2;
}
.doctor .content section#sec_activity .activity_lead .txt_area p em {
  font-weight: 700;
}
.doctor .content section#sec_activity .activity_lead .photo {
  width: 50%;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_activity .activity_lead .photo {
    width: 100%;
  }
}
.doctor .content section#sec_activity .activity_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;
  border: 1px solid #765f4f;
  border-radius: 30px;
  padding: 50px;
  margin-top: 30px;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_activity .activity_box {
    border-radius: 20px;
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_activity .activity_box {
    border-radius: 15px;
  }
}
.doctor .content section#sec_activity .activity_box.activity_vietnam .txt_area {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_activity .activity_box.activity_vietnam .txt_area {
    margin-bottom: 0;
  }
}
.doctor .content section#sec_activity .activity_box .txt_area {
  width: calc(100% - 406px);
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_activity .activity_box .txt_area {
    width: calc(100% - 330px);
  }
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_activity .activity_box .txt_area {
    width: calc(100% - 270px);
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_activity .activity_box .txt_area {
    width: 100%;
    margin-bottom: 20px;
  }
}
.doctor .content section#sec_activity .activity_box .txt_area .country {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .doctor .content section#sec_activity .activity_box .txt_area .country {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
}
.doctor .content section#sec_activity .activity_box .txt_area .flag {
  margin-right: 15px;
}
.doctor .content section#sec_activity .activity_box .txt_area .flag img {
  vertical-align: middle;
}
.doctor .content section#sec_activity .activity_box .photo {
  width: 356px;
}
@media screen and (max-width: 1000px) {
  .doctor .content section#sec_activity .activity_box .photo {
    width: 300px;
  }
}
@media screen and (max-width: 768px) {
  .doctor .content section#sec_activity .activity_box .photo {
    width: 240px;
    margin-top: 70px;
  }
}
@media screen and (max-width: 600px) {
  .doctor .content section#sec_activity .activity_box .photo {
    width: 100%;
    margin-top: 0;
  }
}

.profile header .main_ttl {
  background-image: url(images/bg_main_ttl_profile.jpg);
}
.profile .content section#sec_profile {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 0;
}
.profile .content section#sec_profile .profile_inner {
  background: #eefcff;
  padding: 60px;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_inner {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_inner {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_inner {
    border-radius: 15px;
    padding: 20px;
  }
}
.profile .content section#sec_profile .profile_header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 20px;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header {
    padding: 40px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header {
    padding: 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header {
    margin-bottom: 15px;
  }
}
.profile .content section#sec_profile .profile_header:before {
  content: "";
  width: 382px;
  height: 274px;
  background: url(images/bg_illust_logo_mark_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: -52px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_header:before {
    width: 343.8px;
    height: 246.6px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header:before {
    width: 305.6px;
    height: 219.2px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header:before {
    width: 267.4px;
    height: 191.8px;
  }
}
.profile .content section#sec_profile .profile_header .photo {
  width: 450px;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_header .photo {
    width: 360px;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header .photo {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header .photo {
    margin-bottom: 20px;
  }
}
.profile .content section#sec_profile .profile_header .photo img {
  height: 500px;
  object-fit: cover;
  border-radius: 15px 0 0 15px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header .photo img {
    height: auto;
    border-radius: 15px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header .photo img {
    border-radius: 12px;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic {
  width: calc(100% - 450px);
  padding: 40px 50px;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_header .profile_basic {
    width: calc(100% - 360px);
    padding: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header .profile_basic {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    padding: 0;
    border-radius: 12px;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_header .profile_basic li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_header .profile_basic li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_header .profile_basic li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .profile_basic li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic li.name {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .profile_basic li.name {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic li.name .kana {
  font-size: 16px;
  font-size: 1.6rem;
  color: #765f4f;
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .profile_basic li.name .kana {
    display: inline;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic li.name .kana:after {
  content: none;
}
.profile .content section#sec_profile .profile_header .profile_basic li:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_profile .profile_header .profile_basic li span {
  color: #41bdce;
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .profile_basic li span {
    display: block;
  }
}
.profile .content section#sec_profile .profile_header .profile_basic li span:after {
  content: "： ";
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_header .profile_basic li span:after {
    content: none;
  }
}
.profile .content section#sec_profile .profile_detail {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: 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;
}
.profile .content section#sec_profile .profile_detail .profile_detail_box {
  width: 100%;
  background: #fff;
  border-radius: 12px;
  padding: 40px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box {
    border-radius: 10px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box {
    padding: 25px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_detail_box.box_half {
  width: 49.13%;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box.box_half {
    width: 100%;
  }
}
.profile .content section#sec_profile .profile_detail .profile_detail_box:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_profile .profile_detail .profile_detail_box:last-child .ans em {
  margin-bottom: 0;
}
.profile .content section#sec_profile .profile_detail .profile_detail_box .profile_ttl {
  font-size: 18px;
  font-size: 1.8rem;
  color: #41bdce;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 10px;
  padding-left: 35px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box .profile_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box .profile_ttl {
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box .profile_ttl {
    font-size: 15px;
    font-size: 1.5rem;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box .profile_ttl {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.profile .content section#sec_profile .profile_detail .profile_detail_box .profile_ttl:before {
  content: "";
  width: 26px;
  height: 18px;
  background: url(images/img_icon_chick.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box .profile_ttl:before {
    width: 23.4px;
    height: 16.2px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_detail_box .ans {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box .ans {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.profile .content section#sec_profile .profile_detail .profile_detail_box .ans em {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  background: linear-gradient(transparent 60%, #f9f468 40%);
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box .ans em {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_profile .profile_detail .profile_detail_box .ans em {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type {
  background: #fff;
  border-radius: 12px;
  padding: 40px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type {
    padding: 40px 10px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type {
    padding: 25px 5px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_ttl {
  font-size: 18px;
  font-size: 1.8rem;
  color: #41bdce;
  font-weight: 500;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_ttl {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_list {
    width: 500px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_list {
    width: 100%;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_slider {
  width: 50%;
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider {
    width: 100%;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 1250px) and (max-width: 768px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1250px) and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1250px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider:last-child {
    margin-bottom: 0;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_slider li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider li {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider li {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider li {
    margin-bottom: 15px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_slider li:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div {
  display: inline-block;
  width: 152px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div {
    width: 130px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div {
    width: 90px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div.type_left {
  text-align: right;
  padding-right: 15px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div.type_left {
    padding-right: 10px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div.type_right {
  padding-left: 15px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div.type_right {
    padding-left: 10px;
  }
}
.profile .content section#sec_profile .profile_detail .profile_which_type .type_slider div span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider .slider {
    width: 130px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider .slider {
    width: 90px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_profile .profile_detail .profile_which_type .type_slider .slider {
    width: 70px;
  }
}
.profile .content section#sec_about_doctor {
  max-width: 1360px;
  margin: 0 auto;
}
.profile .content section#sec_about_doctor .sub_ttl {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .sub_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_doctor .sub_ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.profile .content section#sec_about_doctor h2 {
  font-size: 30px;
  font-size: 3rem;
  color: #765f4f;
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_doctor h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.profile .content section#sec_about_doctor .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: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .staff_comment {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .staff_comment {
    display: block;
    margin-bottom: 90px;
  }
}
.profile .content section#sec_about_doctor .staff_comment .staff_photo {
  width: 130px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .staff_comment .staff_photo {
    width: 100px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .staff_comment .staff_photo {
    width: 90px;
    margin: 0 auto;
  }
}
.profile .content section#sec_about_doctor .staff_comment .comment {
  width: 400px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin-left: 40px;
  background: #fcf8ea;
  padding: 20px 30px;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .staff_comment .comment {
    width: calc(100% - 130px);
    font-size: 16px;
    font-size: 1.6rem;
    margin-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .staff_comment .comment {
    width: 100%;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
    margin: 30px 0 0 0;
    padding: 20px;
  }
}
.profile .content section#sec_about_doctor .staff_comment .comment:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 14px solid #fcf8ea;
  border-bottom: 6px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 20px;
  left: -28px;
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .staff_comment .comment:before {
    border-top: 14px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 14px solid #fcf8ea;
    border-left: 6px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.profile .content section#sec_about_doctor .doctor_personality {
  border: 1px solid #765f4f;
  border-radius: 20px;
  padding: 80px 50px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .doctor_personality {
    padding: 70px 30px 30px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .doctor_personality {
    border-radius: 15px;
  }
}
.profile .content section#sec_about_doctor .doctor_personality:before {
  content: "";
  width: 120px;
  height: 141px;
  background: url(images/img_msg_baloon_profile.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -76px;
  left: -19px;
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .doctor_personality:before {
    width: 108px;
    height: 126.9px;
    top: -56px;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .doctor_personality:before {
    width: 96px;
    height: 112.8px;
    top: -56px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .doctor_personality:before {
    top: -70px;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .personality_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.profile .content section#sec_about_doctor .doctor_personality .personality_box {
  width: 32.08%;
  margin: 0% 1.86% 1.86% 0%;
  background: #fcf8ea;
  padding: 35px 30px 30px;
  margin-bottom: 50px;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box {
    width: 49%;
    margin: 0 2% 50px 0;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box {
    padding: 30px 25px 25px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box {
    width: 100%;
    margin: 0 0 50px 0;
    padding: 30px;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .personality_box:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box:last-child {
    margin-bottom: 0;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .personality_box .icon {
  width: 62px;
  height: 62px;
  background: #fcf8ea;
  text-align: center;
  padding-top: 10px;
  border-radius: 100px;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box .icon {
    margin-bottom: 10px;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .personality_box .icon .material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 48; /* 光学サイズ（小さいアイコンなら小さめに） */
  font-size: 42px; /* サイズ */
  color: #765f4f; /* 色 */
}
.profile .content section#sec_about_doctor .doctor_personality .personality_box h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 15px;
  background: #fffefa;
  padding: 8px 10px;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box h3 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.profile .content section#sec_about_doctor .doctor_personality .personality_box .personal_point {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f29600;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
.profile .content section#sec_about_doctor .doctor_personality .personality_box .personal_point span {
  font-family: "Montserrat", serif;
  font-size: 36px;
  font-size: 3.6rem;
}
.profile .content section#sec_about_doctor .doctor_personality .personality_box p {
  text-align: center;
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_about_doctor .doctor_personality .personality_box p {
    text-align: left;
  }
}
.profile .content section#sec_story {
  max-width: 1360px;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}
.profile .content section#sec_story h2 {
  color: #00ab84;
}
.profile .content section#sec_story .lead {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_story .lead {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_story .lead {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
  }
}
.profile .content section#sec_story .story_box {
  padding: 40px;
  margin-bottom: 30px;
  background: #ecf8f4;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .profile .content section#sec_story .story_box {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_story .story_box {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .profile .content section#sec_story .story_box {
    padding: 25px;
  }
}
.profile .content section#sec_story .story_box:last-child {
  margin-bottom: 0;
}
.profile .content section#sec_story .story_box h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #00ab84;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .profile .content section#sec_story .story_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .profile .content section#sec_story .story_box h3 {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.profile .content section#sec_story .story_box h3 span {
  background: linear-gradient(transparent 60%, #f9f468 40%);
}
.profile .content section#sec_story .story_box p {
  margin-bottom: 20px;
}
.profile .content section#sec_story .story_box p:last-child {
  margin-bottom: 0;
}

.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_list {
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 0;
}
.reason .content section#sec_reason_list h2 {
  color: #00ab84;
}
.reason .content section#sec_reason_list .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 500;
  margin-bottom: 130px;
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list .lead {
    margin-bottom: 110px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list .lead {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list .lead {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    margin-bottom: 80px;
  }
}
.reason .content section#sec_reason_list > section {
  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: #d9f8ff;
  border-radius: 30px;
  padding: 94px 50px 50px;
  margin-bottom: 120px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_reason_list > section {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section {
    padding: 50px 40px 40px;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section {
    padding: 40px 30px 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section {
    padding: 30px 25px 25px;
    margin-bottom: 80px;
  }
}
.reason .content section#sec_reason_list > section:last-child {
  margin-bottom: 0;
}
.reason .content section#sec_reason_list > section.reason02 .reason_num {
  left: initial;
  right: 50px;
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list > section.reason02 .reason_num {
    left: -20px;
    right: initial;
  }
}
.reason .content section#sec_reason_list > section.reason02 .txt_area {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.reason .content section#sec_reason_list > section.reason02 .photo {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.reason .content section#sec_reason_list > section .reason_num {
  position: absolute;
  top: -84px;
  left: 35px;
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list > section .reason_num {
    left: -20px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section .reason_num {
    top: -70px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section .reason_num {
    top: -60px;
    left: -10px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_reason_list > section .reason_num {
    top: -50px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section .reason_num img {
    width: 213.3px;
    height: 139.5px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section .reason_num img {
    width: 189.6px;
    height: 124px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section .reason_num img {
    width: 165.9px;
    height: 108.5px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_reason_list > section .reason_num img {
    width: 142.2px;
    height: 93px;
  }
}
.reason .content section#sec_reason_list > section .txt_area {
  width: calc(100% - 560px);
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_reason_list > section .txt_area {
    width: calc(100% - 420px);
  }
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list > section .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.reason .content section#sec_reason_list > section .txt_area h3 {
  font-size: 30px;
  font-size: 3rem;
  letter-spacing: 4px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 30px;
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_reason_list > section .txt_area h3 {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section#sec_reason_list > section .txt_area h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section .txt_area h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section .txt_area h3 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section#sec_reason_list > section .txt_area h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.reason .content section#sec_reason_list > section .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.9;
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section#sec_reason_list > section .txt_area p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.reason .content section#sec_reason_list > section .photo {
  width: 520px;
}
@media screen and (max-width: 1250px) {
  .reason .content section#sec_reason_list > section .photo {
    width: 380px;
  }
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list > section .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;
  }
}
.reason .content section#sec_reason_list > section .photo img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .reason .content section#sec_reason_list > section .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section#sec_reason_list > section .photo img {
    border-radius: 15px;
  }
}

.welfare header .main_ttl {
  background-image: url(images/bg_main_ttl_welfare.jpg);
}
.welfare .content section h2 {
  color: #00ab84;
}
.welfare .content section#sec_welfare {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 0;
}
.welfare .content section#sec_welfare .lead {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .lead {
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .lead {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
}
.welfare .content section#sec_welfare .lead span {
  display: block;
}
.welfare .content section#sec_welfare .welfare_cat {
  padding: 0;
}
.welfare .content section#sec_welfare .welfare_cat.cat_allowance .welfare_box {
  background: #e9fdf9;
}
.welfare .content section#sec_welfare .welfare_cat.cat_allowance .welfare_box h4 {
  color: #42cfca;
}
.welfare .content section#sec_welfare .welfare_cat.cat_allowance .welfare_box .point .point_comment {
  background: #f7fffe;
}
.welfare .content section#sec_welfare .welfare_cat.cat_education .welfare_box {
  background: #ebfbf5;
}
.welfare .content section#sec_welfare .welfare_cat.cat_education .welfare_box h4 {
  color: #42cfb9;
}
.welfare .content section#sec_welfare .welfare_cat.cat_education .welfare_box .point .point_comment {
  background: #fafffd;
}
.welfare .content section#sec_welfare .welfare_cat h3 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_cat h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_cat h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_cat h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_cat h3 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .welfare_cat h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.welfare .content section#sec_welfare .welfare_cat h3 span {
  position: relative;
}
.welfare .content section#sec_welfare .welfare_cat h3 span:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #efe02e;
  border-radius: 100px;
  position: absolute;
  top: 55%;
  left: -20px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_cat h3 span:before {
    width: 8px;
    height: 8px;
  }
}
.welfare .content section#sec_welfare .welfare_cat h3 span:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #efe02e;
  border-radius: 100px;
  position: absolute;
  top: 55%;
  right: -15px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_cat h3 span:after {
    width: 8px;
    height: 8px;
  }
}
.welfare .content section#sec_welfare .welfare_cat .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: 40px;
}
.welfare .content section#sec_welfare .welfare_cat .welfare_box {
  width: 48.43%;
  margin: 0% 3.12% 3.12% 0%;
  background: #eefcff;
  padding: 40px 50px 50px;
  border-radius: 30px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box {
    padding: 40px 30px 30px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box {
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box {
    padding: 30px 25px 25px;
  }
}
.welfare .content section#sec_welfare .welfare_cat .welfare_box:nth-child(even) {
  margin-right: 0;
}
.welfare .content section#sec_welfare .welfare_cat .welfare_box h4 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #41bdce;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box h4 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box h4 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.welfare .content section#sec_welfare .welfare_cat .welfare_box h4 span {
  display: inline-block;
}
.welfare .content section#sec_welfare .welfare_cat .welfare_box .photo {
  margin-bottom: 20px;
}
.welfare .content section#sec_welfare .welfare_cat .welfare_box .photo img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1250px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box .photo img {
    height: 260px;
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box .photo img {
    height: 220px;
  }
}
@media screen and (max-width: 768px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box .photo img {
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box .photo img {
    border-radius: 15px;
  }
}
.welfare .content section#sec_welfare .welfare_cat .welfare_box p {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 600px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.welfare .content section#sec_welfare .welfare_cat .welfare_box .point .point_ttl {
  position: relative;
  bottom: -17px;
  left: -30px;
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box .point .point_ttl {
    left: -20px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box .point .point_ttl {
    bottom: -20px;
    left: -15px;
  }
}
@media screen and (max-width: 1000px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box .point .point_ttl img {
    width: 91.8px;
    height: 73.8px;
  }
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box .point .point_ttl img {
    width: 81.6px;
    height: 65.6px;
  }
}
.welfare .content section#sec_welfare .welfare_cat .welfare_box .point .point_comment {
  background: #fdffff;
  padding: 30px;
  border-radius: 15px;
}
@media screen and (max-width: 480px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box .point .point_comment {
    padding: 30px 25px 25px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 400px) {
  .welfare .content section#sec_welfare .welfare_cat .welfare_box .point .point_comment {
    padding: 30px 20px 20px;
  }
}
.welfare .content section#sec_welfare .welfare_cat .welfare_box p .comment {
  display: block;
  font-size: 85%;
  font-weight: bold;
  margin: 15px 0 5px;
}

.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-bottom: 0;
}
.gallery .content section.sec_gallery .gallery_box {
  background: #e4f4ff;
  padding: 80px 60px 29px;
  margin-bottom: 40px;
  border-radius: 18px;
}
@media screen and (max-width: 1250px) {
  .gallery .content section.sec_gallery .gallery_box {
    padding: 80px 40px 19px;
  }
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery .gallery_box {
    padding: 70px 30px 25px;
  }
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .gallery_box {
    padding: 60px 30px 20px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .gallery_box {
    border-radius: 15px;
  }
}
@media screen and (max-width: 400px) {
  .gallery .content section.sec_gallery .gallery_box {
    margin-bottom: 20px;
  }
}
.gallery .content section.sec_gallery .gallery_box h2 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #765f4f;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery .gallery_box h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .gallery_box h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .gallery_box h2 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .gallery .content section.sec_gallery .gallery_box h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.gallery .content section.sec_gallery .gallery_box h2:before {
  content: "";
  width: 26px;
  height: 18px;
  background: url(images/img_icon_chick.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .gallery_box h2:before {
    width: 23.4px;
    height: 16.2px;
    top: -22px;
  }
}
.gallery .content section.sec_gallery .gallery_box h2 span {
  display: inline-block;
}
.gallery .content section.sec_gallery .gallery_box .lead {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .gallery_box .lead {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .gallery_box .lead {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.gallery .content section.sec_gallery .gallery_box h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 600;
  letter-spacing: 2px;
  background: #41bdce;
  padding: 12px 40px;
  border-radius: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .gallery .content section.sec_gallery .gallery_box h3 {
    padding: 10px 25px;
  }
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .gallery_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px 25px;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .gallery_box h3 {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 8px 20px;
    border-radius: 8px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 400px) {
  .gallery .content section.sec_gallery .gallery_box h3 {
    padding: 6px 20px;
  }
}
.gallery .content section.sec_gallery .gallery_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.gallery .content section.sec_gallery .gallery_list:last-child {
  margin-bottom: 0;
}
.gallery .content section.sec_gallery .gallery_list li {
  width: 31.55%;
  margin: 0% 2.67% 2.67% 0%;
}
@media screen and (max-width: 1000px) {
  .gallery .content section.sec_gallery .gallery_list li {
    width: 49%;
    margin: 0 2% 15px 0;
  }
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .gallery_list li {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .gallery_list li {
    width: 100%;
    margin-right: 0;
  }
}
.gallery .content section.sec_gallery .gallery_list li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .gallery .content section.sec_gallery .gallery_list li:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .gallery_list li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .gallery .content section.sec_gallery .gallery_list li:nth-child(even) {
    margin-right: 0;
  }
}
.gallery .content section.sec_gallery .gallery_list li img {
  width: 100%;
  border-radius: 10px;
}
@media screen and (max-width: 1000px) {
  .gallery .content section.sec_gallery .gallery_list li img {
    border-radius: 8px;
  }
}
.gallery .content section.sec_gallery .gallery_list li p {
  margin-top: 10px;
}
.gallery .content section.sec_gallery .outro {
  margin-top: 40px;
}
.gallery .content section.sec_gallery .outro .btn_more a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .gallery .content section.sec_gallery .outro .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .gallery .content section.sec_gallery .outro .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.gallery .content section.sec_gallery .outro .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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) {
  .gallery .content section.sec_gallery .outro .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .gallery .content section.sec_gallery .outro .btn_more a:after {
    right: 15px;
  }
}
.gallery .content section.sec_gallery .outro .btn_more a:hover {
  opacity: 1;
}
.gallery .content section.sec_gallery .outro .btn_more a:hover:after {
  right: 20px;
}
.gallery .content section.sec_gallery .outro .btn_more a {
  margin: 30px auto 0 0;
}

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

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

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

.visitor header .main_ttl {
  background-image: url(images/bg_main_ttl_visitor.jpg);
}
.visitor .content section#sec_flow {
  padding-bottom: 20px;
}
.visitor .content section#sec_flow .step_flow {
  background: #eefcff;
  padding: 60px;
  border-radius: 20px;
}
@media screen and (max-width: 1250px) {
  .visitor .content section#sec_flow .step_flow {
    padding: 50px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_flow .step_flow {
    padding: 50px 40px 40px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_flow .step_flow {
    padding: 40px 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_flow .step_flow {
    padding: 35px 25px 25px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_flow .step_flow {
    padding: 35px 20px 25px;
  }
}
.visitor .content section#sec_flow .step_flow .step_box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
  margin-bottom: 80px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_flow .step_flow .step_box {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_flow .step_flow .step_box {
    padding: 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_flow .step_flow .step_box {
    padding: 35px 25px 25px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_flow .step_flow .step_box {
    margin-bottom: 30px;
  }
}
.visitor .content section#sec_flow .step_flow .step_box:last-child {
  margin-bottom: 0;
}
.visitor .content section#sec_flow .step_flow .step_num {
  position: absolute;
  top: -45px;
  left: -45px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_flow .step_flow .step_num {
    top: -32px;
    left: -42px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_flow .step_flow .step_num {
    top: -24px;
    left: -38px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_flow .step_flow .step_num {
    top: -18px;
    left: -34px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_flow .step_flow .step_num {
    top: -14px;
    left: -30px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_flow .step_flow .step_num {
    top: -8px;
    left: -28px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_flow .step_flow .step_num img {
    width: 122.4px;
    height: 88.2px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_flow .step_flow .step_num img {
    width: 108.8px;
    height: 78.4px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_flow .step_flow .step_num img {
    width: 95.2px;
    height: 68.6px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_flow .step_flow .step_num img {
    width: 81.6px;
    height: 58.8px;
  }
}
.visitor .content section#sec_flow .step_flow .step_detail {
  width: calc(100% - 400px);
  margin-top: 50px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_flow .step_flow .step_detail {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 0;
  }
}
.visitor .content section#sec_flow .step_flow .step_detail .ttl {
  font-size: 24px;
  font-size: 2.4rem;
  color: #41bdce;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_flow .step_flow .step_detail .ttl {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_flow .step_flow .step_detail .ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_flow .step_flow .step_detail .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.visitor .content section#sec_flow .step_flow .step_detail p {
  font-weight: 500;
}
.visitor .content section#sec_flow .step_flow .step_detail .btn_more a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_flow .step_flow .step_detail .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_flow .step_flow .step_detail .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.visitor .content section#sec_flow .step_flow .step_detail .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_flow .step_flow .step_detail .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_flow .step_flow .step_detail .btn_more a:after {
    right: 15px;
  }
}
.visitor .content section#sec_flow .step_flow .step_detail .btn_more a:hover {
  opacity: 1;
}
.visitor .content section#sec_flow .step_flow .step_detail .btn_more a:hover:after {
  right: 20px;
}
.visitor .content section#sec_flow .step_flow .step_detail .btn_more a {
  max-width: 352px;
  margin: 30px auto 0 0;
  padding: 18px 20px;
  line-height: 1.4;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_flow .step_flow .step_detail .btn_more a {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_flow .step_flow .step_detail .btn_more a {
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_flow .step_flow .step_detail .btn_more a {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_flow .step_flow .step_detail .btn_more a {
    padding: 12px 20px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_flow .step_flow .step_detail .btn_more a {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_flow .step_flow .step_detail .btn_more a:after {
    right: 15px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_flow .step_flow .step_detail .btn_more a span {
    display: block;
  }
}
.visitor .content section#sec_flow .step_flow .step_detail .note {
  margin-top: 20px;
}
.visitor .content section#sec_flow .step_flow .step_detail .note li {
  font-size: 13px;
  font-size: 1.3rem;
  color: #ea1b1b;
  font-weight: 500;
  padding-left: 1em;
  text-indent: -1em;
}
.visitor .content section#sec_flow .step_flow .photo {
  width: 360px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_flow .step_flow .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_flow .step_flow .photo {
    margin-bottom: 20px;
  }
}
.visitor .content section#sec_flow .step_flow .photo img {
  width: 100%;
  border-radius: 15px;
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_flow .step_flow .photo img {
    border-radius: 10px;
  }
}
.visitor .content section#sec_clinic_tour {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.visitor .content section#sec_clinic_tour .tour_lead {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_clinic_tour .tour_lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_clinic_tour .tour_lead {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_clinic_tour .tour_lead {
    margin-bottom: 30px;
  }
}
.visitor .content section#sec_clinic_tour .tour_lead .txt_area {
  width: calc(100% - 500px);
}
@media screen and (max-width: 1250px) {
  .visitor .content section#sec_clinic_tour .tour_lead .txt_area {
    width: calc(100% - 440px);
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_clinic_tour .tour_lead .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.visitor .content section#sec_clinic_tour .tour_lead .txt_area p {
  font-weight: 500;
  margin-bottom: 30px;
}
.visitor .content section#sec_clinic_tour .tour_lead .txt_area .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: 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;
}
.visitor .content section#sec_clinic_tour .tour_lead .txt_area .staff_comment .staff_photo {
  width: 90px;
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_clinic_tour .tour_lead .txt_area .staff_comment .staff_photo {
    width: 90px;
    margin: 0 auto;
  }
}
.visitor .content section#sec_clinic_tour .tour_lead .txt_area .staff_comment .comment {
  width: calc(100% - 120px);
  margin-left: 30px;
  background: #eefcff;
  font-weight: 500;
  padding: 20px 25px;
  border-radius: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_clinic_tour .tour_lead .txt_area .staff_comment .comment {
    width: calc(100% - 130px);
    margin-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_clinic_tour .tour_lead .txt_area .staff_comment .comment {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 20px;
  }
}
.visitor .content section#sec_clinic_tour .tour_lead .txt_area .staff_comment .comment:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 14px solid #eefcff;
  border-bottom: 6px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 20px;
  left: -28px;
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_clinic_tour .tour_lead .txt_area .staff_comment .comment:before {
    border-top: 14px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 14px solid #eefcff;
    border-left: 6px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.visitor .content section#sec_clinic_tour .tour_lead .photo {
  width: 440px;
}
@media screen and (max-width: 1250px) {
  .visitor .content section#sec_clinic_tour .tour_lead .photo {
    width: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_clinic_tour .tour_lead .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
.visitor .content section#sec_clinic_tour .tour_lead .photo img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_clinic_tour .tour_lead .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_clinic_tour .tour_lead .photo img {
    border-radius: 15px;
  }
}
.visitor .content section#sec_clinic_tour .tour_detail {
  margin-bottom: 40px;
}
.visitor .content section#sec_clinic_tour .tour_detail h3 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: 2px;
  background: #41bdce;
  border-radius: 10px;
  padding: 15px 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_clinic_tour .tour_detail h3 {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 12px 25px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_clinic_tour .tour_detail h3 {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
    border-radius: 8px;
  }
}
.visitor .content section#sec_clinic_tour .tour_detail .need_stuff li {
  padding-left: 12px;
  font-weight: 500;
  margin-bottom: 5px;
  position: relative;
}
.visitor .content section#sec_clinic_tour .tour_detail .need_stuff li:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #41bdce;
  border-radius: 100%;
  position: absolute;
  top: 12px;
  left: 0;
}
.visitor .content section#sec_clinic_tour .tour_detail .need_stuff li.note {
  color: #ea1b1b;
  margin-bottom: 0;
}
.visitor .content section#sec_clinic_tour .tour_detail .need_stuff li.note:before {
  content: none;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_flow .flow_list li {
  margin-bottom: 20px;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_flow .flow_list li:last-child {
  margin-bottom: 0;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_flow .flow_list li .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 5px;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_clinic_tour .tour_detail.tour_flow .flow_list li .ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_flow .flow_list li .ttl a {
  color: #765f4f;
  text-decoration: underline;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_flow .flow_list li .txt {
  padding-left: 1em;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_flow .flow_list li .note {
  color: #41bdce;
  padding-left: 1em;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_schedule p {
  margin-bottom: 5px;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_schedule p:last-child {
  margin-bottom: 0;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_schedule p.time {
  font-weight: 700;
  line-height: 2;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_schedule p.note {
  font-weight: 700;
  color: #ea1b1b;
}
.visitor .content section#sec_clinic_tour .tour_detail.tour_schedule .schedule {
  background: #eefcff;
  padding: 30px;
  margin-top: 30px;
  border-radius: 15px;
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_clinic_tour .tour_detail.tour_schedule .schedule {
    padding: 20px;
  }
}
.visitor .content section#sec_clinic_tour .btn_more a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_clinic_tour .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_clinic_tour .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.visitor .content section#sec_clinic_tour .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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_clinic_tour .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_clinic_tour .btn_more a:after {
    right: 15px;
  }
}
.visitor .content section#sec_clinic_tour .btn_more a:hover {
  opacity: 1;
}
.visitor .content section#sec_clinic_tour .btn_more a:hover:after {
  right: 20px;
}
.visitor .content section#sec_online {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.visitor .content section#sec_online .online_box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 30px;
}
.visitor .content section#sec_online .online_box .txt_area {
  width: calc(100% - 500px);
}
@media screen and (max-width: 1250px) {
  .visitor .content section#sec_online .online_box .txt_area {
    width: calc(100% - 440px);
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_online .online_box .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.visitor .content section#sec_online .online_box .txt_area p {
  font-weight: 500;
}
.visitor .content section#sec_online .online_box .txt_area ul {
  margin: 30px 0;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_online .online_box .txt_area ul {
    margin: 20px 0;
  }
}
.visitor .content section#sec_online .online_box .txt_area ul li {
  color: #41bdce;
  font-weight: 500;
  margin-bottom: 5px;
}
.visitor .content section#sec_online .online_box .txt_area ul li:last-child {
  margin-bottom: 0;
}
.visitor .content section#sec_online .online_box .txt_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_online .online_box .txt_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_online .online_box .txt_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.visitor .content section#sec_online .online_box .txt_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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_online .online_box .txt_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_online .online_box .txt_area .btn_more a:after {
    right: 15px;
  }
}
.visitor .content section#sec_online .online_box .txt_area .btn_more a:hover {
  opacity: 1;
}
.visitor .content section#sec_online .online_box .txt_area .btn_more a:hover:after {
  right: 20px;
}
.visitor .content section#sec_online .online_box .txt_area .btn_more a {
  max-width: 390px;
  margin: 50px auto 0 0;
  letter-spacing: 0;
}
.visitor .content section#sec_online .online_box .photo {
  width: 440px;
}
@media screen and (max-width: 1250px) {
  .visitor .content section#sec_online .online_box .photo {
    width: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_online .online_box .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
.visitor .content section#sec_online .online_box .photo img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_online .online_box .photo img {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_online .online_box .photo img {
    height: auto;
  }
}
.visitor .content section#sec_online .note {
  background: #fdfaed;
  padding: 30px;
  margin-bottom: 40px;
  border-radius: 15px;
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_online .note {
    padding: 20px;
  }
}
.visitor .content section#sec_online .note li {
  color: #ea1b1b;
  font-weight: 500;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 5px;
}
.visitor .content section#sec_online .note li:last-child {
  margin-bottom: 0;
}
.visitor .content section#sec_online .btn_more a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_online .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_online .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.visitor .content section#sec_online .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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_online .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section#sec_online .btn_more a:after {
    right: 15px;
  }
}
.visitor .content section#sec_online .btn_more a:hover {
  opacity: 1;
}
.visitor .content section#sec_online .btn_more a:hover:after {
  right: 20px;
}
.visitor .content section#sec_entryform {
  max-width: 1360px;
  margin: 0 auto;
}
.visitor .content section#sec_entryform h2 .ttl_en {
  text-align: center;
  color: #41bdce;
}
.visitor .content section#sec_entryform h2 .ttl_jp {
  text-align: center;
}
.visitor .content section#sec_entryform .lead {
  margin-bottom: 30px;
}
.visitor .content section#sec_entryform .wpcf7-form {
  max-width: 100%;
  background: #eefcff;
  padding: 60px 70px 40px;
  margin-bottom: 0;
  border-radius: 12px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section#sec_entryform .wpcf7-form {
    padding: 40px 40px 20px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_entryform .wpcf7-form {
    padding: 30px 25px 10px;
    border-radius: 10px;
  }
}
.visitor .content section#sec_entryform .wpcf7-form table {
  margin-bottom: 20px;
}
.visitor .content section#sec_entryform .wpcf7-form table th,
.visitor .content section#sec_entryform .wpcf7-form table td {
  padding: 12px;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_entryform .wpcf7-form table th,
  .visitor .content section#sec_entryform .wpcf7-form table td {
    display: block;
    width: 100%;
  }
}
.visitor .content section#sec_entryform .wpcf7-form table th {
  font-weight: 500;
  vertical-align: top;
  padding-top: 15px;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_entryform .wpcf7-form table th {
    padding: 12px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_entryform .wpcf7-form table td {
    padding-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_entryform .wpcf7-form table td {
    padding: 5px 0 12px;
  }
}
.visitor .content section#sec_entryform .wpcf7-form table td input[type=text],
.visitor .content section#sec_entryform .wpcf7-form table td input[type=tel],
.visitor .content section#sec_entryform .wpcf7-form table td input[type=email] {
  height: 50px;
  border: none;
  background: #fffefc;
  padding: 10px;
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_entryform .wpcf7-form table td input[type=text],
  .visitor .content section#sec_entryform .wpcf7-form table td input[type=tel],
  .visitor .content section#sec_entryform .wpcf7-form table td input[type=email] {
    height: 40px;
  }
}
.visitor .content section#sec_entryform .wpcf7-form table td p {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_entryform .wpcf7-form table td p {
    margin-bottom: 5px;
  }
}
.visitor .content section#sec_entryform .wpcf7-form table td input[type=tel] {
  max-width: 360px;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_entryform .wpcf7-form table td input[type=tel] {
    max-width: 100%;
  }
}
.visitor .content section#sec_entryform .wpcf7-form table td.your_name input[type=text] {
  max-width: 360px;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_entryform .wpcf7-form table td.your_name input[type=text] {
    max-width: 100%;
  }
}
.visitor .content section#sec_entryform .wpcf7-form table td .select_jobcat {
  width: 218px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_entryform .wpcf7-form table td .select_jobcat {
    width: 100%;
  }
}
.visitor .content section#sec_entryform .wpcf7-form table td .select_jobcat:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid #5772b5;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  top: 50%;
  right: 20px;
}
.visitor .content section#sec_entryform .wpcf7-form table td .select_jobcat select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 218px;
  padding: 15px 20px;
  border: none;
  border-radius: 4px;
}
@media screen and (max-width: 600px) {
  .visitor .content section#sec_entryform .wpcf7-form table td .select_jobcat select {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section#sec_entryform .wpcf7-form table td .select_jobcat select {
    padding: 10px 20px;
  }
}
.visitor .content section#sec_entryform .wpcf7-form .link_privacy {
  color: #4b92e4;
  text-align: center;
  text-decoration: underline;
}

.works header .main_ttl {
  background-image: url(images/bg_main_ttl_works.jpg);
}
.works .content section#sec_dayflow {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.works .content section#sec_dayflow h3 {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 60px;
}
.works .content section#sec_dayflow .works_lead {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 50px;
}
.works .content section#sec_dayflow .works_lead .txt_area {
  width: calc(100% - 660px);
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_dayflow .works_lead .txt_area {
    width: calc(100% - 560px);
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_lead .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.works .content section#sec_dayflow .works_lead .txt_area p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_lead .txt_area p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_lead .txt_area p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.works .content section#sec_dayflow .works_lead .txt_area p:last-child {
  margin-bottom: 0;
}
.works .content section#sec_dayflow .works_lead .photo {
  width: 620px;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_dayflow .works_lead .photo {
    width: 520px;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_lead .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_lead .photo {
    margin-bottom: 20px;
  }
}
.works .content section#sec_dayflow .works_lead .photo img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_lead .photo img {
    border-radius: 20px;
  }
}
.works .content section#sec_dayflow .works_detail {
  background: #e4f4ff;
  border-radius: 20px;
  padding: 60px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail {
    padding: 50px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail {
    border-radius: 15px;
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail {
    padding: 30px 25px;
  }
}
.works .content section#sec_dayflow .works_detail.active {
  display: block;
}
.works .content section#sec_dayflow .works_detail#type_dh #sec_job_description .job_description_box ul {
  display: block;
  column-count: 2;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail#type_dh #sec_job_description .job_description_box ul {
    column-count: 1;
  }
}
.works .content section#sec_dayflow .works_detail#type_dh #sec_job_description .job_description_box ul li {
  width: auto;
  break-inside: avoid;
}
.works .content section#sec_dayflow .works_detail > section:last-child {
  margin-bottom: 0;
}
.works .content section#sec_dayflow .works_detail #sec_working_hours .working_hours_list {
  margin-bottom: 20px;
}
.works .content section#sec_dayflow .works_detail #sec_working_hours .working_hours_list > dl {
  background: #fff;
  padding: 40px;
  border-radius: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail #sec_working_hours .working_hours_list > dl {
    width: 100%;
    padding: 30px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail #sec_working_hours .working_hours_list > dl {
    padding: 25px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail #sec_working_hours .working_hours_list > dl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.works .content section#sec_dayflow .works_detail #sec_working_hours .working_hours_list > dl dt {
  color: #41bdce;
  font-weight: 700;
  margin-top: 20px;
}
.works .content section#sec_dayflow .works_detail #sec_working_hours .working_hours_list > dl dt:first-child {
  margin-top: 0;
}
.works .content section#sec_dayflow .works_detail #sec_working_hours .working_hours_list > dl dd {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
.works .content section#sec_dayflow .works_detail #sec_working_hours .working_hours_list > dl dd + dd {
  margin-top: 10px;
}
.works .content section#sec_dayflow .works_detail #sec_working_hours .working_hours_list > dl dd span {
  display: inline-block;
}
.works .content section#sec_dayflow .works_detail #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;
  background: #fff;
  padding: 40px 50px;
  border-radius: 15px;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .day_flow_box {
    padding: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .day_flow_box {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .day_flow_box {
    border-radius: 10px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .day_flow_box {
    padding: 25px;
  }
}
.works .content section#sec_dayflow .works_detail #sec_flow .day_flow_box:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 30px solid #c3e2f7;
  border-right: 100px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 100px solid transparent;
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .day_flow_box:after {
    border-top: 20px solid #c3e2f7;
    border-right: 80px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 80px solid transparent;
    position: absolute;
    bottom: -40px;
  }
}
.works .content section#sec_dayflow .works_detail #sec_flow .day_flow_box:last-child {
  margin-bottom: 0;
}
.works .content section#sec_dayflow .works_detail #sec_flow .day_flow_box:last-child:after {
  content: none;
}
.works .content section#sec_dayflow .works_detail #sec_flow .time {
  width: 15.09%;
  font-family: "Montserrat", serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 2px;
  padding-right: 20px;
  padding-left: 28px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .time {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .time {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .time {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.works .content section#sec_dayflow .works_detail #sec_flow .time:before {
  font-family: "Material Symbols Outlined";
  content: "\e8b5";
  font-size: 26px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20;
  margin-right: 5px;
  position: absolute;
  top: -1px;
  left: 0;
	/* これを追加（iPad Safari対策） */
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-variant-ligatures: normal;
}
.works .content section#sec_dayflow .works_detail #sec_flow .time span {
  display: inline-block;
}
.works .content section#sec_dayflow .works_detail #sec_flow .day_flow_content {
  width: 52.83%;
  padding-right: 50px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .day_flow_content {
    width: calc(100% - 240px);
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .day_flow_content {
    width: 100%;
    padding-right: 0;
  }
}
.works .content section#sec_dayflow .works_detail #sec_flow .day_flow_content:last-child {
  margin-bottom: 0;
}
.works .content section#sec_dayflow .works_detail #sec_flow .day_flow_content .day_flow_ttl {
  font-size: 18px;
  font-size: 1.8rem;
  color: #41bdce;
  font-weight: 700;
  text-align: left;
  line-height: 1.2;
  letter-spacing: 2px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .day_flow_content .day_flow_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .day_flow_content .day_flow_ttl {
    font-size: 17px;
    font-size: 1.7rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .day_flow_content .day_flow_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.works .content section#sec_dayflow .works_detail #sec_flow .day_flow_content .day_flow_txt {
  font-weight: 500;
  margin-top: 5px;
}
.works .content section#sec_dayflow .works_detail #sec_flow .photo {
  width: 32.07%;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .photo {
    width: 240px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .photo {
    width: 100%;
    margin-top: 20px;
  }
}
.works .content section#sec_dayflow .works_detail #sec_flow .photo img {
  width: 100%;
  border-radius: 15px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail #sec_flow .photo img {
    border-radius: 10px;
  }
}
.works .content section#sec_dayflow .works_detail #sec_job_description .job_description_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;
}
.works .content section#sec_dayflow .works_detail #sec_job_description .job_description_box {
  width: 48.7%;
  margin: 0% 2.41% 2.41% 0%;
  background: #fff;
  padding: 35px 40px;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail #sec_job_description .job_description_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail #sec_job_description .job_description_box {
    padding: 25px 30px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail #sec_job_description .job_description_box {
    padding: 20px 25px;
  }
}
.works .content section#sec_dayflow .works_detail #sec_job_description .job_description_box:nth-child(even) {
  margin-right: 0;
}
.works .content section#sec_dayflow .works_detail #sec_job_description .job_description_box:nth-child(n+5) {
  margin-bottom: 0;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail #sec_job_description .job_description_box:nth-child(5) {
    margin-bottom: 15px;
  }
}
.works .content section#sec_dayflow .works_detail #sec_job_description .job_description_box .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  color: #41bdce;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail #sec_job_description .job_description_box .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.works .content section#sec_dayflow .works_detail #sec_job_description .job_description_box .lead {
  margin-bottom: 15px;
  font-weight: 500;
}
.works .content section#sec_dayflow .works_detail #sec_job_description .job_description_box ul {
  background: #f4fbff;
  padding: 20px 25px;
  border-radius: 10px;
}
.works .content section#sec_dayflow .works_detail #sec_job_description .job_description_box ul li {
  font-weight: 500;
  margin-bottom: 5px;
  padding: 0 40px 0 12px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail #sec_job_description .job_description_box ul li {
    width: 100%;
    padding-right: 0;
  }
}
.works .content section#sec_dayflow .works_detail #sec_job_description .job_description_box ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #41bdce;
  border-radius: 100px;
  position: absolute;
  top: 11px;
  left: 0;
}
.works .content section#sec_dayflow .works_detail #sec_job_career .career_step {
  background: #fff;
  padding: 40px;
  border-radius: 15px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail #sec_job_career .career_step {
    padding: 30px;
  }
}
.works .content section#sec_dayflow .works_detail #sec_job_career .lead {
  font-weight: 500;
}
.works .content section#sec_dayflow .works_detail #sec_job_career .career_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;
}
.works .content section#sec_dayflow .works_detail #sec_job_career .career_box {
  width: 23.61%;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail #sec_job_career .career_box {
    width: 48%;
    margin: 0 4% 40px 0;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail #sec_job_career .career_box {
    width: 100%;
    margin-right: 0;
  }
}
.works .content section#sec_dayflow .works_detail #sec_job_career .career_box:nth-child(even) {
  margin-right: 0;
}
.works .content section#sec_dayflow .works_detail #sec_job_career .num {
  width: 30px;
  height: 30px;
  background: #41bdce;
  font-family: "Montserrat", serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  border-radius: 100px;
  position: absolute;
  top: -7px;
  left: -7px;
}
.works .content section#sec_dayflow .works_detail #sec_job_career .photo {
  margin-bottom: 10px;
}
.works .content section#sec_dayflow .works_detail #sec_job_career .photo img {
  width: 100%;
  border-radius: 12px;
}
.works .content section#sec_dayflow .works_detail #sec_job_career .txt {
  font-weight: 700;
  color: #41bdce;
}
.works .content section#sec_dayflow .works_detail .sub_sec {
  padding: 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail .sub_sec {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_dayflow .works_detail .sub_sec {
    margin-bottom: 40px;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec h4 {
  background: #41bdce;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  padding: 12px 40px;
  margin-bottom: 30px;
  border-radius: 10px;
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_dayflow .works_detail .sub_sec h4 {
    padding: 12px 30px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_dayflow .works_detail .sub_sec h4 {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px 30px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail .sub_sec h4 {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px 25px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_dayflow .works_detail .sub_sec h4 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.works .content section#sec_dayflow .works_detail .sub_sec .lead {
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_dayflow .works_detail .sub_sec .lead {
    margin-bottom: 20px;
  }
}
.works .content section#sec_feature {
  padding-bottom: 0;
}
.works .content section#sec_feature h2 {
  color: #00ab84;
}
.works .content section#sec_feature .feature_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;
  padding-top: 47px;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_feature .feature_list {
    padding-top: 60px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_feature .feature_list {
    padding-top: 50px;
  }
}
.works .content section#sec_feature .feature_box {
  width: 48.43%;
  background: #e2f6ee;
  padding: 40px 50px;
  border-radius: 30px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_feature .feature_box {
    padding: 40px 30px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_feature .feature_box {
    width: 100%;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_feature .feature_box {
    margin-bottom: 80px;
    padding: 40px 30px 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_feature .feature_box {
    padding: 35px 25px 30px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_feature .feature_box:last-child {
    margin-bottom: 0;
  }
}
.works .content section#sec_feature .feature_num {
  position: absolute;
  top: -47px;
  left: -10px;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_feature .feature_num {
    top: -60px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_feature .feature_num {
    top: -80px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_feature .feature_num {
    top: -70px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_feature .feature_num {
    top: -55px;
  }
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_feature .feature_num img {
    width: 99.9px;
    height: 100.8px;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_feature .feature_num img {
    width: 88.8px;
    height: 89.6px;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_feature .feature_num img {
    width: 111px;
    height: 112px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_feature .feature_num img {
    width: 99.9px;
    height: 100.8px;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_feature .feature_num img {
    width: 88.8px;
    height: 89.6px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_feature .feature_num img {
    width: 77.7px;
    height: 78.4px;
  }
}
.works .content section#sec_feature h3 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #00ab84;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_feature h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .works .content section#sec_feature h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .works .content section#sec_feature h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_feature h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_feature h3 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 400px) {
  .works .content section#sec_feature h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.works .content section#sec_feature .photo {
  margin-bottom: 20px;
}
.works .content section#sec_feature .photo img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 1250px) {
  .works .content section#sec_feature .photo img {
    border-radius: 15px;
  }
}
@media screen and (max-width: 600px) {
  .works .content section#sec_feature .photo img {
    border-radius: 10px;
  }
}
.works .content section#sec_feature .txt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9;
}
@media screen and (max-width: 600px) {
  .works .content section#sec_feature .txt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .works .content section#sec_feature .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.new-graduate #btn_fixed_new_graduate {
  display: none !important;
}
.new-graduate header .main_ttl {
  background-image: url(images/bg_main_ttl_new_graduate.jpg);
}
.new-graduate .content section#sec_reason {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.new-graduate .content section#sec_reason h2 {
  font-size: 30px;
  font-size: 3rem;
  color: #765f4f;
  letter-spacing: 3px;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_reason h2 {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_reason h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_reason h2 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_reason h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.new-graduate .content section#sec_reason .reason_box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #d9f8ff;
  padding: 60px;
  margin-bottom: 90px;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_reason .reason_box {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 50px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_reason .reason_box {
    padding: 45px 40px 40px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason .reason_box {
    border-radius: 15px;
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_reason .reason_box {
    padding: 35px 30px 30px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_reason .reason_box {
    padding: 30px 25px 25px;
  }
}
.new-graduate .content section#sec_reason .reason_box.reason02 .txt_area {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.new-graduate .content section#sec_reason .reason_box.reason02 .photo {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.new-graduate .content section#sec_reason .reason_box:last-child {
  margin-bottom: 0;
}
.new-graduate .content section#sec_reason .reason_box .reason_num {
  position: absolute;
  top: -58px;
  left: -20px;
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num {
    top: -45px;
    left: -15px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num {
    top: -35px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num {
    top: -30px;
    left: -15px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num {
    top: -25px;
    left: -15px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num img {
    width: 99.9px;
    height: 100.8px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num img {
    width: 88.8px;
    height: 89.6px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num img {
    width: 77.7px;
    height: 78.4px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_reason .reason_box .reason_num img {
    width: 66.6px;
    height: 67.2px;
  }
}
.new-graduate .content section#sec_reason .reason_box .txt_area {
  width: calc(100% - 510px);
  margin-top: 30px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area {
    width: calc(100% - 440px);
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 0;
  }
}
.new-graduate .content section#sec_reason .reason_box .txt_area h3 {
  font-size: 30px;
  font-size: 3rem;
  color: #41bdce;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1.4;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.new-graduate .content section#sec_reason .reason_box .txt_area h3 span {
  display: inline-block;
}
.new-graduate .content section#sec_reason .reason_box .txt_area .txt {
  font-weight: 500;
  margin-bottom: 20px;
}
.new-graduate .content section#sec_reason .reason_box .txt_area .txt:last-child {
  margin-bottom: 0;
}
.new-graduate .content section#sec_reason .reason_box .txt_area .link a {
  color: #4b92e4;
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_reason .reason_box .txt_area .link a {
    letter-spacing: 0;
  }
}
.new-graduate .content section#sec_reason .reason_box .photo {
  width: 450px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_reason .reason_box .photo {
    width: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_reason .reason_box .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_reason .reason_box .photo {
    margin-bottom: 25px;
  }
}
.new-graduate .content section#sec_reason .reason_box .photo img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_reason .reason_box .photo img {
    height: 440px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_reason .reason_box .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_reason .reason_box .photo img {
    border-radius: 10px;
  }
}
.new-graduate .content section.other_contents#sec_clinic_about {
  max-width: 1360px;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.other_contents#sec_clinic_about .btn_more a {
    letter-spacing: 1px;
  }
}
.new-graduate .content section.other_contents#sec_clinic_work {
  background: #daf5ef;
}
.new-graduate .content section.other_contents#sec_clinic_work .clinic_about_inner .photo {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section.other_contents#sec_clinic_work .clinic_about_inner .photo {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
.new-graduate .content section.other_contents#sec_clinic_work .clinic_about_inner .txt_area {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section.other_contents#sec_clinic_work .clinic_about_inner .txt_area {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.new-graduate .content section.other_contents#sec_clinic_work .clinic_about_inner .txt_area .btn_more a {
  background: #00ab84;
  border-color: #00ab84;
}
.new-graduate .content section.other_contents#sec_clinic_work .clinic_about_inner .txt_area .btn_more a:after {
  background-image: url(images/img_icon_arrow_white_green.png);
}
.new-graduate .content section.other_contents .ttl_en {
  text-align: center;
  letter-spacing: 4px;
}
.new-graduate .content section.other_contents h2 {
  color: #00ab84;
  text-align: center;
}
.new-graduate .content section.other_contents h2 span {
  display: inline-block;
}
.new-graduate .content section.other_contents .clinic_about_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: "";
  -moz-box-pack: "";
  -ms-flex-pack: "";
  -webkit-justify-content: "";
  justify-content: "";
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.new-graduate .content section.other_contents .clinic_about_inner .photo {
  width: 540px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section.other_contents .clinic_about_inner .photo {
    width: 460px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section.other_contents .clinic_about_inner .photo {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.other_contents .clinic_about_inner .photo {
    margin-bottom: 20px;
  }
}
.new-graduate .content section.other_contents .clinic_about_inner .photo img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section.other_contents .clinic_about_inner .photo img {
    border-radius: 15px;
  }
}
.new-graduate .content section.other_contents .clinic_about_inner .txt_area {
  width: calc(100% - 600px);
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section.other_contents .clinic_about_inner .txt_area {
    width: calc(100% - 500px);
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section.other_contents .clinic_about_inner .txt_area {
    width: 100%;
  }
}
.new-graduate .content section.other_contents .clinic_about_inner .txt_area p {
  font-weight: 500;
}
.new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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.other_contents .clinic_about_inner .txt_area .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a:after {
    right: 15px;
  }
}
.new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a:hover {
  opacity: 1;
}
.new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a:hover:after {
  right: 20px;
}
.new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a {
  max-width: 400px;
  margin: 50px auto 0 0;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a {
    margin-top: 40px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.other_contents .clinic_about_inner .txt_area .btn_more a {
    margin-top: 30px;
  }
}
.new-graduate .content section#sec_clinic_interview {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  overflow: hidden;
}
.new-graduate .content section#sec_clinic_interview:before {
  content: "";
  width: 116px;
  height: 140px;
  background: url(images/img_illust_top_interview_flower01.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 10px;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_clinic_interview:before {
    width: 104.4px;
    height: 126px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_clinic_interview:before {
    width: 92.8px;
    height: 112px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_interview:before {
    width: 69.6px;
    height: 84px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_interview:before {
    width: 58px;
    height: 70px;
  }
}
.new-graduate .content section#sec_clinic_interview:after {
  content: "";
  width: 200px;
  height: 248px;
  background: url(images/img_illust_top_interview_flower02.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 45px;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_clinic_interview:after {
    width: 160px;
    height: 198.4px;
    left: 25px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_clinic_interview:after {
    width: 140px;
    height: 173.6px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_interview:after {
    content: none;
  }
}
.new-graduate .content section#sec_clinic_interview h2 span {
  display: inline-block;
}
.new-graduate .content section#sec_clinic_interview .interview_inner {
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner {
    padding-bottom: 60px;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner:before {
  content: "";
  width: 382px;
  height: 274px;
  background: url(images/bg_illust_logo_mark.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: -80px;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner:before {
    width: 343.8px;
    height: 246.6px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner:before {
    width: 267.4px;
    height: 191.8px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner:before {
    width: 229.2px;
    height: 164.4px;
    bottom: 0;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .txt_area {
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .txt_area {
    padding: 0 25px;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .ttl_en {
  text-align: center;
}
.new-graduate .content section#sec_clinic_interview .interview_inner h2 {
  color: #f18252;
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner h2 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner h2 {
    margin-bottom: 30px;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .lead {
  text-align: center;
  font-weight: 500;
  margin-bottom: 40px;
}
.new-graduate .content section#sec_clinic_interview .interview_inner .staff_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: 20px;
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .staff_list {
    margin-bottom: 0;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .staff_list .staff_info {
  display: block;
  width: 260px;
  margin: 0 20px 30px;
  color: #765f4f;
  position: relative;
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .staff_list .staff_info {
    width: 220px;
    margin: 0 10px 30px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .staff_list .staff_info {
    width: 200px;
    margin: 0 8px 30px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .staff_list .staff_info {
    width: 100%;
    max-width: 260px;
    margin: 0 auto 30px;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .staff_list .staff_info .name {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  background: #fffdf5;
  padding: 3px 20px;
  border-radius: 0 100px 100px 0;
  position: absolute;
  top: 188px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .staff_list .staff_info .name {
    font-size: 13px;
    font-size: 1.3rem;
    top: 160px;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .staff_list .staff_info .name {
    top: 140px;
    padding: 3px 10px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .staff_list .staff_info .name {
    top: 190px;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .staff_list .staff_info .photo {
  margin-bottom: 15px;
}
.new-graduate .content section#sec_clinic_interview .interview_inner .staff_list .staff_info .photo img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .staff_list .staff_info .photo img {
    border-radius: 15px;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .btn_more a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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_clinic_interview .interview_inner .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_clinic_interview .interview_inner .btn_more a:after {
    right: 15px;
  }
}
.new-graduate .content section#sec_clinic_interview .interview_inner .btn_more a:hover {
  opacity: 1;
}
.new-graduate .content section#sec_clinic_interview .interview_inner .btn_more a:hover:after {
  right: 20px;
}
.new-graduate .content section#sec_clinic_interview .interview_inner .btn_more a {
  max-width: 380px;
  background: #fff;
  color: #f18252;
  margin: 0 auto;
  border-color: #f18252;
}
.new-graduate .content section#sec_clinic_interview .interview_inner .btn_more a:after {
  background-image: url(images/img_icon_arrow_pink_white.png);
}
.new-graduate .content section#sec_clinic_faq {
  background: #fdf4d4;
}
.new-graduate .content section#sec_clinic_faq h2 {
  color: #f47883;
}
.new-graduate .content section#sec_clinic_faq h2 span {
  display: inline-block;
}
.new-graduate .content section#sec_clinic_faq .lead {
  text-align: center;
  font-weight: 500;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_faq .lead {
    text-align: left;
  }
}
.new-graduate .content section#sec_clinic_faq .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: 1250px) {
  .new-graduate .content section#sec_clinic_faq .msg_baloon_area {
    margin-bottom: 20px;
  }
}
.new-graduate .content section#sec_clinic_faq .msg_baloon_area > div {
  margin: 0 18px;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_clinic_faq .msg_baloon_area > div {
    margin: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_clinic_faq .msg_baloon_area > div {
    margin: 0;
    width: 33.3%;
  }
}
.new-graduate .content section#sec_clinic_faq .msg_baloon_area > div.msg_baloon01 {
  margin-top: 67px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_clinic_faq .msg_baloon_area > div.msg_baloon01 img {
    width: 216px;
    height: 156.6px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_clinic_faq .msg_baloon_area > div.msg_baloon01 img {
    width: 192px;
    height: 139.2px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_clinic_faq .msg_baloon_area > div.msg_baloon01 img {
    width: auto;
    height: auto;
  }
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_clinic_faq .msg_baloon_area > div.msg_baloon02 img {
    width: 225px;
    height: 178.2px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_clinic_faq .msg_baloon_area > div.msg_baloon02 img {
    width: 200px;
    height: 158.4px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_clinic_faq .msg_baloon_area > div.msg_baloon02 img {
    width: auto;
    height: auto;
  }
}
.new-graduate .content section#sec_clinic_faq .msg_baloon_area > div.msg_baloon03 {
  margin-top: 71px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section#sec_clinic_faq .msg_baloon_area > div.msg_baloon03 img {
    width: 198px;
    height: 144px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section#sec_clinic_faq .msg_baloon_area > div.msg_baloon03 img {
    width: 176px;
    height: 128px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section#sec_clinic_faq .msg_baloon_area > div.msg_baloon03 img {
    width: auto;
    height: auto;
  }
}
.new-graduate .content section#sec_clinic_faq .btn_more a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section#sec_clinic_faq .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section#sec_clinic_faq .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.new-graduate .content section#sec_clinic_faq .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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_clinic_faq .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section#sec_clinic_faq .btn_more a:after {
    right: 15px;
  }
}
.new-graduate .content section#sec_clinic_faq .btn_more a:hover {
  opacity: 1;
}
.new-graduate .content section#sec_clinic_faq .btn_more a:hover:after {
  right: 20px;
}
.new-graduate .content section.sec_recruit_info {
  padding-bottom: 0;
}
.new-graduate .content section.sec_recruit_info .bnr_area {
  max-width: 1280px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.new-graduate .content section.sec_recruit_info .bnr_area > div {
  width: 48.43%;
  border: 1px solid #765f4f;
  border-radius: 25px;
  padding: 60px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div {
    padding: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div {
    border-radius: 20px;
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div {
    width: 100%;
    padding: 35px 30px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div {
    padding: 30px 25px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div.bnr_matching {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div.bnr_matching {
    margin-bottom: 20px;
  }
}
.new-graduate .content section.sec_recruit_info .bnr_area > div.bnr_matching .btn_more a {
  background: #41bdce;
  border-color: #41bdce;
}
.new-graduate .content section.sec_recruit_info .bnr_area > div.bnr_matching .btn_more a:after {
  background-image: url(images/img_icon_arrow_page_blue.png);
}
.new-graduate .content section.sec_recruit_info .bnr_area > div.bnr_visitor .btn_visitor {
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div.bnr_visitor .btn_visitor {
    margin-bottom: 10px;
  }
}
.new-graduate .content section.sec_recruit_info .bnr_area > div.bnr_visitor .btn_visitor a {
  background: #00ab84;
  border-color: #00ab84;
}
.new-graduate .content section.sec_recruit_info .bnr_area > div.bnr_visitor .btn_visitor a:after {
  background-image: url(images/img_icon_arrow_white_green.png);
}
.new-graduate .content section.sec_recruit_info .bnr_area > div h2 {
  font-size: 26px;
  font-size: 2.6rem;
  margin-bottom: 30px;
}
@media screen and (max-width: 1250px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.new-graduate .content section.sec_recruit_info .bnr_area > div .photo {
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div .photo {
    margin-bottom: 20px;
  }
}
.new-graduate .content section.sec_recruit_info .bnr_area > div .photo img {
  width: 100%;
  border-radius: 15px;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div .photo img {
    border-radius: 10px;
  }
}
.new-graduate .content section.sec_recruit_info .bnr_area > div p {
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div p {
    margin-bottom: 20px;
  }
}
.new-graduate .content section.sec_recruit_info .bnr_area > div .btn_more a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.new-graduate .content section.sec_recruit_info .bnr_area > div .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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_recruit_info .bnr_area > div .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div .btn_more a:after {
    right: 15px;
  }
}
.new-graduate .content section.sec_recruit_info .bnr_area > div .btn_more a:hover {
  opacity: 1;
}
.new-graduate .content section.sec_recruit_info .bnr_area > div .btn_more a:hover:after {
  right: 20px;
}
.new-graduate .content section.sec_recruit_info .bnr_area > div .btn_more a {
  max-width: 100%;
  padding: 21px 20px;
}
@media screen and (max-width: 1000px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div .btn_more a {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 480px) {
  .new-graduate .content section.sec_recruit_info .bnr_area > div .btn_more a {
    padding: 12px 20px;
  }
}

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

.matching header .main_ttl {
  background-image: url(images/bg_main_ttl_matching.jpg);
}
.matching .content section.sec_matching_point .lead {
  font-size: 22px;
  font-size: 2.2rem;
  color: #765f4f;
  text-align: center;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.7;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_point .lead {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .lead {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .lead {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_point .lead {
    margin-bottom: 20px;
  }
}
.matching .content section.sec_matching_point .lead span {
  background: linear-gradient(transparent 50%, #fff83c 50%);
}
.matching .content section.sec_matching_point .keyword_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 80px;
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .keyword_list {
    margin-bottom: 60px;
  }
}
.matching .content section.sec_matching_point .keyword_list li {
  width: 208px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 4px;
  background: #e2f6dc;
  padding: 14px 5px;
  margin: 0 20px;
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_point .keyword_list li {
    width: 31.33%;
    margin: 0 1%;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_point .keyword_list li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .keyword_list li {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .keyword_list li {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    padding: 12px 5px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_point .keyword_list li {
    width: 100%;
    max-width: 220px;
    margin: 0 auto 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.matching .content section.sec_matching_point .keyword_detail_box {
  max-width: 1160px;
  margin: 0 auto 80px;
  border-radius: 30px;
  background: #f4fbf2;
  position: relative;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .keyword_detail_box {
    margin-bottom: 80px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .keyword_detail_box {
    border-radius: 15px;
    margin-bottom: 70px;
  }
}
.matching .content section.sec_matching_point .keyword_detail_box:last-child {
  margin-bottom: 60px;
}
.matching .content section.sec_matching_point .keyword_detail_box h2 {
  position: absolute;
  top: -32px;
  left: 20px;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_point .keyword_detail_box h2 {
    top: -50px;
    left: -15px;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .keyword_detail_box h2 {
    top: -34px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .keyword_detail_box h2 {
    top: -42px;
  }
}
.matching .content section.sec_matching_point .keyword_detail_box h2 img {
  width: 101.6px;
  height: 68.8px;
}
.matching .content section.sec_matching_point .keyword_detail_box .keyword_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 50px 40px;
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner {
    padding: 40px 25px;
  }
}
.matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .photo {
  width: 37.03%;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .photo {
    padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    padding-top: 0;
  }
}
.matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .photo img {
  height: 260px;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .photo img {
    height: 220px;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .photo img {
    width: 100%;
    height: auto;
  }
}
.matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .txt_area {
  width: 62.96%;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.9;
  padding: 30px 40px 0 0;
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .txt_area {
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .txt_area {
    font-size: 14px;
    font-size: 1.4rem;
    padding-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .txt_area {
    padding-top: 20px;
  }
}
.matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .rule {
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  background: #fff;
  padding: 30px;
  border-radius: 15px;
  margin-top: 20px;
}
.matching .content section.sec_matching_point .keyword_detail_box .keyword_inner .rule dt {
  font-size: 15px;
  font-size: 1.5rem;
  color: #54b21f;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.matching .content section.sec_matching_point .dentist_comment {
  max-width: 1180px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.matching .content section.sec_matching_point .dentist_comment .photo {
  width: 140px;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .dentist_comment .photo {
    width: 100px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .dentist_comment .photo {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}
.matching .content section.sec_matching_point .dentist_comment .comment {
  width: calc(100% - 180px);
  background: #fff7ec;
  padding: 30px;
  margin-left: 40px;
  border-radius: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 1px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .dentist_comment .comment {
    width: calc(100% - 130px);
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px;
    margin-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .dentist_comment .comment {
    width: 100%;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 20px;
    margin-left: 0;
  }
}
.matching .content section.sec_matching_point .dentist_comment .comment:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 14px solid #fff7ec;
  border-bottom: 6px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 50%;
  left: -28px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .dentist_comment .comment:before {
    border-top: 10px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff7ec;
    border-left: 8px solid transparent;
    top: -20px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.matching .content section.sec_matching_point .btn_more a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .btn_more a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .btn_more a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.matching .content section.sec_matching_point .btn_more a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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_point .btn_more a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_point .btn_more a:after {
    right: 15px;
  }
}
.matching .content section.sec_matching_point .btn_more a:hover {
  opacity: 1;
}
.matching .content section.sec_matching_point .btn_more a:hover:after {
  right: 20px;
}
.matching .content section.sec_matching_point .btn_more a {
  margin: 40px auto 0;
}
.matching .content section.sec_matching_system {
  margin-bottom: 0;
}
.matching .content section.sec_matching_system .lead {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_system .lead {
    text-align: left;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .lead {
    margin-bottom: 30px;
  }
}
.matching .content section.sec_matching_system .matching-wrap {
  max-width: 1000px;
  margin: 0 auto;
}
.matching .content section.sec_matching_system .matching-wrap > p {
  margin: 0 0 2.5rem;
}
.matching .content section.sec_matching_system .matching-box + .matching-box {
  margin-top: 3.5rem;
}
.matching .content section.sec_matching_system .matching-box h2 {
  font-size: 20px;
  font-size: 2rem;
  color: #41bdce;
  text-align: left;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1px;
  margin-bottom: 30px;
  padding-left: 45px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .matching-box h2 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 40px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .matching-box h2 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}
.matching .content section.sec_matching_system .matching-box h2:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-family: "Montserrat", serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.5rem;
  letter-spacing: 0;
  background: #41bdce;
  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: #e4f4ff;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_system .q_wrap label {
    padding: 10px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .q_wrap label {
    padding: 5px 20px;
  }
}
.matching .content section.sec_matching_system .q_wrap input[type=radio] {
  margin-right: 0.5rem;
  border: none;
}
.matching .content section.sec_matching_system .error_txt {
  display: none;
  color: #f00;
}
.matching .content section.sec_matching_system .mach_txt, .matching .content section.sec_matching_system .resource {
  display: none;
}
.matching .content section.sec_matching_system button#resultbtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: auto;
  max-width: 400px;
  margin: 60px auto 0;
  padding: 20px 10px;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  border-radius: 100px;
  background: #41bdce;
  border: 1px solid #41bdce;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_system button#resultbtn {
    max-width: 320px;
    padding: 20px 10px;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system button#resultbtn {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system button#resultbtn {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system button#resultbtn {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system button#resultbtn {
    padding: 18px 10px;
    max-width: 100%;
  }
}
.matching .content section.sec_matching_system button#resultbtn:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_pale_blue.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
.matching .content section.sec_matching_system button#resultbtn:hover:after {
  right: 20px;
}
.matching .content section.sec_matching_system .resource {
  margin-top: 50px;
}
.matching .content section.sec_matching_system .resource .matching-txt {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #41bdce;
  margin-bottom: 10px;
  line-height: 1.6;
}
.matching .content section.sec_matching_system .resource p#goukei {
  font-size: 24px;
  font-size: 2.4rem;
  color: #41bdce;
  font-weight: bold;
  margin: 0 0 20px 0;
  line-height: 1;
}
.matching .content section.sec_matching_system .resource p#goukei span {
  font-size: 38px;
  font-size: 3.8rem;
}
.matching .content section.sec_matching_system .resource .mach_txt {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.matching .content section.sec_matching_system .resource .mach_txt a {
  color: #4b92e4;
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a:after {
    right: 15px;
  }
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a:hover {
  opacity: 1;
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a:hover:after {
  right: 20px;
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a {
  max-width: 350px;
  margin: 40px auto 0;
  padding: 18px 10px;
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a {
    letter-spacing: 1px;
  }
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn:nth-child(n+2) a {
  margin-top: 10px;
}

.contact header .main_ttl {
  background-image: url(images/bg_main_ttl_contact.jpg);
}
.contact .content section.page-layout {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .contact .content section.page-layout {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .contact .content section.page-layout {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .contact .content section.page-layout {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.contact .content section.page-layout h2 {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: left;
  color: #41bdce;
  font-weight: bold;
  letter-spacing: 2px;
  padding-bottom: 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid #07461f;
}
@media screen and (max-width: 768px) {
  .contact .content section.page-layout h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .contact .content section.page-layout h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .contact .content section.page-layout h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

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

/*--------------------------------------------------------------
 Post style
--------------------------------------------------------------*/
.post-type-archive-interview header .main_ttl {
  background-image: url(images/bg_main_ttl_interview.jpg);
}
.post-type-archive-interview .content section.sec_interview {
  background: none;
  padding: 80px 40px 0;
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview {
    padding: 60px 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview {
    padding: 50px 25px 0;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list {
    margin-bottom: 0;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner {
  width: 32%;
  margin: 0 2% 60px 0;
  background-size: cover;
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner {
    margin-right: 0;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner {
    width: 49%;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner {
    width: 100%;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .photo {
  position: relative;
  background: #f9f0f2;
  border-radius: 15px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .photo {
    width: 100%;
    height: auto;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .photo > img {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .photo > img {
    border-radius: 15px 15px 0 0;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl {
  display: inline-block;
  background: #41bdce;
  padding: 2px 25px;
  margin-bottom: 15px;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl {
    padding: 0 20px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl {
    padding: 0 15px 1px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl {
    padding: 0 20px;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl span {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl span {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl .job_position:before {
  content: "・";
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl .job_position:first-child:before {
  content: none;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_job_ttl .job_status:before {
  content: "/";
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  color: #765f4f;
  font-weight: 800;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .staff_name {
  margin-bottom: 10px;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .name {
  font-size: 16px;
  font-size: 1.6rem;
  color: #765f4f;
  font-weight: 800;
  letter-spacing: 1px;
  margin-right: 10px;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .name {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .name {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .join_year {
  font-size: 13px;
  font-size: 1.3rem;
  color: #41bdce;
}
.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: #f47883;
  color: #fff;
  border-radius: 3px;
}
.post-type-archive-interview .content .archives-nav .page-numbers.current {
  background: #f9f3f5;
  color: #765f4f;
  border: 1px solid #f47883;
}

.single-interview .content .main_ttl {
  background-image: url(images/bg_main_ttl_interview.jpg);
}
.single-interview .content section.sec_interview_detail {
  margin-bottom: 0;
}
.single-interview .content section.sec_interview_detail .interview_main {
  max-width: 1280px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 0;
  margin: 0 auto 100px;
  padding: 40px;
  background: #eefcff;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    padding: 30px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    max-width: 100%;
    padding: 40px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    padding: 30px;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .photo {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main .photo {
    width: 100%;
    margin-bottom: 20px;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .photo img {
  width: 100%;
  height: 410px;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 15px;
}
@media screen and (max-width: 1250px) {
  .single-interview .content section.sec_interview_detail .interview_main .photo img {
    height: 360px;
  }
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .photo img {
    height: 280px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main .photo img {
    border-radius: 12px;
  }
}
.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: #41bdce;
  padding: 2px 25px;
  margin-bottom: 15px;
  border-radius: 100px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl {
    padding: 0 20px;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl span {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl .job_position:before {
  content: "・";
}
.single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl .job_position:first-child:before {
  content: none;
}
.single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl .job_status:before {
  content: "/";
}
.single-interview .content section.sec_interview_detail .interview_main .staff_name {
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .staff_name {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main .staff_name {
    margin-bottom: 20px;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .name {
  font-size: 22px;
  font-size: 2.2rem;
  color: #765f4f;
  font-weight: 800;
  letter-spacing: 1px;
  margin-right: 10px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .name {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main .name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main .name {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_main .name {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .join_year {
  font-size: 15px;
  font-size: 1.5rem;
  color: #41bdce;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main .join_year {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .catch {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  color: #765f4f;
  letter-spacing: 1px;
  line-height: 1.6;
  margin-bottom: 10px;
}
@media screen and (max-width: 1250px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .staff_tag {
  font-size: 14px;
  font-size: 1.4rem;
  color: #f0598c;
}
.single-interview .content section.sec_interview_detail .interview_main .staff_personality {
  font-weight: 600;
}
.single-interview .content section.sec_interview_detail .interview_main .staff_personality span {
  font-weight: 400;
}
.single-interview .content section.sec_interview_detail .interview_main .qualification {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 1px;
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main .qualification {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .qualification span {
  display: inline-block;
  padding: 3px 15px;
  background: #f6f6f6;
  margin-right: 10px;
}
.single-interview .content section.sec_interview_detail .interview_qa {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa {
    margin-top: 50px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa {
    margin-top: 40px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont {
    margin-bottom: 70px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont:last-child {
  margin-bottom: 0;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont li {
  margin-bottom: 70px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont li {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont li {
    margin-bottom: 50px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont li:last-child {
  margin-bottom: 0;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_img {
  margin-bottom: 20px;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_img img {
  width: 100%;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: left;
  font-weight: 800;
  letter-spacing: 1px;
  padding-left: 35px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #765f4f;
  position: relative;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 40px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2:before {
  display: inline-block;
  font-family: "Montserrat", serif;
  content: "Q.";
  font-size: 20px;
  font-size: 2rem;
  color: #41bdce;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 3px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2:before {
    top: 1px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 + p {
  padding-left: 35px;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 + p {
    padding-left: 40px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 + p:before {
  display: inline-block;
  font-family: "Montserrat", serif;
  font-weight: 700;
  content: "A.";
  font-size: 20px;
  font-size: 2rem;
  color: #f2be22;
  position: absolute;
  top: -5px;
  left: 0;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p {
  padding-left: 35px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p {
    padding-left: 40px;
  }
}
.single-interview .content 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_staff_from_doctor {
  background: #f6fae7;
  padding: 50px;
  margin-top: 130px;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor {
    padding: 40px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor {
    padding: 30px;
    margin-top: 110px;
  }
}
.single-interview .content section.sec_interview_detail .interview_staff_from_doctor .doctor_thumb {
  text-align: center;
  margin-top: -110px;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor .doctor_thumb {
    margin-top: -90px;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor .doctor_thumb img {
    width: 120px;
  }
}
.single-interview .content section.sec_interview_detail .interview_staff_from_doctor h2 {
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  text-indent: 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor h2 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_staff_from_doctor h2 span {
  position: relative;
}
.single-interview .content section.sec_interview_detail .interview_staff_from_doctor h2 span:before {
  content: "";
  width: 1px;
  height: 40px;
  background: #41bdce;
  position: absolute;
  top: 2px;
  left: -20px;
  transform: rotate(-18deg);
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor h2 span:before {
    height: 34px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor h2 span:before {
    top: 1px;
    height: 30px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor h2 span:before {
    left: -15px;
  }
}
.single-interview .content section.sec_interview_detail .interview_staff_from_doctor h2 span:after {
  content: "";
  width: 1px;
  height: 40px;
  background: #41bdce;
  position: absolute;
  top: 2px;
  right: -15px;
  transform: rotate(18deg);
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor h2 span:after {
    height: 34px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor h2 span:after {
    top: 1px;
    height: 30px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor h2 span:after {
    right: -10px;
  }
}
.single-interview .content section.sec_interview_detail .interview_staff_from_doctor .from_doctor_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;
}
.single-interview .content section.sec_interview_detail .interview_staff_from_doctor .from_doctor_list .from_doctor_box {
  width: calc(50% - 10px);
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor .from_doctor_list .from_doctor_box {
    width: 100%;
  }
}
.single-interview .content section.sec_interview_detail .interview_staff_from_doctor .from_doctor_box {
  background: #fff;
  padding: 30px;
  margin-bottom: 20px;
  border-radius: 15px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor .from_doctor_box {
    padding: 25px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor .from_doctor_box {
    padding: 20px;
    margin-bottom: 10px;
  }
}
.single-interview .content section.sec_interview_detail .interview_staff_from_doctor .from_doctor_ttl {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #41bdce;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor .from_doctor_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor .from_doctor_ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor .from_doctor_ttl {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_staff_from_doctor .interview_doctor_comment {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 20px;
}
.single-interview .content section.sec_interview_detail .interview_staff_from_doctor .interview_doctor_comment .doctor_thumb_msg {
  width: 140px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor .interview_doctor_comment .doctor_thumb_msg {
    width: 100%;
    max-width: 120px;
    margin: 0 auto 30px;
    text-align: center;
  }
}
.single-interview .content section.sec_interview_detail .interview_staff_from_doctor .interview_doctor_comment .comment {
  width: calc(100% - 170px);
  background: #fff;
  padding: 25px;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor .interview_doctor_comment .comment {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor .interview_doctor_comment .comment {
    padding: 20px;
  }
}
.single-interview .content section.sec_interview_detail .interview_staff_from_doctor .interview_doctor_comment .comment:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 12px solid #fff;
  border-bottom: 6px solid transparent;
  border-left: 12px solid transparent;
  position: absolute;
  top: 30x;
  left: -24px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_staff_from_doctor .interview_doctor_comment .comment:before {
    border-top: 12px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #fff;
    border-left: 6px solid transparent;
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.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: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.single-interview .content .navigation_wrapper .btn_back a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .single-interview .content .navigation_wrapper .btn_back a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content .navigation_wrapper .btn_back a:after {
    right: 15px;
  }
}
.single-interview .content .navigation_wrapper .btn_back a:hover {
  opacity: 1;
}
.single-interview .content .navigation_wrapper .btn_back a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1000px) {
  .single-interview .content .navigation_wrapper .btn_back {
    width: 160px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .navigation_wrapper .btn_back {
    width: 100%;
    position: static;
    transform: translateX(0);
  }
}
.single-interview .content .navigation_wrapper .btn_back a {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 1000px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    padding: 12px 20px 8px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    width: 100%;
    max-width: 100%;
    background: #fff;
    color: #41bdce;
    padding: 20px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .navigation_wrapper .btn_back a {
    padding: 14px 10px;
  }
}
.single-interview .content .post-navigation .nav-links {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  max-width: 1280px;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links {
    margin: 0 auto 10px;
  }
}
.single-interview .content .post-navigation .nav-links > div {
  width: 50%;
}
.single-interview .content .post-navigation .nav-links > div a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-interview .content .post-navigation .nav-links > div a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .post-navigation .nav-links > div a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.single-interview .content .post-navigation .nav-links > div a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
  .single-interview .content .post-navigation .nav-links > div a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content .post-navigation .nav-links > div a:after {
    right: 15px;
  }
}
.single-interview .content .post-navigation .nav-links > div a:hover {
  opacity: 1;
}
.single-interview .content .post-navigation .nav-links > div a:hover:after {
  right: 20px;
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links > div {
    width: 100%;
  }
}
.single-interview .content .post-navigation .nav-links > div a {
  max-width: 300px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 15px 10px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .single-interview .content .post-navigation .nav-links > div a {
    max-width: 220px;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links > div a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .post-navigation .nav-links > div a {
    padding: 14px 10px;
  }
}
.single-interview .content .post-navigation .nav-links > div a span {
  display: inline-block;
  font-family: "Montserrat", serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #f47883;
  letter-spacing: 1px;
  background: #f6fae7;
  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;
  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: 820px) {
  .post-type-archive-recruit .btn_fixed_footer,
  .tax-recruit_cat .btn_fixed_footer,
  .tax-recruit_status .btn_fixed_footer {
    display: none;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list,
.tax-recruit_cat .content section.sec_recruit_list,
.tax-recruit_status .content section.sec_recruit_list {
  max-width: 1360px;
  background: #fff;
  margin: 0 auto;
}
.post-type-archive-recruit .content section.sec_recruit_list h2,
.tax-recruit_cat .content section.sec_recruit_list h2,
.tax-recruit_status .content section.sec_recruit_list h2 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #765f4f;
  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 #41bdce;
  border-radius: 100%;
  position: absolute;
  top: 8px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section.sec_recruit_list h2:before,
  .tax-recruit_cat .content section.sec_recruit_list h2:before,
  .tax-recruit_status .content section.sec_recruit_list h2:before {
    top: 6px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section.sec_recruit_list h2:before,
  .tax-recruit_cat .content section.sec_recruit_list h2:before,
  .tax-recruit_status .content section.sec_recruit_list h2:before {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list h2:before,
  .tax-recruit_cat .content section.sec_recruit_list h2:before,
  .tax-recruit_status .content section.sec_recruit_list h2:before {
    width: 22px;
    height: 22px;
    border-width: 4px;
    top: 4px;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section.sec_recruit_list h2:before,
  .tax-recruit_cat .content section.sec_recruit_list h2:before,
  .tax-recruit_status .content section.sec_recruit_list h2:before {
    width: 20px;
    height: 20px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .no_recruit_post,
.tax-recruit_cat .content section.sec_recruit_list .no_recruit_post,
.tax-recruit_status .content section.sec_recruit_list .no_recruit_post {
  text-align: center;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list,
.tax-recruit_status .content section.sec_recruit_list .recruit-list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list {
    max-width: 100%;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list:last-child,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list:last-child,
.tax-recruit_status .content section.sec_recruit_list .recruit-list:last-child {
  margin-bottom: 0;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li {
  width: 49%;
  margin: 0 2% 20px 0;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li a,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li a,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li a,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a:after,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li a:after,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li a:hover,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li a:hover {
  opacity: 1;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a:hover:after,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li a:hover:after,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li a:hover:after {
  right: 20px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li {
    width: 100%;
    margin: 0 auto 15px;
  }
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li:last-child,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li:last-child,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li:last-child {
    margin-bottom: 0;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li:nth-child(even),
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li:nth-child(even),
.tax-recruit_status .content section.sec_recruit_list .recruit-list li:nth-child(even) {
  margin-right: 0;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li a,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li a {
  max-width: 100%;
  padding: 20px;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li a,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li a,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li a {
    padding: 15px 20px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li p,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li p,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li p {
  line-height: 1.4;
  margin-bottom: 0;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .possibility,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li .possibility,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li .possibility {
  color: #f4d855;
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .job_cat,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li .job_cat,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li .job_cat {
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .job_cat,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li .job_cat,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li .job_cat {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .job_cat,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li .job_cat,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li .job_cat {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .job_cat .career:before,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li .job_cat .career:before,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li .job_cat .career:before {
  content: "/";
}
.post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .ttl,
.tax-recruit_cat .content section.sec_recruit_list .recruit-list li .ttl,
.tax-recruit_status .content section.sec_recruit_list .recruit-list li .ttl {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .ttl,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li .ttl,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li .ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list .recruit-list li .ttl,
  .tax-recruit_cat .content section.sec_recruit_list .recruit-list li .ttl,
  .tax-recruit_status .content section.sec_recruit_list .recruit-list li .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.post-type-archive-recruit .content section.sec_recruit,
.tax-recruit_cat .content section.sec_recruit,
.tax-recruit_status .content section.sec_recruit {
  display: none;
}
.post-type-archive-recruit footer,
.tax-recruit_cat footer,
.tax-recruit_status footer {
  padding-bottom: 0;
}

@media screen and (max-width: 820px) {
  .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: #765f4f;
  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 .job_status .status {
  color: #765f4f;
}
.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 .recriut-possibility-txt {
  margin-bottom: 40px;
  color: #ea1b1b;
}
.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: #41bdce;
}
.single-recruit .content section.recruit_wrapper .contants_nav li a {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  color: #765f4f;
  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.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 4px;
  left: 0;
  transform: rotate(90deg);
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .contants_nav li a:after {
    width: 18px;
    height: 18px;
    top: 5px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .contants_nav li a:after {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .contants_nav li a:after {
    top: 4px;
  }
}
.single-recruit .content section.recruit_wrapper .btn_entry a,
.single-recruit .content section.recruit_wrapper .btn_visitor a {
  display: block;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  background: #f47883;
  border: 1px solid #f47883;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a,
  .single-recruit .content section.recruit_wrapper .btn_visitor a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a,
  .single-recruit .content section.recruit_wrapper .btn_visitor a {
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px;
  }
}
.single-recruit .content section.recruit_wrapper .btn_entry a:after,
.single-recruit .content section.recruit_wrapper .btn_visitor a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/img_icon_arrow_white_pink.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,
  .single-recruit .content section.recruit_wrapper .btn_visitor a:after {
    width: 18px;
    height: 18px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a:after,
  .single-recruit .content section.recruit_wrapper .btn_visitor a:after {
    right: 15px;
  }
}
.single-recruit .content section.recruit_wrapper .btn_entry a:hover,
.single-recruit .content section.recruit_wrapper .btn_visitor a:hover {
  opacity: 1;
}
.single-recruit .content section.recruit_wrapper .btn_entry a:hover:after,
.single-recruit .content section.recruit_wrapper .btn_visitor a:hover:after {
  right: 20px;
}
.single-recruit .content section.recruit_wrapper .btn_entry a,
.single-recruit .content section.recruit_wrapper .btn_visitor a {
  max-width: 320px;
  margin: 0 auto 60px;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 12px 30px;
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a,
  .single-recruit .content section.recruit_wrapper .btn_visitor a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 30px;
  }
}
.single-recruit .content section.recruit_wrapper h3 {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-left: 36px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper h3 {
    font-size: 22px;
    font-size: 2.2rem;
    padding-left: 32px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper h3 {
    font-size: 20px;
    font-size: 2rem;
    padding-left: 30px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 26px;
  }
}
.single-recruit .content section.recruit_wrapper h3:before {
  content: "";
  width: 26px;
  height: 26px;
  border: 5px solid #41bdce;
  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 #765f4f;
  border-left: 1px solid #765f4f;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table {
    border-bottom: 1px solid #765f4f;
  }
}
.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 #765f4f;
  border-bottom: 1px solid #765f4f;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th,
  .single-recruit .content section.recruit_wrapper .recruit_table td {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th,
  .single-recruit .content section.recruit_wrapper .recruit_table td {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 25px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th,
  .single-recruit .content section.recruit_wrapper .recruit_table td {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single-recruit .content section.recruit_wrapper .recruit_table th {
  width: 25%;
  font-weight: bold;
  color: #765f4f;
  text-align: center;
  vertical-align: top;
  background: #eefcff;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th {
    width: 100%;
    border-bottom: none;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th {
    text-align: left;
  }
}
.single-recruit .content section.recruit_wrapper .recruit_table td {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table td {
    width: 100%;
    border-bottom: none;
  }
}
.single-recruit .content section.recruit_wrapper .recruit_table td.addr span {
  display: inline-block;
  margin-right: 10px;
}
.single-recruit .content section.recruit_wrapper .recruit_table td iframe {
  height: 300px;
}
.single-recruit .content section.recruit_wrapper .recruit_table td .link_visitor {
  margin-top: 20px;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form label {
  width: 100%;
  max-width: 480px;
  display: inline-block;
  text-align: left;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form label .rec {
  color: #ea1b1b;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form input[type=text],
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form input[type=tel],
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form input[type=email] {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 10px;
  max-width: 480px;
  width: 100%;
  height: 40px;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form .wpcf7-checkbox {
  background: #eee;
  display: block;
  padding: 12px;
  border-radius: 8px;
  margin: 10px 0;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .check-web {
  margin-top: 30px;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .check-web .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .entry_form_area .check-web .sp {
    display: block;
  }
}
.single-recruit .content .fix_btn2 {
  position: static;
  display: none;
}
@media screen and (max-width: 768px) {
  .single-recruit .content .fix_btn2 {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
  }
}
.single-recruit .content .fix_btn2 a {
  display: block;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 12px 10px;
  margin: 0;
  width: 100%;
  text-align: center;
  position: relative;
  background: #41bdce;
}
.single-recruit .content .fix_btn2 i.far.fa-envelope {
  margin-right: 10px;
}
.single-recruit footer {
  padding-bottom: 53px;
}

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

.entry_attention {
  text-align: center;
  background: #effbfd;
  width: 60%;
  margin: -30px auto 30px;
  padding: 20px;
}

@media screen and (max-width: 960px) {
  .entry_attention {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .entry_attention {
    width: 100%;
  }
}

.recruit-stop {
  text-align: center;
  color: #ea1b1b;
  background: #fff0f0;
  padding: 30px;
  border-radius: 8px;
  margin: 0 0 100px;
}

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