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

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

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

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: 0.9375px;
  font-size: 0.09375rem;
  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: 0.9375px;
  font-size: 0.09375rem;
}

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
--------------------------------------------------------------*/
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: 0.75px;
  font-size: 0.075rem;
  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
--------------------------------------------------------------*/
/* 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: 0.875px;
  font-size: 0.0875rem;
  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
--------------------------------------------------------------*/
.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
--------------------------------------------------------------*/
.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
--------------------------------------------------------------*/
.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
--------------------------------------------------------------*/
/*--------------------------------------------------------------
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: #313131; /* 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: #313131;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif !important;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}

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

p {
  margin-bottom: 1.5em;
}

b,
strong {
  font-weight: bold;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

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

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

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

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

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

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

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

a:focus {
  outline: none;
}

a:hover,
a:focus,
a:active {
  color: #41a2e3;
}

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

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

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

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

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

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

q, blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

html {
  font-size: 62.5%;
  scroll-behavior: auto;
  scroll-padding-top: 123px;
}
@media screen and (max-width: 1250px) {
  html {
    scroll-padding-top: 96px;
  }
}
@media screen and (max-width: 768px) {
  html {
    scroll-padding-top: 87px;
  }
}

body {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.7;
  word-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;";
}

@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);
  }
}
@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-2150px);
  }
}
/* #header
------------------------------------------------------------- */
header {
  width: 100%;
  position: relative;
}
header.fixed {
  padding-top: 123px;
}
@media screen and (max-width: 1250px) {
  header.fixed {
    padding-top: 96px;
  }
}
@media screen and (max-width: 768px) {
  header.fixed {
    padding-top: 87px;
  }
}
header.fixed .header_top {
  padding: 15px 80px 45px 80px;
  background: #fff;
  position: fixed;
  top: 0;
  z-index: 101;
  width: 100%;
  animation: hdfix 0.8s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 1500px) {
  header.fixed .header_top {
    padding-left: 40px;
  }
}
@media screen and (max-width: 1250px) {
  header.fixed .header_top {
    padding: 10px 80px 35px 30px;
  }
}
@media screen and (max-width: 480px) {
  header.fixed .header_top {
    padding-left: 20px;
  }
}
header.fixed .logo {
  width: 300px;
}
@media screen and (max-width: 1250px) {
  header.fixed .logo {
    width: 240px;
  }
}
@media screen and (max-width: 768px) {
  header.fixed .logo {
    width: 200px;
  }
}
header.fixed .logo .for_recruit {
  width: 262px;
  font-size: 13px;
  font-size: 1.3rem;
  left: 36px;
}
@media screen and (max-width: 1250px) {
  header.fixed .logo .for_recruit {
    width: 212px;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0;
    padding-bottom: 2px;
    left: 28px;
    bottom: -25px;
  }
}
@media screen and (max-width: 1250px) {
  header.fixed .logo .for_recruit {
    width: 176px;
    font-size: 10px;
    font-size: 1rem;
    left: 24px;
  }
}
header.fixed .logo .txt {
  margin-left: 75px;
}
@media screen and (max-width: 768px) {
  header.fixed .logo .txt {
    margin-left: 65px;
  }
}
@media screen and (max-width: 480px) {
  header.fixed .logo .txt {
    margin-left: 0;
    margin-bottom: 2px;
  }
}
header.fixed .logo .txt span {
  width: 230px;
}
@media screen and (max-width: 768px) {
  header.fixed .logo .txt span {
    width: 202px;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 8px 25px 5px;
  }
}
@media screen and (max-width: 480px) {
  header.fixed .logo .txt span {
    width: 226px;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 6px 15px 5px;
    bottom: 0;
  }
}
@media screen and (max-width: 400px) {
  header.fixed .logo .txt span {
    padding: 8px 10px 5px;
  }
}
header.fixed .gnav {
  bottom: 30px;
}
header .header_top {
  padding: 25px 80px 60px 80px;
  position: relative;
}
@media screen and (max-width: 1500px) {
  header .header_top {
    padding: 25px 50px 60px 50px;
  }
}
@media screen and (max-width: 1250px) {
  header .header_top {
    padding: 20px 40px 50px 40px;
  }
}
@media screen and (max-width: 600px) {
  header .header_top {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  header .header_top {
    padding-right: 25px;
    padding-left: 25px;
  }
}
header .logo {
  width: 350px;
  position: relative;
}
@media screen and (max-width: 1500px) {
  header .logo {
    width: 280px;
  }
}
@media screen and (max-width: 600px) {
  header .logo {
    width: 280px;
  }
}
@media screen and (max-width: 480px) {
  header .logo {
    width: 245px;
  }
}
header .logo .for_recruit {
  width: 308px;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  padding: 1px 0;
  position: absolute;
  bottom: -30px;
  left: 41px;
}
@media screen and (max-width: 1500px) {
  header .logo .for_recruit {
    width: 246px;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    left: 34px;
  }
}
@media screen and (max-width: 480px) {
  header .logo .for_recruit {
    width: 216px;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0;
    left: 30px;
    bottom: -25px;
  }
}
header .contact_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: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  top: 32px;
  right: 144px;
}
@media screen and (max-width: 1250px) {
  header .contact_area {
    right: 114px;
  }
}
@media screen and (max-width: 1000px) {
  header .contact_area {
    display: none;
  }
}
header .contact_area > div {
  width: 262px;
}
header .contact_area > div a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  header .contact_area > div a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  header .contact_area > div a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  header .contact_area > div a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
header .contact_area > div a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
header .contact_area > div a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1250px) {
  header .contact_area > div {
    width: 220px;
  }
}
header .contact_area > div a {
  max-width: 262px;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 10px 30px;
}
@media screen and (max-width: 1250px) {
  header .contact_area > div a {
    width: 220px;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
  }
}
header .contact_area > div a:after {
  width: 8px;
  height: 12px;
  background-image: url(images/img_arrow_white_right.png);
  right: 20px;
}
header .contact_area > div a:hover:after {
  right: 15px;
}
header .contact_area .btn_visit {
  margin-right: 20px;
}
header .contact_area .btn_visit a {
  background: #f39800;
  border: 1px solid #f39800;
}
@media screen and (max-width: 1250px) {
  header .contact_area .btn_visit {
    margin-right: 10px;
  }
}
header .contact_area .btn_recruit a {
  background: #4cbfdf;
  border: 1px solid #4cbfdf;
}
header .side-btn-wrap {
  display: block;
  position: absolute;
  top: 300px;
  right: 0;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  header .side-btn-wrap {
    display: none !important;
  }
}
header .side-btn-wrap a.side-btn {
  text-decoration: none;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
  background: #43c3d8;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 214px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  vertical-align: top;
  position: relative;
  letter-spacing: 2px;
}
header .side-btn-wrap a.visitor-btn {
  border-radius: 8px 0 0 8px;
}
header .side-btn-wrap a.clinic-btn {
  background: #3bbdd4;
  height: 172px;
}
header .side-btn-wrap a.practice-btn {
  background: #6f82da;
  border-radius: 8px 0 0 8px;
  letter-spacing: 1px;
}
header.main_header.fixed .side-btn-wrap {
  top: 123px;
  display: flex;
}
@media screen and (max-width: 1250px) {
  header.main_header.fixed .side-btn-wrap {
    top: 96px;
  }
}
header.main_header.fixed .side-btn-wrap a.side-btn {
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  width: 200px;
  height: 48px;
  font-size: 14px;
  font-size: 1.4rem;
}
header.main_header.fixed .side-btn-wrap a.visitor-btn {
  border-radius: 0 0 0 8px;
}
header.main_header.fixed .side-btn-wrap a.practice-btn {
  border-radius: 0 0 0 8px;
}

_::-webkit-full-page-media, _:future, :root .side-btn-wrap {
  top: 123px;
  display: flex;
}

_::-webkit-full-page-media, _:future, :root .side-btn-wrap a.side-btn {
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  width: 200px !important;
  height: 46px !important;
}

_::-webkit-full-page-media, _:future, :root .side-btn-wrap a.practice-btn {
  margin-bottom: 0;
  border-radius: 0 0 0 15px;
  letter-spacing: 1px;
}

_::-webkit-full-page-media, _:future, :root .side-btn-wrap a.web-btn {
  border-radius: 0 0 0 15px;
}

_::-webkit-full-page-media, _:future, :root .side-btn-wrap a.web-btn::after {
  width: 12px;
  height: 6px;
}

_::-webkit-full-page-media, _:future, :root .side-btn-wrap a.side-btn::after {
  margin-top: 0 !important;
  margin-left: 0.75rem;
  transform: rotate(-90deg);
}

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

.drawer-hamburger {
  width: 31px;
  height: 36px;
  padding: 10px 27px 10px 22px;
  /*@include mq(tab_600) {
  	width: 48px;
     	padding: 38px 22px 54px;
  }
  @include mq(sms_480) {
  	width: 40px;
         padding: 32px 22px 51px;
  }*/
}
.drawer--top .drawer-hamburger,
.drawer--top.drawer-close .drawer-hamburger {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100001;
  border-radius: 0;
}
@media screen and (max-width: 1250px) {
  .drawer--top .drawer-hamburger,
  .drawer--top.drawer-close .drawer-hamburger {
    top: 20px;
    right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .drawer--top .drawer-hamburger,
  .drawer--top.drawer-close .drawer-hamburger {
    top: 15px;
    right: 20px;
  }
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-hamburger,
  .drawer--top.drawer-close .drawer-hamburger {
    right: 8px;
  }
}

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

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

.drawer-hamburger-icon,
.drawer-open .drawer-hamburger-icon {
  height: 1px;
}
.drawer-hamburger-icon:before, .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  width: 120%;
  height: 1px;
}
.drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:before {
  top: -10px;
  background: #49bcbd;
}
.drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:after {
  top: 10px;
  background: #49bcbd;
}
.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: #e8f5f9;
  z-index: 100000;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.drawer--top .drawer-nav .drawer-menu {
  max-width: 1280px;
  padding: 35px 40px 40px;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .drawer--top .drawer-nav .drawer-menu {
    padding: 35px 30px 20px;
  }
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu {
    padding: 35px 20px 20px;
  }
}
.drawer--top .drawer-nav .drawer-menu .sp_nav_logo {
  width: 416px;
  margin: 0 auto 60px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 600px) {
  .drawer--top .drawer-nav .drawer-menu .sp_nav_logo {
    width: 340px;
  }
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu .sp_nav_logo {
    width: 280px;
  }
}
.drawer--top .drawer-nav .drawer-menu .sp_nav_logo .logo_mark {
  margin: 0 auto 30px;
}
.drawer--top .drawer-nav .drawer-menu .sp_nav_logo .for_recruit {
  width: 366px;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  padding: 1px 0;
  position: absolute;
  bottom: -30px;
  left: 50px;
}
@media screen and (max-width: 600px) {
  .drawer--top .drawer-nav .drawer-menu .sp_nav_logo .for_recruit {
    width: 300px;
    left: 40px;
  }
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu .sp_nav_logo .for_recruit {
    width: 248px;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    left: 34px;
  }
}
@media screen and (max-width: 400px) {
  .drawer--top .drawer-nav .drawer-menu .sp_nav_logo .for_recruit {
    width: 246px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.drawer--top .drawer-nav .drawer-menu > ul {
  background: #fff;
  padding: 5px 30px;
  border-radius: 15px;
}
@media screen and (max-width: 400px) {
  .drawer--top .drawer-nav .drawer-menu > ul {
    padding: 5px 20px;
  }
}
.drawer--top .drawer-nav .drawer-menu > ul li {
  border-top: 1px solid #c4e5e8;
}
.drawer--top .drawer-nav .drawer-menu > ul li.menu-item-has-children {
  position: relative;
}
.drawer--top .drawer-nav .drawer-menu > ul li.menu-item-has-children > a,
.drawer--top .drawer-nav .drawer-menu > ul li.menu-item-627 > a,
.drawer--top .drawer-nav .drawer-menu > ul li.menu-item-2880 > a,
.drawer--top .drawer-nav .drawer-menu > ul li.menu-item-2881 > a {
  background: #ecf9fa;
}
.drawer--top .drawer-nav .drawer-menu > ul li:first-child {
  border-top: none;
}
.drawer--top .drawer-nav .drawer-menu > ul li a {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  color: #313131;
  font-weight: 500;
  line-height: 1.4;
  padding: 25px 20px;
}
@media screen and (max-width: 768px) {
  .drawer--top .drawer-nav .drawer-menu > ul li a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .drawer--top .drawer-nav .drawer-menu > ul li a {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 20px;
  }
}
@media screen and (max-width: 400px) {
  .drawer--top .drawer-nav .drawer-menu > ul li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.drawer--top .drawer-nav .drawer-menu > ul li .sub-menu li {
  border-top-color: #c4e5e8;
  margin: 0 10px;
}
.drawer--top .drawer-nav .drawer-menu > ul li .sub-menu li a {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 20px 10px 20px 30px;
}
@media screen and (max-width: 768px) {
  .drawer--top .drawer-nav .drawer-menu > ul li .sub-menu li a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu > ul li .sub-menu li a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 15px 10px;
  }
}
.drawer--top .drawer-nav .drawer-menu > ul li.main-bgcolor {
  background: #f3fffe;
}
.drawer--top .drawer-nav .drawer-menu > ul li.main-bgcolor a {
  color: #313131;
}

.gnav {
  position: absolute;
  bottom: 48px;
  right: 80px;
}
@media screen and (max-width: 1500px) {
  .gnav {
    right: 50px;
  }
}
@media screen and (max-width: 1250px) {
  .gnav {
    display: none;
  }
}
.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: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.gnav li {
  margin-left: 35px;
}
@media screen and (max-width: 1500px) {
  .gnav li {
    margin-left: 25px;
  }
}
.gnav li.parent:hover .child {
  opacity: 1;
  z-index: 10;
  visibility: visible;
}
.gnav li.parent span {
  position: relative;
}
.gnav li.parent span:after {
  content: "";
  width: 10px;
  height: 6px;
  background: url(images/img_icon_gnav_arrow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 60%;
  right: -12px;
  transform: translateY(-50%);
}
.gnav li.parent .child {
  background: #effafd;
  padding: 25px 25px 5px 30px;
  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;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: start;
  -moz-align-items: start;
  align-items: start;
  position: absolute;
  top: 100%;
  width: 80%;
  left: 10%;
  overflow: hidden;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s;
  opacity: 0;
  visibility: hidden;
  z-index: -100;
}
@media screen and (max-width: 1250px) {
  .gnav li.parent .child {
    width: 96%;
    left: 2%;
  }
}
.gnav li.parent .child ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: start;
  -moz-align-items: start;
  align-items: start;
  width: calc(100% - 310px);
  margin-left: 50px;
}
@media screen and (max-width: 1250px) {
  .gnav li.parent .child ul {
    width: calc(100% - 230px);
    margin-left: 30px;
  }
}
.gnav li.parent .child li {
  width: 45%;
  height: auto;
  padding: 0 20px;
  margin-left: 0;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .gnav li.parent .child li {
    padding-left: 18px;
  }
}
.gnav li.parent .child li:before {
  content: "";
  width: 10px;
  height: 1px;
  background: #313131;
  position: absolute;
  top: 13px;
  left: 0;
}
@media screen and (max-width: 1250px) {
  .gnav li.parent .child li:before {
    top: 11px;
  }
}
.gnav li.parent .child li a {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 0 0 20px 0;
}
@media screen and (max-width: 1500px) {
  .gnav li.parent .child li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.gnav li.gnav_entry {
  background: #49bcbd;
  text-align: center;
  border-radius: 0 100px 100px 0;
}
.gnav li.gnav_entry a {
  display: inline-block;
  color: #fff;
  padding: 8px 23px;
}
@media screen and (max-width: 1500px) {
  .gnav li.gnav_entry a {
    padding: 8px 18px;
  }
}
.gnav li a {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #313131;
  font-weight: 300;
  padding: 10px 0;
}
@media screen and (max-width: 1500px) {
  .gnav li a {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.gnav li a:hover {
  color: #49bcbd;
}

.mainvisual {
  width: calc(100% - 160px);
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1500px) {
  .mainvisual {
    width: calc(100% - 100px);
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual {
    width: calc(100% - 80px);
  }
}
@media screen and (max-width: 600px) {
  .mainvisual {
    width: calc(100% - 60px);
  }
}
@media screen and (max-width: 480px) {
  .mainvisual {
    width: calc(100% - 50px);
  }
}
.mainvisual:before {
  content: "";
  width: 360px;
  height: 170px;
  background: url(images/bg_mv_mask.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 1500px) {
  .mainvisual:before {
    width: 324px;
    height: 153px;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual:before {
    width: 288px;
    height: 136px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual:before {
    background-image: url(images/bg_mv_mask_right.svg);
    left: initial;
    bottom: 237px;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual:before {
    width: 252px;
    height: 119px;
    bottom: 212px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual:before {
    content: none;
  }
}
.mainvisual img {
  width: 100%;
  height: 700px;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 20px;
}
@media screen and (max-width: 1500px) {
  .mainvisual img {
    height: 620px;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual img {
    height: 520px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual img {
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual img {
    border-radius: 15px;
  }
}
.mainvisual .catch {
  position: absolute;
  top: 315px;
  left: 50px;
}
@media screen and (max-width: 1500px) {
  .mainvisual .catch {
    top: 260px;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch {
    top: 220px;
    left: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch {
    position: static;
    margin: 40px 0 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch {
    margin-left: 10px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch {
    margin-top: 30px;
    margin-left: 0;
  }
}
.mainvisual .catch .catch_main {
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 10px;
  text-indent: -5px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1500px) {
  .mainvisual .catch .catch_main {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 6px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch .catch_main {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch .catch_main {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 8px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch .catch_main {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch .catch_main {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch .catch_main {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.4;
    margin-bottom: 20px;
  }
}
.mainvisual .catch .catch_main em {
  color: #fc8d08;
}
.mainvisual .catch .catch_sub {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
  letter-spacing: 2px;
}
@media screen and (max-width: 1500px) {
  .mainvisual .catch .catch_sub {
    width: 450px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual .catch .catch_sub {
    width: 380px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch .catch_sub {
    width: 100%;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.9;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch .catch_sub {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
}
.mainvisual .catch .catch_sub p {
  margin-bottom: 20px;
}
.mainvisual .catch .catch_sub p:last-child {
  margin-bottom: 0;
}
.mainvisual .catch .catch_sub em {
  color: #fc8d08;
}
.mainvisual .btn_more {
  width: 280px;
  position: absolute;
  bottom: 28px;
  left: 15px;
}
.mainvisual .btn_more a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .mainvisual .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .btn_more a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.mainvisual .btn_more a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.mainvisual .btn_more a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1500px) {
  .mainvisual .btn_more {
    width: 250px;
  }
}
@media screen and (max-width: 1250px) {
  .mainvisual .btn_more {
    width: 220px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .btn_more {
    left: initial;
    bottom: 260px;
    right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .btn_more {
    width: 200px;
    bottom: 234px;
    right: 10px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .btn_more {
    width: 240px;
    position: static;
  }
}
.mainvisual .btn_more a {
  max-width: 280px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 1250px) {
  .mainvisual .btn_more a {
    max-width: 220px;
    padding: 15px 30px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .btn_more a {
    max-width: 200px;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 12px 20px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .btn_more a {
    max-width: 240px;
  }
}

.web_float {
  position: fixed;
  bottom: 100px;
  right: 0;
  z-index: 2;
  width: 182px;
  text-align: center;
  transition: left 1s, right 1s;
}
@media screen and (max-width: 768px) {
  .web_float {
    display: none;
  }
}
.web_float h2 {
  background: #00a5d7;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 1px;
  padding: 8px 6px 6px;
  border-radius: 4px 0 0 0;
}
.web_float .web_float_inner {
  background: #ebf2f6;
  padding: 15px 20px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left;
  line-height: 1.6;
  border-radius: 0 0 0 4px;
}
.web_float .btn_web_float a {
  display: block;
  width: 100%;
  background: #181818;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  padding: 5px;
  margin-top: 10px;
}

.web-float-btn a:hover {
  background: #fff;
  color: #D78A91;
}

/* content
------------------------------------------------------------- */
.content {
  width: 100%;
}
.content section {
  padding: 100px 40px;
}
@media screen and (max-width: 768px) {
  .content section {
    padding: 70px 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section {
    padding: 60px 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section {
    padding: 50px 25px;
  }
}
.content section h2 {
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .content section h2 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section h2 {
    margin-bottom: 30px;
  }
}
.content section.sec_message {
  position: relative;
  padding: 171px 0 0 0;
}
@media screen and (max-width: 1000px) {
  .content section.sec_message {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message {
    padding: 120px 25px 0;
  }
}
.content section.sec_message .message_inner {
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .message_inner {
    width: 100%;
    max-width: initial;
  }
}
.content section.sec_message .msg_header {
  margin-bottom: 80px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1500px) {
  .content section.sec_message .msg_header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    -moz-align-items: start;
    align-items: start;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .msg_header {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .msg_header {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_header {
    margin-bottom: 40px;
  }
}
.content section.sec_message .msg_header .photo {
  width: 770px;
  max-width: 770px;
  position: relative;
}
@media screen and (max-width: 1500px) {
  .content section.sec_message .msg_header .photo {
    width: 680px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .msg_header .photo {
    width: 520px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .msg_header .photo {
    width: 100%;
    margin: 0 auto 40px;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .msg_header .photo {
    margin-bottom: 30px;
  }
}
.content section.sec_message .msg_header .photo img {
  width: 100%;
  height: 560px;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0 30px 30px 0;
}
@media screen and (max-width: 1500px) {
  .content section.sec_message .msg_header .photo img {
    height: 500px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .msg_header .photo img {
    height: 460px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .msg_header .photo img {
    height: auto;
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_header .photo img {
    border-radius: 15px;
    height: 320px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .msg_header .photo img {
    height: 280px;
  }
}
.content section.sec_message .msg_header .photo .signature {
  background: #fff;
  padding: 15px 30px;
  border-radius: 0 15px 15px 0;
  position: absolute;
  bottom: 35px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_header .photo .signature {
    border-radius: 0 10px 10px 0;
    padding: 12px 20px;
    bottom: 20px;
  }
}
.content section.sec_message .msg_header .photo .signature .company_name {
  font-size: 16px;
  font-size: 1.6rem;
  color: #f39800;
  line-height: 1.4;
  letter-spacing: 1px;
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_header .photo .signature .company_name {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_message .msg_header .photo .signature .company_name span {
  display: block;
  color: #54b21f;
}
.content section.sec_message .msg_header .photo .signature .name {
  font-size: 16px;
  font-size: 1.6rem;
  color: #313131;
  letter-spacing: 2px;
}
.content section.sec_message .msg_header .photo .signature .name span {
  margin-right: 1em;
}
.content section.sec_message .msg_header .ttl_area {
  width: calc(100% - 770px);
  padding: 0 80px 0 60px;
}
@media screen and (max-width: 1500px) {
  .content section.sec_message .msg_header .ttl_area {
    width: calc(100% - 680px);
    padding-right: 50px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .msg_header .ttl_area {
    width: calc(100% - 520px);
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .msg_header .ttl_area {
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.content section.sec_message .msg_header .ttl_area .ttl_en {
  font-family: "Roboto", serif;
  font-size: 150px;
  font-size: 15rem;
  color: #b6e3e7;
  letter-spacing: 12px;
  line-height: 1;
  font-weight: 100;
  position: absolute;
  top: -100px;
  left: 24%;
}
@media screen and (max-width: 1500px) {
  .content section.sec_message .msg_header .ttl_area .ttl_en {
    font-size: 140px;
    font-size: 14rem;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .msg_header .ttl_area .ttl_en {
    font-size: 120px;
    font-size: 12rem;
    top: -80px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .msg_header .ttl_area .ttl_en {
    left: -20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .msg_header .ttl_area .ttl_en {
    font-size: 100px;
    font-size: 10rem;
    top: -60px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .msg_header .ttl_area .ttl_en {
    font-size: 80px;
    font-size: 8rem;
    letter-spacing: 10px;
    top: -50px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_header .ttl_area .ttl_en {
    font-size: 65px;
    font-size: 6.5rem;
    letter-spacing: 8px;
    top: -40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .msg_header .ttl_area .ttl_en {
    font-size: 56px;
    font-size: 5.6rem;
    top: -35px;
  }
}
.content section.sec_message .msg_header .ttl_area h2 {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 300;
  letter-spacing: 4px;
  line-height: 1.5;
  margin-bottom: 80px;
}
@media screen and (max-width: 1500px) {
  .content section.sec_message .msg_header .ttl_area h2 {
    font-size: 30px;
    font-size: 3rem;
    margin: 60px 0 50px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .msg_header .ttl_area h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .msg_header .ttl_area h2 {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .msg_header .ttl_area h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .msg_header .ttl_area h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_header .ttl_area h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .msg_header .ttl_area h2 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.content section.sec_message .msg_header .ttl_area h2 span {
  display: inline-block;
}
.content section.sec_message .msg_header .ttl_area .txt {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 1px;
  font-weight: 300;
  line-height: 2;
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_header .ttl_area .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_message .msg_header .ttl_area .txt p {
  margin-bottom: 20px;
}
.content section.sec_message .msg_header .ttl_area .txt p:last-child {
  margin-bottom: 0;
}
.content section.sec_message .msg_from_doctor {
  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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 80px;
  padding: 120px 60px 0;
  background: url(images/bg_top_doctor_message.png) repeat 0 0;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1500px) {
  .content section.sec_message .msg_from_doctor {
    margin: 0 50px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .msg_from_doctor {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: end;
    -moz-align-items: end;
    align-items: end;
    margin: 0 40px;
    padding: 80px 40px 0;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .msg_from_doctor {
    padding: 40px 30px 0;
    margin: 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .msg_from_doctor {
    border-radius: 20px;
  }
}
.content section.sec_message .msg_from_doctor:before {
  content: "";
  width: 910px;
  height: 230px;
  background: #f3fffe;
  position: absolute;
  top: -140px;
  left: -202px;
  transform: rotate(-35deg);
  z-index: 0;
}
.content section.sec_message .msg_from_doctor:after {
  content: "";
  width: 922px;
  height: 315px;
  background: #f3fffe;
  position: absolute;
  bottom: -60px;
  right: -175px;
  transform: rotate(-35deg);
  z-index: 0;
}
.content section.sec_message .msg_from_doctor .txt_area {
  width: calc(100% - 286px);
  padding-right: 120px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1500px) {
  .content section.sec_message .msg_from_doctor .txt_area {
    padding-right: 20px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .msg_from_doctor .txt_area {
    width: calc(100% - 258px);
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .msg_from_doctor .txt_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 0;
  }
}
.content section.sec_message .msg_from_doctor .txt_area h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #49bcbd;
  font-weight: 300;
  letter-spacing: 2px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .msg_from_doctor .txt_area h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_from_doctor .txt_area h3 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.content section.sec_message .msg_from_doctor .txt_area .sub_ttl {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 3px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .msg_from_doctor .txt_area .sub_ttl {
    font-size: 36px;
    font-size: 3.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .msg_from_doctor .txt_area .sub_ttl {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .msg_from_doctor .txt_area .sub_ttl {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .msg_from_doctor .txt_area .sub_ttl {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_from_doctor .txt_area .sub_ttl {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .msg_from_doctor .txt_area .sub_ttl {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.content section.sec_message .msg_from_doctor .txt_area .txt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .msg_from_doctor .txt_area .txt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_from_doctor .txt_area .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_message .msg_from_doctor .txt_area .txt p {
  margin-bottom: 20px;
}
.content section.sec_message .msg_from_doctor .txt_area .signature {
  text-align: right;
  letter-spacing: 2px;
}
.content section.sec_message .msg_from_doctor .txt_area .signature .company_name {
  font-size: 14px;
  font-size: 1.4rem;
  color: #49bcbd;
  font-weight: 300;
}
.content section.sec_message .msg_from_doctor .txt_area .signature .name {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
.content section.sec_message .msg_from_doctor .doctor_photo {
  width: 286px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .msg_from_doctor .doctor_photo {
    width: 257.4px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .msg_from_doctor .doctor_photo {
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .msg_from_doctor .doctor_photo {
    margin-bottom: 30px;
  }
}
.content section.sec_message .msg_from_doctor .doctor_photo img {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .content section.sec_message .msg_from_doctor .doctor_photo img {
    width: 40%;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .msg_from_doctor .doctor_photo img {
    width: 180px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .msg_from_doctor .doctor_photo img {
    width: 160px;
  }
}
.content section.sec_message .btn_area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 50px;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .btn_area {
    margin-bottom: 40px;
  }
}
.content section.sec_message .btn_area > div {
  width: 312px;
}
.content section.sec_message .btn_area > div a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .btn_area > div a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .btn_area > div a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .btn_area > div a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.content section.sec_message .btn_area > div a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.content section.sec_message .btn_area > div a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .btn_area > div {
    width: 48%;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .btn_area > div {
    width: 100%;
    margin: 0;
  }
}
.content section.sec_message .btn_area > div.btn_message {
  margin-right: 30px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .btn_area > div.btn_message {
    margin-right: 4%;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .btn_area > div.btn_message {
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.content section.sec_message .btn_area > div.btn_qa99 a {
  background: #43c3d8;
  border: 1px solid #43c3d8;
}
.content section.sec_message .btn_area > div a {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .btn_area > div a {
    max-width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .btn_area > div a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message .btn_area > div a {
    padding: 15px 10px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .btn_area > div a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 10px;
  }
}
.content section.sec_about_group {
  padding-right: 0;
  padding-left: 0;
}
.content section.sec_about_group .logo_mark {
  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;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 50px;
}
.content section.sec_about_group .logo_mark img {
  width: 51px;
  margin-right: 45px;
}
@media screen and (max-width: 600px) {
  .content section.sec_about_group .logo_mark img {
    width: 45.9px;
    height: 132.3px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about_group .logo_mark img {
    width: 35.7px;
    height: 102.9px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_about_group .logo_mark img {
    width: 30.6px;
    height: 88.2px;
  }
}
.content section.sec_about_group .logo_mark p {
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 400px) {
  .content section.sec_about_group .logo_mark p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.content section.sec_about_group h2 {
  font-size: 32px;
  font-size: 3.2rem;
  text-align: center;
  font-weight: 300;
  letter-spacing: 4px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_about_group h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_about_group h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_about_group h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about_group h2 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 3px;
  }
}
.content section.sec_about_group .lead {
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_about_group .lead {
    text-align: left;
    margin-bottom: 40px;
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_about_group .lead {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about_group .lead {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.content section.sec_about_group .about_group_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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 100px;
  padding-right: 10px;
  padding-left: 10px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_about_group .about_group_list {
    display: block;
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_about_group .about_group_list {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_about_group .about_group_list {
    margin-bottom: 60px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about_group .about_group_list {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.content section.sec_about_group .about_group_box {
  display: block;
  width: 32.78%;
  height: 580px;
  background: url(images/photo_top_about_group01.jpg) no-repeat 0 0;
  background-size: cover;
  border-radius: 0 30px 0 30px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_about_group .about_group_box {
    height: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_about_group .about_group_box {
    width: 100%;
    max-width: 600px;
    height: 600px;
    margin: 0 auto 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_about_group .about_group_box {
    height: 560px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_about_group .about_group_box {
    height: 520px;
    border-radius: 0 20px 0 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about_group .about_group_box {
    height: 460px;
  }
}
.content section.sec_about_group .about_group_box:before {
  content: "";
  border-radius: 0 30px 0 30px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(78, 128, 128, 0.55);
  transition: 0.3s;
}
@media screen and (max-width: 600px) {
  .content section.sec_about_group .about_group_box:before {
    border-radius: 0 20px 0 20px;
  }
}
.content section.sec_about_group .about_group_box:after {
  content: "";
  width: 30px;
  height: 30px;
  background: url(images/img_icon_arrow_circle.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
@media screen and (max-width: 600px) {
  .content section.sec_about_group .about_group_box:after {
    width: 24px;
    height: 24px;
  }
}
.content section.sec_about_group .about_group_box:hover {
  opacity: 1;
}
.content section.sec_about_group .about_group_box:hover:before {
  background: rgba(255, 255, 255, 0);
}
.content section.sec_about_group .about_group_box.about_environment {
  margin-top: 60px;
  background-image: url(images/photo_top_about_group02.jpg);
}
@media screen and (max-width: 1000px) {
  .content section.sec_about_group .about_group_box.about_environment {
    margin-top: 0;
  }
}
.content section.sec_about_group .about_group_box.about_numbers {
  margin-top: 120px;
  background-image: url(images/photo_top_about_group03.jpg);
}
@media screen and (max-width: 1000px) {
  .content section.sec_about_group .about_group_box.about_numbers {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.content section.sec_about_group .about_group_box .know_num {
  width: 104px;
  height: 91px;
  position: relative;
  background: url(images/bg_top_about_group.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -1px;
  left: -1px;
}
@media screen and (max-width: 400px) {
  .content section.sec_about_group .about_group_box .know_num {
    width: 93.6px;
    height: 81.9px;
  }
}
.content section.sec_about_group .about_group_box .know_num .know {
  font-size: 12px;
  font-size: 1.2rem;
  color: #313131;
  font-weight: 600;
  line-height: 1.5;
  padding-top: 15px;
  padding-left: 35px;
}
@media screen and (max-width: 400px) {
  .content section.sec_about_group .about_group_box .know_num .know {
    padding-top: 12px;
    padding-left: 30px;
  }
}
.content section.sec_about_group .about_group_box .know_num .num {
  font-family: "Roboto", serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #8ad3d4;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 2px;
  padding-left: 17px;
}
@media screen and (max-width: 400px) {
  .content section.sec_about_group .about_group_box .know_num .num {
    font-size: 20px;
    font-size: 2rem;
    padding-left: 12px;
  }
}
.content section.sec_about_group .about_group_box .know_num .num span {
  font-size: 32px;
  font-size: 3.2rem;
  position: relative;
  top: 3px;
}
@media screen and (max-width: 400px) {
  .content section.sec_about_group .about_group_box .know_num .num span {
    font-size: 30px;
    font-size: 3rem;
  }
}
.content section.sec_about_group .about_group_box .ttl {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  position: absolute;
  top: 50px;
  right: 50px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_about_group .about_group_box .ttl {
    top: 30px;
    right: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_about_group .about_group_box .ttl {
    top: 50px;
    right: 50px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_about_group .about_group_box .ttl {
    top: 40px;
    right: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about_group .about_group_box .ttl {
    top: 30px;
    right: 30px;
  }
}
.content section.sec_about_group .about_group_box .ttl .ttl_en {
  font-family: "Roboto", serif;
  color: #bce9e9;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1;
}
.content section.sec_about_group .about_group_box .ttl h3 {
  font-size: 32px;
  font-size: 3.2rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: 4px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_about_group .about_group_box .ttl h3 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about_group .about_group_box .ttl h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.content section.sec_about_group .about_group_box .txt {
  width: calc(100% - 80px);
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  letter-spacing: 1px;
  position: absolute;
  bottom: 70px;
  left: 40px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_about_group .about_group_box .txt {
    width: calc(100% - 40px);
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
    bottom: 55px;
    left: 20px;
  }
}
.content section.sec_about_group .staff_gallery {
  width: 100%;
  overflow: hidden;
}
.content section.sec_about_group .staff_gallery .slider_list {
  display: flex;
  gap: 30px;
  animation: slide 40s linear infinite;
}
@media screen and (max-width: 1000px) {
  .content section.sec_about_group .staff_gallery .slider_list {
    gap: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about_group .staff_gallery .slider_list {
    gap: 10px;
  }
}
.content section.sec_about_group .staff_gallery img {
  width: 400px;
  height: auto;
  flex-shrink: 0;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_about_group .staff_gallery img {
    width: 320px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_about_group .staff_gallery img {
    width: 280px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_about_group .staff_gallery img {
    width: 240px;
    border-radius: 10px;
  }
}
.content section.sec_interview {
  padding: 40px 0 50px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .content section.sec_interview {
    padding-bottom: 20px;
  }
}
.content section.sec_interview .ttl_en {
  font-family: "Roboto", serif;
  font-size: 150px;
  font-size: 15rem;
  color: #b7e3e5;
  letter-spacing: 12px;
  font-weight: 100;
  line-height: 1;
  position: absolute;
  top: -20px;
  left: 80px;
  z-index: 1;
}
@media screen and (max-width: 1500px) {
  .content section.sec_interview .ttl_en {
    font-size: 140px;
    font-size: 14rem;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .ttl_en {
    font-size: 120px;
    font-size: 12rem;
    top: -5px;
    left: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .ttl_en {
    font-size: 110px;
    font-size: 11rem;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .ttl_en {
    font-size: 100px;
    font-size: 10rem;
    top: 10px;
    left: 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .ttl_en {
    font-size: 75px;
    font-size: 7.5rem;
    letter-spacing: 10px;
    top: 20px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .ttl_en {
    font-size: 65px;
    font-size: 6.5rem;
    letter-spacing: 8px;
    top: 30px;
    left: 18px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .ttl_en {
    font-size: 56px;
    font-size: 5.6rem;
    top: 35px;
  }
}
.content section.sec_interview .interview_inner {
  background: linear-gradient(to bottom, #def5fa calc(100% - 125px), #ffffff 0);
  clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%);
  padding-top: 170px;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .interview_inner {
    padding-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .interview_inner {
    clip-path: polygon(0 0, 100% 70px, 100% 100%, 0% 100%);
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_inner {
    padding-top: 100px;
  }
}
.content section.sec_interview .ttl_area {
  margin: 0 80px;
  position: relative;
}
@media screen and (max-width: 1500px) {
  .content section.sec_interview .ttl_area {
    margin: 0 50px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .ttl_area {
    margin: 0 40px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .ttl_area {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .ttl_area {
    margin: 0 30px 60px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .ttl_area {
    margin: 0 25px 60px;
  }
}
.content section.sec_interview .ttl_area h2 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 300;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .ttl_area h2 {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .ttl_area h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .ttl_area h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .ttl_area h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .ttl_area h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .ttl_area h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_interview .ttl_area .lead {
  font-weight: 300;
  margin-bottom: 100px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .ttl_area .lead {
    margin-bottom: 40px;
  }
}
.content section.sec_interview .ttl_area .btn_more {
  width: 312px;
  position: absolute;
  top: 12px;
  right: 0;
}
.content section.sec_interview .ttl_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .ttl_area .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .ttl_area .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .ttl_area .btn_more a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.content section.sec_interview .ttl_area .btn_more a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.content section.sec_interview .ttl_area .btn_more a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .ttl_area .btn_more {
    position: static;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .ttl_area .btn_more {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .ttl_area .btn_more a {
    padding: 15px 10px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .ttl_area .btn_more a {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 10px;
  }
}
.content section.sec_interview .interview_list .interview_list_inner {
  display: block;
  width: 410px;
  margin: 0 15px;
  padding-top: 70px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .interview_list .interview_list_inner {
    width: 360px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_list .interview_list_inner {
    width: 320px;
    margin: 0 10px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_list .interview_list_inner {
    width: 280px;
  }
}
.content section.sec_interview .interview_list .interview_list_inner:nth-child(even) {
  margin-top: 40px;
}
.content section.sec_interview .interview_list .photo {
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.content section.sec_interview .interview_list .photo img {
  border-radius: 100%;
}
.content section.sec_interview .interview_list .interview_box {
  background: #fff;
  border: 1px solid #49bcbd;
  border-radius: 20px;
  padding: 170px 40px 40px;
  position: inherit;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .interview_list .interview_box {
    padding: 140px 30px 30px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_list .interview_box {
    padding: 120px 25px 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_list .interview_box {
    padding-top: 100px;
  }
}
.content section.sec_interview .interview_list .staff_status {
  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;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.content section.sec_interview .interview_list .staff_status .clinic_place {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #6cb8d8;
  padding: 0 20px;
  border: 1px solid #6cb8d8;
  border-radius: 100px;
  margin-right: 10px;
  margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_list .staff_status .clinic_place {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.content section.sec_interview .interview_list .staff_status .clinic_place.clinic_sakuramachi {
  color: #4c83c0;
  border-color: #4c83c0;
}
.content section.sec_interview .interview_list .staff_status .clinic_place.clinic_amuplaza {
  color: #535dbd;
  border-color: #535dbd;
}
.content section.sec_interview .interview_list .staff_status .clinic_place.clinic_kengun {
  color: #714abd;
  border-color: #714abd;
}
.content section.sec_interview .interview_list .staff_status .clinic_place.clinic_uto {
  color: #af4abd;
  border-color: #af4abd;
}
.content section.sec_interview .interview_list .staff_status .job_position {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #0f8181;
  padding: 0 20px;
  border: 1px solid #e4f4f4;
  border-radius: 100px;
  background: #e4f4f4;
  margin-right: 10px;
  margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_list .staff_status .job_position {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.content section.sec_interview .interview_list .catch {
  color: #313131;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_list .catch {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
}
.content section.sec_interview .interview_list .name {
  color: #26b1b2;
  text-align: right;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_list .name {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_search_place {
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_search_place {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_search_place {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.content section.sec_search_place:before {
  content: "";
  width: 365px;
  height: 353px;
  background: url(images/bg_kumamoto_map.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 10px;
}
@media screen and (max-width: 768px) {
  .content section.sec_search_place:before {
    width: 292px;
    height: 282.4px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_search_place:before {
    width: 255.5px;
    height: 247.1px;
  }
}
.content section.sec_search_place h2 {
  font-size: 32px;
  font-size: 3.2rem;
  text-align: center;
  font-weight: 300;
  letter-spacing: 4px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_search_place h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_search_place h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_search_place h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_search_place h2 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 3px;
  }
}
.content section.sec_search_place .lead {
  text-align: center;
  font-weight: 300;
  margin-bottom: 100px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_search_place .lead {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_search_place .lead {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_search_place .lead {
    text-align: left;
    margin-bottom: 50px;
  }
}
.content section.sec_search_place .group_list {
  width: 100%;
  max-width: 1470px;
  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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.content section.sec_search_place .group_list .group_box {
  width: 31.29%;
  margin: 0% 1.02% 4.76% 1.02%;
  padding: 50px 30px 0 0;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_search_place .group_list .group_box {
    width: 48%;
    margin: 0 1% 70px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_search_place .group_list .group_box {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 60px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_search_place .group_list .group_box {
    border-radius: 15px;
  }
}
.content section.sec_search_place .group_list .group_box:before {
  content: "";
  width: 150px;
  height: 70px;
  background: url(images/bg_group_clinic.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
}
.content section.sec_search_place .group_list .group_box.clinic_ooe {
  background: #e4f2f7;
}
.content section.sec_search_place .group_list .group_box.clinic_ooe .group_num {
  color: #6cb8d8;
}
.content section.sec_search_place .group_list .group_box.clinic_ooe .clinic_name_en {
  color: #6cb8d8;
}
.content section.sec_search_place .group_list .group_box.clinic_ooe a {
  color: #1c6483;
}
.content section.sec_search_place .group_list .group_box.clinic_sakuramachi {
  background: #dee7f3;
}
.content section.sec_search_place .group_list .group_box.clinic_sakuramachi .group_num {
  color: #4c83c0;
}
.content section.sec_search_place .group_list .group_box.clinic_sakuramachi .clinic_name_en {
  color: #4c83c0;
}
.content section.sec_search_place .group_list .group_box.clinic_sakuramachi a {
  color: #325275;
}
.content section.sec_search_place .group_list .group_box.clinic_sakuramachi .btn_more:after {
  background-image: url(images/photo_arrow_clinic_sakuramachi.png);
}
.content section.sec_search_place .group_list .group_box.clinic_amu {
  background: #e0e1f3;
}
.content section.sec_search_place .group_list .group_box.clinic_amu .group_num {
  color: #535dbd;
}
.content section.sec_search_place .group_list .group_box.clinic_amu .clinic_name_en {
  color: #535dbd;
}
.content section.sec_search_place .group_list .group_box.clinic_amu a {
  color: #404682;
}
.content section.sec_search_place .group_list .group_box.clinic_amu .btn_more:after {
  background-image: url(images/photo_arrow_clinic_amu.png);
}
.content section.sec_search_place .group_list .group_box.clinic_kengun {
  background: #e7ddf3;
  margin-bottom: 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_search_place .group_list .group_box.clinic_kengun {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_search_place .group_list .group_box.clinic_kengun {
    margin-bottom: 60px;
  }
}
.content section.sec_search_place .group_list .group_box.clinic_kengun .group_num {
  color: #714abd;
}
.content section.sec_search_place .group_list .group_box.clinic_kengun .clinic_name_en {
  color: #714abd;
}
.content section.sec_search_place .group_list .group_box.clinic_kengun a {
  color: #563e84;
}
.content section.sec_search_place .group_list .group_box.clinic_kengun .btn_more:after {
  background-image: url(images/photo_arrow_clinic_kengun.png);
}
.content section.sec_search_place .group_list .group_box.clinic_uto {
  background: #ecddf3;
  margin-bottom: 0;
}
.content section.sec_search_place .group_list .group_box.clinic_uto .group_num {
  color: #af4abd;
}
.content section.sec_search_place .group_list .group_box.clinic_uto .clinic_name_en {
  color: #af4abd;
}
.content section.sec_search_place .group_list .group_box.clinic_uto a {
  color: #66426b;
}
.content section.sec_search_place .group_list .group_box.clinic_uto .btn_more:after {
  background-image: url(images/photo_arrow_clinic_uto.png);
}
.content section.sec_search_place .group_list .group_box .group_num {
  font-family: "Roboto", serif;
  font-size: 41px;
  font-size: 4.1rem;
  font-weight: 500;
  letter-spacing: 4px;
  line-height: 1;
  position: absolute;
  top: -32px;
  right: 25px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_search_place .group_list .group_box .group_num {
    font-size: 36px;
    font-size: 3.6rem;
    top: -28px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_search_place .group_list .group_box .group_num {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_search_place .group_list .group_box .group_num {
    font-size: 26px;
    font-size: 2.6rem;
    top: -24px;
  }
}
.content section.sec_search_place .group_list .group_box .group_num span {
  font-size: 60px;
  font-size: 6rem;
  position: relative;
  bottom: -5px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_search_place .group_list .group_box .group_num span {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_search_place .group_list .group_box .group_num span {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_search_place .group_list .group_box .group_num span {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
.content section.sec_search_place .group_list .group_box .photo img {
  width: 100%;
  border-radius: 0 15px 15px 0;
}
.content section.sec_search_place .group_list .group_box .group_info {
  position: relative;
  padding: 60px 30px 110px;
}
@media screen and (max-width: 768px) {
  .content section.sec_search_place .group_list .group_box .group_info {
    padding: 40px 30px 90px;
  }
}
.content section.sec_search_place .group_list .group_box .clinic_name_en {
  display: inline-block;
  background: #fff;
  font-family: "Roboto", serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
  padding: 3px 25px;
  border-radius: 100px;
  position: absolute;
  top: -15px;
  left: 30px;
}
@media screen and (max-width: 480px) {
  .content section.sec_search_place .group_list .group_box .clinic_name_en {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 3px 20px;
    left: 20px;
  }
}
.content section.sec_search_place .group_list .group_box .clinic_name {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 1.4;
}
.content section.sec_search_place .group_list .group_box .clinic_name span {
  display: block;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 500;
}
@media screen and (max-width: 1000px) {
  .content section.sec_search_place .group_list .group_box .clinic_name span {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_search_place .group_list .group_box .clinic_name span {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_search_place .group_list .group_box .btn_more {
  font-size: 13px;
  font-size: 1.3rem;
  color: #313131;
  font-weight: 300;
  padding: 16px 45px 16px 0;
  position: absolute;
  bottom: 0;
  right: -30px;
  z-index: 1;
}
.content section.sec_search_place .group_list .group_box .btn_more:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/photo_arrow_clinic_ooe.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 17px;
  right: 15px;
}
.content section.sec_bnr_area {
  background: linear-gradient(to right, #49bcbd, #43acd9);
}
@media screen and (max-width: 1250px) {
  .content section.sec_bnr_area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_bnr_area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_bnr_area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.content section.sec_bnr_area h2 {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  line-height: 1.2;
}
@media screen and (max-width: 1000px) {
  .content section.sec_bnr_area h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_bnr_area h2 {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_bnr_area h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_bnr_area h2 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_bnr_area h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
.content section.sec_bnr_area .bnr_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1540px;
  margin: 0 auto;
}
.content section.sec_bnr_area .bnr_list > a {
  display: block;
  width: 49.35%;
  background: #cef7f7;
  border-radius: 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_bnr_area .bnr_list > a {
    border-radius: 20px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_bnr_area .bnr_list > a {
    width: 100%;
  }
}
.content section.sec_bnr_area .bnr_list > a:hover {
  opacity: 1;
}
.content section.sec_bnr_area .bnr_list > a:hover .photo:before {
  background: rgba(255, 255, 255, 0);
}
.content section.sec_bnr_area .bnr_list > a:hover .bnr_info .btn_more:after {
  right: 20px;
}
@media screen and (max-width: 768px) {
  .content section.sec_bnr_area .bnr_list > a.bnr_recruit {
    margin-bottom: 30px;
  }
}
.content section.sec_bnr_area .bnr_list > a.bnr_visitor {
  background: #d9f0f6;
}
.content section.sec_bnr_area .bnr_list > a.bnr_visitor:hover .photo:before {
  background: rgba(255, 255, 255, 0);
}
.content section.sec_bnr_area .bnr_list > a.bnr_visitor .photo:before {
  background: rgba(45, 121, 161, 0.4);
}
.content section.sec_bnr_area .bnr_list > a.bnr_visitor .bnr_info .btn_more {
  background: #43c3d8;
}
.content section.sec_bnr_area .bnr_list > a .photo {
  position: relative;
}
.content section.sec_bnr_area .bnr_list > a .photo:before {
  content: "";
  border-radius: 30px 30px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(58, 110, 110, 0.4);
  transition: 0.3s;
}
@media screen and (max-width: 1000px) {
  .content section.sec_bnr_area .bnr_list > a .photo:before {
    border-radius: 20px 20px 0 0;
  }
}
.content section.sec_bnr_area .bnr_list > a .photo img {
  border-radius: 30px 30px 0 0;
  height: 400px;
  object-fit: cover;
}
@media screen and (max-width: 1000px) {
  .content section.sec_bnr_area .bnr_list > a .photo img {
    height: 320px;
    border-radius: 20px 20px 0 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_bnr_area .bnr_list > a .photo img {
    height: 300px;
  }
}
.content section.sec_bnr_area .bnr_list > a .bnr_info {
  padding: 60px 50px 50px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .content section.sec_bnr_area .bnr_list > a .bnr_info {
    padding: 50px 30px 40px;
  }
}
.content section.sec_bnr_area .bnr_list > a .bnr_info h2 {
  font-size: 42px;
  font-size: 4.2rem;
  color: #fff;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 6px;
  position: absolute;
  top: 260px;
  left: 40px;
}
@media screen and (max-width: 1500px) {
  .content section.sec_bnr_area .bnr_list > a .bnr_info h2 {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_bnr_area .bnr_list > a .bnr_info h2 {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 4px;
    left: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_bnr_area .bnr_list > a .bnr_info h2 {
    top: 210px;
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_bnr_area .bnr_list > a .bnr_info h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
    left: 15px;
  }
}
.content section.sec_bnr_area .bnr_list > a .bnr_info .ttl_en {
  font-family: "Roboto", serif;
  font-size: 84px;
  font-size: 8.4rem;
  color: #f1fdfd;
  font-weight: 100;
  letter-spacing: 15px;
  line-height: 1;
  position: absolute;
  top: 350px;
  right: 20px;
}
@media screen and (max-width: 1500px) {
  .content section.sec_bnr_area .bnr_list > a .bnr_info .ttl_en {
    font-size: 70px;
    font-size: 7rem;
    top: 355px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_bnr_area .bnr_list > a .bnr_info .ttl_en {
    font-size: 60px;
    font-size: 6rem;
    top: 365px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_bnr_area .bnr_list > a .bnr_info .ttl_en {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: 10px;
    top: 295px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_bnr_area .bnr_list > a .bnr_info .ttl_en {
    font-size: 36px;
    font-size: 3.6rem;
    top: 280px;
    right: 15px;
  }
}
.content section.sec_bnr_area .bnr_list > a .bnr_info p {
  font-size: 15px;
  font-size: 1.5rem;
  color: #313131;
  text-align: left;
  letter-spacing: 1px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_bnr_area .bnr_list > a .bnr_info p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_bnr_area .bnr_list > a .bnr_info .btn_more {
  width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  margin-bottom: 0;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_bnr_area .bnr_list > a .bnr_info .btn_more {
    width: 100%;
    padding: 15px 10px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_bnr_area .bnr_list > a .bnr_info .btn_more {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 12px 10px;
  }
}
.content section.sec_bnr_area .bnr_list > a .bnr_info .btn_more:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}

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

/* #footer
------------------------------------------------------------- */
footer {
  background: #fff;
  padding: 60px 40px 0;
}
@media screen and (max-width: 600px) {
  footer {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  footer {
    padding: 40px 25px 0;
  }
}
footer .footer_inner {
  max-width: 1440px;
  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;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto 70px;
}
@media screen and (max-width: 768px) {
  footer .footer_inner {
    margin-bottom: 20px;
  }
}
footer .clinic_info {
  width: 445px;
}
@media screen and (max-width: 1250px) {
  footer .clinic_info {
    width: 100%;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1000px) {
  footer .clinic_info {
    margin-bottom: 0;
  }
}
footer .clinic_info .logo {
  width: 350px;
  position: relative;
  margin-bottom: 45px;
}
@media screen and (max-width: 1250px) {
  footer .clinic_info .logo {
    margin: 0 auto 45px;
  }
}
@media screen and (max-width: 480px) {
  footer .clinic_info .logo {
    width: 300px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 400px) {
  footer .clinic_info .logo {
    width: 260px;
  }
}
footer .clinic_info .logo .for_recruit {
  width: 308px;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  padding: 1px 0;
  position: absolute;
  bottom: -30px;
  left: 41px;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .logo .for_recruit {
    width: 266px;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    left: 36px;
  }
}
@media screen and (max-width: 400px) {
  footer .clinic_info .logo .for_recruit {
    width: 230px;
    font-size: 12px;
    font-size: 1.2rem;
    left: 32px;
  }
}
footer .clinic_info .tel_num {
  width: 349px;
  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;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-left: 41px;
}
@media screen and (max-width: 1250px) {
  footer .clinic_info .tel_num {
    margin: 0 auto;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  footer .clinic_info .tel_num {
    padding-left: 58px;
  }
}
@media screen and (max-width: 400px) {
  footer .clinic_info .tel_num {
    padding-left: 66px;
  }
}
footer .clinic_info .tel_num .charge {
  display: inline-block;
  background: #eafcfa;
  font-size: 13px;
  font-size: 1.3rem;
  color: #49bcbd;
  text-align: center;
  padding: 2px 18px;
  border-radius: 100px;
  margin-right: 10px;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .tel_num .charge {
    padding: 2px 14px;
  }
}
@media screen and (max-width: 400px) {
  footer .clinic_info .tel_num .charge {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 2px 10px;
    margin-right: 8px;
  }
}
footer .clinic_info .tel_num .num {
  font-family: "Roboto", serif;
  font-size: 28px;
  font-size: 2.8rem;
  color: #49bcbd;
  font-weight: 500;
  letter-spacing: 2px;
}
footer .clinic_info .tel_num .num a {
  color: #41a2e3;
}
@media screen and (max-width: 480px) {
  footer .clinic_info .tel_num .num {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  footer .clinic_info .tel_num .num {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 1px;
  }
}
footer .footer_nav {
  width: calc(100% - 445px);
}
@media screen and (max-width: 1250px) {
  footer .footer_nav {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  footer .footer_nav {
    display: none;
  }
}
footer .footer_nav .footer_nav_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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
footer .footer_nav nav {
  width: 25%;
  padding-right: 20px;
}
@media screen and (max-width: 1250px) {
  footer .footer_nav nav {
    padding-left: 30px;
  }
}
footer .footer_nav nav li {
  margin-bottom: 18px;
}
footer .footer_nav nav li:last-child {
  margin-bottom: 0;
}
footer .footer_nav nav li a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #49bcbd;
  font-weight: 500;
}
footer .footer_nav nav li ul {
  margin-top: 5px;
}
footer .footer_nav nav li li {
  margin-bottom: 3px;
}
footer .footer_nav nav li li:last-child {
  margin-bottom: 0;
}
footer .footer_nav nav li li a {
  font-size: 13px;
  font-size: 1.3rem;
  color: #313131;
  font-weight: 300;
}
footer .sns {
  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;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  max-width: 920px;
  margin: 0 auto;
  padding: 15px 25px;
  background: #f8fdfc;
  border-radius: 10px;
}
@media screen and (max-width: 1000px) {
  footer .sns {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    -moz-align-items: start;
    align-items: start;
  }
}
@media screen and (max-width: 768px) {
  footer .sns {
    background: none;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  footer .sns > div {
    padding: 20px;
    border-radius: 8px;
  }
}
footer .sns > div.sns_line {
  width: 33%;
}
@media screen and (max-width: 768px) {
  footer .sns > div.sns_line {
    width: 100%;
    margin-bottom: 10px;
    background: #f0f8f3;
  }
}
footer .sns > div.sns_insta {
  width: 40%;
}
@media screen and (max-width: 768px) {
  footer .sns > div.sns_insta {
    width: 100%;
    margin-bottom: 10px;
    background: #f6f5f9;
  }
}
footer .sns > div.sns_insta a {
  margin: 0 20px;
  padding: 0 20px;
  border-right: 1px solid #bfd8d5;
  border-left: 1px solid #bfd8d5;
}
@media screen and (max-width: 768px) {
  footer .sns > div.sns_insta a {
    margin: 0;
    padding: 0;
    border: none;
  }
}
footer .sns > div.sns_blog {
  width: 27%;
}
@media screen and (max-width: 768px) {
  footer .sns > div.sns_blog {
    width: 100%;
    background: #f1fbfb;
  }
}
footer .sns > div.sns_blog a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #55b6b7;
}
footer .sns > div a {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  color: #313131;
}
@media screen and (max-width: 1000px) {
  footer .sns > div a {
    text-align: center;
  }
}
footer .sns > div a img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
@media screen and (max-width: 1000px) {
  footer .sns > div a img {
    display: block;
    margin: 0 auto 5px;
  }
}
footer .sns > div a span {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
}
footer .copyright {
  font-size: 12px;
  font-size: 1.2rem;
  color: #cfcfcf;
  text-align: center;
  letter-spacing: 1px;
  padding: 60px 10px 30px;
}
@media screen and (max-width: 768px) {
  footer .copyright {
    padding-bottom: 30px;
  }
}
footer .copyright a {
  color: #cfcfcf;
}

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

.bg_animation {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 101%;
  height: 100%;
  background-color: #49bcbd;
  -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 .main_ttl, .error404 .main_ttl, .archive .main_ttl, .single .main_ttl {
  width: calc(100% - 160px);
  height: 620px;
  margin: 0 auto;
  border-radius: 20px;
  background: url(images/bg_main_ttl_message.jpg) no-repeat center bottom;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 1500px) {
  .page .main_ttl, .error404 .main_ttl, .archive .main_ttl, .single .main_ttl {
    width: calc(100% - 100px);
  }
}
@media screen and (max-width: 1250px) {
  .page .main_ttl, .error404 .main_ttl, .archive .main_ttl, .single .main_ttl {
    width: calc(100% - 80px);
    height: 580px;
  }
}
@media screen and (max-width: 1000px) {
  .page .main_ttl, .error404 .main_ttl, .archive .main_ttl, .single .main_ttl {
    height: 480px;
  }
}
@media screen and (max-width: 768px) {
  .page .main_ttl, .error404 .main_ttl, .archive .main_ttl, .single .main_ttl {
    height: 400px;
  }
}
@media screen and (max-width: 600px) {
  .page .main_ttl, .error404 .main_ttl, .archive .main_ttl, .single .main_ttl {
    width: calc(100% - 60px);
    height: 300px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .page .main_ttl, .error404 .main_ttl, .archive .main_ttl, .single .main_ttl {
    width: calc(100% - 50px);
    height: 260px;
  }
}
.page .main_ttl:before, .error404 .main_ttl:before, .archive .main_ttl:before, .single .main_ttl:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 20px;
  background: rgba(17, 55, 55, 0.5);
  transition: 0.3s;
}
@media screen and (max-width: 600px) {
  .page .main_ttl:before, .error404 .main_ttl:before, .archive .main_ttl:before, .single .main_ttl:before {
    border-radius: 15px;
  }
}
.page .main_ttl .ttl, .error404 .main_ttl .ttl, .archive .main_ttl .ttl, .single .main_ttl .ttl {
  position: absolute;
  top: 50%;
  left: 70px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1000px) {
  .page .main_ttl .ttl, .error404 .main_ttl .ttl, .archive .main_ttl .ttl, .single .main_ttl .ttl {
    left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .page .main_ttl .ttl, .error404 .main_ttl .ttl, .archive .main_ttl .ttl, .single .main_ttl .ttl {
    left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .page .main_ttl .ttl, .error404 .main_ttl .ttl, .archive .main_ttl .ttl, .single .main_ttl .ttl {
    left: 20px;
  }
}
.page .main_ttl .ttl_en, .error404 .main_ttl .ttl_en, .archive .main_ttl .ttl_en, .single .main_ttl .ttl_en {
  font-family: "Roboto", serif;
  font-size: 20px;
  font-size: 2rem;
  color: #79b8c0;
  line-height: 1.5;
  font-weight: 200;
  letter-spacing: 6px;
  margin-bottom: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page .main_ttl .ttl_en, .error404 .main_ttl .ttl_en, .archive .main_ttl .ttl_en, .single .main_ttl .ttl_en {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 5px;
  }
}
@media screen and (max-width: 600px) {
  .page .main_ttl .ttl_en, .error404 .main_ttl .ttl_en, .archive .main_ttl .ttl_en, .single .main_ttl .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .page .main_ttl .ttl_en, .error404 .main_ttl .ttl_en, .archive .main_ttl .ttl_en, .single .main_ttl .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 4px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 400px) {
  .page .main_ttl .ttl_en, .error404 .main_ttl .ttl_en, .archive .main_ttl .ttl_en, .single .main_ttl .ttl_en {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 3px;
  }
}
.page .main_ttl h1, .error404 .main_ttl h1, .archive .main_ttl h1, .single .main_ttl h1 {
  width: 100%;
  font-size: 50px;
  font-size: 5rem;
  color: #fff;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 4px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .page .main_ttl h1, .error404 .main_ttl h1, .archive .main_ttl h1, .single .main_ttl h1 {
    font-size: 44px;
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .page .main_ttl h1, .error404 .main_ttl h1, .archive .main_ttl h1, .single .main_ttl h1 {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .page .main_ttl h1, .error404 .main_ttl h1, .archive .main_ttl h1, .single .main_ttl h1 {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 600px) {
  .page .main_ttl h1, .error404 .main_ttl h1, .archive .main_ttl h1, .single .main_ttl h1 {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 600px) {
  .page .main_ttl h1, .error404 .main_ttl h1, .archive .main_ttl h1, .single .main_ttl h1 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .page .main_ttl h1, .error404 .main_ttl h1, .archive .main_ttl h1, .single .main_ttl h1 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .page .main_ttl h1, .error404 .main_ttl h1, .archive .main_ttl h1, .single .main_ttl h1 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.page .main_ttl .breadcrumb-list, .error404 .main_ttl .breadcrumb-list, .archive .main_ttl .breadcrumb-list, .single .main_ttl .breadcrumb-list {
  width: calc(100% - 140px);
  padding: 12px 40px;
  background: rgba(235, 248, 248, 0.15);
  border-radius: 100px;
  position: absolute;
  bottom: 30px;
  left: 70px;
}
@media screen and (max-width: 1000px) {
  .page .main_ttl .breadcrumb-list, .error404 .main_ttl .breadcrumb-list, .archive .main_ttl .breadcrumb-list, .single .main_ttl .breadcrumb-list {
    width: calc(100% - 80px);
    left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .page .main_ttl .breadcrumb-list, .error404 .main_ttl .breadcrumb-list, .archive .main_ttl .breadcrumb-list, .single .main_ttl .breadcrumb-list {
    width: calc(100% - 60px);
    left: 30px;
    padding: 8px 30px;
  }
}
@media screen and (max-width: 480px) {
  .page .main_ttl .breadcrumb-list, .error404 .main_ttl .breadcrumb-list, .archive .main_ttl .breadcrumb-list, .single .main_ttl .breadcrumb-list {
    width: calc(100% - 40px);
    bottom: 20px;
    left: 20px;
    padding: 6px 20px;
  }
}
.page .main_ttl .breadcrumb-list .breadcrumb-inner, .error404 .main_ttl .breadcrumb-list .breadcrumb-inner, .archive .main_ttl .breadcrumb-list .breadcrumb-inner, .single .main_ttl .breadcrumb-list .breadcrumb-inner {
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  font-weight: 300;
}
@media screen and (max-width: 600px) {
  .page .main_ttl .breadcrumb-list .breadcrumb-inner, .error404 .main_ttl .breadcrumb-list .breadcrumb-inner, .archive .main_ttl .breadcrumb-list .breadcrumb-inner, .single .main_ttl .breadcrumb-list .breadcrumb-inner {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 480px) {
  .page .main_ttl .breadcrumb-list .breadcrumb-inner, .error404 .main_ttl .breadcrumb-list .breadcrumb-inner, .archive .main_ttl .breadcrumb-list .breadcrumb-inner, .single .main_ttl .breadcrumb-list .breadcrumb-inner {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0;
  }
}
.page .main_ttl .breadcrumb-list a, .error404 .main_ttl .breadcrumb-list a, .archive .main_ttl .breadcrumb-list a, .single .main_ttl .breadcrumb-list a {
  display: inline-block;
  color: #fff;
}
.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;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .page .content .lnav ul, .error404 .content .lnav ul, .archive .content .lnav ul, .single .content .lnav ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-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 30px 5px;
}
@media screen and (max-width: 768px) {
  .page .content .lnav ul li, .error404 .content .lnav ul li, .archive .content .lnav ul li, .single .content .lnav ul li {
    margin: 0 40px 5px 0;
  }
}
@media screen and (max-width: 768px) {
  .page .content .lnav ul li:last-child, .error404 .content .lnav ul li:last-child, .archive .content .lnav ul li:last-child, .single .content .lnav ul li:last-child {
    margin-bottom: 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: 15px;
  font-size: 1.5rem;
  color: #313131;
  font-weight: 400;
  letter-spacing: 2px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 768px) {
  .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;
  }
}
@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: 13px;
    font-size: 1.3rem;
  }
}
.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: 10px;
  height: 6px;
  background: url(images/img_icon_gnav_arrow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 60%;
  right: -15px;
  transform: translateY(-50%);
}
.page .content .wpcf7-form, .error404 .content .wpcf7-form, .archive .content .wpcf7-form, .single .content .wpcf7-form {
  max-width: 80%;
  margin: 0 auto 80px;
}
@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;
    padding: 0 40px;
  }
}
@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 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: 280px;
  height: 30px;
}
@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 .rec, .error404 .content .wpcf7-form .rec, .archive .content .wpcf7-form .rec, .single .content .wpcf7-form .rec {
  color: #e63333;
}
.page .content .wpcf7-form .note, .error404 .content .wpcf7-form .note, .archive .content .wpcf7-form .note, .single .content .wpcf7-form .note {
  color: #e63333;
}
.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: 8px;
  background: url(images/img_icon_arrow.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 30px;
  right: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .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: 25px;
  }
}
.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: 25px 10px;
  margin: 0 auto;
  border: 1px solid #49bcbd;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.5;
  background: #49bcbd;
  border-radius: 0;
  transition: 0.3s;
  position: relative;
}
@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] {
    padding: 20px 10px;
    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;
  }
}
@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;
  }
}
@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] {
    padding: 18px 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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 80%;
  margin: 100px auto;
}
@media screen and (max-width: 1000px) {
  .page .content .page_link, .error404 .content .page_link, .archive .content .page_link, .single .content .page_link {
    max-width: 100%;
    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: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .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: 20px 10px;
  }
}
@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: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .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: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.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: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  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 {
  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: 15px 10px;
  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: 12px 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: 10px;
  height: 10px;
  background-image: url(images/img_icon_arrow_white_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: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .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: 20px 10px;
  }
}
@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: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .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: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.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: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.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: 15px 10px;
  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: 12px 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: 10px;
  height: 10px;
  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.sec_related_page, .error404 .content section.sec_related_page, .archive .content section.sec_related_page, .single .content section.sec_related_page {
  background: #e8f5f6;
  padding-top: 80px;
  padding-bottom: 80px;
}
@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-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page, .error404 .content section.sec_related_page, .archive .content section.sec_related_page, .single .content section.sec_related_page {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@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-top: 50px;
    padding-bottom: 50px;
  }
}
.page .content section.sec_related_page h2, .error404 .content section.sec_related_page h2, .archive .content section.sec_related_page h2, .single .content section.sec_related_page h2 {
  font-size: 28px;
  font-size: 2.8rem;
  text-align: center;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .page .content section.sec_related_page h2, .error404 .content section.sec_related_page h2, .archive .content section.sec_related_page h2, .single .content section.sec_related_page h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page h2, .error404 .content section.sec_related_page h2, .archive .content section.sec_related_page h2, .single .content section.sec_related_page h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .page .content section.sec_related_page h2, .error404 .content section.sec_related_page h2, .archive .content section.sec_related_page h2, .single .content section.sec_related_page h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .page .content section.sec_related_page h2, .error404 .content section.sec_related_page h2, .archive .content section.sec_related_page h2, .single .content section.sec_related_page h2 {
    font-size: 20px;
    font-size: 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 {
  max-width: 1470px;
  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;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}
.page .content section.sec_related_page .contents_list .ttl_en, .error404 .content section.sec_related_page .contents_list .ttl_en, .archive .content section.sec_related_page .contents_list .ttl_en, .single .content section.sec_related_page .contents_list .ttl_en {
  font-family: "Roboto", serif;
  font-size: 15px;
  font-size: 1.5rem;
  color: #49bcbd;
  font-weight: 300;
  letter-spacing: 2px;
}
@media screen and (max-width: 480px) {
  .page .content section.sec_related_page .contents_list .ttl_en, .error404 .content section.sec_related_page .contents_list .ttl_en, .archive .content section.sec_related_page .contents_list .ttl_en, .single .content section.sec_related_page .contents_list .ttl_en {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 400px) {
  .page .content section.sec_related_page .contents_list .ttl_en, .error404 .content section.sec_related_page .contents_list .ttl_en, .archive .content section.sec_related_page .contents_list .ttl_en, .single .content section.sec_related_page .contents_list .ttl_en {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.page .content section.sec_related_page .contents_list .contents_box, .error404 .content section.sec_related_page .contents_list .contents_box, .archive .content section.sec_related_page .contents_list .contents_box, .single .content section.sec_related_page .contents_list .contents_box {
  width: 31.29%;
  margin: 0% 1.02% 2.04% 1.02%;
}
@media screen and (max-width: 1250px) {
  .page .content section.sec_related_page .contents_list .contents_box, .error404 .content section.sec_related_page .contents_list .contents_box, .archive .content section.sec_related_page .contents_list .contents_box, .single .content section.sec_related_page .contents_list .contents_box {
    width: 48%;
    margin: 0 1% 20px;
  }
}
@media screen and (max-width: 768px) {
  .page .content section.sec_related_page .contents_list .contents_box, .error404 .content section.sec_related_page .contents_list .contents_box, .archive .content section.sec_related_page .contents_list .contents_box, .single .content section.sec_related_page .contents_list .contents_box {
    width: 100%;
    margin: 0 0 10px;
  }
}
.page .content section.sec_related_page .contents_list .contents_box a, .error404 .content section.sec_related_page .contents_list .contents_box a, .archive .content section.sec_related_page .contents_list .contents_box a, .single .content section.sec_related_page .contents_list .contents_box a {
  display: block;
  background: #fff;
  font-size: 20px;
  font-size: 2rem;
  color: #313131;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 30px 60px 30px 40px;
  border-radius: 0 20px 0 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page .content section.sec_related_page .contents_list .contents_box a, .error404 .content section.sec_related_page .contents_list .contents_box a, .archive .content section.sec_related_page .contents_list .contents_box a, .single .content section.sec_related_page .contents_list .contents_box a {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
    padding: 25px 60px 25px 40px;
  }
}
@media screen and (max-width: 600px) {
  .page .content section.sec_related_page .contents_list .contents_box a, .error404 .content section.sec_related_page .contents_list .contents_box a, .archive .content section.sec_related_page .contents_list .contents_box a, .single .content section.sec_related_page .contents_list .contents_box a {
    padding: 20px 60px 20px 30px;
  }
}
@media screen and (max-width: 480px) {
  .page .content section.sec_related_page .contents_list .contents_box a, .error404 .content section.sec_related_page .contents_list .contents_box a, .archive .content section.sec_related_page .contents_list .contents_box a, .single .content section.sec_related_page .contents_list .contents_box a {
    font-size: 16px;
    font-size: 1.6rem;
    border-radius: 0 15px 0 15px;
  }
}
@media screen and (max-width: 400px) {
  .page .content section.sec_related_page .contents_list .contents_box a, .error404 .content section.sec_related_page .contents_list .contents_box a, .archive .content section.sec_related_page .contents_list .contents_box a, .single .content section.sec_related_page .contents_list .contents_box a {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 15px 50px 15px 25px;
  }
}
.page .content section.sec_related_page .contents_list .contents_box a:after, .error404 .content section.sec_related_page .contents_list .contents_box a:after, .archive .content section.sec_related_page .contents_list .contents_box a:after, .single .content section.sec_related_page .contents_list .contents_box a:after {
  content: "";
  width: 22px;
  height: 22px;
  background: url(images/img_icon_arrow_related_bnr.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.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: 500;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}
.error404 .content section.error-404 h3:before {
  content: "";
  width: 12px;
  height: 12px;
  background: #49bcbd;
  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;
}
@media screen and (max-width: 600px) {
  .error404 .content section.error-404 .notfound-list > li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.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: #313131;
  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: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .entry-thanks .content section.sec_entry_thanks .btn_return a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .entry-thanks .content section.sec_entry_thanks .btn_return a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .entry-thanks .content section.sec_entry_thanks .btn_return a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.entry-thanks .content section.sec_entry_thanks .btn_return a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.entry-thanks .content section.sec_entry_thanks .btn_return a:hover:after {
  right: 20px;
}
.entry-thanks .content section.sec_entry_thanks .btn_return a {
  margin: 0 auto;
}

.section_inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.message .main_ttl {
  background-image: url(images/bg_main_ttl_message.jpg);
}
.message .content section#sec_lead {
  padding-top: 210px;
  padding-right: 0;
  padding-left: 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .message .content section#sec_lead {
    padding-top: 180px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_lead {
    padding-top: 140px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_lead {
    padding-top: 130px;
  }
}
.message .content section#sec_lead:before {
  content: "Message";
  font-family: "Roboto", serif;
  font-size: 150px;
  font-size: 15rem;
  color: #b7e3e5;
  line-height: 1;
  font-weight: 100;
  letter-spacing: 16px;
  position: absolute;
  top: 50px;
  right: -40px;
}
@media screen and (max-width: 1250px) {
  .message .content section#sec_lead:before {
    font-size: 140px;
    font-size: 14rem;
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_lead:before {
    font-size: 120px;
    font-size: 12rem;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_lead:before {
    font-size: 110px;
    font-size: 11rem;
    letter-spacing: 12px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_lead:before {
    font-size: 90px;
    font-size: 9rem;
    top: 30px;
    right: -30px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_lead:before {
    font-size: 80px;
    font-size: 8rem;
    letter-spacing: 10px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_lead:before {
    font-size: 70px;
    font-size: 7rem;
    letter-spacing: 8px;
  }
}
.message .content section#sec_lead h2 {
  width: calc(100% - 160px);
  font-size: 16px;
  font-size: 1.6rem;
  color: #49bcbd;
  text-align: left;
  letter-spacing: 4px;
  font-weight: 300;
  margin: 0 auto 10px;
}
@media screen and (max-width: 1500px) {
  .message .content section#sec_lead h2 {
    width: calc(100% - 100px);
  }
}
@media screen and (max-width: 1250px) {
  .message .content section#sec_lead h2 {
    width: calc(100% - 80px);
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_lead h2 {
    width: 100%;
    padding: 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_lead h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_lead h2 {
    padding: 0 30px;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_lead h2 {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 25px;
  }
}
.message .content section#sec_lead > .catch {
  width: calc(100% - 160px);
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 4px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 1500px) {
  .message .content section#sec_lead > .catch {
    width: calc(100% - 100px);
  }
}
@media screen and (max-width: 1250px) {
  .message .content section#sec_lead > .catch {
    width: calc(100% - 80px);
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_lead > .catch {
    width: 100%;
    padding: 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_lead > .catch {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_lead > .catch {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
    padding: 0 30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_lead > .catch {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
    padding: 0 25px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_lead > .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
.message .content section#sec_lead > .catch span {
  display: block;
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_lead > .catch span {
    display: inline-block;
  }
}
.message .content section#sec_lead .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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 100px;
}
@media screen and (max-width: 1500px) {
  .message .content section#sec_lead .message_box {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    -moz-align-items: start;
    align-items: start;
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_lead .message_box {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_lead .message_box {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_lead .message_box {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_lead .message_box {
    margin-bottom: 40px;
  }
}
.message .content section#sec_lead .message_box:last-child {
  margin-bottom: 0;
}
.message .content section#sec_lead .message_box:last-child .photo {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_lead .message_box:last-child .photo {
    margin: 0 0 0 5%;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
.message .content section#sec_lead .message_box:last-child .photo img {
  border-radius: 30px 0 0 30px;
}
@media screen and (max-width: 600px) {
  .message .content section#sec_lead .message_box:last-child .photo img {
    border-radius: 20px 0 0 20px;
  }
}
.message .content section#sec_lead .message_box:last-child .txt {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_lead .message_box:last-child .txt {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.message .content section#sec_lead .message_box:last-child .txt .catch {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 4px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .message .content section#sec_lead .message_box:last-child .txt .catch {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_lead .message_box:last-child .txt .catch {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_lead .message_box:last-child .txt .catch {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_lead .message_box:last-child .txt .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
.message .content section#sec_lead .message_box:last-child .txt .catch span {
  display: inline-block;
}
.message .content section#sec_lead .message_box .photo {
  width: 48.12%;
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_lead .message_box .photo {
    width: 95%;
    margin-right: 5%;
  }
}
.message .content section#sec_lead .message_box .photo img {
  width: 100%;
  height: 560px;
  object-fit: cover;
  border-radius: 0 30px 30px 0;
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_lead .message_box .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_lead .message_box .photo img {
    border-radius: 0 20px 20px 0;
  }
}
.message .content section#sec_lead .message_box .txt {
  width: 51.87%;
  padding: 0 80px 0 60px;
}
@media screen and (max-width: 1500px) {
  .message .content section#sec_lead .message_box .txt {
    padding: 0 50px 0 40px;
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_lead .message_box .txt {
    width: 100%;
    padding: 40px 40px 0;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_lead .message_box .txt {
    padding: 30px 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_lead .message_box .txt {
    padding: 25px 25px 0;
  }
}
.message .content section#sec_lead .message_box .txt p {
  font-weight: 400;
  line-height: 1.9;
  margin-bottom: 20px;
}
.message .content section#sec_lead .message_box .txt p:last-child {
  margin-bottom: 0;
}
.message .content section#sec_profile {
  padding-top: 20px;
}
.message .content section#sec_profile h2 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 300;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_profile h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_profile h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_profile h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_profile h2 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_profile h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.message .content section#sec_profile > .doctor_photo {
  text-align: center;
  margin-bottom: 20px;
}
.message .content section#sec_profile .doctor_profile {
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 110px;
}
.message .content section#sec_profile .sec_history {
  background: #d3f5f5;
  border-radius: 20px;
  padding: 90px 50px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .message .content section#sec_profile .sec_history {
    padding: 70px 40px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_profile .sec_history {
    padding: 60px 35px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_profile .sec_history {
    padding: 60px 30px;
  }
}
.message .content section#sec_profile .sec_history:before {
  content: "History";
  font-family: "Roboto", serif;
  font-size: 150px;
  font-size: 15rem;
  color: #b7e3e5;
  line-height: 1;
  font-weight: 100;
  letter-spacing: 16px;
  position: absolute;
  top: -90px;
  left: 50px;
}
@media screen and (max-width: 1250px) {
  .message .content section#sec_profile .sec_history:before {
    font-size: 140px;
    font-size: 14rem;
    top: -85px;
  }
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_profile .sec_history:before {
    font-size: 120px;
    font-size: 12rem;
    top: -75px;
    left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_profile .sec_history:before {
    font-size: 110px;
    font-size: 11rem;
    letter-spacing: 12px;
    top: -65px;
    left: 30px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_profile .sec_history:before {
    font-size: 90px;
    font-size: 9rem;
    top: -55px;
    left: 20px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_profile .sec_history:before {
    font-size: 70px;
    font-size: 7rem;
    letter-spacing: 10px;
    top: -40px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_profile .sec_history:before {
    font-size: 60px;
    font-size: 6rem;
    top: -35px;
  }
}
.message .content section#sec_profile .sec_history h3 {
  font-size: 30px;
  font-size: 3rem;
  color: #2e9697;
  letter-spacing: 4px;
  font-weight: 300;
  margin-bottom: 70px;
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_profile .sec_history h3 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_profile .sec_history h3 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section#sec_profile .sec_history h3 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 3px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_profile .sec_history h3 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section#sec_profile .sec_history h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.message .content section#sec_profile .sec_history .doctor_message {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.message .content section#sec_profile .sec_history .doctor_message.message_lead {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #fff;
}
.message .content section#sec_profile .sec_history .doctor_message .doctor_photo {
  width: 94px;
}
@media screen and (max-width: 480px) {
  .message .content section#sec_profile .sec_history .doctor_message .doctor_photo {
    width: 100%;
    text-align: center;
  }
}
.message .content section#sec_profile .sec_history .doctor_message .msg {
  width: calc(100% - 94px - 25px);
  background: #f4fefd;
  border-radius: 8px;
  margin-left: 25px;
  padding: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .message .content section#sec_profile .sec_history .doctor_message .msg {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_profile .sec_history .doctor_message .msg {
    width: 100%;
    margin: 25px 0 0;
  }
}
.message .content section#sec_profile .sec_history .doctor_message .msg:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 14px solid #f4fefd;
  border-bottom: 6px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 22px;
  left: -28px;
}
@media screen and (max-width: 480px) {
  .message .content section#sec_profile .sec_history .doctor_message .msg:before {
    border-top: 14px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 14px solid #f4fefd;
    border-left: 6px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.message .content section#sec_profile .sec_history .doctor_history > p {
  font-weight: 400;
  line-height: 1.9;
  margin-bottom: 20px;
}
.message .content section#sec_profile .sec_history .doctor_history > p:last-child {
  margin-bottom: 0;
}
.message .content section#sec_profile .sec_history .doctor_history .history_list {
  paddinb-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #fff;
}
.message .content section#sec_profile .sec_history .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: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .message .content section#sec_profile .sec_history .doctor_history .history_box {
    margin-bottom: 40px;
  }
}
.message .content section#sec_profile .sec_history .doctor_history .history_year {
  width: 250px;
  background: #e4fcfc;
  border-radius: 10px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_profile .sec_history .doctor_history .history_year {
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_profile .sec_history .doctor_history .history_year {
    width: 100%;
    padding: 20px 25px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_profile .sec_history .doctor_history .history_year {
    padding: 15px 20px;
    border-radius: 8px;
  }
}
.message .content section#sec_profile .sec_history .doctor_history .history_year p {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .message .content section#sec_profile .sec_history .doctor_history .history_year p {
    position: static;
    transform: translate(0, 0);
    text-align: left;
  }
}
.message .content section#sec_profile .sec_history .doctor_history .history_detail {
  width: calc(100% - 250px);
  padding: 30px 0 30px 50px;
}
@media screen and (max-width: 1000px) {
  .message .content section#sec_profile .sec_history .doctor_history .history_detail {
    width: calc(100% - 200px);
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section#sec_profile .sec_history .doctor_history .history_detail {
    width: 100%;
    padding: 10px 10px 0;
  }
}
.message .content section#sec_profile .sec_history .doctor_history .history_detail .catch {
  font-size: 20px;
  font-size: 2rem;
  color: #49bcbd;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .message .content section#sec_profile .sec_history .doctor_history .history_detail .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .message .content section#sec_profile .sec_history .doctor_history .history_detail .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.message .content section#sec_profile .sec_history .doctor_history .history_detail .txt {
  margin-bottom: 20px;
}
.message .content section#sec_profile .sec_history .doctor_history .history_detail .txt:last-child {
  margin-bottom: 0;
}
.message .content section#sec_profile .sec_history .doctor_history .history_detail .txt p {
  font-weight: 400;
  line-height: 1.9;
}
.message .content section#sec_profile .sec_history .doctor_history .history_detail em {
  font-weight: 500;
}

.philosophy .main_ttl {
  background-image: url(images/bg_main_ttl_philosophy.jpg);
}
.philosophy .content section.sec_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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-top: 168px;
  padding-right: 0;
  padding-left: 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .philosophy .content section.sec_lead {
    padding-top: 120px;
  }
}
@media screen and (max-width: 480px) {
  .philosophy .content section.sec_lead {
    padding-top: 100px;
  }
}
@media screen and (max-width: 400px) {
  .philosophy .content section.sec_lead {
    padding-top: 80px;
  }
}
.philosophy .content section.sec_lead:before {
  content: "Philosophy";
  font-family: "Roboto", serif;
  font-size: 150px;
  font-size: 15rem;
  color: #b7e3e5;
  line-height: 1;
  font-weight: 100;
  letter-spacing: 16px;
  position: absolute;
  top: 80px;
  right: 40px;
}
@media screen and (max-width: 1250px) {
  .philosophy .content section.sec_lead:before {
    font-size: 110px;
    font-size: 11rem;
    top: 100px;
  }
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_lead:before {
    font-size: 90px;
    font-size: 9rem;
    top: 110px;
  }
}
@media screen and (max-width: 768px) {
  .philosophy .content section.sec_lead:before {
    font-size: 80px;
    font-size: 8rem;
    letter-spacing: 10px;
    top: 72px;
  }
}
@media screen and (max-width: 600px) {
  .philosophy .content section.sec_lead:before {
    font-size: 60px;
    font-size: 6rem;
    top: 82px;
    right: 20px;
  }
}
@media screen and (max-width: 480px) {
  .philosophy .content section.sec_lead:before {
    font-size: 50px;
    font-size: 5rem;
    letter-spacing: 8px;
    top: 67px;
  }
}
@media screen and (max-width: 400px) {
  .philosophy .content section.sec_lead:before {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: 6px;
    top: 52px;
  }
}
.philosophy .content section.sec_lead .photo {
  width: 42.5%;
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_lead .photo {
    width: 95%;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-left: 5%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .philosophy .content section.sec_lead .photo {
    margin-bottom: 30px;
  }
}
.philosophy .content section.sec_lead .photo img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 30px 0 0 30px;
}
@media screen and (max-width: 1250px) {
  .philosophy .content section.sec_lead .photo img {
    height: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_lead .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .philosophy .content section.sec_lead .photo img {
    border-radius: 20px 0 0 20px;
  }
}
.philosophy .content section.sec_lead .ttl_area {
  width: 57.5%;
  padding: 0 60px 0 80px;
}
@media screen and (max-width: 1500px) {
  .philosophy .content section.sec_lead .ttl_area {
    padding: 0 40px 0 50px;
  }
}
@media screen and (max-width: 1250px) {
  .philosophy .content section.sec_lead .ttl_area {
    padding-left: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_lead .ttl_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 40px;
  }
}
@media screen and (max-width: 600px) {
  .philosophy .content section.sec_lead .ttl_area {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .philosophy .content section.sec_lead .ttl_area {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.philosophy .content section.sec_lead .ttl_area h2 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #49bcbd;
  text-align: left;
  letter-spacing: 4px;
  font-weight: 300;
  margin-bottom: 20px;
}
@media screen and (max-width: 1250px) {
  .philosophy .content section.sec_lead .ttl_area h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_lead .ttl_area h2 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .philosophy .content section.sec_lead .ttl_area h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .philosophy .content section.sec_lead .ttl_area h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .philosophy .content section.sec_lead .ttl_area h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.philosophy .content section.sec_lead .ttl_area .catch {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 4px;
}
@media screen and (max-width: 1250px) {
  .philosophy .content section.sec_lead .ttl_area .catch {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 768px) {
  .philosophy .content section.sec_lead .ttl_area .catch {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .philosophy .content section.sec_lead .ttl_area .catch {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .philosophy .content section.sec_lead .ttl_area .catch {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .philosophy .content section.sec_lead .ttl_area .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.philosophy .content section.sec_lead .ttl_area p {
  font-weight: 400;
  line-height: 1.9;
  margin-bottom: 20px;
}
.philosophy .content section.sec_lead .ttl_area p:last-child {
  margin-bottom: 0;
}
.philosophy .content section.sec_policy {
  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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-right: 0;
  padding-left: 0;
  position: relative;
}
.philosophy .content section.sec_policy:before {
  content: "Policy";
  font-family: "Roboto", serif;
  font-size: 150px;
  font-size: 15rem;
  color: #b7e3e5;
  line-height: 1;
  font-weight: 100;
  letter-spacing: 16px;
  position: absolute;
  top: 0;
  left: 40px;
}
@media screen and (max-width: 1250px) {
  .philosophy .content section.sec_policy:before {
    font-size: 110px;
    font-size: 11rem;
    top: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_policy:before {
    font-size: 90px;
    font-size: 9rem;
    top: 44px;
  }
}
@media screen and (max-width: 768px) {
  .philosophy .content section.sec_policy:before {
    font-size: 80px;
    font-size: 8rem;
    letter-spacing: 10px;
    top: 22px;
  }
}
@media screen and (max-width: 600px) {
  .philosophy .content section.sec_policy:before {
    font-size: 60px;
    font-size: 6rem;
    top: 25px;
    left: 20px;
  }
}
@media screen and (max-width: 480px) {
  .philosophy .content section.sec_policy:before {
    font-size: 50px;
    font-size: 5rem;
    letter-spacing: 8px;
    top: 22px;
  }
}
@media screen and (max-width: 400px) {
  .philosophy .content section.sec_policy:before {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: 6px;
  }
}
.philosophy .content section.sec_policy .photo {
  width: 42.5%;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_policy .photo {
    width: 95%;
    margin-right: 5%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .philosophy .content section.sec_policy .photo {
    margin-bottom: 30px;
  }
}
.philosophy .content section.sec_policy .photo img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 0 30px 30px 0;
}
@media screen and (max-width: 1250px) {
  .philosophy .content section.sec_policy .photo img {
    height: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_policy .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .philosophy .content section.sec_policy .photo img {
    border-radius: 0 20px 20px 0;
  }
}
.philosophy .content section.sec_policy .ttl_area {
  width: 57.5%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
  padding: 0 80px 0 60px;
}
@media screen and (max-width: 1500px) {
  .philosophy .content section.sec_policy .ttl_area {
    padding: 0 50px 0 40px;
  }
}
@media screen and (max-width: 1250px) {
  .philosophy .content section.sec_policy .ttl_area {
    padding-right: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_policy .ttl_area {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .philosophy .content section.sec_policy .ttl_area {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .philosophy .content section.sec_policy .ttl_area {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.philosophy .content section.sec_policy .ttl_area h2 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #49bcbd;
  text-align: left;
  letter-spacing: 4px;
  font-weight: 300;
  margin-bottom: 20px;
}
@media screen and (max-width: 1250px) {
  .philosophy .content section.sec_policy .ttl_area h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_policy .ttl_area h2 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .philosophy .content section.sec_policy .ttl_area h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .philosophy .content section.sec_policy .ttl_area h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .philosophy .content section.sec_policy .ttl_area h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.philosophy .content section.sec_policy .ttl_area .catch {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 4px;
}
@media screen and (max-width: 1250px) {
  .philosophy .content section.sec_policy .ttl_area .catch {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 768px) {
  .philosophy .content section.sec_policy .ttl_area .catch {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .philosophy .content section.sec_policy .ttl_area .catch {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .philosophy .content section.sec_policy .ttl_area .catch {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .philosophy .content section.sec_policy .ttl_area .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.philosophy .content section.sec_policy .ttl_area p {
  font-weight: 400;
  line-height: 1.9;
  margin-bottom: 20px;
}
.philosophy .content section.sec_policy .ttl_area p:last-child {
  margin-bottom: 0;
}
.philosophy .content section.sec_vision {
  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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 50px;
}
.philosophy .content section.sec_vision .ttl_area {
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_vision .ttl_area {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.philosophy .content section.sec_vision h2 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #49bcbd;
  text-align: center;
  letter-spacing: 4px;
  font-weight: 300;
  margin-bottom: 20px;
}
@media screen and (max-width: 1250px) {
  .philosophy .content section.sec_vision h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_vision h2 {
    text-align: left;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .philosophy .content section.sec_vision h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .philosophy .content section.sec_vision h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .philosophy .content section.sec_vision h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.philosophy .content section.sec_vision .catch {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 4px;
  margin-bottom: 140px;
}
@media screen and (max-width: 1250px) {
  .philosophy .content section.sec_vision .catch {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_vision .catch {
    text-align: left;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .philosophy .content section.sec_vision .catch {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .philosophy .content section.sec_vision .catch {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .philosophy .content section.sec_vision .catch {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .philosophy .content section.sec_vision .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.philosophy .content section.sec_vision .catch span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .philosophy .content section.sec_vision .catch span {
    display: inline;
  }
}
.philosophy .content section.sec_vision .photo {
  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;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_vision .photo {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_vision .photo {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .philosophy .content section.sec_vision .photo {
    margin-bottom: 30px;
  }
}
.philosophy .content section.sec_vision .photo:before {
  content: "Vision";
  font-family: "Roboto", serif;
  font-size: 150px;
  font-size: 15rem;
  color: #b7e3e5;
  line-height: 1;
  font-weight: 100;
  letter-spacing: 16px;
  position: absolute;
  top: -100px;
  left: 40px;
}
@media screen and (max-width: 1250px) {
  .philosophy .content section.sec_vision .photo:before {
    font-size: 110px;
    font-size: 11rem;
    top: -70px;
  }
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_vision .photo:before {
    font-size: 90px;
    font-size: 9rem;
    top: -58px;
    left: initial;
    right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .philosophy .content section.sec_vision .photo:before {
    font-size: 80px;
    font-size: 8rem;
    letter-spacing: 10px;
    top: -50px;
  }
}
@media screen and (max-width: 600px) {
  .philosophy .content section.sec_vision .photo:before {
    font-size: 60px;
    font-size: 6rem;
    top: -38px;
  }
}
@media screen and (max-width: 480px) {
  .philosophy .content section.sec_vision .photo:before {
    font-size: 50px;
    font-size: 5rem;
    letter-spacing: 8px;
    top: -30px;
  }
}
@media screen and (max-width: 400px) {
  .philosophy .content section.sec_vision .photo:before {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: 6px;
    top: -25px;
  }
}
.philosophy .content section.sec_vision .photo img {
  width: 50%;
  height: 500px;
  object-fit: cover;
  border-radius: 30px 0 0 30px;
}
@media screen and (max-width: 1250px) {
  .philosophy .content section.sec_vision .photo img {
    height: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .philosophy .content section.sec_vision .photo img {
    height: 360px;
  }
}
@media screen and (max-width: 768px) {
  .philosophy .content section.sec_vision .photo img {
    height: 260px;
    border-radius: 20px 0 0 20px;
  }
}
@media screen and (max-width: 600px) {
  .philosophy .content section.sec_vision .photo img {
    width: 100%;
    height: auto;
    border-radius: 20px 20px 0 0;
  }
}
.philosophy .content section.sec_vision .photo img:last-child {
  border-radius: 0 30px 30px 0;
}
@media screen and (max-width: 768px) {
  .philosophy .content section.sec_vision .photo img:last-child {
    border-radius: 0 20px 20px 0;
  }
}
@media screen and (max-width: 600px) {
  .philosophy .content section.sec_vision .photo img:last-child {
    border-radius: 0 0 20px 20px;
  }
}

.environment .main_ttl {
  background-image: url(images/bg_main_ttl_environment.jpg);
}
.environment .content section {
  padding-right: 80px;
  padding-left: 80px;
}
@media screen and (max-width: 1500px) {
  .environment .content section {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1250px) {
  .environment .content section {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .environment .content section {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .environment .content section {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.environment .content section h2 {
  font-size: 34px;
  font-size: 3.4rem;
  color: #49bcbd;
  text-align: left;
  letter-spacing: 4px;
  font-weight: 300;
}
@media screen and (max-width: 1000px) {
  .environment .content section h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .environment .content section h2 {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 3px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .environment .content section h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .environment .content section h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .environment .content section h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.environment .content section#sec_environment {
  padding-bottom: 0;
}
.environment .content section#sec_environment .environment_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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 50px;
}
.environment .content section#sec_environment .environment_lead .ttl_area {
  width: 57.5%;
  padding-right: 60px;
}
@media screen and (max-width: 1000px) {
  .environment .content section#sec_environment .environment_lead .ttl_area {
    width: 100%;
    margin-bottom: 40px;
    padding-right: 0;
  }
}
.environment .content section#sec_environment .environment_lead .ttl_area .txt {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .environment .content section#sec_environment .environment_lead .ttl_area .txt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .environment .content section#sec_environment .environment_lead .ttl_area .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.environment .content section#sec_environment .environment_lead .ttl_area .txt p {
  font-weight: 400;
  margin-bottom: 20px;
}
.environment .content section#sec_environment .environment_lead .ttl_area .txt p:last-child {
  margin-bottom: 0;
}
.environment .content section#sec_environment .environment_lead .photo {
  width: 42.5%;
}
@media screen and (max-width: 1000px) {
  .environment .content section#sec_environment .environment_lead .photo {
    width: 100%;
  }
}
.environment .content section#sec_environment .environment_lead .photo img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 1250px) {
  .environment .content section#sec_environment .environment_lead .photo img {
    height: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .environment .content section#sec_environment .environment_lead .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .environment .content section#sec_environment .environment_lead .photo img {
    border-radius: 20px;
  }
}
.environment .content section#sec_environment .environment_list {
  background: #effafb;
  border-radius: 20px;
  padding: 50px;
}
@media screen and (max-width: 1000px) {
  .environment .content section#sec_environment .environment_list {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .environment .content section#sec_environment .environment_list {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .environment .content section#sec_environment .environment_list {
    padding: 25px;
  }
}
.environment .content section#sec_environment .environment_list .env_ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #49bcbd;
  text-align: left;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .environment .content section#sec_environment .environment_list .env_ttl {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  .environment .content section#sec_environment .environment_list .env_ttl {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}
.environment .content section#sec_environment .environment_list .env_txt {
  font-weight: 400;
  margin-bottom: 50px;
}
.environment .content section#sec_environment .environment_list .career_plan .plan_year {
  margin-bottom: 40px;
  position: relative;
}
.environment .content section#sec_environment .environment_list .career_plan .plan_year:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #49bcbd;
  position: absolute;
  top: 50%;
  left: 0;
}
.environment .content section#sec_environment .environment_list .career_plan .plan_year span {
  display: inline-block;
  width: 138px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 300;
  text-align: center;
  padding: 2px 20px;
  border-radius: 100px;
  background: #49bcbd;
  position: relative;
}
@media screen and (max-width: 600px) {
  .environment .content section#sec_environment .environment_list .career_plan .plan_year span {
    width: 100px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.environment .content section#sec_environment .environment_list .career_plan .goal {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 30px;
  padding-left: 26px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .environment .content section#sec_environment .environment_list .career_plan .goal {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .environment .content section#sec_environment .environment_list .career_plan .goal {
    font-size: 15px;
    font-size: 1.5rem;
    padding-left: 22px;
  }
}
.environment .content section#sec_environment .environment_list .career_plan .goal:before {
  content: "";
  width: 18px;
  height: 18px;
  border: 4px solid #49bcbd;
  border-radius: 100%;
  position: absolute;
  top: 7px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .environment .content section#sec_environment .environment_list .career_plan .goal:before {
    top: 5px;
  }
}
@media screen and (max-width: 480px) {
  .environment .content section#sec_environment .environment_list .career_plan .goal:before {
    width: 16px;
    height: 16px;
    border-width: 3px;
  }
}
.environment .content section#sec_environment .environment_list .career_plan .lead {
  font-weight: 400;
  margin-bottom: 30px;
}
.environment .content section#sec_environment .environment_list .career_plan .plan_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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.environment .content section#sec_environment .environment_list .career_plan .plan_box {
  width: 31.27%;
  background: #fff;
  border-radius: 20px;
  padding: 30px 40px;
}
@media screen and (max-width: 1250px) {
  .environment .content section#sec_environment .environment_list .career_plan .plan_box {
    padding: 25px 30px;
  }
}
@media screen and (max-width: 1000px) {
  .environment .content section#sec_environment .environment_list .career_plan .plan_box {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .environment .content section#sec_environment .environment_list .career_plan .plan_box {
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .environment .content section#sec_environment .environment_list .career_plan .plan_box {
    border-radius: 10px;
    padding: 20px 25px;
  }
}
.environment .content section#sec_environment .environment_list .career_plan .plan_box dt {
  font-size: 20px;
  font-size: 2rem;
  color: #49bcbd;
  font-weight: 500;
  letter-spacing: 2px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #cee8e8;
}
@media screen and (max-width: 1250px) {
  .environment .content section#sec_environment .environment_list .career_plan .plan_box dt {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .environment .content section#sec_environment .environment_list .career_plan .plan_box dt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .environment .content section#sec_environment .environment_list .career_plan .plan_box dt {
    font-size: 15px;
    font-size: 1.5rem;
    padding-bottom: 10px;
  }
}
.environment .content section#sec_environment .environment_list .career_plan .plan_box dd {
  font-weight: 400;
  margin-bottom: 5px;
  padding-left: 11px;
  position: relative;
}
.environment .content section#sec_environment .environment_list .career_plan .plan_box dd:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #49bcbd;
  border-radius: 100%;
  position: absolute;
  top: 10px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .environment .content section#sec_environment .environment_list .career_plan .plan_box dd:before {
    top: 8px;
  }
}
.environment .content section#sec_environment .environment_list .career_plan .plan_box dd:last-child {
  margin-bottom: 0;
}
.environment .content section#sec_environment .environment_list figure {
  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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.environment .content section#sec_environment .environment_list figure img {
  width: 25%;
  padding-right: 2px;
}
@media screen and (max-width: 1000px) {
  .environment .content section#sec_environment .environment_list figure img {
    width: 50%;
    padding-bottom: 2px;
  }
}
@media screen and (max-width: 480px) {
  .environment .content section#sec_environment .environment_list figure img {
    width: 100%;
    padding-right: 0;
  }
}
.environment .content section#sec_environment .environment_list figure img:last-child {
  padding-right: 0;
}
.environment .content section#sec_training_facility p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .environment .content section#sec_training_facility p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .environment .content section#sec_training_facility p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.environment .content section#sec_training_facility p:last-child {
  margin-bottom: 0;
}
.environment .content section#sec_training_facility .lead {
  margin-bottom: 60px;
}
.environment .content section#sec_training_facility .photo_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: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.environment .content section#sec_training_facility .photo_area .photo {
  width: 48.61%;
}
@media screen and (max-width: 600px) {
  .environment .content section#sec_training_facility .photo_area .photo {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .environment .content section#sec_training_facility .photo_area .photo:last-child {
    margin-bottom: 0;
  }
}
.environment .content section#sec_training_facility .photo_area .photo img {
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .environment .content section#sec_training_facility .photo_area .photo img {
    border-radius: 15px;
  }
}

.numbers .main_ttl {
  background-image: url(images/bg_main_ttl_numbers.jpg);
}
.numbers .content section.sec_numbers {
  padding-right: 80px;
  padding-left: 80px;
}
@media screen and (max-width: 1500px) {
  .numbers .content section.sec_numbers {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1250px) {
  .numbers .content section.sec_numbers {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers {
    padding-right: 25px;
    padding-left: 25px;
  }
}

.for_dentist .main_ttl {
  background-image: url(images/bg_main_ttl_for_dentist.jpg);
}
.for_dentist .content section.sec_related_page {
  max-width: 1200px;
  background: #fff;
  margin: 0 auto;
}
.for_dentist .content section.sec_related_page .contents_list .contents_box {
  width: 48%;
  margin: 0 1% 20px;
}
@media screen and (max-width: 768px) {
  .for_dentist .content section.sec_related_page .contents_list .contents_box {
    width: 100%;
    margin: 0 0 10px;
  }
}
.for_dentist .content section.sec_related_page .contents_list .contents_box a {
  background: #e8f5f6;
}
.for_dentist .content section.sec_related_page .contents_list .contents_box a:after {
  background-image: url(images/img_icon_arrow_circle.png);
}

.career_plan .main_ttl {
  background-image: url(images/bg_main_ttl_career_plan.jpg);
}
.career_plan .content section.sec_career_plan {
  padding-right: 80px;
  padding-bottom: 0;
  padding-left: 80px;
}
@media screen and (max-width: 1500px) {
  .career_plan .content section.sec_career_plan {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1250px) {
  .career_plan .content section.sec_career_plan {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .career_plan .content section.sec_career_plan {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .career_plan .content section.sec_career_plan {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.career_plan .content section.sec_career_plan#career_2nd .plan_year:before {
  background: #4aa8bd;
}
.career_plan .content section.sec_career_plan#career_2nd .plan_year span {
  background: #4aa8bd;
}
.career_plan .content section.sec_career_plan#career_2nd .goal {
  color: #4aa8bd;
}
.career_plan .content section.sec_career_plan#career_2nd .plan_box {
  background: #edf7fa;
}
.career_plan .content section.sec_career_plan#career_2nd .plan_box:before {
  color: #4aa8bd;
}
.career_plan .content section.sec_career_plan#career_2nd .plan_box .plan_ttl {
  color: #4aa8bd;
  border-bottom-color: #b9e0eb;
}
.career_plan .content section.sec_career_plan#career_2nd .plan_box li:before {
  background: #4aa8bd;
}
.career_plan .content section.sec_career_plan#career_3rd .plan_year:before {
  background: #4a94bd;
}
.career_plan .content section.sec_career_plan#career_3rd .plan_year span {
  background: #4a94bd;
}
.career_plan .content section.sec_career_plan#career_3rd .goal {
  color: #4a94bd;
}
.career_plan .content section.sec_career_plan#career_3rd .plan_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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.career_plan .content section.sec_career_plan#career_3rd .plan_box {
  display: block;
  width: 32%;
  background: #edf5fa;
  margin-bottom: 0;
}
@media screen and (max-width: 1250px) {
  .career_plan .content section.sec_career_plan#career_3rd .plan_box {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 1000px) {
  .career_plan .content section.sec_career_plan#career_3rd .plan_box {
    width: 100%;
    margin-bottom: 40px;
  }
}
.career_plan .content section.sec_career_plan#career_3rd .plan_box:before {
  color: #4a94bd;
}
@media screen and (max-width: 1250px) {
  .career_plan .content section.sec_career_plan#career_3rd .plan_box:before {
    left: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .career_plan .content section.sec_career_plan#career_3rd .plan_box:last-child {
    margin-bottom: 0;
  }
}
.career_plan .content section.sec_career_plan#career_3rd .plan_box .plan_ttl {
  color: #4a94bd;
  border-bottom-color: #bcd6e7;
}
.career_plan .content section.sec_career_plan#career_3rd .plan_box ul {
  width: 100%;
}
.career_plan .content section.sec_career_plan#career_3rd .plan_box li:before {
  background: #4a94bd;
}
.career_plan .content section.sec_career_plan#career_4th .plan_year:before {
  background: #4a81bd;
}
.career_plan .content section.sec_career_plan#career_4th .plan_year span {
  background: #4a81bd;
}
.career_plan .content section.sec_career_plan#career_4th .goal {
  color: #4a81bd;
}
.career_plan .content section.sec_career_plan#career_4th .plan_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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.career_plan .content section.sec_career_plan#career_4th .plan_box {
  display: block;
  width: 32%;
  background: #edf3fa;
  margin-bottom: 0;
}
@media screen and (max-width: 1250px) {
  .career_plan .content section.sec_career_plan#career_4th .plan_box {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 1000px) {
  .career_plan .content section.sec_career_plan#career_4th .plan_box {
    width: 100%;
    margin-bottom: 40px;
  }
}
.career_plan .content section.sec_career_plan#career_4th .plan_box:before {
  color: #4a81bd;
}
@media screen and (max-width: 1250px) {
  .career_plan .content section.sec_career_plan#career_4th .plan_box:before {
    left: 30px;
  }
}
.career_plan .content section.sec_career_plan#career_4th .plan_box .plan_ttl {
  color: #4a81bd;
  border-bottom-color: #bbcfe7;
}
.career_plan .content section.sec_career_plan#career_4th .plan_box ul {
  width: 100%;
}
.career_plan .content section.sec_career_plan#career_4th .plan_box li:before {
  background: #4a81bd;
}
.career_plan .content section.sec_career_plan#career_5th {
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .career_plan .content section.sec_career_plan#career_5th {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 600px) {
  .career_plan .content section.sec_career_plan#career_5th {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .career_plan .content section.sec_career_plan#career_5th {
    padding-bottom: 50px;
  }
}
.career_plan .content section.sec_career_plan#career_5th .plan_year:before {
  background: #4a6ebd;
}
.career_plan .content section.sec_career_plan#career_5th .plan_year span {
  background: #4a6ebd;
}
.career_plan .content section.sec_career_plan#career_5th .goal {
  color: #4a6ebd;
}
.career_plan .content section.sec_career_plan#career_5th .plan_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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.career_plan .content section.sec_career_plan#career_5th .plan_box {
  display: block;
  width: 32%;
  background: #edf1fa;
  margin-bottom: 0;
}
@media screen and (max-width: 1250px) {
  .career_plan .content section.sec_career_plan#career_5th .plan_box {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 1000px) {
  .career_plan .content section.sec_career_plan#career_5th .plan_box {
    width: 100%;
    margin-bottom: 40px;
  }
}
.career_plan .content section.sec_career_plan#career_5th .plan_box:before {
  color: #4a6ebd;
}
@media screen and (max-width: 1250px) {
  .career_plan .content section.sec_career_plan#career_5th .plan_box:before {
    left: 30px;
  }
}
.career_plan .content section.sec_career_plan#career_5th .plan_box .plan_ttl {
  color: #4a6ebd;
  border-bottom-color: #c8d2e9;
}
.career_plan .content section.sec_career_plan#career_5th .plan_box ul {
  width: 100%;
}
.career_plan .content section.sec_career_plan#career_5th .plan_box li:before {
  background: #4a6ebd;
}
.career_plan .content section.sec_career_plan .plan_year {
  text-align: left;
  margin-bottom: 30px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .career_plan .content section.sec_career_plan .plan_year {
    margin-bottom: 20px;
  }
}
.career_plan .content section.sec_career_plan .plan_year:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #49bcbd;
  position: absolute;
  top: 50%;
  left: 0;
}
.career_plan .content section.sec_career_plan .plan_year span {
  display: inline-block;
  width: 184px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 300;
  text-align: center;
  padding: 4px 20px;
  border-radius: 100px;
  background: #49bcbd;
  position: relative;
}
@media screen and (max-width: 768px) {
  .career_plan .content section.sec_career_plan .plan_year span {
    width: 140px;
    padding: 2px 20px;
  }
}
@media screen and (max-width: 600px) {
  .career_plan .content section.sec_career_plan .plan_year span {
    width: 120px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .career_plan .content section.sec_career_plan .plan_year span {
    width: 100px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .career_plan .content section.sec_career_plan .plan_year span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.career_plan .content section.sec_career_plan .goal {
  font-size: 24px;
  font-size: 2.4rem;
  color: #49bcbd;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .career_plan .content section.sec_career_plan .goal {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 768px) {
  .career_plan .content section.sec_career_plan .goal {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .career_plan .content section.sec_career_plan .goal {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .career_plan .content section.sec_career_plan .goal {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.career_plan .content section.sec_career_plan .lead {
  font-weight: 400;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .career_plan .content section.sec_career_plan .lead {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .career_plan .content section.sec_career_plan .lead {
    margin-bottom: 50px;
  }
}
.career_plan .content section.sec_career_plan .plan_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;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #effafb;
  border-radius: 20px;
  padding: 50px;
  margin-bottom: 50px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .career_plan .content section.sec_career_plan .plan_box {
    padding: 40px;
  }
}
@media screen and (max-width: 480px) {
  .career_plan .content section.sec_career_plan .plan_box {
    border-radius: 15px;
    padding: 40px 30px 30px;
  }
}
@media screen and (max-width: 400px) {
  .career_plan .content section.sec_career_plan .plan_box {
    padding-top: 30px;
  }
}
.career_plan .content section.sec_career_plan .plan_box:before {
  content: "01";
  font-family: "Roboto", serif;
  font-size: 40px;
  font-size: 4rem;
  color: #49bcbd;
  letter-spacing: 2px;
  font-weight: 100;
  position: absolute;
  top: -30px;
  left: 50px;
}
@media screen and (max-width: 768px) {
  .career_plan .content section.sec_career_plan .plan_box:before {
    left: 40px;
  }
}
@media screen and (max-width: 480px) {
  .career_plan .content section.sec_career_plan .plan_box:before {
    left: 30px;
  }
}
@media screen and (max-width: 400px) {
  .career_plan .content section.sec_career_plan .plan_box:before {
    font-size: 36px;
    font-size: 3.6rem;
    top: -28px;
  }
}
.career_plan .content section.sec_career_plan .plan_box:nth-child(2):before {
  content: "02";
}
.career_plan .content section.sec_career_plan .plan_box:nth-child(3) {
  margin-bottom: 0;
}
.career_plan .content section.sec_career_plan .plan_box:nth-child(3):before {
  content: "03";
}
.career_plan .content section.sec_career_plan .plan_box .plan_ttl {
  width: 100%;
  font-size: 20px;
  font-size: 2rem;
  color: #49bcbd;
  font-weight: 500;
  letter-spacing: 2px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cee8e8;
}
@media screen and (max-width: 600px) {
  .career_plan .content section.sec_career_plan .plan_box .plan_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .career_plan .content section.sec_career_plan .plan_box .plan_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.career_plan .content section.sec_career_plan .plan_box ul {
  width: 33.33%;
}
@media screen and (max-width: 1000px) {
  .career_plan .content section.sec_career_plan .plan_box ul {
    width: 100%;
  }
}
.career_plan .content section.sec_career_plan .plan_box li {
  font-weight: 400;
  margin-bottom: 5px;
  padding-left: 11px;
  padding-right: 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .career_plan .content section.sec_career_plan .plan_box li {
    padding-right: 0;
  }
}
.career_plan .content section.sec_career_plan .plan_box li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #49bcbd;
  border-radius: 100%;
  position: absolute;
  top: 10px;
  left: 0;
}
.career_plan .content section.sec_career_plan .plan_box li:last-child {
  margin-bottom: 0;
}

.career_paths .main_ttl {
  background-image: url(images/bg_main_ttl_career_paths.jpg);
}
.career_paths .content section.sec_career_paths {
  padding-right: 80px;
  padding-bottom: 0;
  padding-left: 80px;
}
@media screen and (max-width: 1500px) {
  .career_paths .content section.sec_career_paths {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1250px) {
  .career_paths .content section.sec_career_paths {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .career_paths .content section.sec_career_paths {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .career_paths .content section.sec_career_paths {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.career_paths .content section.sec_career_paths .lead {
  text-align: center;
}
@media screen and (max-width: 480px) {
  .career_paths .content section.sec_career_paths .lead {
    text-align: left;
  }
}
.career_paths .content section.sec_career_paths .sec_career {
  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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-right: 0;
  padding-left: 0;
}
.career_paths .content section.sec_career_paths .sec_career#sec_career_1st {
  padding-bottom: 0;
}
.career_paths .content section.sec_career_paths .sec_career#sec_career_2nd {
  padding-bottom: 0;
}
.career_paths .content section.sec_career_paths .sec_career#sec_career_2nd .ttl_area .career_num {
  color: #4aa8bd;
}
.career_paths .content section.sec_career_paths .sec_career#sec_career_2nd .ttl_area h2 {
  color: #4aa8bd;
}
.career_paths .content section.sec_career_paths .sec_career#sec_career_2nd .point {
  background: #edf7fa;
}
.career_paths .content section.sec_career_paths .sec_career#sec_career_2nd .point .point_ttl span {
  color: #5bafc2;
}
.career_paths .content section.sec_career_paths .sec_career#sec_career_2nd .point dt {
  color: #5bafc2;
}
.career_paths .content section.sec_career_paths .sec_career#sec_career_3rd .ttl_area .career_num {
  color: #4a94bd;
}
.career_paths .content section.sec_career_paths .sec_career#sec_career_3rd .ttl_area h2 {
  color: #4a94bd;
}
.career_paths .content section.sec_career_paths .sec_career#sec_career_3rd .point {
  background: #edf5fa;
}
.career_paths .content section.sec_career_paths .sec_career#sec_career_3rd .point .point_ttl span {
  color: #5bafc2;
}
.career_paths .content section.sec_career_paths .sec_career#sec_career_3rd .point dt {
  color: #5b9ec2;
}
.career_paths .content section.sec_career_paths .sec_career .ttl_area {
  width: 57.5%;
  padding-right: 60px;
}
@media screen and (max-width: 1250px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area {
    padding-right: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.career_paths .content section.sec_career_paths .sec_career .ttl_area .career_num {
  font-family: "Roboto", serif;
  font-size: 40px;
  font-size: 4rem;
  color: #49bcbd;
  letter-spacing: 4px;
  line-height: 1;
  font-weight: 200;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area .career_num {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 600px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area .career_num {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area .career_num {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 400px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area .career_num {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.career_paths .content section.sec_career_paths .sec_career .ttl_area .career_num span {
  font-size: 60px;
  font-size: 6rem;
}
@media screen and (max-width: 768px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area .career_num span {
    font-size: 56px;
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 600px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area .career_num span {
    font-size: 52px;
    font-size: 5.2rem;
    position: relative;
    top: 2px;
  }
}
@media screen and (max-width: 480px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area .career_num span {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 400px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area .career_num span {
    font-size: 40px;
    font-size: 4rem;
  }
}
.career_paths .content section.sec_career_paths .sec_career .ttl_area h2 {
  font-size: 32px;
  font-size: 3.2rem;
  color: #49bcbd;
  text-align: left;
  letter-spacing: 4px;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area h2 {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area h2 {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.career_paths .content section.sec_career_paths .sec_career .ttl_area .txt {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.9;
}
@media screen and (max-width: 768px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area .txt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .career_paths .content section.sec_career_paths .sec_career .ttl_area .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.career_paths .content section.sec_career_paths .sec_career .ttl_area .txt p {
  font-weight: 400;
  margin-bottom: 20px;
}
.career_paths .content section.sec_career_paths .sec_career .ttl_area .txt p:last-child {
  margin-bottom: 0;
}
.career_paths .content section.sec_career_paths .sec_career .photo {
  width: 42.5%;
}
@media screen and (max-width: 1000px) {
  .career_paths .content section.sec_career_paths .sec_career .photo {
    width: 100%;
  }
}
.career_paths .content section.sec_career_paths .sec_career .photo img {
  height: 500px;
  object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 1250px) {
  .career_paths .content section.sec_career_paths .sec_career .photo img {
    height: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .career_paths .content section.sec_career_paths .sec_career .photo img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .career_paths .content section.sec_career_paths .sec_career .photo img {
    border-radius: 20px;
  }
}
.career_paths .content section.sec_career_paths .sec_career .point {
  width: 100%;
  margin-top: 60px;
  background: #effafb;
  border-radius: 30px;
  padding: 100px 60px 80px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .career_paths .content section.sec_career_paths .sec_career .point {
    padding: 100px 40px 50px;
  }
}
@media screen and (max-width: 768px) {
  .career_paths .content section.sec_career_paths .sec_career .point {
    margin-top: 50px;
  }
}
@media screen and (max-width: 600px) {
  .career_paths .content section.sec_career_paths .sec_career .point {
    border-radius: 20px;
    padding: 100px 30px 40px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 480px) {
  .career_paths .content section.sec_career_paths .sec_career .point {
    padding-top: 90px;
    margin-top: 30px;
  }
}
.career_paths .content section.sec_career_paths .sec_career .point .point_ttl {
  width: 104px;
  height: 91px;
  position: relative;
  background: url(images/bg_top_about_group.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -1px;
  left: -1px;
}
@media screen and (max-width: 600px) {
  .career_paths .content section.sec_career_paths .sec_career .point .point_ttl {
    width: 93.6px;
    height: 81.9px;
  }
}
@media screen and (max-width: 480px) {
  .career_paths .content section.sec_career_paths .sec_career .point .point_ttl {
    width: 83.2px;
    height: 72.8px;
  }
}
.career_paths .content section.sec_career_paths .sec_career .point .point_ttl span {
  display: inline-block;
  font-family: "Roboto", serif;
  font-size: 20px;
  font-size: 2rem;
  color: #5bc1c2;
  letter-spacing: 2px;
  padding-top: 22px;
  padding-left: 12px;
}
@media screen and (max-width: 600px) {
  .career_paths .content section.sec_career_paths .sec_career .point .point_ttl span {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 14px;
  }
}
@media screen and (max-width: 480px) {
  .career_paths .content section.sec_career_paths .sec_career .point .point_ttl span {
    font-size: 15px;
    font-size: 1.5rem;
    padding-top: 20px;
    padding-left: 12px;
  }
}
.career_paths .content section.sec_career_paths .sec_career .point dt {
  font-size: 20px;
  font-size: 2rem;
  color: #5bc1c2;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .career_paths .content section.sec_career_paths .sec_career .point dt {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .career_paths .content section.sec_career_paths .sec_career .point dt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .career_paths .content section.sec_career_paths .sec_career .point dt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.career_paths .content section.sec_career_paths .sec_career .point dd {
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .career_paths .content section.sec_career_paths .sec_career .point dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.career_paths .content section.sec_career_paths .sec_career .point dd:last-child {
  margin-bottom: 0;
}

.clinical_training .main_ttl {
  background-image: url(images/bg_main_ttl_clinical_training.jpg);
}
.clinical_training .content section.sec_training {
  padding-right: 80px;
  padding-left: 80px;
}
@media screen and (max-width: 1500px) {
  .clinical_training .content section.sec_training {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1250px) {
  .clinical_training .content section.sec_training {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .clinical_training .content section.sec_training {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .clinical_training .content section.sec_training {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.clinical_training .content section.sec_training h2 {
  font-size: 34px;
  font-size: 3.4rem;
  color: #49bcbd;
  text-align: left;
  letter-spacing: 4px;
  font-weight: 300;
}
@media screen and (max-width: 1000px) {
  .clinical_training .content section.sec_training h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .clinical_training .content section.sec_training h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .clinical_training .content section.sec_training h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .clinical_training .content section.sec_training h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .clinical_training .content section.sec_training h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.clinical_training .content section.sec_training .lead {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .clinical_training .content section.sec_training .lead {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .clinical_training .content section.sec_training .lead {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .clinical_training .content section.sec_training .lead {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.clinical_training .content section.sec_training .sec_program {
  padding: 50px;
  background: #effafb;
  border-radius: 20px;
}
@media screen and (max-width: 1250px) {
  .clinical_training .content section.sec_training .sec_program {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .clinical_training .content section.sec_training .sec_program {
    border-radius: 15px;
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .clinical_training .content section.sec_training .sec_program {
    padding: 25px;
  }
}
.clinical_training .content section.sec_training .sec_program h3 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #49bcbd;
  text-align: left;
  letter-spacing: 2px;
  font-weight: 300;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .clinical_training .content section.sec_training .sec_program h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .clinical_training .content section.sec_training .sec_program h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .clinical_training .content section.sec_training .sec_program h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 40px;
  }
}
.clinical_training .content section.sec_training .sec_program h4 {
  font-size: 20px;
  font-size: 2rem;
  color: #49bcbd;
  text-align: left;
  letter-spacing: 2px;
  font-weight: 400;
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .clinical_training .content section.sec_training .sec_program h4 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .clinical_training .content section.sec_training .sec_program h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .clinical_training .content section.sec_training .sec_program h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .clinical_training .content section.sec_training .sec_program h4 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.clinical_training .content section.sec_training .sec_program .program_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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #fff;
  padding: 60px 50px 50px;
  margin-bottom: 60px;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .clinical_training .content section.sec_training .sec_program .program_box {
    padding: 50px 30px 40px;
  }
}
@media screen and (max-width: 1000px) {
  .clinical_training .content section.sec_training .sec_program .program_box {
    padding-top: 40px;
  }
}
@media screen and (max-width: 600px) {
  .clinical_training .content section.sec_training .sec_program .program_box {
    border-radius: 15px;
    padding: 40px 25px 30px;
  }
}
@media screen and (max-width: 480px) {
  .clinical_training .content section.sec_training .sec_program .program_box {
    padding-top: 30px;
  }
}
.clinical_training .content section.sec_training .sec_program .program_box:before {
  content: "01";
  font-family: "Roboto", serif;
  font-size: 40px;
  font-size: 4rem;
  color: #49bcbd;
  letter-spacing: 2px;
  font-weight: 100;
  position: absolute;
  top: -30px;
  left: 50px;
}
@media screen and (max-width: 1250px) {
  .clinical_training .content section.sec_training .sec_program .program_box:before {
    left: 30px;
  }
}
@media screen and (max-width: 600px) {
  .clinical_training .content section.sec_training .sec_program .program_box:before {
    left: 25px;
  }
}
@media screen and (max-width: 480px) {
  .clinical_training .content section.sec_training .sec_program .program_box:before {
    font-size: 34px;
    font-size: 3.4rem;
    top: -25px;
  }
}
.clinical_training .content section.sec_training .sec_program .program_box:last-child {
  margin-bottom: 0;
}
.clinical_training .content section.sec_training .sec_program .program_box:last-child:before {
  content: "02";
}
.clinical_training .content section.sec_training .sec_program .program_box .ttl_area {
  width: 58.91%;
  font-weight: 400;
  padding-top: 10px;
}
@media screen and (max-width: 1000px) {
  .clinical_training .content section.sec_training .sec_program .program_box .ttl_area {
    width: 100%;
    margin-bottom: 30px;
  }
}
.clinical_training .content section.sec_training .sec_program .program_box .ttl_area .txt {
  line-height: 1.9;
  margin-bottom: 20px;
}
.clinical_training .content section.sec_training .sec_program .program_box .ttl_area .txt:last-child {
  margin-bottom: 0;
}
.clinical_training .content section.sec_training .sec_program .program_box .photo {
  width: 34.88%;
}
@media screen and (max-width: 1000px) {
  .clinical_training .content section.sec_training .sec_program .program_box .photo {
    width: 100%;
  }
}
.clinical_training .content section.sec_training .sec_program .program_box .photo img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  border-radius: 10px;
}
@media screen and (max-width: 1000px) {
  .clinical_training .content section.sec_training .sec_program .program_box .photo img {
    height: auto;
  }
}

.educational_guidance .main_ttl {
  background-image: url(images/bg_main_ttl_educational_guidance.jpg);
}
.educational_guidance .content section.sec_guidance {
  padding-right: 80px;
  padding-bottom: 0;
  padding-left: 80px;
}
@media screen and (max-width: 1500px) {
  .educational_guidance .content section.sec_guidance {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1250px) {
  .educational_guidance .content section.sec_guidance {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .educational_guidance .content section.sec_guidance {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .educational_guidance .content section.sec_guidance {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.educational_guidance .content section.sec_guidance h2 {
  font-size: 34px;
  font-size: 3.4rem;
  color: #49bcbd;
  text-align: left;
  letter-spacing: 4px;
  font-weight: 300;
}
@media screen and (max-width: 1000px) {
  .educational_guidance .content section.sec_guidance h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .educational_guidance .content section.sec_guidance h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .educational_guidance .content section.sec_guidance h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .educational_guidance .content section.sec_guidance h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .educational_guidance .content section.sec_guidance h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.educational_guidance .content section.sec_guidance h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #49bcbd;
  letter-spacing: 2px;
  font-weight: 500;
  padding-left: 25px;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .educational_guidance .content section.sec_guidance h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .educational_guidance .content section.sec_guidance h3 {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
    padding-left: 20px;
  }
}
.educational_guidance .content section.sec_guidance h3:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 4px solid #49bcbd;
  border-radius: 100%;
  position: absolute;
  top: 7px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .educational_guidance .content section.sec_guidance h3:before {
    width: 18px;
    height: 18px;
    border-width: 3px;
  }
}
@media screen and (max-width: 480px) {
  .educational_guidance .content section.sec_guidance h3:before {
    width: 16px;
    height: 16px;
    top: 6px;
  }
}
.educational_guidance .content section.sec_guidance .lead {
  text-align: left;
}
.educational_guidance .content section.sec_guidance .guidance_info {
  margin: 60px 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .educational_guidance .content section.sec_guidance .guidance_info {
    margin: 50px 0;
  }
}
.educational_guidance .content section.sec_guidance .guidance_info figure {
  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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
}
.educational_guidance .content section.sec_guidance .guidance_info figure img {
  display: inline-block;
  width: 25%;
}
@media screen and (max-width: 768px) {
  .educational_guidance .content section.sec_guidance .guidance_info figure img {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .educational_guidance .content section.sec_guidance .guidance_info figure img {
    width: 100%;
  }
}
.educational_guidance .content section.sec_guidance .guidance_info .btn_more {
  margin-top: 30px;
}
.educational_guidance .content section.sec_guidance .guidance_info .btn_more a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .educational_guidance .content section.sec_guidance .guidance_info .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .educational_guidance .content section.sec_guidance .guidance_info .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .educational_guidance .content section.sec_guidance .guidance_info .btn_more a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.educational_guidance .content section.sec_guidance .guidance_info .btn_more a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.educational_guidance .content section.sec_guidance .guidance_info .btn_more a:hover:after {
  right: 20px;
}
@media screen and (max-width: 768px) {
  .educational_guidance .content section.sec_guidance .guidance_info .btn_more a {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .educational_guidance .content section.sec_guidance .guidance_info .btn_more a {
    padding: 12px 20px;
  }
}
.educational_guidance .content section.sec_guidance .guidance_info .desire {
  background: #effafb;
  padding: 40px;
  margin-bottom: 30px;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .educational_guidance .content section.sec_guidance .guidance_info .desire {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .educational_guidance .content section.sec_guidance .guidance_info .desire {
    border-radius: 10px;
  }
}
.educational_guidance .content section.sec_guidance .guidance_info .desire li {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .educational_guidance .content section.sec_guidance .guidance_info .desire li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .educational_guidance .content section.sec_guidance .guidance_info .desire li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.educational_guidance .content section.sec_guidance .guidance_info .desire li:last-child {
  margin-bottom: 0;
}

.group_clinics .main_ttl {
  background-image: url(images/bg_main_ttl_group_clinics.jpg);
}
.group_clinics .content section.sec_group_list {
  max-width: 1260px;
  padding-right: 80px;
  padding-left: 80px;
  margin: 0 auto;
}
@media screen and (max-width: 1500px) {
  .group_clinics .content section.sec_group_list {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1250px) {
  .group_clinics .content section.sec_group_list {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .group_clinics .content section.sec_group_list {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.group_clinics .content section.sec_group_list .lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 600px) {
  .group_clinics .content section.sec_group_list .lead {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .group_clinics .content section.sec_group_list .lead {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.group_clinics .content section.sec_group_list .lead span {
  display: inline-block;
}
.group_clinics .content section.sec_group_list .group_clinics {
  border: 1px solid #714abd;
  border-radius: 30px;
  padding: 60px 50px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .group_clinics .content section.sec_group_list .group_clinics {
    border-radius: 20px;
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .group_clinics .content section.sec_group_list .group_clinics {
    padding: 40px 25px;
  }
}
@media screen and (max-width: 480px) {
  .group_clinics .content section.sec_group_list .group_clinics {
    padding: 35px 20px;
  }
}
.group_clinics .content section.sec_group_list .group_clinics h2 {
  text-align: center;
}
.group_clinics .content section.sec_group_list .group_clinics:last-child {
  margin-bottom: 0;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_ooe {
  border-color: #1c6483;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_ooe h2 {
  color: #1c6483;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_ooe .clinic_basic_info .clinic_addr .gmap svg {
  color: #1c6483;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_ooe .clinic_basic_info .open_hours_table thead th {
  color: #6cb8d8;
  background: #e2f0f6;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_ooe .clinic_basic_info .open_hours_table tbody tr:first-child th,
.group_clinics .content section.sec_group_list .group_clinics#clinic_ooe .clinic_basic_info .open_hours_table tbody tr:first-child td {
  border-bottom-color: #e2f0f6;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_ooe .clinic_basic_info .open_hours_table tbody th,
.group_clinics .content section.sec_group_list .group_clinics#clinic_ooe .clinic_basic_info .open_hours_table tbody td {
  border-bottom-color: #e2f0f6;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_ooe .clinic_basic_info .open_hours_table tbody td.open {
  color: #6cb8d8;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_uto {
  border-color: #66426b;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_uto h2 {
  color: #66426b;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_uto .clinic_basic_info .clinic_addr .gmap svg {
  color: #66426b;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_uto .clinic_basic_info .open_hours_table thead th {
  color: #af4abd;
  background: #f4edf7;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_uto .clinic_basic_info .open_hours_table tbody tr:first-child th,
.group_clinics .content section.sec_group_list .group_clinics#clinic_uto .clinic_basic_info .open_hours_table tbody tr:first-child td {
  border-bottom-color: #f4edf7;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_uto .clinic_basic_info .open_hours_table tbody th,
.group_clinics .content section.sec_group_list .group_clinics#clinic_uto .clinic_basic_info .open_hours_table tbody td {
  border-bottom-color: #f4edf7;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_uto .clinic_basic_info .open_hours_table tbody td.open {
  color: #af4abd;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_sakuramachi {
  border-color: #325275;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_sakuramachi h2 {
  color: #325275;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_sakuramachi .clinic_basic_info .clinic_addr .gmap svg {
  color: #325275;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_sakuramachi .clinic_basic_info .open_hours_table thead th {
  color: #4c83c0;
  background: #f0f4fa;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_sakuramachi .clinic_basic_info .open_hours_table tbody tr:first-child th,
.group_clinics .content section.sec_group_list .group_clinics#clinic_sakuramachi .clinic_basic_info .open_hours_table tbody tr:first-child td {
  border-bottom-color: #f0f4fa;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_sakuramachi .clinic_basic_info .open_hours_table tbody th,
.group_clinics .content section.sec_group_list .group_clinics#clinic_sakuramachi .clinic_basic_info .open_hours_table tbody td {
  border-bottom-color: #f0f4fa;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_sakuramachi .clinic_basic_info .open_hours_table tbody td.open {
  color: #4c83c0;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_amuplaza {
  border-color: #404682;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_amuplaza h2 {
  color: #404682;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_amuplaza .clinic_basic_info .clinic_addr .gmap svg {
  color: #404682;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_amuplaza .clinic_basic_info .open_hours_table thead th {
  color: #535dbd;
  background: #f4f4fa;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_amuplaza .clinic_basic_info .open_hours_table tbody tr:first-child th,
.group_clinics .content section.sec_group_list .group_clinics#clinic_amuplaza .clinic_basic_info .open_hours_table tbody tr:first-child td {
  border-bottom-color: #f4f4fa;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_amuplaza .clinic_basic_info .open_hours_table tbody th,
.group_clinics .content section.sec_group_list .group_clinics#clinic_amuplaza .clinic_basic_info .open_hours_table tbody td {
  border-bottom-color: #f4f4fa;
}
.group_clinics .content section.sec_group_list .group_clinics#clinic_amuplaza .clinic_basic_info .open_hours_table tbody td.open {
  color: #535dbd;
}
.group_clinics .content section.sec_group_list .group_clinics h2 {
  font-size: 15px;
  font-size: 1.5rem;
  color: #563e84;
  font-weight: 500;
  letter-spacing: 2px;
}
@media screen and (max-width: 1000px) {
  .group_clinics .content section.sec_group_list .group_clinics h2 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .group_clinics .content section.sec_group_list .group_clinics h2 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .group_clinics .content section.sec_group_list .group_clinics h2 {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.group_clinics .content section.sec_group_list .group_clinics h2 .clinic_name {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .group_clinics .content section.sec_group_list .group_clinics h2 .clinic_name {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .group_clinics .content section.sec_group_list .group_clinics h2 .clinic_name {
    font-size: 20px;
    font-size: 2rem;
  }
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_info {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info {
  width: 48.09%;
}
@media screen and (max-width: 1000px) {
  .group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .clinic_addr {
  margin-bottom: 20px;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .clinic_addr .zipcode {
  display: block;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .clinic_addr span {
  display: inline-block;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .clinic_addr .gmap {
  display: inline-block;
  margin-left: 10px;
  font-size: 13px;
  font-size: 1.3rem;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .clinic_addr .gmap a {
  color: #41a2e3;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .clinic_addr .gmap svg {
  width: 16px;
  height: 24px;
  color: #714abd;
  margin-right: 5px;
  position: relative;
  top: 5px;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table {
  width: 100%;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table table {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 15px;
}
@media screen and (max-width: 400px) {
  .group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table table {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 400px) {
  .group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table table {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table th,
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table td {
  padding: 15px 0;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table th,
  .group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table td {
    padding: 10px 0;
  }
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table thead th {
  width: 10.5%;
  color: #714abd;
  font-weight: 500;
  background: #ebe6f2;
}
@media screen and (max-width: 480px) {
  .group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table thead th {
    width: 11.5%;
  }
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table thead .hours_ttl {
  width: 26.5%;
  letter-spacing: 2px;
  padding-left: 2px;
}
@media screen and (max-width: 480px) {
  .group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table thead .hours_ttl {
    width: 19.5%;
  }
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table tbody tr:first-child th,
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table tbody tr:first-child td {
  border-bottom: 1px solid #ebe6f2;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table tbody th,
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table tbody td {
  border-bottom: 1px solid #ebe6f2;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table tbody th {
  font-family: "Roboto", serif;
  letter-spacing: 1px;
  font-weight: 700;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table tbody td.open {
  color: #714abd;
  font-weight: 900;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table tbody td.close {
  color: #b5b4b4;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table tbody td.note {
  color: #ea5514;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table .hours_note {
  font-size: 13px;
  font-size: 1.3rem;
  text-align: left;
  font-weight: 500;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table .hours_note li {
  letter-spacing: 2px;
  line-height: 1.9;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_basic_info .open_hours_table .hours_note li.note {
  font-size: 14px;
  font-size: 1.4rem;
  color: #ea5514;
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_photo {
  width: 48.09%;
}
@media screen and (max-width: 1000px) {
  .group_clinics .content section.sec_group_list .group_clinics .clinic_photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 40px;
  }
}
.group_clinics .content section.sec_group_list .group_clinics .clinic_photo img {
  width: 100%;
  height: 314px;
  object-fit: cover;
}
@media screen and (max-width: 1000px) {
  .group_clinics .content section.sec_group_list .group_clinics .clinic_photo img {
    height: auto;
  }
}

.faq header .main_ttl,
.qa99 header .main_ttl {
  background-image: url(images/bg_main_ttl_faq.jpg);
}
.faq .content section.page-layout,
.qa99 .content section.page-layout {
  max-width: 80%;
  margin: 0 auto;
  padding-right: 0;
  padding-left: 0;
}
@media screen and (max-width: 1250px) {
  .faq .content section.page-layout,
  .qa99 .content section.page-layout {
    max-width: 90%;
  }
}
@media screen and (max-width: 1000px) {
  .faq .content section.page-layout,
  .qa99 .content section.page-layout {
    max-width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout,
  .qa99 .content section.page-layout {
    max-width: 100%;
    padding: 60px 40px;
  }
}
@media screen and (max-width: 600px) {
  .faq .content section.page-layout,
  .qa99 .content section.page-layout {
    padding: 50px 30px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout,
  .qa99 .content section.page-layout {
    padding: 40px 25px;
  }
}
.faq .content section.page-layout .faq_item,
.qa99 .content section.page-layout .faq_item {
  margin-bottom: 30px;
}
.faq .content section.page-layout section,
.qa99 .content section.page-layout section {
  padding: 0;
  margin: 80px auto;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout section,
  .qa99 .content section.page-layout section {
    margin: 60px 0;
  }
}
@media screen and (max-width: 600px) {
  .faq .content section.page-layout section,
  .qa99 .content section.page-layout section {
    margin: 50px 0;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout section,
  .qa99 .content section.page-layout section {
    margin: 40px 0;
  }
}
.faq .content section.page-layout h2,
.qa99 .content section.page-layout h2 {
  font-size: 28px;
  font-size: 2.8rem;
  letter-spacing: 1px;
  text-align: left;
  font-weight: 500;
  padding-left: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout h2,
  .qa99 .content section.page-layout h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout h2,
  .qa99 .content section.page-layout h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .faq .content section.page-layout h2,
  .qa99 .content section.page-layout h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.faq .content section.page-layout h2:before,
.qa99 .content section.page-layout h2:before {
  content: "";
  width: 20px;
  height: 1px;
  background: #313131;
  position: absolute;
  top: 50%;
  left: 0;
}
.faq .content section.page-layout h3,
.qa99 .content section.page-layout h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #49bcbd;
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout h3,
  .qa99 .content section.page-layout h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout h3,
  .qa99 .content section.page-layout h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .faq .content section.page-layout h3,
  .qa99 .content section.page-layout h3 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.faq .content section.page-layout .answer,
.qa99 .content section.page-layout .answer {
  font-size: 15px;
  font-size: 1.5rem;
  padding-left: 1.5em;
}
.faq .content section.page-layout .btn_return,
.qa99 .content section.page-layout .btn_return {
  border-top: 1px solid #313131;
  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: #49bcbd;
}

.faq .content section.page-layout #faq_tob {
  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;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 20px 10px;
  background: #f3fffe;
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout #faq_tob {
    padding: 25px 15px 5px;
  }
}
@media screen and (max-width: 400px) {
  .faq .content section.page-layout #faq_tob {
    padding: 25px 25px 5px;
  }
}
.faq .content section.page-layout #faq_tob li {
  width: 14%;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  margin: 0 0 20px;
}
@media screen and (max-width: 1250px) {
  .faq .content section.page-layout #faq_tob li {
    width: 20%;
  }
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout #faq_tob li {
    width: 25%;
  }
}
@media screen and (max-width: 600px) {
  .faq .content section.page-layout #faq_tob li {
    width: 33.3%;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout #faq_tob li {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 400px) {
  .faq .content section.page-layout #faq_tob li {
    width: 50%;
    text-align: left;
    margin-bottom: 10px;
  }
}
.faq .content section.page-layout #faq_tob li a {
  color: #49bcbd;
  text-decoration: underline;
}
.faq .content section.page-layout h3 {
  padding-left: 30px;
  text-indent: -30px;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout h3 {
    padding-left: 28px;
    text-indent: -28px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout h3 {
    padding-left: 26px;
    text-indent: -23px;
  }
}
.faq .content section.page-layout h3:before {
  font-family: "Roboto", serif;
  content: "Q.";
  padding-right: 0.5em;
}
.faq .content section.page-layout .answer {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout .answer {
    padding-left: 28px;
  }
}

.qa99 .content section.page-layout #faq_tob {
  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;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.qa99 .content section.page-layout #faq_tob li {
  width: 32%;
  margin-right: 2%;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .qa99 .content section.page-layout #faq_tob li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .qa99 .content section.page-layout #faq_tob li {
    width: 48%;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .qa99 .content section.page-layout #faq_tob li {
    width: 100%;
    margin: 0 0 5px 0;
  }
}
.qa99 .content section.page-layout #faq_tob li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .qa99 .content section.page-layout #faq_tob li:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 480px) {
  .qa99 .content section.page-layout #faq_tob li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .qa99 .content section.page-layout #faq_tob li:nth-child(even) {
    margin-right: 0;
  }
}
.qa99 .content section.page-layout #faq_tob li a {
  display: block;
  color: #fff;
  background: #49bcbd;
  padding: 20px 10px;
  border-radius: 6px;
}
@media screen and (max-width: 1000px) {
  .qa99 .content section.page-layout #faq_tob li a {
    padding: 15px 10px;
  }
}
@media screen and (max-width: 480px) {
  .qa99 .content section.page-layout #faq_tob li a {
    padding: 12px 10px;
  }
}
@media screen and (max-width: 400px) {
  .qa99 .content section.page-layout #faq_tob li a {
    padding: 10px;
  }
}
.qa99 .content section.page-layout h2 {
  font-weight: 500;
}
.qa99 .content section.page-layout h3 {
  position: relative;
  padding-left: 55px;
}
@media screen and (max-width: 768px) {
  .qa99 .content section.page-layout h3 {
    padding-left: 45px;
  }
}
.qa99 .content section.page-layout h3 span {
  display: inline-block;
  width: 55px;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .qa99 .content section.page-layout h3 span {
    width: 45px;
  }
}
.qa99 .content section.page-layout .answer {
  padding-left: 55px;
}
@media screen and (max-width: 768px) {
  .qa99 .content section.page-layout .answer {
    padding-left: 45px;
  }
}

.visitor header .main_ttl {
  background-image: url(images/bg_main_ttl_visitor.jpg);
}
.visitor .content section h2 {
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  font-weight: 400;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .visitor .content section h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.visitor .content section.sec_about_visitor {
  max-width: 1180px;
  margin: 0 auto;
  padding-bottom: 0;
}
.visitor .content section.sec_about_visitor .visitor_header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_about_visitor .visitor_header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    -moz-align-items: start;
    align-items: start;
  }
}
.visitor .content section.sec_about_visitor .visitor_header .ttl_area {
  width: 56.36%;
  padding-left: 40px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_about_visitor .visitor_header .ttl_area {
    padding-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_about_visitor .visitor_header .ttl_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 0;
  }
}
.visitor .content section.sec_about_visitor .visitor_header .ttl_area .lead {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.9;
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .visitor_header .ttl_area .lead {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.visitor .content section.sec_about_visitor .visitor_header .ttl_area .btn_more a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_about_visitor .visitor_header .ttl_area .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .visitor_header .ttl_area .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_about_visitor .visitor_header .ttl_area .btn_more a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.visitor .content section.sec_about_visitor .visitor_header .ttl_area .btn_more a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.visitor .content section.sec_about_visitor .visitor_header .ttl_area .btn_more a:hover:after {
  right: 20px;
}
.visitor .content section.sec_about_visitor .visitor_header .photo {
  width: 43.63%;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_about_visitor .visitor_header .photo {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .visitor_header .photo {
    margin-bottom: 20px;
  }
}
.visitor .content section.sec_about_visitor .visitor_header .photo img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_about_visitor .visitor_header .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_about_visitor .visitor_header .photo img {
    border-radius: 15px;
  }
}
.visitor .content section.sec_about_visitor .point_list {
  border: 1px solid #313131;
  border-radius: 20px;
  padding: 50px;
  margin: 70px 0 30px;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_about_visitor .point_list {
    padding: 40px;
    margin-top: 60px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .point_list {
    margin-top: 50px;
    padding: 30px;
  }
}
.visitor .content section.sec_about_visitor .point_list:before {
  content: "";
  width: 104px;
  height: 83px;
  background: url(images/ooe/img_icon_baloon_point.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -41px;
  left: -33px;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_about_visitor .point_list:before {
    width: 93.6px;
    height: 74.7px;
    left: -25px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .point_list:before {
    width: 83.2px;
    height: 66.4px;
    top: -45px;
    left: -20px;
  }
}
.visitor .content section.sec_about_visitor .point_list .point_ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #6cb8d8;
  font-weight: 400;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_about_visitor .point_list .point_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .point_list .point_ttl {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .point_list .point_ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.visitor .content section.sec_about_visitor .point_list ul li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 10px;
  padding-left: 12px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .point_list ul li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.visitor .content section.sec_about_visitor .point_list ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #6cb8d8;
  border-radius: 100%;
  position: absolute;
  top: 11px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .point_list ul li:before {
    top: 9px;
  }
}
.visitor .content section.sec_about_visitor .point_list ul li:last-child {
  margin-bottom: 0;
}
.visitor .content section.sec_about_visitor .btn_more a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_about_visitor .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_about_visitor .btn_more a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.visitor .content section.sec_about_visitor .btn_more a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.visitor .content section.sec_about_visitor .btn_more a:hover:after {
  right: 20px;
}
.visitor .content section.sec_about_visitor .btn_more a {
  margin: 0 auto 50px;
  background: #6cb8d8;
  border-color: #6cb8d8;
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .btn_more a {
    max-width: 100%;
    margin-bottom: 40px;
    padding: 15px 20px;
  }
}
.visitor .content section.sec_about_visitor .sub_seminar {
  background: #ecf5f9;
  padding: 50px;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_about_visitor .sub_seminar {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_about_visitor .sub_seminar {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .sub_seminar {
    padding: 25px;
  }
}
.visitor .content section.sec_about_visitor .sub_seminar .seminar_box {
  margin-bottom: 60px;
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .sub_seminar .seminar_box {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_about_visitor .sub_seminar .seminar_box {
    margin-bottom: 40px;
  }
}
.visitor .content section.sec_about_visitor .sub_seminar .seminar_box:last-child {
  margin-bottom: 0;
}
.visitor .content section.sec_about_visitor .sub_seminar h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #6cb8d8;
  font-weight: 400;
  letter-spacing: 2px;
  padding-left: 26px;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_about_visitor .sub_seminar h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_about_visitor .sub_seminar h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
    padding-left: 22px;
  }
}
.visitor .content section.sec_about_visitor .sub_seminar h3:before {
  content: "";
  width: 18px;
  height: 18px;
  background: #ecf5f9;
  border: 3px solid #6cb8d8;
  position: absolute;
  top: 9px;
  left: 0;
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_about_visitor .sub_seminar h3:before {
    top: 8px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_about_visitor .sub_seminar h3:before {
    width: 16px;
    height: 16px;
    top: 7px;
  }
}
.visitor .content section.sec_about_visitor .sub_seminar p {
  margin-bottom: 20px;
}
.visitor .content section.sec_about_visitor .sub_seminar p:last-child {
  margin-bottom: 0;
}
.visitor .content section.sec_about_visitor .sub_seminar .schedule {
  background: #f9fcfd;
  padding: 40px;
  margin-bottom: 40px;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_about_visitor .sub_seminar .schedule {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_about_visitor .sub_seminar .schedule {
    padding: 25px;
    margin-bottom: 30px;
  }
}
.visitor .content section.sec_about_visitor .sub_seminar .schedule dt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #6cb8d8;
  margin-bottom: 5px;
  padding-left: 12px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_about_visitor .sub_seminar .schedule dt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.visitor .content section.sec_about_visitor .sub_seminar .schedule dt:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #6cb8d8;
  border-radius: 100%;
  position: absolute;
  top: 11px;
  left: 0;
}
.visitor .content section.sec_about_visitor .sub_seminar .schedule dd {
  margin-bottom: 20px;
}
.visitor .content section.sec_about_visitor .sub_seminar .schedule dd:last-child {
  margin-bottom: 0;
}
.visitor .content section.sec_about_visitor .sub_seminar .request_list {
  background: #f9fcfd;
  padding: 40px;
  margin-bottom: 20px;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_about_visitor .sub_seminar .request_list {
    padding: 30px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_about_visitor .sub_seminar .request_list {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .sub_seminar .request_list {
    padding: 25px;
  }
}
.visitor .content section.sec_about_visitor .sub_seminar .request_list li {
  font-weight: 400;
  margin-bottom: 10px;
}
.visitor .content section.sec_about_visitor .sub_seminar .request_list li:last-child {
  margin-bottom: 0;
}
.visitor .content section.sec_about_visitor .sub_seminar .ex_list {
  background: #f9fcfd;
  padding: 40px;
  margin: 70px 0 20px;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_about_visitor .sub_seminar .ex_list {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 30px;
    margin-top: 60px;
  }
}
.visitor .content section.sec_about_visitor .sub_seminar .ex_list:before {
  content: "";
  width: 101px;
  height: 81px;
  background: url(images/ooe/img_icon_baloon_example.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -52px;
  left: -33px;
}
@media screen and (max-width: 600px) {
  .visitor .content section.sec_about_visitor .sub_seminar .ex_list:before {
    width: 90.9px;
    height: 72.9px;
    left: -22px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .sub_seminar .ex_list:before {
    width: 80.8px;
    height: 64.8px;
    top: -48px;
    left: -18px;
  }
}
.visitor .content section.sec_about_visitor .sub_seminar .ex_list li {
  font-weight: 400;
  margin-bottom: 10px;
}
.visitor .content section.sec_about_visitor .sub_seminar .ex_list li:last-child {
  margin-bottom: 0;
}
.visitor .content section.sec_about_visitor .sub_seminar .attention {
  margin-bottom: 40px;
}
.visitor .content section.sec_about_visitor .sub_seminar .attention dt {
  font-weight: 400;
  margin-bottom: 20px;
}
.visitor .content section.sec_about_visitor .sub_seminar .attention dd {
  color: #e63333;
  margin-bottom: 20px;
}
.visitor .content section.sec_about_visitor .sub_seminar .attention dd:last-child {
  margin-bottom: 0;
}
.visitor .content section.sec_about_visitor .sub_seminar .btn_line a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_about_visitor .sub_seminar .btn_line a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_about_visitor .sub_seminar .btn_line a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_about_visitor .sub_seminar .btn_line a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.visitor .content section.sec_about_visitor .sub_seminar .btn_line a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.visitor .content section.sec_about_visitor .sub_seminar .btn_line a:hover:after {
  right: 20px;
}
.visitor .content section.sec_about_visitor .sub_seminar .btn_line a {
  background: #fff;
  border-color: #06c755;
  font-weight: 400;
  color: #06c755;
  margin: 0 auto;
}
.visitor .content section.sec_about_visitor .sub_seminar .btn_line a:after {
  background-image: url(images/ooe/img_icon_arrow_green.png);
}
.visitor .content section.sec_about_visitor .sub_seminar .btn_line a span {
  padding-left: 36px;
  position: relative;
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_about_visitor .sub_seminar .btn_line a span {
    padding-left: 30px;
  }
}
.visitor .content section.sec_about_visitor .sub_seminar .btn_line a span:before {
  content: "";
  width: 26px;
  height: 26px;
  background: url(images/img_icon_line.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -1px;
  left: 0;
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_about_visitor .sub_seminar .btn_line a span:before {
    width: 22px;
    height: 22px;
  }
}
.visitor .content section.sec_flow_recruitment {
  max-width: 1180px;
  margin: 0 auto;
  padding-bottom: 0;
}
.visitor .content section.sec_flow_recruitment .flow_list {
  border: 1px solid #313131;
  border-radius: 20px;
  padding: 50px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_flow_recruitment .flow_list {
    padding: 40px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_flow_recruitment .flow_list {
    padding: 30px;
  }
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #368baf;
  position: relative;
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box:last-child:after {
  content: none;
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid #368baf;
  border-right: 28px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 28px solid transparent;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_flow_recruitment .flow_list .flow_box:after {
    border-top-width: 16px;
    border-right-width: 22px;
    border-bottom-width: 16px;
    border-left-width: 22px;
    bottom: -32px;
  }
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box .photo {
  width: 32.06%;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_flow_recruitment .flow_list .flow_box .photo {
    width: 35%;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_flow_recruitment .flow_list .flow_box .photo {
    width: 100%;
    margin-bottom: 20px;
  }
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box .photo img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_flow_recruitment .flow_list .flow_box .photo img {
    height: auto;
  }
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box .txt_area {
  width: 67.93%;
  padding-left: 50px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_flow_recruitment .flow_list .flow_box .txt_area {
    width: 65%;
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content section.sec_flow_recruitment .flow_list .flow_box .txt_area {
    width: 100%;
    padding-left: 0;
  }
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box .ttl {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  color: #6cb8d8;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_flow_recruitment .flow_list .flow_box .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_flow_recruitment .flow_list .flow_box .ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box .ttl:before {
  display: inline-block;
  color: #49bcbd;
  margin-right: 0.5rem;
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box .txt {
  margin-bottom: 20px;
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box .txt:last-child {
  margin-bottom: 0;
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box .note {
  color: #e63333;
  font-weight: 400;
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box .btn_more a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .visitor .content section.sec_flow_recruitment .flow_list .flow_box .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_flow_recruitment .flow_list .flow_box .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content section.sec_flow_recruitment .flow_list .flow_box .btn_more a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box .btn_more a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box .btn_more a:hover:after {
  right: 20px;
}
.visitor .content section.sec_flow_recruitment .flow_list .flow_box .btn_more a {
  max-width: 280px;
  margin: 0 auto 0 0;
  padding: 15px 20px;
  background: #6cb8d8;
  border-color: #6cb8d8;
}
@media screen and (max-width: 480px) {
  .visitor .content section.sec_flow_recruitment .flow_list .flow_box .btn_more a {
    max-width: 100%;
    padding: 12px 20px;
  }
}
.visitor .content section#sec_entry {
  max-width: 1180px;
  margin: 0 auto;
}
.visitor .content section#sec_entry .lead {
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .visitor .content section#sec_entry .lead {
    text-align: left;
  }
}
.visitor .content .wpcf7-form {
  max-width: 100%;
  padding: 60px 60px 20px;
  margin-bottom: 0;
  text-align: center;
  background: #ecf5f9;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .visitor .content .wpcf7-form {
    padding: 40px 40px 20px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content .wpcf7-form {
    padding: 30px 30px 10px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 400px) {
  .visitor .content .wpcf7-form {
    padding: 25px 25px 10px;
  }
}
.visitor .content .wpcf7-form label {
  display: inline-block;
  width: 280px;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .visitor .content .wpcf7-form label {
    width: 100%;
  }
}
.visitor .content .wpcf7-form label select {
  width: 280px;
  padding: 5px;
}
@media screen and (max-width: 480px) {
  .visitor .content .wpcf7-form label select {
    width: 100%;
  }
}
.visitor .content .wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
  display: block;
  margin: 5px 0;
}
.visitor .content .wpcf7-form table th {
  width: 20%;
  vertical-align: top;
}
@media screen and (max-width: 1000px) {
  .visitor .content .wpcf7-form table th {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content .wpcf7-form table th {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content .wpcf7-form table th p {
    margin-bottom: 5px;
  }
}
.visitor .content .wpcf7-form table td {
  width: 80%;
}
@media screen and (max-width: 1000px) {
  .visitor .content .wpcf7-form table td {
    width: 75%;
  }
}
@media screen and (max-width: 768px) {
  .visitor .content .wpcf7-form table td {
    display: block;
    width: 100%;
  }
}
.visitor .content .wpcf7-form table td .schedule_ttl {
  margin-bottom: 5px;
}
.visitor .content .wpcf7-form input[type=submit] {
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 2px;
  padding: 20px 10px;
  border-radius: 100px;
  border-color: #6cb8d8;
  background: #6cb8d8;
}
@media screen and (max-width: 600px) {
  .visitor .content .wpcf7-form input[type=submit] {
    padding: 15px 10px;
  }
}
@media screen and (max-width: 480px) {
  .visitor .content .wpcf7-form input[type=submit] {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 10px;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content .wpcf7-form .no-recaptcha {
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  .visitor .content .wpcf7-form .contact-privacy {
    text-align: left;
  }
}

.contact header .main_ttl {
  background-image: url(images/bg_main_ttl_contact.jpg);
}
.contact .content section.page-layout {
  max-width: 80%;
  padding: 80px 80px 0;
  margin: 0 auto;
}
@media screen and (max-width: 1500px) {
  .contact .content section.page-layout {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content section.page-layout {
    max-width: 90%;
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .contact .content section.page-layout {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .contact .content section.page-layout {
    padding: 70px 40px 0;
  }
}
@media screen and (max-width: 600px) {
  .contact .content section.page-layout {
    padding: 60px 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .contact .content section.page-layout {
    padding: 50px 25px 0;
  }
}
.contact .content section.page-layout h2 {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: left;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid #313131;
}
@media screen and (max-width: 768px) {
  .contact .content section.page-layout h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .contact .content section.page-layout h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .contact .content section.page-layout h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.contact .content section.page-layout .tel_num {
  margin-top: 20px;
}
.contact .content .wpcf7-form {
  max-width: 80%;
  padding-right: 80px;
  padding-left: 80px;
}
@media screen and (max-width: 1500px) {
  .contact .content .wpcf7-form {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .wpcf7-form {
    max-width: 90%;
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .contact .content .wpcf7-form {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .contact .content .wpcf7-form {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .contact .content .wpcf7-form {
    padding-right: 25px;
    padding-left: 25px;
  }
}

.web .content section.page-layout {
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 0;
}
.web .content section.page-layout .web-disc,
.web .content section.page-layout .web-flow,
.web .content section.page-layout .web-faq,
.web .content section.page-layout .web-form {
  margin-bottom: 80px;
}
@media screen and (max-width: 600px) {
  .web .content section.page-layout .web-disc,
  .web .content section.page-layout .web-flow,
  .web .content section.page-layout .web-faq,
  .web .content section.page-layout .web-form {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .web .content section.page-layout .web-disc,
  .web .content section.page-layout .web-flow,
  .web .content section.page-layout .web-faq,
  .web .content section.page-layout .web-form {
    margin-bottom: 50px;
  }
}
.web .content section.page-layout .web-disc h2,
.web .content section.page-layout .web-flow h2,
.web .content section.page-layout .web-faq h2,
.web .content section.page-layout .web-form h2 {
  font-size: 22px;
  font-size: 2.2rem;
  text-align: left;
  font-weight: bold;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .web .content section.page-layout .web-disc h2,
  .web .content section.page-layout .web-flow h2,
  .web .content section.page-layout .web-faq h2,
  .web .content section.page-layout .web-form h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .web .content section.page-layout .web-disc h2,
  .web .content section.page-layout .web-flow h2,
  .web .content section.page-layout .web-faq h2,
  .web .content section.page-layout .web-form h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.web .content section.page-layout .web-disc {
  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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.web .content section.page-layout .web-disc .img {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .web .content section.page-layout .web-disc .img {
    width: 100%;
    margin-bottom: 30px;
  }
}
.web .content section.page-layout .web-disc .txt {
  width: 45%;
}
@media screen and (max-width: 1000px) {
  .web .content section.page-layout .web-disc .txt {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .web .content section.page-layout .web-disc .txt {
    width: 100%;
  }
}
.web .content section.page-layout .web-disc .txt p {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.9;
}
.web .content section.page-layout .web-disc .message-link {
  margin-top: 40px;
}
.web .content section.page-layout .web-disc .message-link a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .web .content section.page-layout .web-disc .message-link a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .web .content section.page-layout .web-disc .message-link a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .web .content section.page-layout .web-disc .message-link a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.web .content section.page-layout .web-disc .message-link a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.web .content section.page-layout .web-disc .message-link a:hover:after {
  right: 20px;
}
@media screen and (max-width: 1000px) {
  .web .content section.page-layout .web-disc .message-link {
    margin-top: 20px;
  }
}
.web .content section.page-layout .web-disc .message-link a {
  padding: 20px 10px;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .web .content section.page-layout .web-disc .message-link a {
    max-width: 320px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .web .content section.page-layout .web-disc .message-link a {
    max-width: 100%;
  }
}
.web .content section.page-layout .web-disc .message-link a:after {
  width: 32px;
  height: 8px;
}
@media screen and (max-width: 768px) {
  .web .content section.page-layout .web-disc .message-link a:after {
    right: 15px;
  }
}
.web .content section.page-layout .web-flow .flow-block {
  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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.web .content section.page-layout .web-flow .flow-box {
  width: 32%;
}
@media screen and (max-width: 600px) {
  .web .content section.page-layout .web-flow .flow-box {
    width: 100%;
    margin-bottom: 30px;
  }
  .web .content section.page-layout .web-flow .flow-box:last-child {
    margin-bottom: 0;
  }
}
.web .content section.page-layout .web-flow .flow-box .img {
  margin-bottom: 10px;
}
.web .content section.page-layout .web-flow .flow-box h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #49bcbd;
  margin-bottom: 10px;
}
.web .content section.page-layout .web-flow .flow-box h3:before {
  display: inline-block;
  color: #49bcbd;
  margin-right: 0.5rem;
}
.web .content section.page-layout .web-flow .flow-box:first-child h3::before {
  content: "1.";
}
.web .content section.page-layout .web-flow .flow-box:nth-child(2) h3::before {
  content: "2.";
}
.web .content section.page-layout .web-flow .flow-box:last-child h3::before {
  content: "3.";
}
.web .content section.page-layout .web-faq .faq-box {
  margin-bottom: 30px;
}
.web .content section.page-layout .web-faq h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #49bcbd;
  margin-bottom: 10px;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
@media screen and (max-width: 600px) {
  .web .content section.page-layout .web-faq h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .web .content section.page-layout .web-faq h3 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.web .content section.page-layout .web-faq h3:before {
  content: "Q.";
  padding-right: 10px;
}
.web .content section.page-layout .web-faq a {
  color: #41a2e3;
  text-decoration: underline;
}
.web .content section.page-layout .web-form .wpcf7-form {
  margin-top: 40px;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
}
.web .content section.page-layout .web-form .wpcf7-form label {
  display: inline-block;
  text-align: left;
}
.web .content section.page-layout .web-form a {
  color: #41a2e3;
  text-decoration: underline;
}

.privacy-policy header .main_ttl {
  background-image: url(images/bg_main_ttl_privacy.jpg);
}
.privacy-policy .content section.page-layout {
  max-width: 80%;
  margin: 80px auto;
  padding: 0 80px;
}
@media screen and (max-width: 1500px) {
  .privacy-policy .content section.page-layout {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy-policy .content section.page-layout {
    max-width: 90%;
  }
}
@media screen and (max-width: 1000px) {
  .privacy-policy .content section.page-layout {
    max-width: 100%;
    padding-right: 40px;
    padding-left: 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: bold;
  border-bottom: 1px solid #313131;
  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: #41a2e3;
  text-decoration: underline;
}

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

/* 大江院 */
.chuo_clinic header .logo .for_recruit,
.tax-interview_place header .logo .for_recruit {
  background: #6cb8d8;
}
.chuo_clinic header .sub_nav,
.tax-interview_place header .sub_nav {
  position: absolute;
  top: 0;
  right: 80px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic header .sub_nav,
  .tax-interview_place header .sub_nav {
    display: none;
  }
}
.chuo_clinic header .sub_nav ul,
.tax-interview_place header .sub_nav ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.chuo_clinic header .sub_nav ul li,
.tax-interview_place header .sub_nav ul li {
  width: 194px;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic header .sub_nav ul li,
  .tax-interview_place header .sub_nav ul li {
    width: 174px;
  }
}
.chuo_clinic header .sub_nav ul li.nav_group_top,
.tax-interview_place header .sub_nav ul li.nav_group_top {
  background: #71cfd0;
  margin-right: 5px;
}
.chuo_clinic header .sub_nav ul li.nav_visitor,
.tax-interview_place header .sub_nav ul li.nav_visitor {
  background: #82c7e4;
}
.chuo_clinic header .sub_nav ul li.nav_entry,
.tax-interview_place header .sub_nav ul li.nav_entry {
  background: #6cb8d8;
}
.chuo_clinic header .sub_nav ul li a,
.tax-interview_place header .sub_nav ul li a {
  display: block;
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  padding: 8px 5px;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic header .sub_nav ul li a,
  .tax-interview_place header .sub_nav ul li a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.chuo_clinic header .gnav li.parent span:after,
.tax-interview_place header .gnav li.parent span:after {
  background-image: url(images/img_icon_gnav_arrow_ooe.png);
}
.chuo_clinic .drawer-hamburger-icon,
.tax-interview_place .drawer-hamburger-icon {
  background-color: #49a4bd;
}
.chuo_clinic .drawer-hamburger-icon:before, .chuo_clinic.drawer-open .drawer-hamburger-icon:before,
.tax-interview_place .drawer-hamburger-icon:before,
.tax-interview_place.drawer-open .drawer-hamburger-icon:before {
  background-color: #49a4bd;
}
.chuo_clinic .drawer-hamburger-icon:after, .chuo_clinic.drawer-open .drawer-hamburger-icon:after,
.tax-interview_place .drawer-hamburger-icon:after,
.tax-interview_place.drawer-open .drawer-hamburger-icon:after {
  background-color: #49a4bd;
}
.chuo_clinic.drawer-open .drawer-hamburger-icon,
.tax-interview_place.drawer-open .drawer-hamburger-icon {
  background-color: transparent;
}
.chuo_clinic.drawer--top .drawer-nav .drawer-menu .sp_nav_logo .for_recruit,
.tax-interview_place.drawer--top .drawer-nav .drawer-menu .sp_nav_logo .for_recruit {
  background: #6cb8d8;
}
.chuo_clinic.drawer--top .drawer-nav .drawer-menu > ul li,
.tax-interview_place.drawer--top .drawer-nav .drawer-menu > ul li {
  border-top-color: #d9eef4;
}
.chuo_clinic.drawer--top .drawer-nav .drawer-menu > ul li.parent > a,
.tax-interview_place.drawer--top .drawer-nav .drawer-menu > ul li.parent > a {
  background: #f2fafc;
}
.chuo_clinic .drawer--top .drawer-nav .drawer-menu > ul li.parent > a,
.tax-interview_place .drawer--top .drawer-nav .drawer-menu > ul li.parent > a {
  background: #ecf9fa;
}

.chuo_clinic .mainvisual:before {
  width: 471px;
  height: 111px;
  background-image: url(images/ooe/bg_mv_ooe_mask.svg);
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .mainvisual:before {
    width: 376.8px;
    height: 88.8px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .mainvisual:before {
    content: none;
  }
}
.chuo_clinic .mainvisual img {
  height: 640px;
  object-position: 95% 50%;
}
@media screen and (max-width: 1500px) {
  .chuo_clinic .mainvisual img {
    height: 600px;
  }
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .mainvisual img {
    height: 500px;
    object-position: 75% 50%;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .mainvisual img {
    height: 657px;
    object-position: 50% 50%;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .mainvisual img {
    height: 520px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .mainvisual img {
    height: 400px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .mainvisual img {
    height: 360px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .mainvisual img {
    height: 320px;
  }
}
.chuo_clinic .mainvisual .catch {
  width: 51%;
  top: 204px;
  left: 70px;
}
@media screen and (max-width: 1500px) {
  .chuo_clinic .mainvisual .catch {
    width: 46%;
    left: 40px;
  }
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .mainvisual .catch {
    width: 45%;
    top: 140px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .mainvisual .catch {
    width: 100%;
    margin-top: 60px;
    text-align: center;
    position: static;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .mainvisual .catch {
    margin-top: 50px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .mainvisual .catch {
    margin-top: 40px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .mainvisual .catch {
    margin-top: 35px;
  }
}
.chuo_clinic .mainvisual .catch .catch_main {
  font-size: 52px;
  font-size: 5.2rem;
  font-weight: 200;
  position: relative;
}
@media screen and (max-width: 1500px) {
  .chuo_clinic .mainvisual .catch .catch_main {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .mainvisual .catch .catch_main {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .mainvisual .catch .catch_main {
    display: inline-block;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .mainvisual .catch .catch_main {
    font-size: 34px;
    font-size: 3.4rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .mainvisual .catch .catch_main {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .mainvisual .catch .catch_main {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .mainvisual .catch .catch_main {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.chuo_clinic .mainvisual .catch .catch_main .msg_baloon {
  width: 161px;
  height: 95px;
  position: absolute;
  top: -96px;
  left: 382px;
}
@media screen and (max-width: 1500px) {
  .chuo_clinic .mainvisual .catch .catch_main .msg_baloon {
    left: 300px;
  }
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .mainvisual .catch .catch_main .msg_baloon {
    top: -84px;
    left: 250px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .mainvisual .catch .catch_main .msg_baloon {
    top: -84px;
    left: 250px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .mainvisual .catch .catch_main .msg_baloon {
    top: -74px;
    left: 200px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .mainvisual .catch .catch_main .msg_baloon {
    top: -74px;
    left: 150px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .mainvisual .catch .catch_main .msg_baloon {
    top: -66px;
    left: 125px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .mainvisual .catch .catch_main .msg_baloon {
    top: -56px;
    left: 110px;
  }
}
.chuo_clinic .mainvisual .catch .catch_main .msg_baloon img {
  width: 161px;
  height: 95px;
  object-fit: contain;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .mainvisual .catch .catch_main .msg_baloon img {
    width: 144.9px;
    height: 85.5px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .mainvisual .catch .catch_main .msg_baloon img {
    width: 128.8px;
    height: 76px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .mainvisual .catch .catch_main .msg_baloon img {
    width: 112.7px;
    height: 66.5px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .mainvisual .catch .catch_main .msg_baloon img {
    width: 96.6px;
    height: 57px;
  }
}
.chuo_clinic .mainvisual .catch .catch_main .inline_block {
  display: block;
}
.chuo_clinic .mainvisual .catch .catch_sub {
  width: 100%;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.9;
  margin-bottom: 0;
}
@media screen and (max-width: 1500px) {
  .chuo_clinic .mainvisual .catch .catch_sub {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .mainvisual .catch .catch_sub {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .mainvisual .catch .catch_sub {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .mainvisual .catch .catch_sub {
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .mainvisual .catch .catch_sub {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.chuo_clinic .mainvisual .mv_site_ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #2b6d89;
  font-weight: 400;
  letter-spacing: 2px;
  position: absolute;
  bottom: 25px;
  left: 40px;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .mainvisual .mv_site_ttl {
    font-size: 16px;
    font-size: 1.6rem;
    bottom: 20px;
    left: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .mainvisual .mv_site_ttl {
    display: none;
  }
}
.chuo_clinic .content section.sec_message {
  max-width: 1440px;
  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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 80px 0;
  margin: 0 auto;
}
@media screen and (max-width: 1500px) {
  .chuo_clinic .content section.sec_message {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .content section.sec_message {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .content section.sec_message {
    padding-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .content section.sec_message {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_message {
    padding-top: 60px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_message {
    padding-right: 25px;
    padding-bottom: 20px;
    padding-left: 25px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_message {
    padding-bottom: 0;
  }
}
.chuo_clinic .content section.sec_message .ttl_area {
  width: 54.16%;
  padding-right: 100px;
}
@media screen and (max-width: 1500px) {
  .chuo_clinic .content section.sec_message .ttl_area {
    padding-right: 60px;
  }
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .content section.sec_message .ttl_area {
    width: 60%;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .content section.sec_message .ttl_area {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 0;
  }
}
.chuo_clinic .content section.sec_message .ttl_area h2 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #6cb8d8;
  text-align: left;
  font-weight: 300;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .content section.sec_message .ttl_area h2 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_message .ttl_area h2 {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_message .ttl_area h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.chuo_clinic .content section.sec_message .ttl_area .catch {
  font-size: 36px;
  font-size: 3.6rem;
  text-align: left;
  font-weight: 300;
  letter-spacing: 2px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1500px) {
  .chuo_clinic .content section.sec_message .ttl_area .catch {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .content section.sec_message .ttl_area .catch {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_message .ttl_area .catch {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_message .ttl_area .catch {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_message .ttl_area .catch {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.chuo_clinic .content section.sec_message .ttl_area .txt {
  line-height: 1.9;
}
.chuo_clinic .content section.sec_message .ttl_area .btn_area > div {
  width: 49%;
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_message .ttl_area .btn_area > div {
    width: 100%;
  }
}
.chuo_clinic .content section.sec_message .ttl_area .btn_area > div a {
  max-width: 100%;
  background: #6cb8d8;
  border-color: #6cb8d8;
}
.chuo_clinic .content section.sec_message .ttl_area .btn_area > div.btn_message {
  margin-right: 2%;
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_message .ttl_area .btn_area > div.btn_message {
    margin: 0 0 10px 0;
  }
}
.chuo_clinic .content section.sec_message .ttl_area .btn_area > div.btn_qa99 a {
  background: #43c3d8;
  border-color: #43c3d8;
}
.chuo_clinic .content section.sec_message .photo {
  width: 660px;
  position: relative;
  width: 45.83%;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .content section.sec_message .photo {
    width: 40%;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .content section.sec_message .photo {
    width: 100%;
    max-width: 660px;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin: 0 auto 50px;
  }
}
.chuo_clinic .content section.sec_message .photo:before {
  content: "";
  width: 245px;
  height: 116px;
  background: url(images/bg_mv_mask.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_message .photo:before {
    width: 220.5px;
    height: 104.4px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_message .photo:before {
    width: 196px;
    height: 92.8px;
  }
}
.chuo_clinic .content section.sec_message .photo:after {
  content: "";
  width: 166px;
  height: 110px;
  background: url(images/ooe/img_icon_baloon_msg.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .content section.sec_message .photo:after {
    width: 149.4px;
    height: 99px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_message .photo:after {
    width: 132.8px;
    height: 88px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_message .photo:after {
    width: 116.2px;
    height: 77px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_message .photo:after {
    width: 99.6px;
    height: 66px;
  }
}
.chuo_clinic .content section.sec_message .photo img {
  border-radius: 30px;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .content section.sec_message .photo img {
    height: 540px;
    object-fit: cover;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .content section.sec_message .photo img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_message .photo img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_message .photo img {
    height: 380px;
  }
}
.chuo_clinic .content section.sec_message .photo .signature {
  position: absolute;
  bottom: 18px;
  left: 44px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_message .photo .signature {
    bottom: 12px;
    left: 34px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_message .photo .signature {
    font-size: 15px;
    font-size: 1.5rem;
    bottom: 10px;
    left: 30px;
  }
}
.chuo_clinic .content section.sec_message .photo .signature .clinic_name {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #6cb8d8;
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_message .photo .signature .clinic_name {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.chuo_clinic .content section.sec_interview {
  padding-bottom: 0;
}
.chuo_clinic .content section.sec_interview .ttl_en {
  color: #9ccade;
}
.chuo_clinic .content section.sec_interview .ttl_area h2 {
  text-align: left;
}
.chuo_clinic .content section.sec_interview .ttl_area .btn_more a {
  background: #6cb8d8;
}
.chuo_clinic .content section.sec_interview .interview_inner {
  background: linear-gradient(to bottom, #def5fa calc(100% - 125px), #ffffff 0);
}
.chuo_clinic .content section.sec_about_environment {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .content section.sec_about_environment {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .content section.sec_about_environment {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_about_environment {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_about_environment {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.chuo_clinic .content section.sec_about_environment h2 {
  font-size: 32px;
  font-size: 3.2rem;
  text-align: center;
  font-weight: 300;
  letter-spacing: 4px;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .content section.sec_about_environment h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .content section.sec_about_environment h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .content section.sec_about_environment h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_about_environment h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_about_environment h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_about_environment h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.chuo_clinic .content section.sec_about_environment .lead {
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .content section.sec_about_environment .lead {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .content section.sec_about_environment .lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_about_environment .lead {
    text-align: left;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_about_environment .lead {
    margin-bottom: 30px;
  }
}
.chuo_clinic .content section.sec_about_environment .environment_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;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.chuo_clinic .content section.sec_about_environment .environment_box {
  display: block;
  width: 29.68%;
  margin: 0% 1.25% 2.5% 1.25%;
  height: 580px;
  background: url(images/ooe/bg_bnr_ooe_top_reason.jpg) no-repeat 0 0;
  background-size: cover;
  border-radius: 0 30px 0 30px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 1500px) {
  .chuo_clinic .content section.sec_about_environment .environment_box {
    height: 540px;
  }
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .content section.sec_about_environment .environment_box {
    width: 49%;
    margin: 0 2% 20px 0;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .content section.sec_about_environment .environment_box {
    height: 480px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .content section.sec_about_environment .environment_box {
    width: 100%;
    max-width: 560px;
    height: 600px;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_about_environment .environment_box {
    height: 560px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_about_environment .environment_box {
    height: 460px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_about_environment .environment_box {
    height: 420px;
  }
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .content section.sec_about_environment .environment_box:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .content section.sec_about_environment .environment_box:nth-child(even) {
    margin-right: auto;
  }
}
.chuo_clinic .content section.sec_about_environment .environment_box:before {
  content: "";
  border-radius: 0 30px 0 30px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(51, 88, 88, 0.6);
  transition: 0.3s;
}
.chuo_clinic .content section.sec_about_environment .environment_box:after {
  content: "";
  width: 30px;
  height: 30px;
  background: url(images/img_icon_arrow_circle.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_about_environment .environment_box:after {
    width: 24px;
    height: 24px;
    bottom: 15px;
    right: 15px;
  }
}
.chuo_clinic .content section.sec_about_environment .environment_box:hover {
  opacity: 1;
}
.chuo_clinic .content section.sec_about_environment .environment_box:hover:before {
  background: rgba(255, 255, 255, 0);
}
.chuo_clinic .content section.sec_about_environment .environment_box .know_num {
  font-family: "Roboto", serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  letter-spacing: 2px;
  text-align: right;
  font-weight: 500;
  line-height: 1;
  margin: 30px 30px 0 0;
  position: relative;
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_about_environment .environment_box .know_num {
    margin: 20px 20px 0 0;
  }
}
.chuo_clinic .content section.sec_about_environment .environment_box .know_num span {
  font-size: 32px;
  font-size: 3.2rem;
  position: relative;
  top: 2px;
}
.chuo_clinic .content section.sec_about_environment .environment_box h3 {
  position: absolute;
  top: 380px;
  left: 30px;
}
@media screen and (max-width: 1500px) {
  .chuo_clinic .content section.sec_about_environment .environment_box h3 {
    top: 340px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .content section.sec_about_environment .environment_box h3 {
    top: 300px;
    left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .content section.sec_about_environment .environment_box h3 {
    top: 400px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_about_environment .environment_box h3 {
    top: 360px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_about_environment .environment_box h3 {
    top: 305px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_about_environment .environment_box h3 {
    top: 285px;
  }
}
.chuo_clinic .content section.sec_about_environment .environment_box h3 span {
  font-size: 22px;
  font-size: 2.2rem;
  color: #6cb8d8;
  letter-spacing: 3px;
  padding: 3px 22px;
  background: #fff;
}
@media screen and (max-width: 1500px) {
  .chuo_clinic .content section.sec_about_environment .environment_box h3 span {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .content section.sec_about_environment .environment_box h3 span {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .content section.sec_about_environment .environment_box h3 span {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 3px 15px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .content section.sec_about_environment .environment_box h3 span {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_about_environment .environment_box h3 span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_about_environment .environment_box h3 span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_about_environment .environment_box h3 span {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 2px 10px;
  }
}
.chuo_clinic .content section.sec_about_environment .environment_box .txt {
  width: calc(100% - 60px);
  color: #fff;
  position: absolute;
  top: 440px;
  left: 30px;
}
@media screen and (max-width: 1500px) {
  .chuo_clinic .content section.sec_about_environment .environment_box .txt {
    top: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic .content section.sec_about_environment .environment_box .txt {
    width: calc(100% - 40px);
    top: 350px;
    left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .content section.sec_about_environment .environment_box .txt {
    top: 450px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_about_environment .environment_box .txt {
    top: 410px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_about_environment .environment_box .txt {
    top: 350px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_about_environment .environment_box .txt {
    top: 320px;
  }
}
.chuo_clinic .content section.sec_about_environment .environment_box.about_flow {
  background-image: url(images/ooe/bg_bnr_ooe_top_flow.jpg);
}
.chuo_clinic .content section.sec_about_environment .environment_box.about_qa {
  background-image: url(images/ooe/bg_bnr_ooe_top_qa.jpg);
}
.chuo_clinic .content section.sec_about_environment .environment_box.about_welfare {
  background-image: url(images/ooe/bg_bnr_ooe_top_welfare.jpg);
}
.chuo_clinic .content section.sec_about_environment .environment_box.about_numbers {
  background-image: url(images/ooe/bg_bnr_ooe_top_numbers.jpg);
}
.chuo_clinic .content section.sec_for_job_seekers {
  background: #ecf8f9;
}
.chuo_clinic .content section.sec_for_job_seekers .bnr_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: 0 auto;
}
.chuo_clinic .content section.sec_for_job_seekers .bnr_list > a {
  display: block;
  width: 48.61%;
  height: 320px;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a {
    width: 100%;
    max-width: 700px;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a {
    height: 280px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a {
    height: 240px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a {
    height: 200px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a {
    height: 180px;
    border-radius: 10px;
  }
}
.chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .bnr_ttl {
  width: 295px;
  height: 169px;
  background: url(images/ooe/bg_bnr_ttl_baloon.png) no-repeat 0 0;
  background-size: cover;
  border-radius: 20px 0 0 0;
  padding: 30px 0 0 38px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .bnr_ttl {
    width: 265.5px;
    height: 152.1px;
    padding: 25px 0 0 30px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .bnr_ttl {
    width: 206.5px;
    height: 118.3px;
    padding: 20px 0 0 25px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .bnr_ttl {
    width: 177px;
    height: 101.4px;
    border-radius: 15px 0 0 0;
    padding: 18px 0 0 20px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .bnr_ttl {
    width: 147.5px;
    height: 84.5px;
    border-radius: 10px 0 0 0;
    padding: 12px 0 0 15px;
  }
}
.chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .ttl_en {
  display: inline-block;
  font-family: "Roboto", serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #6cb8d8;
  background: #eef8fc;
  border-radius: 100px;
  padding: 1px 20px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .ttl_en {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .ttl_en {
    margin-bottom: 5px;
    padding: 1px 16px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .ttl_en {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 1px 12px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .ttl_en {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 1px;
    padding: 0 10px;
  }
}
.chuo_clinic .content section.sec_for_job_seekers .bnr_list > a h2 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #15485e;
  text-align: left;
  line-height: 1.5;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a h2 {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a h2 {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}
.chuo_clinic .content section.sec_for_job_seekers .bnr_list > a h2 span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a h2 span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a h2 span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a h2 span {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .txt {
  position: absolute;
  bottom: 60px;
  left: 40px;
  color: #313131;
  width: 35%;
}
@media screen and (max-width: 768px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .txt {
    bottom: 40px;
    left: 20px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .txt {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .txt {
    font-size: 12px;
    font-size: 1.2rem;
    bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list > a .txt {
    bottom: 20px;
  }
}
.chuo_clinic .content section.sec_for_job_seekers .bnr_list .bnr_for_experienced {
  background: #e3f1f5 url(images/ooe/bg_bnr_for_experienced.jpg) no-repeat right bottom;
  background-size: auto 100%;
}
@media screen and (max-width: 600px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list .bnr_for_experienced .bnr_ttl {
    padding-top: 12px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list .bnr_for_experienced .bnr_ttl {
    padding-top: 10px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list .bnr_for_experienced .bnr_ttl {
    padding-top: 5px;
  }
}
.chuo_clinic .content section.sec_for_job_seekers .bnr_list .bnr_for_dentist {
  background: #f1f8ef url(images/ooe/bg_bnr_for_dentist.jpg) no-repeat right bottom;
  background-size: auto 100%;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic .content section.sec_for_job_seekers .bnr_list .bnr_for_dentist {
    margin-bottom: 0;
  }
}
.chuo_clinic footer .clinic_info .logo .for_recruit {
  background: #6cb8d8;
}
.chuo_clinic footer .clinic_info .tel_num .charge {
  background: #f0f6f9;
  color: #6cb8d8;
}
.chuo_clinic footer .clinic_info .tel_num .num {
  color: #6cb8d8;
}
.chuo_clinic footer .footer_nav nav li a {
  color: #6cb8d8;
}
.chuo_clinic footer .footer_nav nav li li a {
  color: #313131;
}
.chuo_clinic footer .footer_nav nav:last-child li {
  margin-bottom: 10px;
}
.chuo_clinic footer .footer_nav nav:last-child li.return_group_top {
  margin-top: 20px;
}
.chuo_clinic footer .footer_nav nav:last-child li.return_group_top a {
  color: #71cfd0;
}

.chuo_clinic.faq header .main_ttl, .chuo_clinic.qa99 header .main_ttl {
  background-image: url(images/ooe/bg_main_ttl_faq_ooe.jpg);
}
.chuo_clinic.faq .content section.page-layout h3, .chuo_clinic.qa99 .content section.page-layout h3 {
  color: #6cb8d8;
}

.chuo_clinic.faq .content section.page-layout #faq_tob {
  background: #ecf8f9;
}
.chuo_clinic.faq .content section.page-layout #faq_tob li a {
  color: #6cb8d8;
}

.chuo_clinic.qa99 .content section.page-layout #faq_tob li a {
  background: #6cb8d8;
}

.chuo_clinic.reason .main_ttl {
  background-image: url(images/ooe/bg_main_ttl_reason.jpg);
}
.chuo_clinic.reason .content section.sec_reason_list section {
  max-width: 1100px;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  margin: 0 auto;
}
.chuo_clinic.reason .content section.sec_reason_list section h2 {
  text-align: center;
}
.chuo_clinic.reason .content section.sec_reason_list section#sec_reason03 {
  padding-bottom: 0;
}
.chuo_clinic.reason .content section.sec_reason_list section#sec_reason03 .staff_message {
  margin-bottom: 80px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.reason .content section.sec_reason_list section#sec_reason03 .staff_message {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.reason .content section.sec_reason_list section#sec_reason03 .staff_message {
    margin-bottom: 50px;
  }
}
.chuo_clinic.reason .content section.sec_reason_list h2 {
  font-size: 20px;
  font-size: 2rem;
  color: #6cb8d8;
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.reason .content section.sec_reason_list h2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 2px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.reason .content section.sec_reason_list h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.reason .content section.sec_reason_list h2 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
  }
}
.chuo_clinic.reason .content section.sec_reason_list h2 span {
  font-family: "Roboto", serif;
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 200;
  margin-left: 5px;
  position: relative;
  top: 3px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.reason .content section.sec_reason_list h2 span {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.reason .content section.sec_reason_list h2 span {
    font-size: 28px;
    font-size: 2.8rem;
    top: 2px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.reason .content section.sec_reason_list h2 span {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.chuo_clinic.reason .content section.sec_reason_list .catch {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 300;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic.reason .content section.sec_reason_list .catch {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.reason .content section.sec_reason_list .catch {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.reason .content section.sec_reason_list .catch {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 1px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.reason .content section.sec_reason_list .catch {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.reason .content section.sec_reason_list .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.reason .content section.sec_reason_list .catch {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
}
.chuo_clinic.reason .content section.sec_reason_list .catch span {
  display: inline-block;
}
.chuo_clinic.reason .content section.sec_reason_list .photo_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;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.reason .content section.sec_reason_list .photo_area {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.reason .content section.sec_reason_list .photo_area {
    margin-bottom: 20px;
  }
}
.chuo_clinic.reason .content section.sec_reason_list .photo_area img {
  width: 50%;
}
@media screen and (max-width: 480px) {
  .chuo_clinic.reason .content section.sec_reason_list .photo_area img {
    height: 150px;
    object-fit: cover;
  }
}
.chuo_clinic.reason .content section.sec_reason_list .txt {
  margin-bottom: 50px;
}
.chuo_clinic.reason .content section.sec_reason_list .txt p {
  line-height: 1.9;
  margin-bottom: 20px;
}
.chuo_clinic.reason .content section.sec_reason_list .txt p:last-child {
  margin-bottom: 0;
}
.chuo_clinic.reason .content section.sec_reason_list .txt p em {
  font-weight: 500;
}
.chuo_clinic.reason .content section.sec_reason_list .staff_message {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.reason .content section.sec_reason_list .staff_message {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    -moz-align-items: start;
    align-items: start;
  }
}
.chuo_clinic.reason .content section.sec_reason_list .staff_message .staff_photo {
  width: 94px;
}
@media screen and (max-width: 480px) {
  .chuo_clinic.reason .content section.sec_reason_list .staff_message .staff_photo {
    width: 100%;
    text-align: center;
  }
}
.chuo_clinic.reason .content section.sec_reason_list .staff_message .msg {
  width: calc(100% - 94px - 25px);
  background: #f8f4ed;
  border-radius: 8px;
  margin-left: 25px;
  padding: 20px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .chuo_clinic.reason .content section.sec_reason_list .staff_message .msg {
    width: 100%;
    margin: 25px 0 0 0;
  }
}
.chuo_clinic.reason .content section.sec_reason_list .staff_message .msg:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 14px solid #f8f4ed;
  border-bottom: 6px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 22px;
  left: -28px;
}
@media screen and (max-width: 480px) {
  .chuo_clinic.reason .content section.sec_reason_list .staff_message .msg:before {
    border-top: 14px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 14px solid #f8f4ed;
    border-left: 6px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.chuo_clinic.flow .main_ttl {
  background-image: url(images/ooe/bg_main_ttl_flow.jpg);
}
.chuo_clinic.flow .content section h2 {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 300;
  text-align: center;
  letter-spacing: 4px;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic.flow .content section h2 {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.flow .content section h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.flow .content section h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.flow .content section h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.chuo_clinic.flow .content section#sec_job_contents {
  max-width: 1180px;
  margin: 0 auto;
  padding-bottom: 0;
}
.chuo_clinic.flow .content section#sec_job_contents .job_intro {
  margin-bottom: 50px;
  padding: 50px 50px 0;
  border: 1px solid #313131;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_intro {
    padding: 30px 20px 0;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_intro {
    border-radius: 15px;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_intro h3 {
  font-size: 22px;
  font-size: 2.2rem;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_intro h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_intro h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_intro h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_intro .lead {
  text-align: center;
  margin-bottom: 20px;
}
.chuo_clinic.flow .content section#sec_job_contents .job_intro .lead span {
  display: inline-block;
}
.chuo_clinic.flow .content section#sec_job_contents .job_intro .staff_message {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.chuo_clinic.flow .content section#sec_job_contents .job_intro .staff_message .staff_photo {
  width: 155px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_intro .staff_message .staff_photo {
    width: 140px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_intro .staff_message .staff_photo {
    width: 100px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_intro .staff_message .staff_photo img {
    width: 140px;
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_intro .staff_message .staff_photo img {
    width: 100px;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_intro .staff_message .msg {
  width: calc(100% - 155px - 25px);
  max-width: 540px;
  background: #f8f4ed;
  border-radius: 15px;
  margin-left: 25px;
  padding: 25px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_intro .staff_message .msg {
    width: calc(100% - 140px - 25px);
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_intro .staff_message .msg {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_intro .staff_message .msg {
    width: calc(100% - 100px - 20px);
    font-size: 13px;
    font-size: 1.3rem;
    padding: 12px;
    margin-left: 20px;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_intro .staff_message .msg:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 14px solid #f8f4ed;
  border-bottom: 6px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 22px;
  left: -28px;
}
.chuo_clinic.flow .content section#sec_job_contents .job_info {
  margin-bottom: 70px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info {
    margin-bottom: 50px;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info:last-child {
  margin-bottom: 0;
}
.chuo_clinic.flow .content section#sec_job_contents .job_info h4 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #6cb8d8;
  font-weight: 500;
  letter-spacing: 2px;
  padding-left: 32px;
  margin-bottom: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info h4 {
    font-size: 20px;
    font-size: 2rem;
    padding-left: 30px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info h4 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 25px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info h4 {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 22px;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info h4:before {
  content: "";
  width: 22px;
  height: 22px;
  background: #fff;
  border: 4px solid #6cb8d8;
  position: absolute;
  top: 8px;
  left: 0;
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info h4:before {
    top: 6px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info h4:before {
    width: 18px;
    height: 18px;
    border-width: 3px;
    top: 7px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info h4:before {
    width: 16px;
    height: 16px;
    top: 6px;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_schedule {
  background: #ecf5f9;
  padding: 40px;
  margin-bottom: 20px;
  font-weight: 500;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_schedule {
    padding: 30px;
    border-radius: 15px;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_schedule .day_schedule {
  font-size: 16px;
  font-size: 1.6rem;
  color: #6cb8d8;
  margin-bottom: 15px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_schedule .day_schedule {
    margin-bottom: 10px;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_schedule .morning_afternoon {
  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;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_schedule .morning_afternoon {
    display: block;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_schedule .morning_afternoon div:first-child:after {
  content: "/";
  padding-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_schedule .morning_afternoon div:first-child:after {
    content: none;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_schedule .time {
  font-family: "Roboto", serif;
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail {
  background: #ecf5f9;
  padding: 40px 50px;
  margin-top: 60px;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail {
    padding: 40px 35px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail {
    padding: 30px 25px;
    margin-top: 50px;
    border-radius: 15px;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail:before {
  content: "01";
  font-family: "Roboto", serif;
  font-size: 34px;
  font-size: 3.4rem;
  color: #6cb8d8;
  line-height: 1;
  font-weight: 200;
  letter-spacing: 4px;
  position: absolute;
  top: -15px;
  left: 50px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail:before {
    left: 35px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail:before {
    font-size: 30px;
    font-size: 3rem;
    top: -12px;
    left: 25px;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail.job_intro02:before {
  content: "02-1";
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail.job_intro03:before {
  content: "02-2";
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail.job_intro03 .job_list dl {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail.job_intro03 .job_list dl dt {
  width: 100%;
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail.job_intro03 .job_list dl dd {
  width: 50%;
  padding-right: 20px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail.job_intro03 .job_list dl dd {
    width: 100%;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail.job_intro04:before {
  content: "02-3";
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail.job_intro04 .job_list dl {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail.job_intro04 .job_list dl dt {
  width: 100%;
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail.job_intro04 .job_list dl dd {
  width: 33.33%;
  padding-right: 20px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail.job_intro04 .job_list dl dd {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail.job_intro04 .job_list dl dd {
    width: 100%;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail.job_intro05:before {
  content: "03";
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .job_ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #6cb8d8;
  font-weight: 300;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .job_ttl {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .job_ttl {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .lead {
  line-height: 1.9;
  margin-bottom: 30px;
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail 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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail ul {
    margin-bottom: 20px;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail ul li {
  width: 33.33%;
  padding-right: 20px;
  padding-left: 12px;
  margin-bottom: 5px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail ul li {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail ul li {
    width: 100%;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #6cb8d8;
  border-radius: 100%;
  position: absolute;
  top: 10px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail ul li:before {
    top: 8px;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .photo_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: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .photo_area img {
  width: 48%;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .photo_area img {
    width: 100%;
    margin-bottom: 10px;
  }
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .photo_area img:last-child {
    margin-bottom: 0;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .job_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .job_list dl {
  width: 49%;
  background: #f7fafc;
  padding: 30px 40px;
  margin-bottom: 20px;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .job_list dl {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .job_list dl {
    border-radius: 10px;
    padding: 25px 30px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .job_list dl {
    padding: 20px 25px;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .job_list dl dt {
  font-size: 16px;
  font-size: 1.6rem;
  color: #6cb8d8;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .job_list dl dt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .job_list dl dd {
  padding-left: 12px;
  margin-bottom: 5px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .job_list dl dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .job_list dl dd:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #6cb8d8;
  border-radius: 100%;
  position: absolute;
  top: 10px;
  left: 0;
}
.chuo_clinic.flow .content section#sec_job_contents .job_info .job_detail .job_list dl dd:last-child {
  margin-bottom: 0;
}
.chuo_clinic.flow .content section#sec_day_flow .lead {
  text-align: center;
  margin-bottom: 40px;
}
.chuo_clinic.flow .content section#sec_day_flow .lead span {
  display: inline-block;
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box {
  max-width: 1100px;
  padding: 60px 80px;
  margin: 0 auto 60px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #313131;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box {
    padding: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box {
    padding: 50px 30px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box {
    padding: 40px 25px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box {
    padding-top: 30px;
    border-radius: 15px;
    margin-bottom: 20px;
  }
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box:last-child {
  margin-bottom: 0;
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .staff_photo {
  margin-bottom: 10px;
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .staff_name {
  margin-bottom: 10px;
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .job_position {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #0f8181;
  padding: 0 20px;
  border: 1px solid #e4f4f4;
  border-radius: 100px;
  background: #e4f4f4;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box .job_position {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .btn_interview {
  margin-bottom: 40px;
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .btn_interview a {
  color: #6cb8d8;
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .btn_interview a:after {
  content: "→";
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .flow_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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box .flow_detail {
    margin-bottom: 40px;
  }
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .flow_status {
  width: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  color: #6cb8d8;
  font-weight: 400;
  text-align: left;
  letter-spacing: 2px;
  padding-left: 28px;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box .flow_status {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 22px;
  }
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .flow_status:before {
  content: "";
  width: 18px;
  height: 18px;
  border: 3px solid #6cb8d8;
  border-radius: 100%;
  background: #fff;
  position: absolute;
  top: 8px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box .flow_status:before {
    width: 16px;
    height: 16px;
    top: 6px;
  }
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .day_schedule {
  width: calc(100% - 370px);
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box .day_schedule {
    width: 100%;
    margin-bottom: 20px;
  }
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .day_schedule li {
  display: grid;
  grid-template-columns: 136px 1fr;
  gap: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box .day_schedule li {
    grid-template-columns: 106px 1fr;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box .day_schedule li {
    display: block;
    margin-bottom: 25px;
  }
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .day_schedule li:last-child {
  margin-bottom: 0;
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .day_schedule li .time {
  background: #e7f5fb;
  border-radius: 10px;
  font-family: "Roboto", serif;
  color: #196c90;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  padding: 8px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box .day_schedule li .time {
    border-radius: 6px;
    padding: 6px 5px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box .day_schedule li .time {
    width: 80px;
  }
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .day_schedule li .txt {
  margin-top: 8px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box .day_schedule li .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .day_schedule li .txt em {
  font-weight: 500;
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .day_schedule li .txt .list,
.chuo_clinic.flow .content section#sec_day_flow .flow_box .day_schedule li .txt .note {
  padding-left: 1em;
  text-indent: -1em;
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .image_photo {
  width: 340px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box .image_photo {
    width: 100%;
  }
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .image_photo img {
  border-radius: 10px;
}
.chuo_clinic.flow .content section#sec_day_flow .flow_box .end_msg {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 2px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.flow .content section#sec_day_flow .flow_box .end_msg {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.numbers .main_ttl {
  background-image: url(images/ooe/bg_main_ttl_numbers_ooe.jpg);
}
.numbers .content section.sec_numbers {
  padding-right: 80px;
  padding-left: 80px;
}
@media screen and (max-width: 1500px) {
  .numbers .content section.sec_numbers {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1250px) {
  .numbers .content section.sec_numbers {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .numbers .content section.sec_numbers {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .numbers .content section.sec_numbers {
    padding-right: 25px;
    padding-left: 25px;
  }
}

.chuo_clinic.welfare .main_ttl {
  background-image: url(images/ooe/bg_main_ttl_welfare.jpg);
}
.chuo_clinic.welfare .content section.sec_welfare h2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300;
  letter-spacing: 4px;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.welfare .content section.sec_welfare h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.welfare .content section.sec_welfare h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.welfare .content section.sec_welfare h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail {
  max-width: 1100px;
  padding: 0;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail {
    margin-bottom: 40px;
  }
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare01 .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;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare01 .welfare_list dl {
  width: 49.09%;
  margin: 0% 1.81% 1.81% 0%;
  background: #ecf5f9;
  border-radius: 15px;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare01 .welfare_list dl {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare01 .welfare_list dl {
    padding: 20px;
    border-radius: 10px;
    margin: 0 0 10px 0;
  }
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare01 .welfare_list dl:nth-child(even) {
  margin-right: 0;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare01 .welfare_list dl dt {
  font-size: 16px;
  font-size: 1.6rem;
  color: #6cb8d8;
  font-weight: 400;
  letter-spacing: 2px;
  margin-bottom: 15px;
}
@media screen and (max-width: 400px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare01 .welfare_list dl dt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare02 h3:before {
  content: "02.";
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare02 .photo_area {
  margin-bottom: 70px;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare03 {
  margin-bottom: 0;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare03 h3:before {
  content: "03.";
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare03 .photo {
  margin-bottom: 70px;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare03 .btn_instagram {
  margin-top: 30px;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare03 .btn_instagram a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare03 .btn_instagram a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare03 .btn_instagram a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare03 .btn_instagram a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare03 .btn_instagram a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare03 .btn_instagram a:hover:after {
  right: 20px;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare03 .btn_instagram a {
  background: #fff;
  border-color: #313131;
  color: #313131;
  font-weight: 400;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare03 .btn_instagram a {
    max-width: 100%;
    width: 100%;
    padding: 15px 10px;
  }
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare03 .btn_instagram a:after {
  background-image: url(images/img_icon_arrow_black.png);
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare03 .btn_instagram a span {
  padding-left: 36px;
  position: relative;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail.welfare03 .btn_instagram a span:before {
  content: "";
  width: 26px;
  height: 26px;
  background: url(images/img_icon_instagram.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -2px;
  left: 0;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail h3 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #6cb8d8;
  font-weight: 400;
  letter-spacing: 3px;
  margin-bottom: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail h3 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail h3:before {
  content: "01.";
  font-family: "Roboto", serif;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 300;
  margin-right: 5px;
  position: relative;
  top: 2px;
  display: none;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail h3:before {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail h3:before {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail h3:before {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
    margin-right: 2px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail h3:before {
    font-size: 20px;
    font-size: 2rem;
  }
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .lead p {
  line-height: 2;
  margin-bottom: 20px;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .point {
  border: 1px solid #10303d;
  border-radius: 20px;
  padding: 50px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .point {
    padding: 50px 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .point {
    padding: 45px 25px 25px;
    border-radius: 15px;
  }
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .point:before {
  content: "";
  width: 100px;
  height: 81px;
  background: url(images/ooe/img_icon_baloon_point.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -41px;
  left: -33px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .point:before {
    width: 90px;
    height: 72.9px;
    top: -38px;
    left: -20px;
  }
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .point .point_ttl {
  font-size: 20px;
  font-size: 2rem;
  color: #6cb8d8;
  font-weight: 400;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .point .point_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .point .point_txt {
  margin-bottom: 20px;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .point .point_txt:last-child {
  margin-bottom: 0;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .point .point_txt p {
  line-height: 1.9;
  margin-bottom: 20px;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .point .point_txt p:last-child {
  margin-bottom: 0;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .point .point_txt em {
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .photo_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: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .photo_area img {
  width: 48.49%;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .photo_area img {
    border-radius: 15px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .photo_area img {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .photo_area img {
    border-radius: 10px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.welfare .content section.sec_welfare .sec_welfare_detail .photo_area img:first-child {
    margin-bottom: 10px;
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1820px); /* (360 + 20) × 5 = 1900 → 1セット分だけずらす */
  }
}
.chuo_clinic.dh_recruitment .main_ttl {
  background-image: url(images/ooe/bg_main_ttl_dh_recruitment.jpg);
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh {
  padding-right: 0;
  padding-left: 0;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh h2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300;
  letter-spacing: 4px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 3px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h2 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h2 {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h2 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh h3 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 300;
  letter-spacing: 5px;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 4px;
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh h3 .emphasis {
  display: inline-block;
  position: relative;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh h3 .emphasis:before {
  content: "";
  width: 1px;
  height: 58px;
  background: #313131;
  position: absolute;
  top: 15px;
  left: -38px;
  transform: rotate(-16deg);
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 .emphasis:before {
    left: -30px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 .emphasis:before {
    height: 52px;
    left: -24px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 .emphasis:before {
    height: 48px;
    top: 12px;
    left: -15px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 .emphasis:before {
    height: 40px;
    left: -12px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh h3 .emphasis:after {
  content: "";
  width: 1px;
  height: 58px;
  background: #313131;
  position: absolute;
  top: 15px;
  right: -30px;
  transform: rotate(16deg);
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 .emphasis:after {
    right: -30px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 .emphasis:after {
    height: 52px;
    right: -24px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 .emphasis:after {
    height: 48px;
    top: 12px;
    right: -15px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 .emphasis:after {
    height: 40px;
    right: -12px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh h3 em {
  font-size: 52px;
  font-size: 5.2rem;
  color: #79bddb;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 em {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 em {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 em {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh h3 em {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh section {
  padding: 0 0 80px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh section {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh section {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh section {
    padding-bottom: 50px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason {
  max-width: 1180px;
  margin: 0 auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_box {
  border: 1px solid #313131;
  border-radius: 20px;
  padding: 70px 60px;
  margin-bottom: 80px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_box {
    padding: 60px 40px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_box {
    padding: 50px 30px 40px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_box {
    padding: 40px 25px 40px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_box {
    padding-bottom: 30px;
    border-radius: 15px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_box.reason_03 {
  margin-bottom: 60px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_box.reason_03 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_box.reason_03 {
    margin-bottom: 40px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_num {
  width: 124px;
  height: 99px;
  font-family: "Roboto", serif;
  font-size: 11px;
  font-size: 1.1rem;
  color: #eef9fe;
  letter-spacing: 2px;
  text-align: center;
  line-height: 1.2;
  font-weight: 500;
  background: url(images/ooe/bg_baloon_reason.png) no-repeat 0 0;
  background-size: cover;
  padding: 30px 0 0 8px;
  position: absolute;
  top: -41px;
  left: -43px;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_num {
    left: -35px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_num {
    width: 111.6px;
    height: 89.1px;
    padding-top: 28px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_num {
    width: 99.2px;
    height: 79.2px;
    padding-top: 22px;
    left: -25px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_num {
    width: 86.8px;
    height: 69.3px;
    letter-spacing: 1px;
    padding-top: 18px;
    padding-left: 5px;
    left: -20px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_num span {
  display: block;
  font-size: 34px;
  font-size: 3.4rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_num span {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_num span {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_num span {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_ttl {
  font-size: 26px;
  font-size: 2.6rem;
  color: #6cb8d8;
  font-weight: 400;
  letter-spacing: 2px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_ttl {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_ttl {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_ttl {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_inner > p {
  width: calc(100% - 450px);
  line-height: 2;
  margin-right: 40px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_inner > p {
    width: 100%;
    margin: 0 0 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_inner > p {
    line-height: 1.8;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_inner .photo {
  width: 410px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_inner .photo {
    width: 100%;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_inner .photo img {
  width: 100%;
  border-radius: 15px;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_inner .staff_message {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: 40px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_inner .staff_message {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    -moz-align-items: start;
    align-items: start;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_inner .staff_message .staff_photo {
  width: 94px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_inner .staff_message .staff_photo {
    width: 100%;
    text-align: center;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_inner .staff_message .msg {
  width: calc(100% - 94px - 25px);
  background: #f8f4ed;
  border-radius: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 25px;
  padding: 25px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_inner .staff_message .msg {
    width: 100%;
    margin: 25px 0 0 0;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_inner .staff_message .msg:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 14px solid #f8f4ed;
  border-bottom: 6px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  top: 22px;
  left: -28px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .reason_inner .staff_message .msg:before {
    border-top: 14px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 14px solid #f8f4ed;
    border-left: 6px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .another_recommend {
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 2px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .another_recommend {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .another_recommend {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_good_reason .another_recommend span {
  display: inline-block;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .btn_more a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .btn_more a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .btn_more a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .btn_more a:hover:after {
  right: 20px;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .btn_more a {
  margin: 40px auto 0;
  background: #6cb8d8;
  border-color: #6cb8d8;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .btn_more a {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .btn_more a {
    margin-top: 20px;
    padding: 12px 20px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_header {
  padding-right: 40px;
  padding-left: 40px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_header {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_header {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .ttl_en {
  font-family: "Roboto", serif;
  font-size: 24px;
  font-size: 2.4rem;
  color: #a0cfe4;
  text-align: center;
  font-weight: 200;
  letter-spacing: 4px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .ttl_en {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .ttl_en {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .ttl_en {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic h2 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 300;
  letter-spacing: 4px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic h2 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic h2 {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic h2 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .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: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  max-width: 1100px;
  background: #ecf5f9;
  padding: 60px;
  margin: 0 auto 80px;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box {
    padding: 35px 25px 30px;
    border-radius: 15px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_clinic .msg_baloon {
  position: absolute;
  top: -50px;
  right: -17px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_clinic .msg_baloon {
    top: -65px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_clinic .msg_baloon {
    top: -60px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_clinic .msg_baloon {
    top: -50px;
    right: -14px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_clinic .msg_baloon img {
    width: 144px;
    height: 85.5px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_clinic .msg_baloon img {
    width: 128px;
    height: 76px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_job {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_job {
    margin-bottom: 60px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_job h3 {
  position: absolute;
  top: -50px;
  left: -17px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_job h3 {
    top: -65px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_job h3 {
    top: -60px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_job h3 {
    top: -50px;
    left: -14px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_job h3 img {
    width: 144px;
    height: 85.5px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_job h3 img {
    width: 128px;
    height: 76px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_job .photo {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_job .photo {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_job .txt_area {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
  margin: 0 40px 0 0;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box.about_job .txt_area {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 0;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box .photo {
  width: 410px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box .photo {
    width: 100%;
    margin: 0 0 30px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box .photo {
    margin-bottom: 20px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box .photo img {
  width: 100%;
  border-radius: 15px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box .photo img {
    border-radius: 10px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box .txt_area {
  width: calc(100% - 450px);
  margin-left: 40px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box .txt_area {
    width: 100%;
    margin-left: 0;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box .txt_area .btn_more a {
  margin-left: 0;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_box .txt_area .btn_more a {
    max-width: 100%;
    padding: 12px 10px;
    margin-top: 30px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview h3 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #6cb8d8;
  letter-spacing: 3px;
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview h3 {
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .lead {
  text-align: center;
  margin-bottom: 50px;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_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;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0 60px;
  background: linear-gradient(to bottom, #ffffff calc(100% - 290px), #ecf5f9 0);
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .interview_list_inner {
  display: block;
  width: 410px;
  margin: 0 15px;
  padding-top: 70px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .interview_list_inner {
    width: 360px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .interview_list_inner {
    width: 320px;
    margin: 0 10px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .interview_list_inner {
    width: 280px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .interview_list_inner:nth-child(even) {
  margin-top: 40px;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .photo {
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .photo img {
  border-radius: 100%;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .interview_box {
  background: #fff;
  border: 1px solid #49bcbd;
  border-radius: 20px;
  padding: 170px 40px 40px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .interview_box {
    padding: 140px 30px 30px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .interview_box {
    padding: 120px 25px 30px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .interview_box {
    padding-top: 100px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .staff_status {
  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;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .staff_status .clinic_place {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #6cb8d8;
  padding: 0 20px;
  border: 1px solid #6cb8d8;
  border-radius: 100px;
  margin-right: 10px;
  margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .staff_status .clinic_place {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .staff_status .clinic_place.clinic_sakuramachi {
  color: #4c83c0;
  border-color: #4c83c0;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .staff_status .clinic_place.clinic_amuplaza {
  color: #535dbd;
  border-color: #535dbd;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .staff_status .clinic_place.clinic_kengun {
  color: #714abd;
  border-color: #714abd;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .staff_status .clinic_place.clinic_uto {
  color: #af4abd;
  border-color: #af4abd;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .staff_status .job_position {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #0f8181;
  padding: 0 20px;
  border: 1px solid #e4f4f4;
  border-radius: 100px;
  background: #e4f4f4;
  margin-right: 10px;
  margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .staff_status .job_position {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .catch {
  color: #313131;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .catch {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .name {
  color: #26b1b2;
  text-align: right;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_interview .interview_list .name {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa {
  max-width: 1180px;
  padding: 60px 576px 130px 40px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa {
    padding-right: 460px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa {
    padding: 50px 40px 200px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa {
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa {
    padding-bottom: 100px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa h3 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #6cb8d8;
  font-weight: 400;
  text-align: left;
  line-height: 1.4;
  margin-bottom: 30px;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa h3 {
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa h3 {
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa h3 {
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa h3 span {
  display: inline-block;
  margin-left: 10px;
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa h3 span {
    display: block;
    margin-left: 0;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa p {
  line-height: 2.2;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa p {
    text-align: center;
    line-height: 2;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa p {
    text-align: left;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .btn_more {
    margin-bottom: 40px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .btn_more a {
  margin-left: 0;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .btn_more a {
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .btn_more a {
    max-width: 100%;
    padding: 12px 10px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo {
  position: absolute;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo img {
  border-radius: 15px;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo img {
    width: 100%;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo.photo01 {
  top: 60px;
  right: 100px;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo.photo01 {
    width: 320px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo.photo01 {
    position: static;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo.photo01 {
    width: 100%;
    width: 400px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo.photo01 {
    width: 360px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo.photo01 {
    width: 320px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo.photo01 {
    width: 280px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo.photo02 {
  bottom: 60px;
  right: 0;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo.photo02 {
    width: 200px;
    bottom: 80px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo.photo02 {
    width: 260px;
    bottom: 60px;
    right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo.photo02 {
    width: 200px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo.photo02 {
    width: 180px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo.photo02 {
    width: 150px;
    bottom: 40px;
    right: 20px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_clinic_qa .photo.photo02 {
    width: 120px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry {
  background: #ecf5f9;
  padding-right: 40px;
  padding-left: 40px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .before_entry_inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 60px 0 140px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .before_entry_inner {
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .before_entry_inner {
    padding-bottom: 260px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .before_entry_inner {
    padding-bottom: 300px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area {
  background: #fff;
  width: 580px;
  padding: 40px 50px;
  position: absolute;
  bottom: 60px;
  right: 0;
}
@media screen and (max-width: 1250px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area {
    right: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area {
    width: 500px;
    padding: 30px 40px;
    right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area {
    width: 70%;
    right: -20px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area {
    width: 95%;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area {
    width: 90%;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area {
    padding: 30px 25px;
    right: -10px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area h3 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #6cb8d8;
  text-align: left;
  font-weight: 400;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area p {
  line-height: 2;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area .btn_more a {
  margin-left: 0;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .txt_area .btn_more a {
    max-width: 100%;
    padding: 12px 10px;
  }
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .photo {
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .photo {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .photo {
    width: 96%;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .photo img {
  height: 460px;
  object-fit: cover;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .photo img {
    height: 400px;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .photo img {
    height: 360px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_clinic .about_before_entry .photo img {
    height: 320px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit {
  padding: 80px 0 0 0;
  border-top: 1px solid #6cb8d8;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .ttl_en {
  font-family: "Roboto", serif;
  font-size: 24px;
  font-size: 2.4rem;
  color: #e1eff6;
  text-align: center;
  font-weight: 200;
  letter-spacing: 4px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .ttl_en {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .ttl_en {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .ttl_en {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit h2 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .lead {
  text-align: center;
  line-height: 2.2;
  margin-bottom: 40px;
  padding-right: 40px;
  padding-left: 40px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .lead {
    line-height: 1.8;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .lead {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .lead {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .lead span {
  display: block;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .lead span {
    display: inline;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
  padding-right: 40px;
  padding-left: 40px;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area > div {
  width: 312px;
  margin: 0 20px;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area > div a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area > div a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area > div a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area > div a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area > div a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area > div a:hover:after {
  right: 20px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area > div {
    width: 48%;
    margin: 0 1%;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area > div {
    width: 100%;
    margin: 0 0 10px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area > div.btn_recruit a {
  background: #6cb8d8;
  border-color: #6cb8d8;
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area > div.btn_visitor {
    margin-bottom: 0;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area > div.btn_visitor a {
  background: #82c7e4;
  border-color: #82c7e4;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area > div a {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .btn_area > div a {
    padding: 12px 20px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .gallery {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0;
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .gallery .gallery_inner {
  display: flex;
  gap: 20px; /* 画像間の余白 */
  animation: scroll 40s linear infinite;
  width: max-content; /* 内容サイズに合わせる */
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .gallery .gallery_inner {
    gap: 10px;
  }
}
.chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .gallery .gallery_inner img {
  flex-shrink: 0;
  width: 360px;
  height: auto;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .gallery .gallery_inner img {
    width: 300px;
  }
}
@media screen and (max-width: 480px) {
  .chuo_clinic.dh_recruitment .content section.sec_for_dh .sec_about_recruit .gallery .gallery_inner img {
    width: 260px;
  }
}

/*--------------------------------------------------------------
 Post style
--------------------------------------------------------------*/
.post-type-archive-interview header .main_ttl,
.tax-interview_place header .main_ttl {
  background-image: url(images/bg_main_ttl_interview.jpg);
}
.post-type-archive-interview .content section.sec_interview,
.tax-interview_place .content section.sec_interview {
  padding: 150px 40px 0;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview,
  .tax-interview_place .content section.sec_interview {
    padding-top: 130px;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview,
  .tax-interview_place .content section.sec_interview {
    padding-top: 120px;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list,
.tax-interview_place .content section.sec_interview .interview_list {
  width: 100%;
  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;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list,
  .tax-interview_place .content section.sec_interview .interview_list {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list,
  .tax-interview_place .content section.sec_interview .interview_list {
    margin-bottom: 0;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner,
.tax-interview_place .content section.sec_interview .interview_list .interview_list_inner {
  width: 32%;
  margin: 0 2% 120px 0;
  background-size: cover;
  border: 1px solid #49bcbd;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner,
  .tax-interview_place .content section.sec_interview .interview_list .interview_list_inner {
    width: 49%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner,
  .tax-interview_place .content section.sec_interview .interview_list .interview_list_inner {
    padding-top: 50px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner,
  .tax-interview_place .content section.sec_interview .interview_list .interview_list_inner {
    width: 100%;
    margin-right: 0;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner,
  .tax-interview_place .content section.sec_interview .interview_list .interview_list_inner {
    border-radius: 15px;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner:nth-child(3n),
.tax-interview_place .content section.sec_interview .interview_list .interview_list_inner:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner:nth-child(3n),
  .tax-interview_place .content section.sec_interview .interview_list .interview_list_inner:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner:nth-child(3n),
  .tax-interview_place .content section.sec_interview .interview_list .interview_list_inner:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner:nth-child(even),
  .tax-interview_place .content section.sec_interview .interview_list .interview_list_inner:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner:last-child,
  .tax-interview_place .content section.sec_interview .interview_list .interview_list_inner:last-child {
    margin-bottom: 20px;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .photo,
.tax-interview_place .content section.sec_interview .interview_list .photo {
  width: 204px;
  text-align: center;
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .photo,
  .tax-interview_place .content section.sec_interview .interview_list .photo {
    width: 180px;
    top: -70px;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .photo,
  .tax-interview_place .content section.sec_interview .interview_list .photo {
    width: 150px;
    top: -60px;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .photo img,
.tax-interview_place .content section.sec_interview .interview_list .photo img {
  border-radius: 100%;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box,
.tax-interview_place .content section.sec_interview .interview_list .interview_box {
  background: #fff;
  border: none;
  padding: 80px 40px 40px;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box,
  .tax-interview_place .content section.sec_interview .interview_list .interview_box {
    padding: 70px 25px 40px;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box,
  .tax-interview_place .content section.sec_interview .interview_list .interview_box {
    padding-top: 65px;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .staff_status,
.tax-interview_place .content section.sec_interview .interview_list .staff_status {
  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;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.post-type-archive-interview .content section.sec_interview .interview_list .staff_status .clinic_place,
.tax-interview_place .content section.sec_interview .interview_list .staff_status .clinic_place {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #6cb8d8;
  padding: 0 20px;
  border: 1px solid #6cb8d8;
  border-radius: 100px;
  margin-right: 10px;
  margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .staff_status .clinic_place,
  .tax-interview_place .content section.sec_interview .interview_list .staff_status .clinic_place {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .staff_status .clinic_place.clinic_sakuramachi,
.tax-interview_place .content section.sec_interview .interview_list .staff_status .clinic_place.clinic_sakuramachi {
  color: #4c83c0;
  border-color: #4c83c0;
}
.post-type-archive-interview .content section.sec_interview .interview_list .staff_status .clinic_place.clinic_amuplaza,
.tax-interview_place .content section.sec_interview .interview_list .staff_status .clinic_place.clinic_amuplaza {
  color: #535dbd;
  border-color: #535dbd;
}
.post-type-archive-interview .content section.sec_interview .interview_list .staff_status .clinic_place.clinic_kengun,
.tax-interview_place .content section.sec_interview .interview_list .staff_status .clinic_place.clinic_kengun {
  color: #714abd;
  border-color: #714abd;
}
.post-type-archive-interview .content section.sec_interview .interview_list .staff_status .clinic_place.clinic_uto,
.tax-interview_place .content section.sec_interview .interview_list .staff_status .clinic_place.clinic_uto {
  color: #af4abd;
  border-color: #af4abd;
}
.post-type-archive-interview .content section.sec_interview .interview_list .staff_status .job_position,
.tax-interview_place .content section.sec_interview .interview_list .staff_status .job_position {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #0f8181;
  padding: 0 20px;
  border: 1px solid #e4f4f4;
  border-radius: 100px;
  background: #e4f4f4;
  margin-right: 10px;
  margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .staff_status .job_position,
  .tax-interview_place .content section.sec_interview .interview_list .staff_status .job_position {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .catch,
.tax-interview_place .content section.sec_interview .interview_list .catch {
  color: #313131;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .catch,
  .tax-interview_place .content section.sec_interview .interview_list .catch {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .name,
.tax-interview_place .content section.sec_interview .interview_list .name {
  color: #26b1b2;
  text-align: right;
  position: absolute;
  bottom: 30px;
  right: 40px;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .name,
  .tax-interview_place .content section.sec_interview .interview_list .name {
    right: 30px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .name,
  .tax-interview_place .content section.sec_interview .interview_list .name {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.post-type-archive-interview .content .archives-nav,
.tax-interview_place .content .archives-nav {
  text-align: center;
  margin-top: 40px;
}
.post-type-archive-interview .content .archives-nav .page-numbers,
.tax-interview_place .content .archives-nav .page-numbers {
  display: inline-block;
  width: 34px;
  padding: 5px;
  background: #49bcbd;
  color: #fff;
  border-radius: 3px;
}
.post-type-archive-interview .content .archives-nav .page-numbers.current,
.tax-interview_place .content .archives-nav .page-numbers.current {
  background: #f9f3f5;
  color: #313131;
  border: 1px solid #49bcbd;
}

.single-interview .main_ttl {
  background-image: url(images/bg_main_ttl_interview.jpg);
}
.single-interview .content section.sec_interview_detail {
  padding-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 120px;
  padding: 40px;
  border-radius: 12px;
  border: 1px solid #49bcbd;
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    padding: 40px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    max-width: 100%;
  }
}
@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: 30px;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .photo img {
  width: 100%;
}
.single-interview .content section.sec_interview_detail .interview_main .interview_info {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main .interview_info {
    width: 100%;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .staff_status {
  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;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main .staff_status {
    display: block;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .staff_status .clinic_place {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #6cb8d8;
  padding: 2px 25px;
  border: 1px solid #6cb8d8;
  border-radius: 100px;
  margin-right: 10px;
  margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main .staff_status .clinic_place {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .staff_status .clinic_place.clinic_sakuramachi {
  color: #4c83c0;
  border-color: #4c83c0;
}
.single-interview .content section.sec_interview_detail .interview_main .staff_status .clinic_place.clinic_amuplaza {
  color: #535dbd;
  border-color: #535dbd;
}
.single-interview .content section.sec_interview_detail .interview_main .staff_status .clinic_place.clinic_kengun {
  color: #714abd;
  border-color: #714abd;
}
.single-interview .content section.sec_interview_detail .interview_main .staff_status .clinic_place.clinic_uto {
  color: #af4abd;
  border-color: #af4abd;
}
.single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl {
  display: inline-block;
  color: #0f8181;
  border: 1px solid #e4f4f4;
  background: #e4f4f4;
  padding: 2px 25px;
  margin-bottom: 5px;
  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;
  line-height: 1.9;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main .staff_job_ttl span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.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: 20px;
}
.single-interview .content section.sec_interview_detail .interview_main .name {
  font-size: 22px;
  font-size: 2.2rem;
  color: #313131;
  font-weight: 500;
  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: #49bcbd;
}
@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 .interview_why,
.single-interview .content section.sec_interview_detail .interview_main .interview_personality {
  margin-bottom: 40px;
}
.single-interview .content section.sec_interview_detail .interview_main .interview_why dt,
.single-interview .content section.sec_interview_detail .interview_main .interview_personality dt {
  font-weight: 700;
  margin-bottom: 5px;
}
.single-interview .content section.sec_interview_detail .interview_main .interview_why dt:before,
.single-interview .content section.sec_interview_detail .interview_main .interview_personality dt:before {
  content: "●";
  color: #49bcbd;
}
.single-interview .content section.sec_interview_detail .interview_main .catch {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  color: #313131;
  letter-spacing: 1px;
  line-height: 1.6;
}
@media screen and (max-width: 1250px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .staff_tag {
  font-size: 14px;
  font-size: 1.4rem;
  color: #f0598c;
}
.single-interview .content section.sec_interview_detail .interview_main .qualification {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 1px;
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main .qualification {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .qualification span {
  display: inline-block;
  padding: 3px 15px;
  background: #f6f6f6;
  margin-right: 10px;
}
.single-interview .content section.sec_interview_detail .interview_qa {
  max-width: 1280px;
  width: 55%;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 1280px) {
  .single-interview .content section.sec_interview_detail .interview_qa {
    width: 75%;
  }
}
@media screen and (max-width: 960px) {
  .single-interview .content section.sec_interview_detail .interview_qa {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa {
    margin-top: 50px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa {
    margin-top: 40px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa h2 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #49bcbd;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa h2 {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont {
    margin-bottom: 70px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont:last-child {
  margin-bottom: 0;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont li {
  margin-bottom: 100px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont li {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont li {
    margin-bottom: 50px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont li:last-child {
  margin-bottom: 0;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_img {
  margin-bottom: 20px;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_img img {
  width: 100%;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 40px;
  position: relative;
  color: #49bcbd;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
    margin-bottom: 30px;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3:before {
  display: inline-block;
  font-family: "Roboto", serif;
  content: "Q.";
  font-size: 20px;
  font-size: 2rem;
  color: #49bcbd;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h3:before {
    top: 3px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p.lead {
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p.lead br {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p.lead {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p.lead {
    font-size: 22px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p {
  margin-bottom: 15px;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p:last-child {
  margin-bottom: 0;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area img {
  margin-top: 50px;
  border-radius: 8px;
}
.single-interview .content section.sec_interview_detail .interview_qa .inteview_message {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.single-interview .content section.sec_interview_detail .interview_qa .inteview_message h3 {
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  color: #49bcbd;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .inteview_message h3 {
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .inteview_message .interview_message_thumb {
  width: 120px;
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .inteview_message .interview_message_thumb {
    text-align: center;
    margin: 0 auto 20px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .inteview_message .interview_msg {
  width: calc(100% - 160px);
  background: #fff6e9;
  padding: 20px;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_qa .inteview_message .interview_msg {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .inteview_message .interview_msg {
    width: 100%;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .inteview_message .interview_msg:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 13px solid #fff6e9;
  border-bottom: 5px solid transparent;
  border-left: 13px solid transparent;
  position: absolute;
  top: 24px;
  left: -26px;
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .inteview_message .interview_msg:before {
    border-top: 13px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 13px solid #fff6e9;
    border-left: 5px solid transparent;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.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;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1360px;
  margin: 100px auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links {
    margin: 80px auto;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content .post-navigation .nav-links {
    margin: 60px auto;
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .post-navigation .nav-links {
    margin: 50px auto;
    padding: 0 25px;
  }
}
.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: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .single-interview .content .post-navigation .nav-links > div a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .post-navigation .nav-links > div a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content .post-navigation .nav-links > div a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.single-interview .content .post-navigation .nav-links > div a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.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: 280px;
  padding: 15px 10px;
}
@media screen and (max-width: 768px) {
  .single-interview .content .post-navigation .nav-links > div a {
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .post-navigation .nav-links > div a {
    padding: 12px 10px;
  }
}
.single-interview .content .post-navigation .nav-links > div a:after {
  width: 10px;
  height: 10px;
  left: initial;
  right: 25px;
}
.single-interview .content .post-navigation .nav-links > div a:hover:after {
  left: initial;
  right: 20px;
}
.single-interview .content .post-navigation .nav-links .nav-previous {
  float: none;
  margin-left: auto;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.single-interview .content .post-navigation .nav-links .nav-previous a {
  margin-left: auto;
}
.single-interview .content .post-navigation .nav-links .nav-next {
  float: none;
  margin-right: auto;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
@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 a {
  margin-right: auto;
}
.single-interview .content .post-navigation .nav-links .nav-next a:after {
  width: 10px;
  height: 10px;
  left: 25px;
  transform: translateY(-50%) rotate(-180deg);
}
.single-interview .content .post-navigation .nav-links .nav-next a:hover:after {
  left: 20px;
}

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

.tax-recruit_cat .content section.sec_recruit_list h2,
.tax-recruit_place .content section.sec_recruit_list h2,
.tax-recruit_status .content section.sec_recruit_list h2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .tax-recruit_cat .content section.sec_recruit_list h2,
  .tax-recruit_place .content section.sec_recruit_list h2,
  .tax-recruit_status .content section.sec_recruit_list h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .tax-recruit_cat .content section.sec_recruit_list h2,
  .tax-recruit_place .content section.sec_recruit_list h2,
  .tax-recruit_status .content section.sec_recruit_list h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .tax-recruit_cat .content section.sec_recruit_list h2,
  .tax-recruit_place .content section.sec_recruit_list h2,
  .tax-recruit_status .content section.sec_recruit_list h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.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: 1080px;
  margin: 0 auto;
  padding-bottom: 0;
}
.single-recruit .content section.recruit_wrapper h2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper h2 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper h2 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
}
.single-recruit .content section.recruit_wrapper h2#entry_form {
  text-align: center;
}
.single-recruit .content section.recruit_wrapper .btn_entry a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .btn_entry a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.single-recruit .content section.recruit_wrapper .btn_entry a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.single-recruit .content section.recruit_wrapper .btn_entry a:hover:after {
  right: 20px;
}
.single-recruit .content section.recruit_wrapper .btn_entry a {
  max-width: 320px;
  margin: 40px auto;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 12px 30px;
}
.single-recruit .content section.recruit_wrapper .recruit_table {
  border-top: 1px solid #313131;
  border-left: 1px solid #313131;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table {
    border-bottom: 1px solid #313131;
  }
}
.single-recruit .content section.recruit_wrapper .recruit_table th,
.single-recruit .content section.recruit_wrapper .recruit_table td {
  padding: 20px 25px;
  font-size: 16px;
  font-size: 1.6rem;
  border-right: 1px solid #313131;
  border-bottom: 1px solid #313131;
}
@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;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .recruit_table th,
  .single-recruit .content section.recruit_wrapper .recruit_table td {
    padding: 15px 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single-recruit .content section.recruit_wrapper .recruit_table th {
  width: 25%;
  font-weight: bold;
  color: #313131;
  text-align: center;
  background: #f3fffe;
}
@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 .btn_visitor a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .single-recruit .content section.recruit_wrapper .btn_visitor a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_visitor a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .single-recruit .content section.recruit_wrapper .btn_visitor a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.single-recruit .content section.recruit_wrapper .btn_visitor a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.single-recruit .content section.recruit_wrapper .btn_visitor a:hover:after {
  right: 20px;
}
.single-recruit .content section.recruit_wrapper .btn_visitor a {
  max-width: 360px;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 auto 50px;
  padding: 15px 30px;
  background: #43c3d8;
  border: 1px solid #43c3d8;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .btn_visitor a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper .btn_visitor a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form {
    text-align: left;
  }
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form label {
  display: inline-block;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form label {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .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] {
    width: 100%;
  }
}
.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: 1.2rem;
  padding: 18px 10px;
  margin: 0;
  width: 100%;
  text-align: center;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  position: relative;
  background: #212121;
}
.single-recruit .content .fix_btn2 i.far.fa-envelope {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .single-recruit footer {
    padding-bottom: 56px;
  }
}

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

/* 250904 巻 追加 */
.external-job-list {
  list-style: disc;
  padding: 15px 10px 10px 15px;
  font-size: 1.4rem;
}

.external-job-list a {
  text-decoration: underline;
}

.external-job-list a::after {
  content: "\f504";
  font-family: "dashicons";
  margin: 0 0 0 5px;
}

.note {
  padding: 15px 10px 10px 0;
}

.is-disabled > a {
  pointer-events: none;
  cursor: default; /* 矢印カーソルにするなら */
}

#menu-item-2845 a {
  font-weight: 500;
}

#menu-item-2846 a::after,
#menu-item-2847 a::after,
#menu-item-2848 a::after,
#menu-item-2849 a::after {
  content: "（医院情報へ）";
  font-size: 80%;
}

.clinical_training .content section.sec_training .btn_more,
.group_clinics .btn_more {
  margin-top: 30px;
}
.clinical_training .content section.sec_training .btn_more a,
.group_clinics .btn_more a {
  display: block;
  width: 100%;
  max-width: 312px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  background: #49bcbd;
  border: 1px solid #49bcbd;
  border-radius: 100px;
  padding: 18px 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .clinical_training .content section.sec_training .btn_more a,
  .group_clinics .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .clinical_training .content section.sec_training .btn_more a,
  .group_clinics .btn_more a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .clinical_training .content section.sec_training .btn_more a,
  .group_clinics .btn_more a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    padding: 15px 30px;
    max-width: 100%;
  }
}
.clinical_training .content section.sec_training .btn_more a:after,
.group_clinics .btn_more a::after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(images/img_icon_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.clinical_training .content section.sec_training .btn_more a:hover:after,
.group_clinics .btn_more a:hover:after {
  right: 20px;
}
@media screen and (max-width: 768px) {
  .clinical_training .content section.sec_training .btn_more a,
  .group_clinics .btn_more a {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .clinical_training .content section.sec_training .btn_more a,
  .group_clinics .btn_more a {
    padding: 12px 20px;
  }
}

#clinic_ooe .external-job-list {
  border-top: 1px solid #404682;
  margin-top: 30px;
}
#clinic_ooe .external-job-list a {
  color: #404682;
}

#clinic_sakuramachi .external-job-list {
  border-top: 1px solid #325275;
  margin-top: 30px;
}
#clinic_sakuramachi .external-job-list a {
  color: #325275;
}

#clinic_amuplaza .external-job-list {
  border-top: 1px solid #404682;
  margin-top: 30px;
}
#clinic_amuplaza .external-job-list a {
  color: #404682;
}

#clinic_kengun .external-job-list {
  border-top: 1px solid #714abd;
  margin-top: 30px;
}
#clinic_kengun .external-job-list a {
  color: #714abd;
}

#clinic_uto .external-job-list {
  border-top: 1px solid #66426b;
  margin-top: 30px;
}
#clinic_uto .external-job-list a {
  color: #66426b;
}